.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}}