@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&display=swap";:root{--bg:#06090a;--bg-2:#0a1210;--surface:#0e1815;--line:#1c2b24;--phosphor:#5cf2a3;--phosphor-dim:#2f6b4d;--amber:#ffb454;--danger:#ff5f5f;--sky:#8fd0ff;--text:#cfe8da;--muted:#4d6459;--muted-2:#37473f;--enemy-normal:#37473f;--enemy-fast:#ffb454;--enemy-tank:#ff5f5f;--enemy-carrier:#8fd0ff;--enemy-shielded:#b98fff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;overflow:hidden}.app{background:var(--bg);flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.stage{z-index:6;border-left:1px solid var(--line);border-right:1px solid var(--line);flex-direction:column;width:100%;max-width:760px;height:100%;margin:0 auto;display:flex;position:relative;box-shadow:0 0 60px #00000080}.scan{z-index:5;pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.vignette{z-index:4;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 160px #000000bf}header.hud{z-index:6;border-bottom:1px solid var(--line);background:linear-gradient(to bottom, var(--bg-2), transparent);justify-content:space-between;align-items:center;padding:16px 26px;display:flex;position:relative}.brand{align-items:baseline;gap:10px;display:flex}.brand .dot{color:var(--phosphor)}.brand h1{letter-spacing:2px;margin:0;font-size:19px;font-weight:800}.brand small{color:var(--muted);letter-spacing:1.5px;text-transform:uppercase;font-size:10.5px}.stats{align-items:center;gap:24px;display:flex}.stat{text-align:right;min-width:54px}.stat .label{letter-spacing:1.8px;color:var(--muted);text-transform:uppercase;font-size:9.5px}.stat .value{color:var(--phosphor);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.stat.lives .value{color:var(--amber);letter-spacing:3px}.stat.wave .value{color:var(--sky)}.icon-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:15px;transition:all .15s;display:flex}.icon-btn:hover{color:var(--phosphor);border-color:var(--phosphor-dim)}.field{z-index:6;flex:1;position:relative;overflow:hidden}.field canvas{display:block}.footer-bar{z-index:6;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;padding:0 18px;display:flex;position:absolute;bottom:10px;left:0;right:0}.hint{color:var(--muted);letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:10.5px;overflow:hidden}.hint b{color:var(--muted)}.ability-hint{color:var(--muted);letter-spacing:.5px;white-space:nowrap;flex:none;align-items:center;gap:6px;font-size:11px;display:flex}.ability-pill{border:1px solid var(--line);color:var(--sky);border-radius:4px;padding:2px 6px}.ability-pill.ready{border-color:var(--sky);box-shadow:0 0 10px #8fd0ff40}.speed-stats{color:var(--muted);letter-spacing:.4px;white-space:nowrap;flex:none;gap:10px;font-size:10.5px;display:flex}.speed-stats b{color:var(--phosphor-dim);font-weight:700}.overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(#0a1210f0,#040605fa);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{text-align:center;max-width:620px;max-height:92vh;padding:34px 40px;overflow-y:auto}.panel.wide{max-width:640px}.panel .kicker{color:var(--phosphor-dim);letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;font-size:11px}.panel h2{letter-spacing:1px;margin:0 0 14px;font-size:32px}.panel h2 .cursor{background:var(--phosphor);width:13px;margin-left:4px;animation:1s step-start infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.panel p{color:var(--muted);margin:0 0 24px;font-size:13.5px;line-height:1.7}.panel .final-stats{flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:26px;display:flex}.panel .final-stats .label{letter-spacing:1.8px;color:var(--muted);text-transform:uppercase;font-size:9.5px}.panel .final-stats .value{color:var(--amber);font-size:24px;font-weight:800}.panel .final-stats .value.small{color:var(--sky);font-size:18px}.btn-row{justify-content:center;gap:12px;display:flex}button.play{border:1px solid var(--phosphor-dim);color:var(--phosphor);letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;background:0 0;padding:12px 28px;font-family:inherit;font-size:13px;transition:all .15s}button.play:hover{border-color:var(--phosphor);background:#5cf2a314;box-shadow:0 0 24px #5cf2a326}button.play.secondary{color:var(--muted);border-color:var(--line)}button.play.secondary:hover{color:var(--text);border-color:var(--muted)}.upgrade-grid{flex-wrap:wrap;justify-content:center;gap:16px;max-width:760px;display:flex}.upgrade-card{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px;width:210px;padding:18px 16px;transition:all .15s;position:relative}.upgrade-card:hover{border-color:var(--phosphor);transform:translateY(-2px);box-shadow:0 0 20px #5cf2a31f}.upgrade-card .key{color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:1px 6px;font-size:11px;position:absolute;top:10px;right:12px}.upgrade-card h3{color:var(--phosphor);letter-spacing:.5px;margin:0 0 8px;padding-right:26px;font-size:14px}.upgrade-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.difficulty-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.diff-card{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px;width:160px;padding:14px;font-family:inherit;transition:all .15s}.diff-card:hover{border-color:var(--phosphor-dim)}.diff-card.selected{border-color:var(--phosphor);background:#5cf2a30d;box-shadow:0 0 16px #5cf2a326}.diff-name{color:var(--phosphor);letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:700}.diff-desc{color:var(--muted);font-size:11px;line-height:1.45}.section-label{text-align:left;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:4px 0 10px;font-size:11px}.section-hint{text-transform:none;letter-spacing:0;color:var(--muted-2);font-size:11px}.custom-dict{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:6px;margin-bottom:22px;padding:14px}.custom-dict-textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:76px;color:var(--text);background:#06090a99;border-radius:4px;padding:10px;font-family:inherit;font-size:12px;line-height:1.5}.custom-dict-textarea:focus{border-color:var(--phosphor-dim);outline:none}.custom-dict-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}button.play.small{letter-spacing:1.5px;padding:7px 14px;font-size:11px}.use-custom-toggle{color:var(--text);cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.use-custom-toggle.disabled{color:var(--muted);cursor:not-allowed}.use-custom-toggle input{accent-color:var(--phosphor)}.custom-dict-summary{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.5}.hidden{display:none!important}