:root{--ink:#e8f2dc;--dim:#8ea08a;--acid:#9dff6a;--hot:#ff6a3a;--bg:#0b0d0b}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:Consolas,SFMono-Regular,ui-monospace,monospace;overflow:hidden}#app canvas{display:block}#hud{pointer-events:none;position:fixed;inset:0}#crosshair{border:1px solid #e8f2dccc;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}#stats{width:260px;position:absolute;bottom:24px;left:24px}.label{letter-spacing:.2em;color:var(--dim);font-size:11px}.bar{background:#ffffff14;border:1px solid #9dff6a59;height:8px;margin:6px 0}#infest-fill{background:linear-gradient(90deg, #6fd04a, var(--acid));width:0;height:100%;box-shadow:0 0 12px #9dff6a99}#infest-text{color:var(--acid);font-size:22px}#cores-text{color:var(--hot);margin-top:4px;font-size:13px}#tip{text-align:right;position:absolute;bottom:24px;right:24px}.tip-row{justify-content:flex-end;gap:6px;display:flex}.tip-chip{color:var(--dim);border:1px solid #fff3;padding:4px 10px;font-size:14px}.tip-chip.active{color:#111;border-color:#0000}.tip-chip[data-tip="0"].active{background:#ff3b30}.tip-chip[data-tip="1"].active{background:#fc0}.tip-chip[data-tip="2"].active{background:#f2f2f2}#fan-text{color:var(--dim);letter-spacing:.1em;margin-top:6px;font-size:11px}#fps{color:var(--dim);font-size:11px;position:absolute;top:10px;right:12px}#net-text{letter-spacing:.15em;color:var(--acid);font-size:12px;position:absolute;top:18px;left:24px}#banner{text-align:center;letter-spacing:.25em;color:var(--acid);text-shadow:0 0 18px #9dff6a99;font-size:28px;position:absolute;top:22%;left:0;right:0}#overlay{background:radial-gradient(#0a0e0aa6,#000000e6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#overlay.hidden{display:none}.panel{text-align:center;max-width:560px;padding:32px}.panel h1{letter-spacing:.3em;color:var(--acid);text-shadow:0 0 24px #9dff6a80;margin:0;font-size:56px}.sub{color:var(--dim);letter-spacing:.15em}.controls{color:var(--ink);margin:24px 0;font-size:13px;line-height:1.9}.controls b{color:var(--acid);font-weight:400}.hint{color:var(--dim);font-size:12px}#colony-age{margin-top:20px}#colony-age.hidden{display:none}#age-chips{justify-content:center;gap:6px;margin-top:8px;display:flex}.age-chip{font:inherit;letter-spacing:.12em;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #9dff6a4d;padding:6px 12px;font-size:12px}.age-chip.active{color:#0b0d0b;background:var(--acid);border-color:#0000}.age-chip:disabled{cursor:default;opacity:.5}#play{font:inherit;letter-spacing:.2em;color:#0b0d0b;background:var(--acid);cursor:pointer;border:none;margin-top:16px;padding:12px 28px}#play:disabled{opacity:.3;cursor:default}