:root{--rust:#b5533c;--concrete:#6b6f6a;--toxic:#5ee65e;--neon:#39e6e6;--phosphor:#7dff7a;--crt-bg:#0a0f0a;--danger:#f44;--gold:#ffd166;--font-pixel:"Press Start 2P", monospace;--font-crt:"VT323", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--crt-bg);height:100%;color:var(--phosphor);font-family:var(--font-crt);-webkit-user-select:none;user-select:none;overflow:hidden}#app{width:100%;height:100%;position:relative}canvas.game-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.phosphor{color:var(--phosphor);text-shadow:0 0 4px #7dff7a8c,0 0 12px #7dff7a40}.crt-scanlines{pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#00000038 3px);position:absolute;inset:0}@keyframes flicker-anim{0%,to{opacity:1}8%{opacity:.4}10%{opacity:1}46%{opacity:1}48%{opacity:.2}50%{opacity:1}82%{opacity:.7}84%{opacity:1}}.flicker{animation:2.4s step-end infinite flicker-anim}@keyframes pulse-anim{0%,to{filter:brightness()}50%{filter:brightness(1.8)}}.hud{pointer-events:none;font-family:var(--font-crt);flex-direction:column;justify-content:space-between;padding:8px 10px;display:flex;position:absolute;inset:0}.hud-top{text-shadow:0 0 6px #7dff7a80;justify-content:space-between;align-items:baseline;gap:12px;font-size:22px;display:flex}.hud-where{color:var(--concrete);letter-spacing:1px}.hud-quota{color:var(--neon);text-shadow:0 0 6px #39e6e699}.hud-quota.done{color:var(--toxic)}.hud-timer{font-size:26px}.hud-timer.low{color:var(--danger);text-shadow:0 0 8px #ff4444b3;animation:1s infinite pulse-anim}.hud-bars{width:180px;position:absolute;top:36px;left:10px}.bar-label{letter-spacing:2px;color:var(--concrete);margin-top:4px;font-size:14px}.bar{background:#0000008c;border:1px solid #7dff7a59;height:14px;position:relative}.bar-fill{width:0%;height:100%;transition:width .12s linear}.bar-biomass .bar-fill{background:var(--toxic);box-shadow:0 0 8px #5ee65eb3}.bar-gridlock .bar-fill{background:var(--rust);box-shadow:0 0 8px #b5533cb3}.bar-gridlock.pulse{border-color:var(--danger);animation:.6s infinite pulse-anim}.bar-text{text-align:center;color:#e8ffe6;text-shadow:0 0 3px #000;font-size:13px;line-height:14px;position:absolute;inset:0}.hud-tools{pointer-events:auto;justify-content:center;gap:8px;display:flex}.tool-btn{border:1px solid var(--concrete);min-width:72px;color:var(--phosphor);font-family:var(--font-crt);cursor:pointer;background:#0a0f0ad9;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;font-size:18px;display:flex}.tool-btn:hover{border-color:var(--toxic)}.tool-btn.selected{border-color:var(--toxic);color:var(--toxic);box-shadow:0 0 10px #5ee65e99,inset 0 0 8px #5ee65e40}.tool-btn.cant-afford{opacity:.45}.tool-icon{font-size:20px;line-height:1}.tool-name{font-family:var(--font-pixel);letter-spacing:1px;font-size:8px}.tool-cost{color:var(--gold);font-size:14px}.tool-cost:after{content:" ◈";color:var(--toxic)}.screen{cursor:pointer;z-index:10;background:radial-gradient(#0a0f0a59 0%,#0a0f0aeb 100%);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.logo{font-family:var(--font-pixel);align-items:baseline;gap:14px;font-size:clamp(24px,6vw,48px);display:flex}.logo-rust{color:var(--rust);text-shadow:0 0 12px #b5533ccc,3px 3px #3d1c12}.logo-amp{color:var(--concrete);font-size:.6em}.logo-route{color:var(--neon);text-shadow:0 0 12px #39e6e6cc,3px 3px #0d3232}.tagline{color:var(--phosphor);text-shadow:0 0 8px #7dff7a80;font-size:26px}.insert-coin{font-family:var(--font-pixel);color:var(--gold);text-shadow:0 0 10px #ffd166b3;font-size:12px}.title-foot{letter-spacing:2px;color:var(--concrete);font-size:16px;position:absolute;bottom:18px}.result-screen{cursor:default}.result-panel{border:2px solid var(--toxic);background:#050a05f2;flex-direction:column;gap:14px;min-width:340px;max-width:90vw;padding:24px 32px;font-size:22px;display:flex;box-shadow:0 0 24px #5ee65e40,inset 0 0 32px #5ee65e0f}.result-title{font-family:var(--font-pixel);text-align:center;font-size:16px}.result-where{text-align:center;color:var(--concrete);letter-spacing:2px}.result-stars{text-align:center;color:var(--gold);text-shadow:0 0 10px #ffd166b3;font-size:30px}.result-rows{flex-direction:column;gap:4px;display:flex}.result-row{border-bottom:1px dashed #6b6f6a66;justify-content:space-between;gap:32px;display:flex}.result-key{color:var(--concrete)}.result-row.good .result-val{color:var(--toxic)}.result-row.bad .result-val{color:var(--danger)}.result-buttons{justify-content:center;gap:12px;margin-top:8px;display:flex}.btn{border:1px solid var(--concrete);color:var(--phosphor);font-family:var(--font-pixel);cursor:pointer;background:0 0;padding:10px 16px;font-size:10px}.btn:hover{border-color:var(--toxic);color:var(--toxic)}.btn-primary{border-color:var(--neon);color:var(--neon)}.btn-primary:hover{box-shadow:0 0 12px #39e6e680}.toast{letter-spacing:1px;border:1px solid var(--concrete);pointer-events:none;z-index:20;background:#050a05e6;padding:6px 18px;font-size:20px;animation:.16s steps(2,end) toast-in;position:absolute;top:72px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast-info{color:var(--phosphor);border-color:var(--phosphor)}.toast-good{color:var(--toxic);border-color:var(--toxic)}.toast-bad{color:var(--danger);border-color:var(--danger)}