.board-turn-agent{position:absolute;right:16px;bottom:14px;z-index:4;display:flex;align-items:center;gap:12px;padding:10px 9px 10px 16px;background:linear-gradient(110deg,#071d37ed,#153c60e8);border:1px solid color-mix(in srgb,var(--turn-color) 65%,#7898bb);border-radius:15px 40px 40px 15px;box-shadow:0 8px 24px #00152b80;text-align:right;max-width:250px}.board-turn-agent>div{min-width:0}.board-turn-agent small{display:block;color:#a4d8f5;font-size:7px;letter-spacing:1px}.board-turn-agent strong{display:block;margin:5px 0;font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-turn-agent>div>span{font-size:11px;color:#dceeff}.board-turn-agent i{font-style:normal;color:#a5bdd8;font-size:9px}.board-turn-agent .avatar{width:62px;height:62px;border-width:3px;box-shadow:0 0 18px color-mix(in srgb,var(--turn-color) 35%,transparent)}.map-legend .zoom{position:absolute;right:0;bottom:102px}.map-legend>span{max-width:calc(100% - 255px)}.map-shell.is-battling{min-height:430px}.is-battling>.board-turn-agent,.is-battling>.map-top,.is-battling>.map-tools,.is-battling>.map-legend{visibility:hidden}.is-battling>#map{opacity:1;filter:none}
.battle-board{position:absolute;inset:0;z-index:8;color:#edf7ff;background:transparent;overflow:hidden;isolation:isolate;outline:none}.battle-board .battle-heading{position:absolute;top:17px;left:22px;right:22px;justify-content:center;text-align:center}.battle-board .battle-heading h2{font-size:22px;margin:7px 0 0;text-shadow:0 2px 9px #001b33}.battle-board .battle-heading .eyebrow{font-size:8px;color:#b4edff}.battle-board .battle-close{position:absolute;right:0;top:0;background:#102f50d9}.battle-board .battle-round{position:absolute;top:78px;bottom:137px;left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 44px));display:flex;flex-direction:column;padding:0 18px;background:transparent;border:0;border-radius:0;box-shadow:none}.battle-board .roll-heading{padding-bottom:8px;font-size:9px}.battle-board .duel-grid{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;gap:5px;min-height:0}.battle-board .duel-row{grid-template-columns:1fr 145px 1fr;min-height:0;flex:1}.battle-board .duel-face{padding:7px 4px;min-height:0}.battle-board .pair-result{font-size:8px}.battle-board .round-losses{padding-top:9px;margin-top:8px;font-size:8px;min-height:25px}.battle-board .battle-total{display:none}.battle-board .battle-outcome{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);width:min(530px,calc(100% - 40px));padding:0;font-size:11px;line-height:1.45;text-shadow:0 2px 4px #00192b}.battle-board .battle-versus{position:absolute;inset:0;display:block;margin:0;pointer-events:none}.battle-board .battle-versus>span{display:none}.battle-board .battle-combatant{position:absolute;bottom:18px;width:min(27%,230px);display:flex;flex-direction:row;align-items:center;gap:11px;text-align:left;padding:9px;background:linear-gradient(115deg,#061f3cef,#173c60df);border:1px solid color-mix(in srgb,var(--side) 65%,#a2b3c9);border-radius:44px 13px 13px 44px;box-shadow:0 6px 24px #00182b88}.battle-board .battle-combatant.attacker{left:16px}.battle-board .battle-combatant.defender{right:16px;flex-direction:row-reverse;text-align:right;border-radius:13px 44px 44px 13px}.battle-board .battle-combatant>div{min-width:0}.battle-board .battle-combatant .avatar{width:62px;height:62px;border-width:3px;flex-shrink:0}.battle-board .battle-combatant strong{display:block;font-size:15px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-board .battle-combatant small{font-size:7px;letter-spacing:1px;color:#c6eaff}.battle-board .battle-combatant>div>span{display:block;font-size:9px;color:#a8c9e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-board .battle-playback{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:flex;gap:5px;justify-content:center;flex-wrap:nowrap;width:max-content;max-width:44%}.battle-board .battle-playback button{padding:9px 10px;font-size:9px;white-space:nowrap;min-height:34px}.battle-board .battle-playback .primary{margin:0}.battle-board .battle-rule{position:absolute;bottom:9px;left:29%;right:29%;font-size:7px;margin:0;line-height:1.3;text-shadow:0 2px 4px #00172a}
.die3d{--cube:39px;--half:19.5px;--pip:5px;--die-fill:#ffe19a;--die-light:#fff5d8;--die-border:#eabf62;--die-ink:#3b2d14;display:inline-block;width:var(--cube);height:var(--cube);position:relative;perspective:450px;margin:2px 7px 5px}.die3d.defense{--die-fill:#4ebfee;--die-light:#b8f0ff;--die-border:#51b6df;--die-ink:#073653}.cube-motion,.cube-rest,.die3-cube{position:absolute;inset:0;transform-style:preserve-3d}.cube-rest{transform:rotateX(-15deg) rotateY(-20deg)}.die3-cube{transform:rotateX(var(--face-x)) rotateY(var(--face-y))}.die3-face{position:absolute;inset:0;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:6px;gap:2px;border:1px solid var(--die-border);border-radius:6px;background:linear-gradient(145deg,var(--die-light),var(--die-fill));box-shadow:inset 0 1px 2px #fff9,inset 0 -2px 3px #0002;backface-visibility:hidden}.die3-face i{width:var(--pip);height:var(--pip);border-radius:50%;background:var(--die-ink);box-shadow:inset 0 1px 1px #000b,0 1px 0 #fff5;align-self:center;justify-self:center}.face-1{transform:translateZ(var(--half))}.face-6{transform:rotateY(180deg) translateZ(var(--half))}.face-2{transform:rotateX(90deg) translateZ(var(--half))}.face-5{transform:rotateX(-90deg) translateZ(var(--half))}.face-3{transform:rotateY(90deg) translateZ(var(--half))}.face-4{transform:rotateY(-90deg) translateZ(var(--half))}.die3d:after{content:'';position:absolute;left:-5px;right:-9px;height:9px;bottom:-12px;background:#0006;border-radius:50%;filter:blur(4px);z-index:-1}.rolling .cube-motion{animation:cube-tumble 3.4s cubic-bezier(.22,.55,.35,1) both;animation-delay:var(--roll-delay,0ms);will-change:transform}.rolling .defense .cube-motion{animation-name:cube-tumble-back}@keyframes cube-tumble{0%{transform:translate3d(-125px,-45px,35px) rotateX(540deg) rotateZ(110deg) rotateY(360deg)}42%{transform:translate3d(-55px,-30px,20px) rotateX(250deg) rotateZ(50deg) rotateY(160deg)}72%{transform:translate3d(-15px,-12px,8px) rotateX(65deg) rotateZ(12deg) rotateY(40deg)}88%{transform:translate3d(3px,-4px,0) rotateX(-12deg) rotateZ(-4deg) rotateY(-8deg)}100%{transform:none}}@keyframes cube-tumble-back{0%{transform:translate3d(125px,-45px,35px) rotateX(-540deg) rotateZ(-110deg) rotateY(-360deg)}42%{transform:translate3d(55px,-30px,20px) rotateX(-250deg) rotateZ(-50deg) rotateY(-160deg)}72%{transform:translate3d(15px,-12px,8px) rotateX(-65deg) rotateZ(-12deg) rotateY(-40deg)}88%{transform:translate3d(-3px,-4px,0) rotateX(12deg) rotateZ(4deg) rotateY(8deg)}100%{transform:none}}
@media(min-width:1500px){.board-turn-agent .avatar{width:76px;height:76px}.board-turn-agent strong{font-size:19px}.battle-board .battle-combatant .avatar{width:78px;height:78px}.battle-board .battle-combatant strong{font-size:18px}.battle-board .battle-round{width:540px;top:85px;bottom:160px}.battle-board .battle-outcome{bottom:123px}.die3d{--cube:46px;--half:23px;--pip:6px}.die3-face{padding:7px}}
@media(max-width:750px){.map-shell.is-battling{min-height:475px}.battle-board .battle-heading{top:15px;left:14px;right:14px}.battle-board .battle-heading h2{font-size:18px;max-width:calc(100% - 55px);margin:8px auto 0}.battle-board .battle-heading .eyebrow{font-size:7px}.battle-board .battle-round{top:77px;bottom:177px;width:calc(100% - 32px);max-width:450px;padding:12px 14px}.battle-board .battle-outcome{bottom:143px;font-size:10px;width:calc(100% - 32px)}.battle-board .battle-combatant{bottom:60px;width:calc(50% - 23px);max-width:240px;padding:7px;gap:7px}.battle-board .battle-combatant.attacker{left:12px}.battle-board .battle-combatant.defender{right:12px}.battle-board .battle-combatant .avatar{width:48px;height:48px}.battle-board .battle-combatant strong{font-size:12px;margin:4px 0}.battle-board .battle-combatant small{font-size:6px}.battle-board .battle-combatant>div>span{font-size:8px}.battle-board .battle-playback{bottom:14px;max-width:95%;gap:6px}.battle-board .battle-playback button{font-size:10px;padding:9px 13px}.battle-board .battle-rule{display:none}.battle-board .duel-row{grid-template-columns:1fr 128px 1fr}.board-turn-agent{right:12px;bottom:13px;gap:8px;max-width:195px;padding:8px 6px 8px 12px}.board-turn-agent .avatar{width:50px;height:50px}.board-turn-agent strong{font-size:13px}.board-turn-agent small{font-size:6px}.board-turn-agent>div>span{font-size:9px}.map-legend .zoom{bottom:90px}.map-legend>span{max-width:calc(100% - 200px)}}
@media(prefers-reduced-motion:reduce){.rolling .cube-motion{animation:none}}

.battle-board .battle-heading>div{width:100%;padding:0 34px}.battle-board .battle-heading h2{max-width:none;line-height:1.2}@media(max-width:750px){.battle-board .battle-heading h2{font-size:17px}.battle-board .battle-heading>div{padding:0 28px}}
.map-legend .zoom{right:265px;bottom:5px}.map-legend>span{max-width:calc(100% - 375px)}@media(max-width:750px){.map-legend .zoom{right:auto;left:94px;bottom:7px;gap:3px}.map-legend .zoom button{width:24px;height:25px}.map-legend>span{max-width:90px;font-size:8px}}

/* Dice sit directly on the map. Only small labels and controls have backplates. */
.battle-board .battle-heading h2{display:inline-block;padding:5px 12px;border-radius:8px;background:#092843d9;font-size:18px}
.battle-board .battle-heading .eyebrow{display:block;text-shadow:0 1px 4px #00162b,0 0 6px #00162b}
.battle-board .roll-heading{justify-content:center;gap:15px;text-shadow:0 1px 3px #000,0 0 5px #00172b}
.battle-board .duel-face,.battle-board .duel-face.winner{border:0;background:none;box-shadow:none}
.battle-board .duel-face.winner .die3d{filter:drop-shadow(0 0 9px #ffeab57a)}
.battle-board .duel-row:nth-child(2){transform:translateX(22px);--roll-delay:160ms}
.battle-board .duel-row:nth-child(3){transform:translateX(-12px);--roll-delay:320ms}
.battle-board .duel-row .defense{--roll-delay:240ms}
.battle-board .pair-result{width:max-content;max-width:100%;justify-self:center;padding:5px 8px;background:#09233ae6;border-radius:12px;color:#e8f7ff}
.battle-board .rolling .pair-result{visibility:hidden}
.battle-board .round-losses{border:0;justify-content:center;text-align:center;text-shadow:0 1px 3px #001323}
.battle-board .round-losses>span{background:#092843ed;padding:4px 7px;border-radius:8px;color:#dceeff}
.battle-board .battle-outcome{width:max-content;max-width:calc(100% - 35px);padding:5px 12px;border-radius:10px;background:#092843ed}
.battle-board .die3d{--cube:46px;--half:23px;--pip:6px}
.battle-board .die3-face{padding:7px}
.battle-board .die3d:after{background:#001322a6;filter:blur(5px);height:12px;bottom:-16px}
@media(min-width:1500px){.battle-board .battle-round{width:650px}.battle-board .die3d{--cube:52px;--half:26px;--pip:7px}}
@media(max-width:750px){.battle-board .battle-round{padding:0 14px}.battle-board .battle-heading h2{font-size:16px}.battle-board .duel-row{grid-template-columns:1fr 105px 1fr}.battle-board .die3d{--cube:40px;--half:20px;--pip:5px}.battle-board .die3-face{padding:6px}.battle-board .duel-row:nth-child(2){transform:translateX(8px)}.battle-board .duel-row:nth-child(3){transform:translateX(-5px)}.battle-board .round-losses{font-size:7px;gap:4px}.battle-board .pair-result{font-size:7px;padding:4px 6px}}

.physics-dice-stage{position:absolute;inset:50px 0 105px;pointer-events:none;z-index:-1}
.physics-dice-canvas{display:block;width:100%;height:100%;pointer-events:none}
.has-physics .duel-face{display:none}
.has-physics .duel-grid{position:absolute;left:0;right:0;bottom:32px;flex-direction:row;justify-content:center;gap:8px;flex:0}
.has-physics .duel-row,.has-physics .duel-row:nth-child(n){display:block;flex:0 1 auto;transform:none}
.has-physics .round-losses{position:absolute;bottom:0;left:0;right:0}
.has-physics .battle-round{pointer-events:none}
@media(max-width:750px){.physics-dice-stage{inset:60px 0 145px}.has-physics .duel-grid{gap:3px;bottom:40px}.has-physics .pair-result{font-size:6px;padding:4px}.has-physics .round-losses{min-height:32px}}

.battle-board .dice-motion-toggle{position:absolute;left:0;top:0;padding:6px 8px;font-size:8px;border:1px solid #477298;border-radius:8px;background:#0a2841e6;color:#ceefff;white-space:nowrap}.battle-board .battle-heading>div{padding:0 88px}@media(max-width:750px){.battle-board .dice-motion-toggle{font-size:7px;padding:5px;top:43px}.battle-board .battle-heading>div{padding:0 30px}}