:root{--font-display:"Press Start 2P", monospace;--font-mono:"Share Tech Mono", monospace;--font-sans:"Outfit", system-ui, -apple-system, sans-serif;--color-bg:#090a0f;--color-panel-bg:#12142099;--color-border:#363d5959;--color-border-glow:#00f2fe33;--color-text-primary:#e2e8f0;--color-text-secondary:#94a3b8;--color-accent-cyan:#00f2fe;--color-accent-orange:#ff5e36;--color-accent-green:#39ff14;--color-accent-red:#ff073a;--shadow-neon:0 0 10px #00f2fe4d, 0 0 20px #00f2fe1a;--shadow-neon-orange:0 0 10px #ff5e364d, 0 0 20px #ff5e361a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);background-image:radial-gradient(at 0 0,#00f2fe0d 0,#0000 50%),radial-gradient(at 100% 100%,#ff5e360d 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.arcade-container{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1100px;padding:24px;display:flex}.game-header{text-align:center;margin-bottom:5px}.logo-text{font-family:var(--font-display);letter-spacing:4px;color:#fff;text-shadow:0 0 8px #ffffff80, 0 0 20px var(--color-accent-cyan);margin-bottom:8px;font-size:2.2rem;animation:4s ease-in-out infinite alternate logoGlow}@keyframes logoGlow{0%{text-shadow:0 0 8px #fff6, 0 0 15px var(--color-accent-cyan)}to{text-shadow:0 0 12px #fff9, 0 0 25px var(--color-accent-cyan), 0 0 35px var(--color-accent-orange)}}.subtitle-text{font-family:var(--font-mono);letter-spacing:2px;color:var(--color-text-secondary);text-transform:uppercase;font-size:1rem}.game-layout{flex-flow:wrap;justify-content:center;align-items:stretch;gap:24px;width:100%;display:flex}.telemetry-panel{background-color:var(--color-panel-bg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-direction:column;flex:1;gap:16px;min-width:250px;max-width:300px;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 32px #0006}.telemetry-panel:hover{border-color:var(--color-accent-cyan);box-shadow:0 8px 32px 0 #00f2fe1a, 0 0 15px var(--color-border-glow)}.panel-header{font-family:var(--font-display);letter-spacing:1px;color:var(--color-accent-cyan);border-bottom:1px solid var(--color-border);text-shadow:0 0 5px #00f2fe66;padding-bottom:8px;font-size:.75rem}.metric-group{flex-direction:column;gap:10px;display:flex}.metric-row{font-family:var(--font-mono);justify-content:space-between;align-items:center;font-size:1.05rem;display:flex}.metric-label{color:var(--color-text-secondary)}.metric-value{color:#fff;font-weight:700}.active-pulse{color:var(--color-accent-green);text-shadow:0 0 5px #39ff1480;animation:1.5s infinite alternate pulse}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.res-glow-blue{color:var(--color-accent-cyan);text-shadow:0 0 5px #00f2fe80}.res-glow-orange{color:var(--color-accent-orange);text-shadow:0 0 5px #ff5e3680}.screen-wrapper{flex-direction:column;align-items:center;gap:16px;display:flex}.screen-frame{background-color:#000;border:6px solid #1a1e2d;border-radius:16px;justify-content:center;align-items:center;width:428px;height:428px;padding:6px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #363d5980,0 20px 40px #0009,inset 0 0 20px #000c}#game-canvas{width:416px;height:416px;image-rendering:pixelated;z-index:1;background-color:#000;display:block}.scanlines{z-index:5;pointer-events:none;background:linear-gradient(#12101000 50%,#0000004d 50%) 0 0/100% 4px;border-radius:4px;width:416px;height:416px;position:absolute;top:6px;left:6px}.crt-glow{z-index:4;pointer-events:none;background:radial-gradient(circle,#00f2fe0d 0%,#0000 80%);border-radius:4px;width:416px;height:416px;position:absolute;top:6px;left:6px}.control-actions{justify-content:center;gap:12px;width:100%;display:flex}.action-btn{font-family:var(--font-display);color:var(--color-accent-cyan);cursor:pointer;background:#00f2fe0f;border:1px solid #00f2fe4d;border-radius:6px;outline:none;padding:10px 16px;font-size:.65rem;transition:all .2s;box-shadow:0 2px 8px #0003}.action-btn:hover{border-color:var(--color-accent-cyan);text-shadow:0 0 5px var(--color-accent-cyan);background:#00f2fe26;transform:translateY(-1px);box-shadow:0 0 10px #00f2fe33}.action-btn:active{background:#00f2fe40;transform:translateY(1px)}.key-grid{flex-direction:column;align-items:center;gap:6px;display:flex}.key-row-bottom{gap:6px;display:flex}.key-cap{width:42px;height:42px;color:var(--color-text-secondary);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;background:#151926;border:2px solid #232a3f;border-radius:6px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;transition:all .1s;display:flex;box-shadow:0 3px #0d101a}.key-cap.active{background:var(--color-accent-cyan);color:#000;text-shadow:0 0 2px #fff;border-color:#fff;transform:translateY(2px);box-shadow:0 1px #009db5,0 0 10px #00f2fe80}.key-space-row{justify-content:center;width:100%;display:flex}.space-cap{width:100%;max-width:180px;height:34px;font-size:.8rem}.game-footer{text-align:center;color:var(--color-text-secondary);border-top:1px solid var(--color-border);width:100%;max-width:600px;padding-top:15px;font-size:.85rem;line-height:1.6}.game-footer kbd{color:#fff;font-size:.75rem;font-family:var(--font-mono);background-color:#1e293b;border:1px solid #475569;border-radius:4px;padding:2px 6px;box-shadow:0 1px #0003}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;background:#050508cc;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.modal-overlay:not(.hidden){opacity:1;pointer-events:auto}.modal-overlay.hidden{display:none}.upgrade-modal{border:2px solid var(--color-border);background-color:#0f172af2;border-radius:16px;flex-direction:column;align-items:center;gap:20px;width:90%;max-width:650px;padding:30px;display:flex;box-shadow:0 20px 50px #00f2fe26,0 0 30px #000c}.modal-title{font-family:var(--font-display);color:#fff;text-shadow:0 0 10px var(--color-accent-cyan);text-align:center;font-size:1.5rem}.upgrade-cost-bar{font-family:var(--font-mono);border:1px solid var(--color-border);background:#0006;border-radius:8px;gap:24px;padding:8px 16px;font-size:1.2rem;display:flex}.cost-item{gap:8px;display:flex}.upgrade-options{flex-direction:column;gap:16px;width:100%;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.upgrade-card{border:1px solid var(--color-border);text-align:left;cursor:pointer;background:#1e293b80;border-radius:10px;flex-direction:column;gap:6px;width:100%;padding:16px;transition:all .2s;display:flex}.upgrade-card:hover:not(:disabled){border-color:var(--color-accent-cyan);background:#1e293bd9;box-shadow:0 0 10px #00f2fe26}.upgrade-card:disabled{opacity:.5;cursor:not-allowed}.card-title{font-family:var(--font-display);color:var(--color-accent-cyan);text-shadow:0 0 5px #00f2fe33;font-size:.85rem}.card-desc{color:var(--color-text-secondary);font-size:.9rem}.card-cost{font-family:var(--font-mono);color:var(--color-accent-orange);font-size:.95rem}.card-status{font-family:var(--font-mono);color:var(--color-accent-green);border:1px solid var(--color-accent-green);border-radius:4px;align-self:flex-end;margin-top:-10px;padding:2px 6px;font-size:.85rem;font-weight:700}.upgrade-card.purchased .card-status{color:var(--color-text-secondary);border-color:var(--color-text-secondary)}.upgrade-card.locked .card-status{color:var(--color-accent-red);border-color:var(--color-accent-red)}.close-btn{font-family:var(--font-display);color:#000;background:var(--color-accent-cyan);cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:.75rem;transition:all .2s;box-shadow:0 0 10px #00f2fe4d}.close-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 0 15px #ffffff80}.close-btn:active{transform:translateY(1px)}@media (width<=900px){.game-layout{flex-direction:column;align-items:center}.telemetry-panel{width:100%;max-width:428px}}.hud-upgrade-container{z-index:10;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:16px;left:16px}.hud-upgrade-prompt{border:1.5px solid var(--color-accent-green);color:var(--color-accent-green);font-family:var(--font-mono);text-transform:uppercase;background:#090a0fe6;border-radius:4px;padding:6px 10px;font-size:13px;font-weight:600;animation:1.5s infinite alternate pulseNeon;box-shadow:0 4px 10px #00000080}.hud-upgrade-prompt.cores-upgrade{border-color:var(--color-accent-orange);color:var(--color-accent-orange);animation:1.5s infinite alternate pulseNeonOrange}.hud-upgrade-prompt.forts-upgrade{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan);animation:1.5s infinite alternate pulseNeonCyan}@keyframes pulseNeon{0%{box-shadow:0 0 5px #39ff144d}to{box-shadow:0 0 15px #39ff1499}}@keyframes pulseNeonOrange{0%{box-shadow:0 0 5px #ff5e364d}to{box-shadow:0 0 15px #ff5e3699}}@keyframes pulseNeonCyan{0%{box-shadow:0 0 5px #00f2fe4d}to{box-shadow:0 0 15px #00f2fe99}}