:root{--cyan: #27e3ff;--cyan-dim: #1b8fa6;--bg: #0a0e14;--glass: rgba(14, 20, 28, .55);--glass-line: rgba(39, 227, 255, .35);--warn: #ff5a4d;--mono: "SF Mono", "Roboto Mono", ui-monospace, Menlo, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:#eaf6ff;font-family:var(--mono);touch-action:none}#renderCanvas{position:fixed;inset:0;width:100%;height:100%;outline:none;display:block}.hidden{display:none!important}.boot-screen{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:radial-gradient(circle at 50% 35%,#11202b,#060a10 70%)}.boot-title{font-size:clamp(2rem,8vw,4.5rem);letter-spacing:.4em;font-weight:800;color:#fff;text-shadow:0 0 18px var(--cyan),0 0 4px var(--cyan)}.boot-sub{letter-spacing:.3em;color:var(--cyan);opacity:.8;font-size:.85rem}.boot-start{margin-top:1rem;padding:.9rem 2.4rem;font-family:var(--mono);font-size:1rem;letter-spacing:.25em;color:var(--bg);background:var(--cyan);border:none;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);cursor:pointer;transition:filter .15s ease}.boot-start:disabled{filter:grayscale(1) brightness(.6);cursor:progress}.boot-start:not(:disabled):hover{filter:brightness(1.15)}.boot-status{font-size:.75rem;letter-spacing:.15em;color:#7da6b8;min-height:1em}.hud{position:fixed;inset:0;z-index:20;pointer-events:none;padding:max(.8rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(.8rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.hud-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hud-mission{letter-spacing:.2em;font-size:.8rem;color:var(--cyan);text-shadow:0 0 8px var(--cyan-dim)}.hud-stars{color:#ffd45a;letter-spacing:.15em}.hud-timer{font-variant-numeric:tabular-nums;font-size:1.1rem;padding:.2rem .7rem;background:var(--glass);border:1px solid var(--glass-line);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.hud-left{position:absolute;left:max(1rem,env(safe-area-inset-left));top:3rem}.hud-right{position:absolute;right:max(1rem,env(safe-area-inset-right));top:3rem;text-align:right}.hud-bottom{position:absolute;left:50%;bottom:max(.9rem,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:1.2rem;align-items:center}.panel{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:var(--glass);border:1px solid var(--glass-line);clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}.panel-label{font-size:.65rem;letter-spacing:.2em;color:var(--cyan)}.bar{width:120px;height:9px;background:#ffffff1f;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--warn),#ffb648);transition:width .2s ease}.bar-fill.cyan{background:linear-gradient(90deg,var(--cyan-dim),var(--cyan))}.hud-scrap{margin-top:.5rem;font-size:.75rem;letter-spacing:.15em;color:#cfe8f2}.hud-scrap b,.hud-enemies b{color:var(--cyan)}.hud-enemies{font-size:.8rem;letter-spacing:.15em}.ammo{font-size:.8rem;letter-spacing:.15em;color:#cfe8f2}.pad,.pad-deco,.fire-ring{display:none}body.in-mission .pad,body.in-mission .pad-deco,body.in-mission .fire-ring{display:block}.pad{position:fixed;bottom:11%;width:150px;height:150px;z-index:15;border-radius:50%;background:radial-gradient(circle,#0c141c80,#0c141c47 70%);border:2px solid rgba(39,227,255,.3);box-shadow:0 0 18px #0006,inset 0 0 20px #27e3ff0f;touch-action:none}.pad.left{left:5%}.pad.right{right:5%}.pad-deco{position:fixed;bottom:11%;width:150px;height:150px;z-index:17;pointer-events:none}.pad-deco.left{left:5%}.pad-deco.right{right:5%}.dpad{position:absolute;transform:translate(-50%,-50%);color:#27e3ff80;font-size:.75rem}.dpad.up{left:50%;top:16%}.dpad.down{left:50%;top:84%}.dpad.left{left:16%;top:50%}.dpad.right{left:84%;top:50%}.fire-glyph{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffb45abf;font-size:1.7rem;text-shadow:0 0 8px rgba(255,140,60,.6)}.fire-ring{position:fixed;bottom:11%;right:5%;width:150px;height:150px;z-index:16;pointer-events:none;border-radius:50%;--p: 1;background:conic-gradient(#ff8a3d calc(var(--p) * 360deg),#ffffff1a 0);-webkit-mask:radial-gradient(closest-side,transparent 70%,#000 72%);mask:radial-gradient(closest-side,transparent 70%,#000 72%)}.reticle{position:fixed;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);z-index:16;pointer-events:none;border:1.5px solid rgba(39,227,255,.5);border-radius:50%;box-shadow:0 0 6px #27e3ff66}.reticle:before,.reticle:after{content:"";position:absolute;background:#27e3ff99}.reticle:before{left:50%;top:-6px;width:1.5px;height:6px;transform:translate(-50%)}.reticle:after{top:50%;left:-6px;height:1.5px;width:6px;transform:translateY(-50%)}.hit-marker{position:fixed;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%) rotate(45deg);z-index:17;pointer-events:none;opacity:0}.hit-marker:before,.hit-marker:after{content:"";position:absolute;background:#fff}.hit-marker:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}.hit-marker:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}.hit-marker.show{animation:hitpop .25s ease-out}.hit-marker.kill{filter:drop-shadow(0 0 4px #ffd45a)}.hit-marker.kill:before,.hit-marker.kill:after{background:#ffd45a}@keyframes hitpop{0%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(1.3)}}.banner{position:fixed;left:50%;top:28%;transform:translate(-50%,-50%) scale(.9);z-index:30;pointer-events:none;font-size:clamp(1.2rem,5vw,2.2rem);letter-spacing:.3em;font-weight:800;color:#fff;text-shadow:0 0 16px var(--cyan),0 0 4px var(--cyan);opacity:0}.banner.show{animation:bannerIn 2.4s ease-out}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}.killfeed{position:fixed;right:max(1rem,env(safe-area-inset-right));top:5.4rem;z-index:22;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.kf-line{font-size:.78rem;letter-spacing:.18em;color:#ffb648;text-shadow:0 0 6px #000;animation:kfIn .25s ease-out}.kf-line.combo{color:#ffd45a;font-size:1rem;font-weight:700}@keyframes kfIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.lowhp{position:fixed;inset:0;z-index:14;pointer-events:none;opacity:0;box-shadow:inset 0 0 140px 40px #ff281eb3;transition:opacity .3s ease}.lowhp.active{animation:hppulse 1s ease-in-out infinite}@keyframes hppulse{0%,to{filter:brightness(.7)}50%{filter:brightness(1.2)}}.dmg-layer{position:fixed;inset:0;z-index:18;pointer-events:none;overflow:hidden}.dmg-num{position:absolute;top:0;left:0;font-family:var(--mono);font-weight:700;font-size:1.1rem;color:#fff;text-shadow:0 0 6px #000,0 0 3px #000;will-change:transform,opacity}.dmg-num.crit{color:#ffd45a;font-size:1.5rem}.results{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;background:#04080cb8;backdrop-filter:blur(3px)}.results-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 3rem;background:var(--glass);border:1px solid var(--glass-line);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}.results-title{font-size:2.6rem;letter-spacing:.3em;font-weight:800;color:var(--cyan);text-shadow:0 0 18px var(--cyan-dim)}.results-title.defeat{color:var(--warn);text-shadow:0 0 18px rgba(255,90,77,.6)}.results-stars{font-size:2rem;letter-spacing:.2em;color:#ffd45a}.results-stats{font-size:.85rem;letter-spacing:.15em;color:#cfe8f2}.screens-root{position:fixed;inset:0;z-index:42;display:flex;align-items:center;justify-content:center;overflow-y:auto;background:radial-gradient(circle at 50% 30%,#10202b,#05080d 75%)}.screen{width:min(760px,94vw);max-height:96vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:1.6rem 1.4rem}.screen-title{font-size:clamp(1.8rem,7vw,3.4rem);letter-spacing:.35em;font-weight:800;color:#fff;text-shadow:0 0 18px var(--cyan),0 0 4px var(--cyan);text-align:center}.screen-title.small{font-size:clamp(1.1rem,4vw,1.6rem)}.screen-title.victory{color:var(--cyan)}.screen-title.defeat{color:var(--warn);text-shadow:0 0 18px rgba(255,90,77,.6)}.screen-sub{letter-spacing:.2em;color:#8fb8c8;font-size:.85rem;text-align:center}.screen-head{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.screen-foot{display:flex;justify-content:space-between;width:100%;gap:1rem;margin-top:.4rem}.chip{font-size:.8rem;letter-spacing:.12em;color:var(--cyan);padding:.35rem .7rem;border:1px solid var(--glass-line);background:var(--glass);white-space:nowrap}.btn{font-family:var(--mono);font-size:.9rem;letter-spacing:.2em;padding:.75rem 1.8rem;color:#eaf6ff;background:var(--glass);border:1px solid var(--glass-line);cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:filter .15s ease,background .15s ease}.btn:hover{filter:brightness(1.2)}.btn.primary{color:#10141a;background:linear-gradient(180deg,#ffa24d,#ff7a1f);border-color:#ffb36b;font-weight:700}.btn.ghost{background:transparent}.btn.small{padding:.5rem 1rem;font-size:.75rem}.tabs{display:flex;gap:.5rem;width:100%;justify-content:center;flex-wrap:wrap}.tab{font-family:var(--mono);font-size:.8rem;letter-spacing:.12em;padding:.5rem 1rem;color:#9fbecb;background:transparent;border:1px solid transparent;border-bottom:2px solid transparent;cursor:pointer}.tab.active{color:var(--cyan);border-bottom-color:var(--cyan)}.mission-list{display:flex;flex-direction:column;gap:.6rem;width:100%}.mission-card{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;background:var(--glass);border:1px solid var(--glass-line);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.mission-card.locked{opacity:.5}.mission-info{flex:1}.mission-name{font-size:.95rem;color:#eaf6ff}.mission-type{font-size:.68rem;letter-spacing:.18em;color:#7da6b8}.mission-right{text-align:right}.mission-stars{color:#ffd45a;letter-spacing:.12em}.mission-best{font-size:.68rem;color:#7da6b8}.lock-tag{color:#ffb648;font-size:.85rem;letter-spacing:.1em}.veh-picker{display:flex;gap:.5rem;width:100%;flex-wrap:wrap;justify-content:center}.veh-btn{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;padding:.6rem .9rem;color:#cfe8f2;background:var(--glass);border:1px solid var(--glass-line);cursor:pointer;white-space:pre-line;text-align:center;line-height:1.3}.veh-btn.active{border-color:var(--cyan);color:var(--cyan)}.veh-btn.locked{opacity:.5;cursor:not-allowed}.veh-stats{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:420px}.stat-row{display:flex;align-items:center;gap:.6rem}.stat-label{width:3rem;font-size:.72rem;letter-spacing:.14em;color:var(--cyan)}.stat-track{flex:1;height:8px;background:#ffffff1f;overflow:hidden}.stat-fill{height:100%;background:linear-gradient(90deg,var(--cyan-dim),var(--cyan));transition:width .2s ease}.stat-val{width:3rem;text-align:right;font-size:.75rem;color:#cfe8f2}.tree-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%}.tree-col{display:flex;flex-direction:column;gap:.4rem}.tree-branch{font-size:.68rem;letter-spacing:.14em;color:#7da6b8;text-align:center}.node{font-family:var(--mono);padding:.5rem .4rem;background:var(--glass);border:1px solid var(--glass-line);color:#cfe8f2;cursor:default;text-align:center}.node-label{font-size:.72rem}.node-cost{font-size:.66rem;color:#ffb648;margin-top:.2rem}.node.owned{border-color:#4fe07a}.node.owned .node-cost{color:#4fe07a}.node.buyable{cursor:pointer;border-color:var(--cyan)}.node.buyable:hover{filter:brightness(1.25)}.node.locked{opacity:.45}.results-stars.big{font-size:2.6rem;color:#ffd45a;letter-spacing:.15em}.scrap-earn{font-size:1.1rem;letter-spacing:.15em;color:var(--cyan)}@media (max-width: 520px){.tree-grid{grid-template-columns:repeat(2,1fr)}}.debug-hud{position:fixed;top:.5rem;left:50%;transform:translate(-50%);z-index:40;margin:0;padding:.5rem .8rem;font-size:.7rem;line-height:1.35;color:#9effa8;background:#0009;border:1px solid rgba(158,255,168,.3);pointer-events:none;white-space:pre}.screens-root.showcase{background:transparent;backdrop-filter:none;align-items:stretch;justify-content:stretch}.garage-screen{width:100%;max-width:none;height:100vh;padding:1rem 1.4rem;display:flex;flex-direction:column;align-items:stretch;gap:.8rem}.garage-head{display:flex;justify-content:space-between;align-items:center}.garage-body{flex:1;min-height:0;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.garage-panel{width:min(320px,33vw);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:.7rem;padding:.9rem;background:linear-gradient(160deg,#1e252edb,#0c1016db);border:1px solid rgba(120,140,160,.28);box-shadow:0 8px 30px #0000008c,inset 0 1px #ffffff0f;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}.garage-panel .veh-picker{flex-direction:column}.garage-panel .veh-btn{width:100%}.garage-panel .tree-grid{grid-template-columns:repeat(2,1fr)}.shell{position:fixed;inset:0;display:flex;flex-direction:column;z-index:1}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.3rem;background:linear-gradient(180deg,#141a21f5,#0c1016e0);border-bottom:1px solid rgba(120,140,160,.25);box-shadow:0 2px 14px #00000073;z-index:2}.topbar-title{font-weight:800;letter-spacing:.28em;color:#eaf6ff;font-size:1rem;text-shadow:0 0 10px rgba(39,227,255,.4)}.currency{display:flex;align-items:center;gap:.4rem;padding:.35rem .9rem;background:#ffb45a1f;border:1px solid rgba(255,180,90,.4);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.cur-icon{color:#ff8a3d}.cur-val{color:#ffce9a;font-weight:700;font-variant-numeric:tabular-nums}.shell-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:1rem}.garage-shell .shell-content{padding:0}.bottomnav{display:flex;justify-content:center;align-items:stretch;gap:.6rem;padding:.6rem 1rem max(.6rem,env(safe-area-inset-bottom));background:linear-gradient(0deg,#141a21f7,#0c1016e0);border-top:1px solid rgba(120,140,160,.25);z-index:2}.nav-item{flex:1;max-width:200px;padding:.75rem;font-family:var(--mono);letter-spacing:.18em;font-size:.78rem;color:#9fbecb;background:#ffffff08;border:1px solid rgba(120,140,160,.2);cursor:pointer;transition:filter .15s ease}.nav-item:hover{filter:brightness(1.2)}.nav-item.active{color:#eaf6ff;border-color:#27e3ff80;background:#27e3ff14}.nav-item.battle{flex:1.4;max-width:280px;color:#10141a;font-weight:800;background:linear-gradient(180deg,#ffa24d,#ff7a1f);border-color:#ffb36b;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.anim-in{animation:shellIn .28s ease}@keyframes shellIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tier-0{--tier: #4fe07a}.tier-1{--tier: #ffce4f}.tier-2{--tier: #ff6a4d}.missions-view{width:min(760px,94vw);display:flex;flex-direction:column;gap:.9rem}.mission-card{clip-path:none;border-left:4px solid var(--tier, #39506a)}.mission-card.finale{box-shadow:inset 0 0 22px #ff503c29}.name-row{display:flex;align-items:center;gap:.6rem}.type-badge{font-size:.58rem;letter-spacing:.14em;padding:.15rem .4rem}.type-badge.dm{background:#27e3ff26;color:#7fe3ff}.type-badge.surv{background:#78dc7826;color:#8ff0a0}.type-badge.boss{background:#ff503c33;color:#ff9a86}.mission-tier{font-size:.62rem;letter-spacing:.16em;color:#7da6b8;margin-top:.15rem}.reward-chip{font-size:.66rem;color:#ffb648}.garage-view{position:relative;flex:1;width:100%;display:flex;flex-direction:column}.garage-view .garage-body{flex:1;padding:1rem 1.4rem}.veh-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;border-left:4px solid var(--tier, #39506a);text-align:left}.veh-name{font-size:.85rem;color:#eaf6ff}.veh-class{font-size:.6rem;letter-spacing:.12em;color:#7da6b8}.pips{display:flex;gap:4px;margin-bottom:.3rem}.pip{width:8px;height:8px;border-radius:50%;background:#ffffff26}.pip.on{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.veh-nameplate{position:absolute;left:50%;bottom:1.4rem;transform:translate(-50%);text-align:center;pointer-events:none}.plate-name{font-size:clamp(1.2rem,4vw,1.9rem);font-weight:800;letter-spacing:.2em;color:#fff;text-shadow:0 0 16px rgba(39,227,255,.5)}.plate-class{font-size:.68rem;letter-spacing:.32em;color:#7da6b8}.settings-view{width:min(500px,94vw);display:flex;flex-direction:column;gap:1.3rem;align-items:center;padding-top:2rem}.set-row{display:flex;align-items:center;gap:1rem;width:100%}.set-label{width:5rem;letter-spacing:.15em;color:var(--cyan);font-size:.8rem}.slider{flex:1;accent-color:#ff8a3d}.set-note{font-size:.7rem;color:#7da6b8;letter-spacing:.1em;text-align:center}.plate-layer{position:fixed;inset:0;z-index:19;pointer-events:none;overflow:hidden}.plate{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:3px;will-change:transform,opacity}.plate-tag{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:#ffd8cc;text-shadow:0 0 4px #000,0 0 2px #000;white-space:nowrap}.plate-bar{width:60px;height:6px;background:#000000a6;border:1px solid rgba(255,255,255,.25)}.plate-fill{height:100%;background:linear-gradient(90deg,#ff5a4d,#ff9a3d);transition:width .1s linear}.plate.locked .plate-tag{color:#ff3b30;text-shadow:0 0 6px rgba(255,60,48,.85)}.plate.locked .plate-bar{border-color:#ff3b30;box-shadow:0 0 8px #ff3c3099}