.cinematic-dice-overlay{z-index:220;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cinematic-dice-backdrop{cursor:pointer;background:0 0;border:none;padding:0;position:absolute;inset:0}.cinematic-dice-overlay[data-crit=true] .cinematic-dice-backdrop{background:radial-gradient(#ffce6b1f 0%,#0000 55%)}.cinematic-dice-overlay[data-fumble=true] .cinematic-dice-backdrop{background:radial-gradient(#b8202f24 0%,#0000 55%)}.cinematic-dice-stage{z-index:1;pointer-events:none;position:absolute;inset:0}.cinematic-dice-overlay[data-phase=exit] .cinematic-dice-stage{animation:.7s forwards cinematic-dice-exit}.cinematic-dice-label{letter-spacing:.08em;text-transform:uppercase;color:#d6b67a;text-shadow:0 1px 6px #000c;margin:0;font-size:.72rem;position:absolute;top:4.5rem;left:50%;transform:translate(-50%)}.cinematic-dice-canvas-wrap{width:100%;height:100%;position:absolute;inset:0}.cinematic-dice-result{text-align:center;background:#0c0716eb;border:1px solid #ff7a1a66;border-radius:14px;flex-direction:column;align-items:center;gap:.15rem;padding:.7rem 1.3rem;display:flex;position:absolute;bottom:9%;right:4%;box-shadow:0 8px 30px #0009}.cinematic-dice-result:empty{display:none}.cinematic-dice-face{font-family:var(--font-display,"Cinzel", Georgia, serif);color:#ffce9e;opacity:0;text-shadow:0 2px 16px #ff7a1a80;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;line-height:1;transform:scale(.6)}.cinematic-dice-overlay[data-phase=reveal] .cinematic-dice-face,.cinematic-dice-overlay[data-phase=exit] .cinematic-dice-face{animation:.55s cubic-bezier(.22,1,.36,1) forwards cinematic-result-in}.cinematic-dice-overlay[data-crit=true] .cinematic-dice-face{color:#ffd86b;text-shadow:0 0 22px #ffce6bd9}.cinematic-dice-overlay[data-fumble=true] .cinematic-dice-face{color:#e0556b;text-shadow:0 0 18px #e0556bb3}.cinematic-dice-mod,.cinematic-dice-total-label{color:#c9bca0;opacity:0;font-size:.9rem}.cinematic-dice-mod strong{color:#e7ddc9}.cinematic-dice-overlay[data-phase=reveal] .cinematic-dice-mod,.cinematic-dice-overlay[data-phase=reveal] .cinematic-dice-total-label,.cinematic-dice-overlay[data-phase=exit] .cinematic-dice-mod,.cinematic-dice-overlay[data-phase=exit] .cinematic-dice-total-label{animation:.5s .15s forwards cinematic-result-fade}.cinematic-dice-badge{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;margin-top:.15rem;padding:.15rem .5rem;font-size:.68rem}.cinematic-dice-badge--crit{color:#ffd86b;border:1px solid #ffce6b80}.cinematic-dice-badge--fumble{color:#e0556b;border:1px solid #e0556b8c}.cinematic-dice-skip-hint{color:#b9ae93;opacity:.7;text-shadow:0 1px 5px #000c;margin:0;font-size:.62rem;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}@keyframes cinematic-dice-exit{to{opacity:0;transform:scale(.92)translateY(-12px)}}@keyframes cinematic-result-in{to{opacity:1;transform:scale(1)}}@keyframes cinematic-result-fade{to{opacity:1}}.dice-canvas{width:100%;height:88px;display:block}.dice-canvas--cinematic{filter:drop-shadow(0 10px 30px #00000080);width:100%;height:100%;display:block}.dice-canvas-label{text-align:center;color:#d6b67a;margin:.1rem 0 0;font-size:.72rem}@media (prefers-reduced-motion:reduce){.cinematic-dice-overlay,.cinematic-dice-stage,.cinematic-dice-face{animation:none!important}}.dice-result-card{--dice-tint:#c81830;border:1px solid color-mix(in srgb, var(--dice-tint) 45%, transparent);background:color-mix(in srgb, var(--dice-tint) 9%, #0c071699);border-radius:10px;flex-direction:column;gap:.2rem;max-width:100%;padding:.45rem .7rem;font-family:inherit;display:inline-flex}.dice-result-card[data-crit]{border-color:#ffd86b;box-shadow:0 0 12px #ffce6b59}.dice-result-card[data-fumble]{border-color:#e0556b}.drc-head{align-items:baseline;gap:.4rem;font-size:.7rem;display:flex}.drc-roller{color:var(--dice-tint);font-weight:700}.drc-label{color:#b9ae93;text-transform:uppercase;letter-spacing:.04em}.drc-body{align-items:center;gap:.6rem;display:flex}.drc-groups{flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.drc-group{align-items:baseline;gap:.2rem;display:inline-flex}.drc-die{color:#8a8577;font-size:.68rem}.drc-rolls{color:var(--dice-tint);font-weight:600}.drc-mod{color:#c9bca0;font-size:.76rem}.drc-total{color:var(--dice-tint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.15rem;font-weight:800;line-height:1}.dice-result-card[data-crit] .drc-total{color:#ffd86b}.dice-result-card[data-fumble] .drc-total{color:#e0556b}.drc-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:.05rem .4rem;font-size:.6rem}.drc-badge--crit{color:#ffd86b;border:1px solid #ffce6b80}.drc-badge--fumble{color:#e0556b;border:1px solid #e0556b8c}.dice-skin-picker{grid-template-columns:repeat(4,1fr);gap:.4rem;width:max-content;max-width:100%;display:grid}.dice-skin-swatch{--skin:#c81830;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:9px;flex-direction:column;align-items:center;gap:.28rem;padding:.32rem .3rem .36rem;transition:border-color .12s,filter .12s,opacity .12s,background .12s;display:flex;position:relative}.dice-skin-swatch:hover:not(:disabled){filter:brightness(1.12);border-color:color-mix(in srgb, var(--skin) 50%, transparent);background:#ffffff0f}.dice-skin-swatch[data-selected]{border-color:var(--skin);box-shadow:0 0 10px color-mix(in srgb, var(--skin) 45%, transparent);background:color-mix(in srgb, var(--skin) 12%, transparent)}.dice-skin-swatch[data-locked]{opacity:.5;cursor:not-allowed}.dice-skin-chip{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--skin) 85%, white) 0%, var(--skin) 55%, color-mix(in srgb, var(--skin) 60%, black) 100%);border:1px solid color-mix(in srgb, var(--skin) 60%, black);border-radius:7px;width:32px;height:32px;position:relative}.dice-skin-tag{color:#2a1c08;background:linear-gradient(160deg,#ffe6a0,#d6b67a);border-radius:999px;justify-content:center;align-items:center;min-width:13px;height:13px;padding:0 2px;font-size:8px;line-height:1;display:inline-flex;position:absolute;top:-5px;right:-5px;box-shadow:0 1px 3px #00000080}.dice-skin-swatch[data-locked] .dice-skin-tag{box-shadow:none;background:0 0;font-size:9px}.dice-skin-swatch[data-fx=fire] .dice-skin-chip{background:radial-gradient(circle at 50% 75%,#ffdf8f 0%,#e0701a 35%,#a81018 75%,#4a0806 100%);animation:1.1s ease-in-out infinite alternate dice-skin-fire}@keyframes dice-skin-fire{0%{box-shadow:0 0 4px #c2440f}to{box-shadow:0 0 11px #e0701a}}.dice-skin-swatch[data-fx=blood] .dice-skin-chip{background:radial-gradient(circle at 45% 28%,#c0303a 0%,#7a0f18 42%,#3a060c 100%);animation:1.7s ease-in-out infinite alternate dice-skin-blood}@keyframes dice-skin-blood{0%{box-shadow:0 0 3px #5a0a10}to{box-shadow:0 0 10px #8a1018}}.dice-skin-label{color:#c9bca0;letter-spacing:.02em;white-space:nowrap;font-size:.58rem}.dice-skin-swatch[data-selected] .dice-skin-label{color:var(--skin);font-weight:700}