:root{color-scheme:dark;--lime:#b5f646;--ink:#101712;--line:#334238}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -30%,#345039 0%,#101712 55%,#0a100c 100%);color:#f5f8f0;font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100dvh}.game-header{max-width:1240px;margin:auto;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{display:block;width:190px;height:auto}.back{color:#e1ecdc;text-decoration:none;border:1px solid #536555;border-radius:999px;padding:9px 16px;font-weight:700}.back:hover,.back:focus-visible{border-color:var(--lime);color:var(--lime)}.game-shell{max-width:1240px;margin:auto;padding:8px 26px 32px}.game-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:10px 0 18px}.game-title p{max-width:355px;margin:0 0 5px;color:#c5d2c5}.eyebrow{color:var(--lime);font-size:13px;font-weight:900;letter-spacing:.14em}h1{font-size:clamp(29px,4vw,52px);line-height:1.05;letter-spacing:-.045em;margin:7px 0 0}.hud{display:flex;align-items:center;gap:clamp(10px,3vw,36px);background:#19231c;border:1px solid var(--line);border-radius:15px 15px 0 0;padding:11px 17px;color:#aebfac;font-size:13px;font-weight:800;letter-spacing:.09em}.hud strong{color:#fff;font-size:18px;letter-spacing:0;margin-left:5px}.hud button{margin-left:auto;background:#293a2e;border:1px solid #566f4e;color:#fff;border-radius:8px;min-width:39px;height:38px;cursor:pointer;font-size:19px}.play-frame{position:relative;border:1px solid #3e5546;border-top:0;border-radius:0 0 15px 15px;overflow:hidden;background:#172c26;box-shadow:0 28px 60px #0008;touch-action:none}canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#09140db3;backdrop-filter:blur(3px);padding:20px}.game-overlay[hidden]{display:none}.overlay-card{text-align:center;background:#17231be9;border:1px solid #9fcb5c;border-radius:22px;padding:clamp(22px,4vw,42px);max-width:min(500px,100%);box-shadow:0 24px 60px #0008}.overlay-card .kicker{color:var(--lime);font-weight:900;letter-spacing:.15em;font-size:13px}.overlay-card h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.04em;line-height:1.08;margin:9px 0}.overlay-card p{color:#d0ddcf;margin:10px auto 18px}.overlay-card button{background:var(--lime);border:0;border-radius:9px;color:#12200e;font:900 16px system-ui;padding:14px 25px;cursor:pointer;min-height:48px}.overlay-card button:hover{background:#d0ff77}.result-row{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #536652;padding:7px 0;text-align:left}.result-row strong{color:var(--lime)}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 1px}.instructions{color:#c6d4c3;font-size:14px}.instructions span{color:var(--lime)}.touch-controls{display:flex;gap:9px;touch-action:none}.touch-controls button{border:1px solid #8ec858;background:#293b2b;color:#fff;min-width:56px;min-height:54px;border-radius:11px;font-weight:900;font-size:18px;touch-action:none;user-select:none}.touch-controls .jump{background:var(--lime);color:#12200e;padding:0 17px;font-size:14px}.touch-controls button:active,.touch-controls button.is-pressed{transform:translateY(2px);filter:brightness(1.3)}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:3px}@media(max-width:700px){.game-header{padding:14px}.brand img{width:142px}.back{font-size:13px;padding:8px 10px}.game-shell{padding:0 8px 18px}.game-title{display:block;margin:10px 8px 15px}.game-title p{font-size:14px;margin-top:9px}.hud{padding:7px 8px;gap:8px;font-size:10px;border-radius:11px 11px 0 0}.hud strong{font-size:13px;margin-left:2px}.hud button{height:31px;min-width:31px}.play-frame{border-radius:0 0 11px 11px}.game-bottom{flex-direction:column-reverse;align-items:stretch;padding:12px 4px}.touch-controls{justify-content:space-between}.touch-controls button{min-width:68px;min-height:62px}.touch-controls .jump{margin-left:auto}.instructions{font-size:12px;line-height:1.5}.overlay-card{padding:16px}.overlay-card p{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.hud #music-button{margin-left:auto}.hud #pause-button{margin-left:0}.hud #music-button[aria-pressed="false"]{color:#9daea0;border-color:#536555;background:#1c2a20}.hud #music-button[aria-pressed="false"]::after{content:'╱';position:absolute;transform:translate(-16px,1px);color:#f6a26f;font-weight:900;pointer-events:none}.hud #music-button:hover,.hud #pause-button:hover{border-color:#b5f646}
.touch-controls .shoot{background:#ed9d5e;border-color:#ffcf99;color:#1d281d;padding:0 14px;font-size:14px}.touch-controls .shoot:hover{filter:brightness(1.12)}@media(max-width:700px){.touch-controls{gap:6px}.touch-controls button{min-width:50px;min-height:58px}.touch-controls .jump,.touch-controls .shoot{padding:0 9px;font-size:12px}.touch-controls .jump{margin-left:auto}}
.hud #lives-label{color:#ffb276;white-space:nowrap}@media(max-width:700px){.hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 31px 31px;gap:4px}.hud div{min-width:0;font-size:9px;letter-spacing:0}.hud strong{display:block;margin-left:0;font-size:13px;white-space:nowrap}.hud #music-button,.hud #pause-button{margin:0}}