/* A physical six-face die for committed 1–3 results. Only the throw button receives input. */
#event-dice{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(330px,calc(100vw - 34px));z-index:24;pointer-events:none;text-align:center;color:#fff3dc;font-family:inherit}
#event-dice[hidden]{display:none!important}#event-dice *{box-sizing:border-box;pointer-events:none}
#event-dice .event-dice-panel{position:relative;padding:21px 24px 23px;background:linear-gradient(150deg,#26364c,#182739);border:2px solid #d8d5c5;box-shadow:0 0 0 4px #182535,0 0 0 5px #718494,0 15px 30px #020c1960;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
#event-dice .event-dice-panel:before,#event-dice .event-dice-panel:after{content:'';position:absolute;width:28px;height:3px;top:7px;background:#9dd2c4;left:9px;box-shadow:5px 5px #526976}
#event-dice .event-dice-panel:after{top:auto;bottom:7px;left:auto;right:9px;box-shadow:-5px -5px #526976}
#event-dice .event-dice-actor{font-size:12px;letter-spacing:.05em;color:#aebfce;margin:0 0 7px;min-height:15px;overflow-wrap:anywhere}
#event-dice .event-dice-title{font-size:22px;font-weight:750;line-height:1.25;margin:0;overflow-wrap:anywhere}
#event-dice .event-dice-stage{position:relative;height:170px;perspective:600px;perspective-origin:50% 48%;margin:8px -6px 0}
#event-dice .event-dice-platform{position:absolute;left:14%;right:14%;height:62px;bottom:13px;background:#244d50;border:2px solid #60928b;transform:rotateX(57deg);box-shadow:0 5px #102f38,inset 0 0 0 4px #193c43,inset 0 0 0 5px #486f70}
#event-dice .event-dice-shadow{position:absolute;width:86px;height:18px;left:calc(50% - 43px);bottom:33px;background:#0e1b2b;opacity:.5;clip-path:polygon(12% 0,86% 0,100% 35%,100% 75%,86% 100%,12% 100%,0 75%,0 35%)}
#event-dice .event-dice-body{position:absolute;width:78px;height:78px;left:calc(50% - 39px);top:54px;perspective:600px;transform-style:preserve-3d;font-size:78px}
#event-dice .event-dice-cube{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-24deg)}
#event-dice .event-dice-face{position:absolute;inset:0;display:block;background:#f1e6c9;border:2px solid #aa9872;box-shadow:inset 3px 3px #fff8df,inset -3px -3px #cbb88e;backface-visibility:hidden;-webkit-backface-visibility:hidden}
#event-dice .event-dice-front{transform:translateZ(.5em)}#event-dice .event-dice-back{transform:rotateY(180deg) translateZ(.5em)}#event-dice .event-dice-top{transform:rotateX(90deg) translateZ(.5em);background:#fff6dd}#event-dice .event-dice-bottom{transform:rotateX(-90deg) translateZ(.5em);background:#d3c19b}#event-dice .event-dice-right{transform:rotateY(90deg) translateZ(.5em);background:#dac69e}#event-dice .event-dice-left{transform:rotateY(-90deg) translateZ(.5em);background:#e5d5b1}
#event-dice .event-dice-pips{position:absolute;inset:16%;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);place-items:center}
#event-dice .event-dice-pips i{width:72%;height:72%;background:#263e46;box-shadow:inset 2px 2px #172b32,0 1px #fffcdf}
#event-dice .event-dice-status{height:40px;font-size:29px;line-height:40px;font-weight:800;letter-spacing:.04em;color:#b6ead8}
#event-dice[data-state=rolling] .event-dice-status{font-size:13px;font-weight:500;color:#bacbd7}
#event-dice .event-dice-roll{position:relative;display:block;width:100%;min-height:45px;margin:0;border:2px solid #d0f1e8;border-radius:2px;background:#a6ddcf;box-shadow:inset 0 -4px #699e92;color:#173c42;font-size:15px;font-weight:750;cursor:pointer;pointer-events:auto;overflow:hidden}
#event-dice .event-dice-roll[hidden]{display:none!important}#event-dice .event-dice-roll:focus-visible{outline:3px solid #fff4c5;outline-offset:4px}
#event-dice .event-dice-roll i{position:absolute;left:0;right:0;bottom:0;height:3px;background:#447b73;transform-origin:left;animation:event-dice-timeout var(--event-auto-ms,1600ms) linear forwards}
#event-dice[data-state=waiting] .event-dice-status{display:none}
#event-dice[data-state=result] .event-dice-status{animation:event-dice-result .18s steps(4,end) both}
@keyframes event-dice-timeout{to{transform:scaleX(0)}}@keyframes event-dice-result{from{transform:translateY(3px)}to{transform:none}}
@media(max-width:390px){#event-dice .event-dice-panel{padding:19px 21px 21px}#event-dice .event-dice-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){#event-dice[data-state=result] .event-dice-status{animation:none}}
body #turn-feedback.event-feedback .feedback-stay-outcome{display:flex;gap:9px;align-items:center;justify-content:center;color:#b7e5d6;font-size:25px;font-weight:750;padding:8px 0}
body #turn-feedback.event-feedback .feedback-stay-outcome strong{font-size:35px}
body #turn-feedback.event-feedback .v26-shopping-die{animation:none}