/* G3-A presentation only. Keep map geometry, command gates and combat rules in their existing modules. */
.roster-choice:focus-within{outline:2px solid var(--accent);outline-offset:3px}
html:has(#game:not([hidden])){scroll-padding-block:115px 190px}.hud .hud-caption .extra{display:inline;font-size:inherit;color:inherit;margin:0}#game .command-dock{position:static}.bench-card{scroll-margin-block:120px 185px}@media(max-width:600px){#game .command-dock{position:fixed}.hud .hud-caption .extra{display:none}}
#game{--hud-offset:100px}.game-title{margin-bottom:15px}.game-title .eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:5px}.game-title h1{font-size:24px}.hud{position:sticky;top:0;z-index:6;background:var(--paper);grid-template-columns:1fr 1fr 1fr;padding:16px 20px;border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:8px;box-shadow:0 5px 12px #17283e0a;gap:24px}.hud>div{padding-left:0;border:0;min-width:0}.hud span{font-size:12px;margin-bottom:7px}.hud strong{font-size:30px}.hud #wave>span{font-size:30px;display:inline;color:var(--ink);margin:0}.hud #wave small{font-size:14px;margin-left:4px}.hud #coins{color:var(--orange)}.hud progress{display:block;width:100%;height:5px;border:0;background:#d5d8ce;accent-color:var(--teal);margin-top:11px;border-radius:4px}.hud progress::-webkit-progress-bar{background:#d5d8ce;border-radius:4px}.hud progress::-webkit-progress-value{background:var(--teal);border-radius:4px}.hud .critical{color:#aa3926}.hud .critical progress{accent-color:#aa3926}.hud .critical progress::-webkit-progress-value{background:#aa3926}.hud-caption{font-size:11px;color:var(--muted);margin-top:11px;display:block}.battle-metrics{display:flex;flex-wrap:wrap;gap:12px 25px;color:var(--muted);font-size:12px;padding:13px 2px 0}.battle-metrics strong{color:var(--ink);margin-left:8px;font-size:13px}.battle-controls{gap:8px;padding:13px 0}.wave-display{margin-right:auto;min-width:230px;flex:1;max-width:420px}.wave-display .wave-clock{padding:8px 12px;min-height:35px;font-size:13px}.wave-display progress{width:100%;height:3px;display:block;border:0;accent-color:var(--orange);background:#ddd7c8}.battle-controls button{min-height:44px;font-size:13px;padding:10px 14px}.battle-controls #quit{margin-left:0}.battle-guidance{display:flex;gap:15px;align-items:center;padding:15px 18px;border-left:3px solid var(--teal);background:#e5e9df;border-radius:0 6px 6px 0;margin-bottom:18px}.battle-guidance strong{font-size:15px;flex-shrink:0;max-width:45%;line-height:1.5}.battle-guidance p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.battle-guidance[data-kind=merge]{border-color:var(--orange);background:#f2e5d3}.battle-guidance[data-kind=paused]{border-color:var(--ink)}.battle-options{border-block:1px solid var(--line);margin-bottom:18px;padding:0 2px}.battle-options summary{cursor:pointer;font-size:12px;color:var(--muted);padding:12px 0;min-height:44px}.battle-options .effects-option{margin:0;padding:0}.battle-options .board-note{margin:0;padding:0 0 12px}.battle-options .bonus-note{margin:5px 0 14px}.battle-options .effects-settings{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:12px}.battle-options #performance{font-size:11px;color:var(--muted)}.arena-layout{align-items:start}.stage{scroll-margin-top:115px}.bench-panel{scroll-margin-top:115px;margin-top:18px;padding:18px;background:#e9e8dc;border:0}.bench-heading .eyebrow{font-size:10px;letter-spacing:1px}.bench-heading .bench-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;justify-content:end}.bench-actions button{font-size:12px;min-height:44px;padding:9px 12px}.bench-help{font-size:12px;line-height:1.8}.auto-merge-info{font-size:12px;line-height:1.8}.bench-grid{max-height:285px}.bench-card{min-width:0}.bench-card b{font-size:12px}.bench-card em{display:block;font-size:10px;font-weight:500;font-style:normal;color:var(--muted);margin-top:5px}.bench-card span{font-size:13px}.bench-card small{min-height:16px;font-size:10px}.bench-card[data-merge-ready=true]{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.inspector{position:sticky;top:115px}.inspector .inspector-heading .eyebrow{font-size:10px;letter-spacing:1px}.inspector h2{font-size:23px}.inspector>img{height:180px}.inspector>p,.inspector dl>div{font-size:12px}.board-note{font-size:12px;line-height:1.8}.lineup-strip{padding-bottom:0}.action-feedback{display:flex;gap:14px;align-items:center;padding:13px 16px;margin-top:15px;border:1px solid #b7c7b9;border-radius:6px;background:#f7f7ee;min-height:57px}.action-feedback strong{font-size:14px;line-height:1.6;color:var(--teal);max-width:45%}.action-feedback p{font-size:12px;line-height:1.7;margin:0;color:var(--muted)}.action-feedback[data-error=true]{border-color:#c98c79;background:#f6e9df}.action-feedback[data-error=true] strong{color:#a23828}.action-highlight::after{content:"";position:absolute;inset:0;border:3px solid #e7a65f;border-radius:inherit;pointer-events:none;animation:action-confirm .65s ease-out both}.bench-card{position:relative}.slot-target.action-highlight::after{inset:3px}.command-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;padding:16px 0;z-index:8;border-top:2px solid var(--ink);margin-top:20px;box-shadow:0 -5px 15px #17283e0a}.command-dock>.dock-state{grid-column:1;min-width:0;margin:0}.command-dock .dock-state strong{font-size:14px}.command-dock .dock-state span{font-size:11px;margin-top:4px}.command-dock>.main-commands{grid-column:2;grid-row:1/3;display:flex;gap:10px;min-width:0}.main-commands button{min-width:170px;min-height:54px;font-size:15px}.main-commands #merge{color:#fffaf0;background:var(--teal);border-color:var(--teal)}.command-dock>.unit-commands{grid-column:1;display:flex;gap:8px;flex-wrap:wrap;min-width:0}.unit-commands button{font-size:12px;min-height:44px;min-width:0;padding:9px 13px}.command-gates{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;font-size:11px;line-height:1.7;margin:0 0 16px;color:var(--muted)}.command-gates p{margin:0}.command-gates b{color:var(--ink);margin-right:6px}.play-message{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes action-confirm{from{opacity:1}to{opacity:0}}
@media(max-width:1100px){.main-commands button{min-width:145px}.battle-guidance{display:block}.battle-guidance strong{display:block;max-width:none;margin-bottom:5px}.inspector>img{height:140px}}
@media(max-width:850px){.inspector{position:static;top:auto;margin-top:8px}.inspector>img{height:90px}.inspector dl{margin:12px 0}.inspector-heading{display:none}.battle-controls{flex-wrap:wrap}.wave-display{min-width:200px}.command-dock{gap:8px 12px}.main-commands button{min-width:130px}.battle-guidance strong{font-size:14px}.battle-guidance p{font-size:12px}}
@media(max-width:600px){body:has(#game:not([hidden]))>main{padding-top:18px;padding-bottom:215px}.game-title{margin:0 0 12px}.game-title h1{font-size:21px}.game-title .eyebrow{display:none}.phase{font-size:11px;padding:7px 12px}.hud{padding:13px 12px;gap:13px;border-radius:6px}.hud span{font-size:10px;margin-bottom:6px}.hud strong,.hud #wave>span{font-size:25px}.hud #wave small{font-size:11px;margin-left:2px}.hud progress{margin-top:9px}.hud-caption{font-size:10px;margin-top:9px}.hud-caption .extra{display:none}.battle-metrics{font-size:11px;padding-top:10px;gap:12px}.battle-metrics strong{font-size:12px;margin-left:6px}.battle-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px 0}.battle-controls .wave-display{grid-column:1/-1;min-width:0;max-width:none;width:100%;margin:0}.battle-controls button{min-height:44px;font-size:11px;padding:8px 4px;margin:0}.battle-guidance{padding:12px;margin-bottom:10px}.battle-guidance strong{font-size:14px}.battle-guidance p{font-size:12px}.battle-options{margin-bottom:12px}.battle-options summary{font-size:11px;min-height:38px;padding:10px 0}.battle-options .effects-settings{flex-wrap:wrap;gap:4px}.stage{scroll-margin-top:105px}.bench-panel{padding:13px;margin-top:14px;scroll-margin-top:105px}.bench-heading{align-items:start}.bench-heading h2{font-size:19px}.bench-heading h2 span{font-size:11px;margin-left:4px}.bench-heading .bench-actions{gap:4px;font-size:10px;max-width:110px}.bench-actions button{font-size:11px;min-height:44px;padding:6px 9px}.bench-help{font-size:11px}.auto-merge-info{font-size:11px;padding:9px 10px}.bench-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:250px;gap:8px}.bench-card img{height:72px}.bench-card b{font-size:11px}.bench-card em{font-size:9px}.bench-card span{font-size:12px}.board-note{font-size:11px}.action-feedback{display:block;padding:12px;margin-top:12px}.action-feedback strong{font-size:13px;display:block;max-width:none}.action-feedback p{font-size:11px;margin-top:5px}.command-dock{position:fixed;bottom:0;left:0;right:0;width:100%;display:grid;grid-template-columns:1fr;padding:10px 5% max(10px,env(safe-area-inset-bottom));gap:7px;margin:0;border-top:1px solid var(--line);box-shadow:0 -4px 15px #17283e14;background:#f3efe5fa}.command-dock>.dock-state{display:flex;align-items:center;justify-content:space-between;gap:8px;grid-column:1;grid-row:1;min-width:0}.command-dock .dock-state strong{font-size:12px;white-space:nowrap}.command-dock .dock-state span{font-size:10px;text-align:right;margin:0;min-width:0}.command-dock>.main-commands{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.main-commands button,.command-dock .primary{min-width:0;min-height:50px;font-size:14px;padding:10px 8px}.command-dock>.unit-commands{grid-column:1;grid-row:3;display:flex;width:100%;gap:6px}.unit-commands button{flex:1;min-width:0;font-size:11px;min-height:44px;padding:8px 5px}.unit-commands:empty{display:none}.command-gates{grid-template-columns:1fr;gap:6px;font-size:11px}.toast{bottom:180px}.inspector{padding-top:15px}.inspector dl{gap:12px}.inspector dl>div{font-size:11px}.inspector>p{font-size:11px}}
.toast{pointer-events:none}
@media(min-width:601px) and (max-width:1000px) and (max-height:500px){html:has(#game:not([hidden])){scroll-padding-block:80px 100px}body:has(#game:not([hidden]))>main{padding-bottom:115px}#game .hud{padding:8px 13px;gap:18px;border-top-width:2px}.hud span{font-size:10px;margin-bottom:4px}.hud strong,.hud #wave>span{font-size:23px}.hud progress{margin-top:5px;height:3px}.hud .hud-caption{display:none}#game .command-dock{position:fixed;left:0;right:0;bottom:0;width:100%;margin:0;padding:8px 4%;display:grid;grid-template-columns:minmax(90px,.5fr) minmax(220px,1fr) minmax(220px,1fr);gap:10px;background:var(--paper);border-top:1px solid var(--line)}.command-dock>.dock-state{grid-column:1;grid-row:1;align-self:center}.command-dock .dock-state strong{font-size:12px}.command-dock .dock-state span{font-size:10px}.command-dock>.main-commands{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:6px}.main-commands button{min-width:0;min-height:44px;font-size:12px;padding:8px}.command-dock>.unit-commands{grid-column:3;grid-row:1;flex-wrap:nowrap;align-self:center;gap:5px}.unit-commands button{min-width:0;flex:1;font-size:10px;min-height:44px;padding:6px 4px}.stage,.bench-panel{scroll-margin-top:80px}.toast{bottom:90px}}
@media(prefers-reduced-motion:reduce){.action-highlight::after{animation:none!important;display:none}}
