#move-explanation{position:relative;display:flex;gap:14px;align-items:center;padding:12px 18px 17px;background:#243c38;border-block:1px solid #dfbf7f;color:#ffedc0}#move-explanation[hidden]{display:none}#move-number{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border:2px solid #e8cd8b;border-radius:9px;background:#ecd399;color:#263a32;font:800 29px Arial,sans-serif}#move-description{font:700 16px Arial,sans-serif}#move-reason{margin:5px 0 0;font:12px/1.5 Arial,sans-serif;color:#c7d7c6}.move-meter{position:absolute;bottom:0;left:0;right:0;height:4px;background:#152b29}.move-meter i{display:block;height:100%;background:#edd197;transform-origin:left}
#dice{padding-bottom:22px}#dice [data-die]{position:relative}#dice [data-die]::after{content:attr(data-use);position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;font:700 10px Arial,sans-serif;letter-spacing:.5px;color:#e6d8b1}#dice .die.spending:disabled{opacity:1;border-color:#ffe09a;box-shadow:0 0 0 3px #ffe09a55,0 0 22px #ffdf8540}#dice .die.spending::after{color:#ffe19c}.moving-necklace #primary:disabled{opacity:.85;background:#394735;color:#ffe3aa}
.move-token{position:fixed;z-index:25;pointer-events:none;transform:translate(-50%,-50%);width:56px;padding:8px 7px 5px;border:2px solid #ffe4a6;border-radius:10px;background:#f1dba6;color:#20372e;box-shadow:0 5px 18px #10251a90;text-align:center}.move-token-face{height:28px;width:28px;margin:auto}.move-token-face .pip-grid{width:100%;height:100%;gap:3px;padding:0}.move-token-face .pip{background:#20372e}.move-token strong{display:block;font:800 22px Arial,sans-serif}.move-token small{display:block;font:700 8px Arial,sans-serif;letter-spacing:1px}
@media(max-width:700px){#move-description{font-size:13px}#move-reason{font-size:11px}#move-explanation{padding:10px 12px 15px}.move-token{width:46px}.move-token-face{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.move-meter{display:none}}

#dice .die.spending .pip{opacity:.12}.move-token-face .pip.spent-pip{opacity:.12;transition:opacity .15s}.move-token small{min-height:10px}
