/* Reference-art crops keep the original logo, currency frame and pixel buttons. */
body[data-screen=playing] main{overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
body[data-screen=playing] header.battle-header{display:grid!important;grid-template-columns:minmax(100px,1.2fr) minmax(96px,1fr) 44px 44px;align-items:center;gap:5px;padding:5px 7px;min-height:66px;flex:none;background:#07133d;border-bottom:3px solid #18cafa;z-index:6}
.battle-header .tools{display:none!important}
#battle-logo{padding:0;border:0;background:none;box-shadow:none;width:100%;min-height:44px}
.battle-logo-art{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:600/236;clip-path:polygon(9% 0,93% 0,93% 23%,100% 23%,89% 76%,81% 84%,67% 82%,51% 100%,34% 83%,17% 85%,0 24%,9% 24%)}
.battle-logo-art img{position:absolute;width:156.833%;max-width:none;height:708.47%;left:-27.83%;top:-44.49%;image-rendering:pixelated}
.battle-wallet{position:relative;overflow:hidden;width:100%;aspect-ratio:221/71}
.battle-wallet>img{position:absolute;max-width:none;width:425.792%;height:2354.93%;left:-44.344%;top:-26.76%;image-rendering:pixelated}
#battle-coins{position:absolute;left:29%;top:21%;width:66%;height:61%;image-rendering:pixelated}
#battle-top-settings{position:relative;overflow:hidden;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;box-shadow:none}
#battle-top-settings img{position:absolute;width:456px;height:811px;max-width:none;left:-372px;top:-9px;image-rendering:pixelated}
.battle-header #pause{width:44px;min-height:44px;border:3px solid #61dcff;color:#fff9c2;font:bold 20px monospace;background:linear-gradient(#1d74d1,#102878);box-shadow:inset 0 0 0 2px #c3f8ff,0 3px #01091f;padding:0}
#battle-nav{position:relative;flex:none;width:100%;aspect-ratio:941/124;background:#06123c;z-index:6;min-height:52px;overflow:hidden}
.battle-nav-art{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}
.battle-nav-art>img{position:absolute;width:100%;height:1348.387%;max-width:none;left:0;top:-1244.3548%;image-rendering:pixelated}
#battle-nav>button{position:absolute;top:0;bottom:0;width:20%;min-height:44px;padding:0;border:0;box-shadow:none;background:transparent;color:transparent;touch-action:manipulation}
#battle-nav>button:nth-of-type(1){left:0}#battle-nav>button:nth-of-type(2){left:20%}#battle-nav>button:nth-of-type(3){left:40%}#battle-nav>button:nth-of-type(4){left:60%}#battle-nav>button:nth-of-type(5){left:80%}
#battle-nav>button:active{background:#fff3}#battle-nav>button:focus-visible{outline:3px solid #ffe775;outline-offset:-3px}
#tap-command-bar{padding:5px 6px 7px;background:#071638;border-top:2px solid #28cbfb}
#tap-command-bar p{font-size:9px;margin:0 0 4px;color:#7fdcff;letter-spacing:.4px}
#tap-command-bar .battle-weapons{display:grid;grid-template-columns:repeat(3,1fr) 52px;gap:5px}
#tap-command-bar .battle-weapons button{min-width:0;min-height:46px;padding:4px 2px;border:2px solid #448fe1;box-shadow:inset 0 0 0 1px #85bfff,0 2px #01051c;background:linear-gradient(#214a94,#0a1c4d);font:bold 10px monospace;line-height:1.3;text-shadow:1px 1px #000}
#tap-command-bar .battle-weapons small{display:block;font:8px monospace;color:#a7d7ff;margin-top:3px}
#tap-command-bar .battle-weapons [aria-pressed=true]{border-color:#e4ff51;background:linear-gradient(#338623,#0b4829);box-shadow:inset 0 0 0 1px #bcffb2,0 2px #03160f}
#tap-command-bar .battle-weapons .gun-locked{filter:saturate(.35);opacity:.72}
#tap-weapon{display:none!important}
.battle-weapons #tap-stop{color:#ffe58c;background:linear-gradient(#643690,#26184e)}
@media(max-width:359px){body[data-screen=playing] header.battle-header{grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) 44px 44px;gap:3px;padding-left:3px;padding-right:3px}}

.battle-nav-upgrade{position:absolute;left:40%;top:0;width:20%;height:100%;overflow:hidden;pointer-events:none}.battle-nav-upgrade img{position:absolute;width:522.778%;height:1247.761%;left:-102.778%;top:-1123.134%;max-width:none;image-rendering:pixelated}

/* The center column stays centered even though the wallet is wider than Settings. */
body[data-screen=playing] header.battle-header{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:4px;padding:6px;min-height:72px}
#battle-logo{grid-column:2;grid-row:1}
.battle-wallet{grid-column:1;grid-row:1}
#battle-top-settings{grid-column:3;grid-row:1;justify-self:end}
.battle-header #pause{display:none!important}
body[data-screen=playing] #game,main:fullscreen canvas#game{object-fit:fill;aspect-ratio:auto}
body[data-screen=playing] .game-viewport{width:100%;align-items:stretch;justify-content:stretch}
#tap-command-bar .battle-weapons{grid-template-columns:repeat(3,minmax(0,1fr)) 56px;gap:4px}
#tap-command-bar .battle-weapons button{--frame:#4699eb;--rim:#b4d8ff;--face:#122752;position:relative;isolation:isolate;height:54px;min-height:54px;padding:5px 6px;border:0;box-shadow:none;background:#020719;clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 2px,calc(100% - 4px) 2px,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 6px),calc(100% - 4px) calc(100% - 6px),calc(100% - 4px) calc(100% - 2px),calc(100% - 8px) calc(100% - 2px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 2px),4px calc(100% - 2px),4px calc(100% - 6px),0 calc(100% - 6px),0 6px,4px 6px,4px 2px,8px 2px);touch-action:manipulation}
#tap-command-bar .battle-weapons button:before{content:'';position:absolute;inset:2px;background:var(--frame);box-shadow:inset 0 2px var(--rim),inset 0 -3px #08153e;clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 2px,100% 2px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,6px 4px);z-index:-2}
#tap-command-bar .battle-weapons button:after{content:'';position:absolute;inset:5px 5px 7px;background:linear-gradient(#ffffff14,transparent 50%,#0005),var(--face);box-shadow:inset 0 1px #e6f4ff99;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),0 calc(100% - 2px),0 2px,4px 2px);z-index:-1}
#tap-command-bar .battle-weapons button[aria-pressed=true]{--frame:#85f541;--rim:#e0ff9a;--face:#15452a}
#tap-command-bar .battle-weapons button:focus-visible{outline:0;--frame:#e9ffff;--rim:#fff}
#tap-command-bar .battle-weapons button:active{filter:brightness(1.25)}
#tap-command-bar .battle-weapons canvas{width:100%;height:100%;object-fit:contain;pointer-events:none}
#tap-command-bar .battle-weapons #tap-stop{--frame:#4899eb;--rim:#b4d8ff;--face:#232c5c;background:#020719;font-size:10px}
@media(max-width:600px){main{max-width:100%}main:fullscreen>header,main:fullscreen>#cabinet,main:fullscreen>#militia-hub{width:100%}}