.dice-arena{position:fixed;inset:0;z-index:30;overflow:hidden;pointer-events:none;background:radial-gradient(circle at center,#0a1518a8,#03090ac9);opacity:1;transition:opacity .35s ease}.dice-arena.fading{opacity:0}.dice-arena-glow{position:absolute;left:50%;bottom:11%;transform:translateX(-50%);width:min(760px,90vw);height:180px;background:radial-gradient(ellipse,#c7a56b33,transparent 70%);filter:blur(15px)}#dicePieces{position:absolute;inset:0}.die-piece{position:absolute;width:var(--die-size,82px);height:var(--die-size,82px);will-change:transform,opacity;filter:drop-shadow(0 17px 10px #0009)}.die-piece svg{width:100%;height:100%;overflow:visible}.die-piece .die-shell{stroke:#f6dd9e;stroke-width:2.5;stroke-linejoin:round}.die-piece .die-facet{stroke:#e1c48199;stroke-width:1.5;fill:none}.die-piece .die-value{fill:#fff4cf;font:700 31px Cinzel,serif;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#3b2c2a;stroke-width:3px}.die-piece.small .die-value{font-size:25px}.dice-result-banner{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);min-width:min(380px,90vw);max-width:90vw;padding:12px 22px;text-align:center;color:#f5e5bd;background:#1b2929e8;border:1px solid #a88a5b;border-radius:8px;box-shadow:0 10px 40px #0009;font:16px Cinzel,serif;letter-spacing:.05em}.dice-result-banner strong{display:block;font-size:29px;color:#f5d793;margin-top:3px}.dice-arena:not(.settled) .dice-result-banner strong{display:none}
@media(prefers-reduced-motion:reduce){.dice-arena{transition:none}}
.die-piece.discarded{opacity:.28!important;filter:grayscale(1) drop-shadow(0 6px 4px #0007);transition:opacity .3s,filter .3s}.die-piece.kept{filter:drop-shadow(0 0 12px #f2d28d) drop-shadow(0 15px 10px #0009)}
.die-piece.base .die-shell{stroke:#ffe18a;fill:#88702e}.die-piece.skill .die-shell{stroke:#94db9e;fill:#326940}.die-piece.gear .die-shell{stroke:#c7c8c3;fill:#282c2b}.die-piece.negative_skill .die-shell{stroke:#e59688;fill:#713b36}.die-piece .die-symbol{fill:#fff7d9;font:700 24px 'DM Sans',sans-serif;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#24302b;stroke-width:2px}