@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;600;700&display=swap');
:root{color-scheme:dark;--bg:#111410;--panel:#1b201a;--ink:#edf0dc;--dim:#929b87;--acid:#c7f36b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Mono',monospace}main{max-width:1100px;margin:auto;padding:42px 25px}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}h1,h2{font-family:'Space Grotesk',sans-serif;margin:8px 0;font-weight:700;letter-spacing:-.055em}h1{font-size:clamp(42px,7vw,78px);line-height:.85}h1 span,h2 span{color:var(--acid)}.eyebrow,small{font-size:10px;letter-spacing:.16em;color:var(--dim)}.balance{text-align:right;color:var(--acid)}.balance small{display:block}.balance strong{font-size:27px}.game{position:relative;border:1px solid #434c3d;background:#dce4c9;color:#151a14;overflow:hidden}.hud{display:flex;gap:38px;align-items:center;padding:18px 22px;background:#1b201a;color:var(--ink);min-height:75px}.hud small,.hud b{display:block}.hud b{font-size:15px;margin-top:5px}.signal{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:155px}.lights{background:#090b09;padding:5px;display:flex;gap:5px;border:1px solid #454c40}.lights i{width:12px;height:12px;border-radius:50%;background:#343a30}.lights i.on#red{background:#ff665b}.lights i.on#amber{background:#ffd36a}.lights i.on#green{background:#bdf36a}canvas{display:block;width:100%;image-rendering:pixelated;aspect-ratio:3/1}.overlay{position:absolute;inset:75px 0 0;display:grid;place-items:center;background:#151a14b8;text-align:center}.overlay.hidden{display:none}.card{padding:20px;max-width:470px}.card h2{font-size:40px}.card p{line-height:1.6;color:#d2dbc5;font-size:13px}button{font:inherit;cursor:pointer;border:0}#start,#shopButton,.touch button{background:var(--acid);color:#172010;padding:14px 20px;font-weight:bold}button:hover{filter:brightness(1.12)}.controls{display:flex;align-items:center;justify-content:space-between;padding:18px 0;color:var(--dim);font-size:11px}.controls span{padding:0 10px}kbd{color:var(--ink);border:1px solid #56604f;padding:5px}.touch{display:flex;gap:10px}.touch button{flex:1;background:#303a2a;color:var(--ink)}footer{display:flex;justify-content:space-between;border-top:1px solid #343b31;margin-top:35px;padding-top:20px;color:#727d6b;font-size:10px}footer button,#close{background:none;color:var(--dim)}dialog{width:min(650px,95vw);max-height:85vh;background:#1b201a;color:var(--ink);border:1px solid #68745f;padding:26px}dialog::backdrop{background:#000b}.shophead{display:flex;justify-content:space-between}.shophead h2{font-size:36px}.muted{color:var(--dim);font-size:11px}.item{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #404a3a;padding:16px 0;gap:15px}.item strong{font-family:'Space Grotesk';font-size:17px}.item p{font-size:11px;color:var(--dim);margin:6px 0;line-height:1.5}.item button{background:var(--acid);padding:10px;white-space:nowrap}.item button:disabled{background:#3c4538;color:#899282;cursor:default}@media(max-width:600px){main{padding:24px 12px}.hud{gap:12px;padding:12px;min-height:64px}.hud b{font-size:11px}.signal{min-width:100px}.lights i{width:8px;height:8px}.overlay{inset:64px 0 0}.card h2{font-size:25px}.card p{font-size:11px}.controls{font-size:9px}.controls kbd{padding:2px}.controls span{padding:0 3px}}
/* Warm, colorful framing for the pixel landscape. */
:root{--bg:#202c35;--panel:#293b43;--ink:#f6eddc;--dim:#a8b9b4;--acid:#f1c66e}body{background:radial-gradient(ellipse at 50% 0%,#354b52,#202c35 65%)}.game{border-color:#6f8582;background:#99c9d2;box-shadow:0 18px 45px #101c2180}.hud{background:#293b43}.lights{background:#1d2a30;border-color:#637674}.touch button{background:#3d555b}.item{border-color:#506460}dialog{background:#293b43;border-color:#82958e}.overlay{background:#26383ac7}footer{border-color:#516461}

#pauseButton{background:#3d555b;color:var(--ink);padding:14px 16px}#pauseLabel{position:absolute;top:43%;left:0;right:0;text-align:center;z-index:2;background:#20343ee8;padding:20px;color:var(--ink);letter-spacing:.2em;font-size:14px;pointer-events:none}.controls{gap:10px;flex-wrap:wrap}.controls>div{flex:1;min-width:230px}.touch button{touch-action:manipulation}button:focus-visible{outline:2px solid #fff0b3;outline-offset:3px}canvas{touch-action:manipulation}

.runbar{display:flex;justify-content:space-between;gap:10px;color:var(--dim);font-size:10px;padding:0 0 16px;letter-spacing:.06em}#runStats{color:var(--acid)}@media(max-width:600px){.runbar{font-size:8px}.controls>div{line-height:2}}
.card h2{color:var(--ink)}.card .eyebrow{color:#c5d6c8}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}