.dice-result{margin-top:8px}.dice-faces{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}.dice-team{display:inline-flex;align-items:center;gap:4px}.dice-team em{font:700 8px 'DM Sans',sans-serif;color:#c2dafa;width:25px;letter-spacing:.5px}.game-die{box-sizing:border-box;display:inline-grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:2px;width:27px;height:27px;padding:4px;border-radius:6px;background:linear-gradient(145deg,#fff5d6,#ffd873);border:1px solid #fff7dc;box-shadow:0 3px 0 #9f692c,0 4px 8px #0004;color:#342600;flex-shrink:0}.game-die.defense{background:linear-gradient(145deg,#97ebff,#39afff);border-color:#b9f6ff;box-shadow:0 3px 0 #1b598b,0 4px 8px #0004;color:#082949}.game-die i{border-radius:50%;background:currentColor;width:4px;height:4px;align-self:center;justify-self:center}.dice-caption{display:block;font-size:8px;color:#b7cfe9;margin-top:7px}.dice-history{position:relative;margin-top:5px;font-size:9px;color:#d2e9ff}.dice-history summary{cursor:pointer;color:#89dfff;line-height:1.5}.dice-history-list{position:absolute;bottom:calc(100% + 6px);left:0;z-index:20;max-height:225px;overflow-y:auto;width:max-content;max-width:min(360px,70vw);padding:9px 12px;background:#0c2544;border:1px solid #63b9e6;border-radius:9px;box-shadow:0 8px 30px #0008}.dice-history-list>div{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #2a4c6d}.dice-history-list .game-die,.compact .game-die{width:21px;height:21px;padding:3px;gap:1px;border-radius:4px}.dice-history-list .game-die i,.compact .game-die i{width:3px;height:3px}.compact .dice-faces{gap:7px}.compact .dice-team{gap:3px}.compact .dice-team em{font-size:7px;width:21px}.dice-enter>.dice-faces .game-die{animation:dice-land .55s cubic-bezier(.2,.8,.2,1) both}.dice-enter>.dice-faces .game-die:nth-child(3){animation-delay:.07s}.dice-enter>.dice-faces .game-die:nth-child(4){animation-delay:.12s}@keyframes dice-land{0%{transform:translateY(-12px) rotate(-110deg);opacity:.1}55%{transform:translateY(2px) rotate(12deg);opacity:1}80%{transform:translateY(-3px) rotate(-5deg)}100%{transform:none}}@media(prefers-reduced-motion:reduce){.dice-enter>.dice-faces .game-die{animation:none}}@media(max-width:600px){.dice-faces{gap:8px}.game-die{width:23px;height:23px;padding:3px}.game-die i{width:3px;height:3px}.dice-team{gap:3px}.dice-team em{width:21px;font-size:7px}.dice-history-list{max-width:72vw;left:-35px}.dice-history-list>div{gap:6px}.dice-history-list .dice-faces{gap:6px}.dice-caption{font-size:7px}}

.game-die,.game-die.defense{background:linear-gradient(145deg,var(--die-light),var(--die-fill));border-color:var(--die-border);color:var(--die-ink);box-shadow:0 3px 0 color-mix(in srgb,var(--die-fill) 55%,black),0 4px 8px #0004}