/* Compact battle panel; inverse scaling keeps the Roll button's original size. */
#battle-screen{background:rgba(7,16,13,.28);backdrop-filter:none}
#battle-panel{transform:scale(.85);transform-origin:center;overflow:visible}
#battle-roll{transform:scale(1.176470588);margin-top:10px;margin-bottom:8px}
#battle-dice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;min-height:0;margin:20px 0 16px}
#green-battle-dice,#blue-battle-dice{display:flex;justify-content:center;gap:7px;min-width:0;align-items:center}
#battle-dice .battle-die{width:calc((100% - 14px)/3);max-width:56px;min-width:0;padding:6px;gap:3px;flex-shrink:0}
#blue-battle-dice .battle-die{background:linear-gradient(135deg,#447fe8,#2049b3);box-shadow:0 5px 0 #122d72,0 9px 14px #0005,inset 0 2px 3px #ffffff60}
.battle-emblem{border:2px solid #e6d5a8;border-radius:50%;background:#fff;width:clamp(48px,14vw,76px);aspect-ratio:1;margin:0 auto 9px;display:grid;place-items:center;box-shadow:0 3px 8px #0006}
.battle-emblem img{width:78%;height:78%;object-fit:contain}
.battle-center .round-label{font-size:14px}
#stage #board{transition:none}
.chip{transform:translate(-50%,-50%) scaleY(var(--chip-flat,.83))}
.adjusting-view .chip{transition:none}
.chip.finished-chip .defeat-mark{color:#078548}
.game-card,.game-card.battle,.game-card.six{border-color:#000;border-bottom:4px solid #000}
.game-card.mini-card{border-bottom-width:2px}
#settings [role=tablist]{display:flex;gap:8px;margin-bottom:20px}
#settings [role=tab]{flex:1;padding:10px;color:#fff;background:transparent;border:1px solid #ffffff40;border-radius:9px;font-size:16px}
#settings [role=tab][aria-selected=true]{background:#e4ffe9;color:#103423}
#visuals-panel input[type=range]{width:100%;margin:16px 0}
#visuals-panel label{font-size:16px}.view-help{font-size:14px!important}
.hints-off #message,.hints-off #end-control>small,.hints-off .view-help{display:none}
#board-depth{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
@media(max-height:650px){#battle-screen{padding:45px 16px 35px}#battle-dice{margin:12px 0}.battle-emblem{width:48px}}
#stage{touch-action:none}.chip.stack-top{transform:translate(-50%,calc(-50% - 4px)) scaleY(var(--chip-flat,.83))}
