:root{color-scheme:dark;--yellow:#ffd000;--yellow2:#ffb000;--ink:#070707;--panel:#121212;--white:#f8f8f8}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050505;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',system-ui,sans-serif;touch-action:none}
body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
#game-shell,#game-root{position:fixed;inset:0;background:#050505}
#game-root canvas{display:block;width:100vw!important;height:100vh!important;object-fit:contain;background:#050505}
.hidden{display:none!important}.overlay{position:fixed;inset:0;z-index:30}.panel-overlay{display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(255,208,0,.12),rgba(0,0,0,.9) 52%,#000)}
.panel{width:min(92vw,620px);max-height:94vh;overflow:auto;padding:26px;border:3px solid var(--yellow);background:linear-gradient(145deg,#181818,#080808);box-shadow:0 0 0 6px #050505,0 20px 80px #000;color:white;text-align:center}.panel.compact{width:min(88vw,430px)}.wide-panel{width:min(94vw,1040px)}
.logo{font-size:clamp(42px,8vw,86px);line-height:.78;letter-spacing:-.04em;text-shadow:4px 4px #000,-2px 2px #000;transform:skew(-4deg) rotate(-1deg);margin:8px 0 18px}.logo span{display:block;color:#fff;-webkit-text-stroke:2px #000}.logo b{display:block;color:var(--yellow);-webkit-text-stroke:2px #000}.strap{color:#bbb;font-family:Arial,sans-serif;font-weight:800;letter-spacing:.22em;font-size:12px;margin:0 0 20px}
button{border:2px solid #5f5f5f;background:#1d1d1d;color:#fff;font:700 18px/1 Arial,sans-serif;padding:14px 16px;border-radius:7px;cursor:pointer;box-shadow:0 4px 0 #000;margin:5px;min-width:190px}button:hover,button:active{border-color:var(--yellow);transform:translateY(1px)}button.primary{background:var(--yellow);color:#050505;border-color:#fff}button:disabled{opacity:.28;cursor:not-allowed;transform:none;border-color:#333}.save-summary,.small-copy{font:600 12px/1.5 Arial,sans-serif;color:#aaa;margin-top:8px}.small-copy{font-size:11px}.menu-panel h2,.wide-panel h2{font-size:40px;margin:0 0 18px;color:var(--yellow)}
.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:8px 0 18px}.level-grid button{min-width:0;margin:0;padding:10px 7px;height:74px;font-size:12px;line-height:1.15}.level-grid button strong{display:block;font-size:17px;color:var(--yellow);margin-bottom:4px}.level-grid button.primary strong{color:#050505}.level-grid button .mini{display:block;font-size:10px;color:#aaa;margin-top:4px}.level-grid button.primary .mini{color:#333}
.weapon-overlay{display:grid;place-items:center;background:rgba(0,0,0,.82);z-index:45}.weapon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 18px}.weapon-grid button{min-width:0;margin:0;padding:10px 8px;height:66px;font-size:12px;line-height:1.2}.weapon-grid button strong{display:block;color:var(--yellow);font-size:13px;margin-bottom:3px}.weapon-grid button.selected{border-color:#fff;background:var(--yellow);color:#050505}.weapon-grid button.selected strong{color:#050505}.weapon-grid button.empty{opacity:.35}.armory-panel h2{margin-bottom:8px}.result-copy{font:700 15px/1.6 Arial,sans-serif;color:#ddd;margin:8px 0 18px}
.top-buttons{position:fixed;right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));z-index:22;display:flex;gap:6px}.top-buttons button{min-width:0;width:48px;height:42px;padding:0;margin:0;border-color:#333;background:rgba(0,0,0,.72)}
.mobile-controls{position:fixed;z-index:20;left:0;right:0;bottom:max(7px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-end;padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));pointer-events:none}.mobile-controls>div{pointer-events:auto;display:flex;gap:6px;align-items:flex-end}.mobile-controls button{min-width:58px;height:52px;margin:0;padding:8px;background:rgba(0,0,0,.64);border:2px solid rgba(255,208,0,.7);font-size:13px;backdrop-filter:blur(5px)}.mobile-controls .fire{width:90px;height:76px;border-radius:50%;background:rgba(255,185,0,.88);color:#000;border:4px solid #111;font-size:17px}.touch-left,.touch-right{flex-wrap:wrap;max-width:190px}.touch-mid{padding-bottom:2px;display:grid!important;grid-template-columns:1fr 1fr}.touch-mid button{min-width:88px;height:40px;font-size:10px}
.rotate{z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#050505;color:#fff;font:700 24px/1.2 Arial,sans-serif}.rotate .phone{font-size:70px;color:var(--yellow);transform:rotate(90deg);margin-bottom:20px}.rotate span{font-size:14px;color:#aaa;margin-top:10px}.runtime-warning{position:fixed;inset:0;z-index:200;display:grid;place-items:center;text-align:center;padding:30px;background:#070707;color:#fff;font:700 18px Arial,sans-serif}.toast{position:fixed;z-index:80;left:50%;bottom:90px;transform:translateX(-50%);background:#000;border:2px solid var(--yellow);color:var(--yellow);padding:12px 20px;font:800 14px Arial,sans-serif;border-radius:6px}.stats-grid{font:700 15px/1.8 Arial,sans-serif;text-align:left;max-width:460px;margin:0 auto 15px}.stats-grid div{display:flex;justify-content:space-between;border-bottom:1px solid #333}.stats-grid b{color:var(--yellow)}
@media (pointer:fine){.mobile-controls{display:none!important}}
@media (max-width:900px){.level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.weapon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-height:560px){.panel{padding:12px}.menu-panel .logo{font-size:42px;margin:0 0 8px}.menu-panel button{padding:9px 10px;font-size:13px}.small-copy{display:none}.mobile-controls button{height:44px}.mobile-controls .fire{height:62px;width:76px}.level-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.level-grid button{height:58px;padding:6px;font-size:10px}.level-grid button strong{font-size:14px}.weapon-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.weapon-grid button{height:50px;padding:5px;font-size:9px}.wide-panel h2{font-size:28px;margin-bottom:8px}}
.build-badge{margin:10px auto 4px;padding:8px 10px;border:1px solid rgba(255,208,0,.45);background:rgba(255,208,0,.08);color:#ffd000;font:800 10px/1.35 Arial,sans-serif;letter-spacing:.08em}
.weapon-grid button{display:flex;align-items:center;justify-content:flex-start;gap:8px;text-align:left}.weapon-icon{width:48px;height:48px;flex:0 0 48px;background-image:url('./assets/weapon-icons.png');background-size:384px 144px;background-repeat:no-repeat;border-radius:7px;image-rendering:auto}.weapon-copy{display:block;min-width:0}.weapon-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-buttons{max-width:290px;flex-wrap:wrap;justify-content:flex-end}
@media (pointer:coarse){#focus-quick{display:inline-block}.touch-mid{grid-template-columns:repeat(3,1fr)!important}.touch-mid button{min-width:76px}}
@media (max-height:560px){.build-badge{font-size:8px;margin:4px auto}.weapon-icon{width:36px;height:36px;flex-basis:36px;background-size:288px 108px}.weapon-grid button{gap:4px}}