:root{color-scheme:dark;--ink:#f4f2df;--muted:#c8d7c3;--lime:#b3f249;--gold:#efcc75;--line:#667a4b}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at 48% -14%,#325333 0,transparent 42%),linear-gradient(#101e17,#050b09 75%);font:16px/1.45 Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.site-head{max-width:1450px;margin:auto;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #5c7b4855;gap:20px}.brand img{width:190px;max-width:42vw;display:block}.site-head nav{display:flex;gap:24px;flex-wrap:wrap}.site-head a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:bold}.site-head a:hover{color:var(--lime)}main{max-width:1450px;margin:auto;padding:25px 32px 40px}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.intro h1{margin:3px 0 8px;font-size:clamp(30px,4vw,54px);line-height:1.05;letter-spacing:-1.5px}.intro h1 span{color:var(--lime)}.intro p:not(.eyebrow){color:var(--muted);margin:0}.eyebrow{font-size:11px;color:var(--gold);font-weight:900;letter-spacing:2.4px;margin:0 0 6px}.game-tag{border:1px solid #9ac26488;color:var(--lime);border-radius:99px;padding:7px 13px;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:1px}.game-shell{border:1px solid #617952;background:#111d17;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #0008}.hud{display:flex;align-items:center;gap:24px;padding:12px 20px;min-height:75px;background:linear-gradient(110deg,#203b25,#11251f 65%,#22331e);border-bottom:1px solid #7a98575e}.hud-stat{min-width:85px}.hud-stat small{display:block;color:#b5c9ad;font-weight:bold;letter-spacing:1.7px;font-size:10px}.hud-stat strong{font-size:19px;color:#f6e4a5}.hud-stat:first-child strong{color:#f6a4a0}.hud-actions{display:flex;gap:7px;margin-left:auto}.hud-actions button{color:var(--ink);background:#2c4531;border:1px solid #80966a;border-radius:8px;padding:8px 11px;font-size:13px}.hud-actions button:hover:not(:disabled){background:#3d5b37}.stage{position:relative;overflow:hidden;background:#142e30;aspect-ratio:16/9}.stage canvas{display:block;width:100%;height:100%}.overlay{position:absolute;inset:0;background:#06120db8;display:grid;place-items:center;padding:20px}.overlay-card{text-align:center;max-width:510px;background:linear-gradient(145deg,#203925f5,#0d211df5);border:1px solid #a7c26c;border-radius:18px;padding:31px;box-shadow:0 20px 70px #000b}.overlay-card h2{font-size:clamp(26px,3.3vw,40px);line-height:1.12;margin:9px 0 13px}.overlay-card p:not(.eyebrow){color:#d9e6ce;margin:0 0 21px}.primary{background:var(--lime);color:#14240e;border:0;border-radius:10px;padding:12px 24px;font-weight:900;box-shadow:0 5px 0 #6b9c25}.primary:hover{transform:translateY(-2px)}.underbar{display:flex;justify-content:space-between;gap:15px;padding:5px 18px;min-height:44px;align-items:center;font-size:13px;color:var(--muted)}.underbar p{margin:0}.controls-hint span{padding:0 8px;color:var(--gold)}.footnote{color:#aec5ad;font-size:13px;margin:15px 2px}.touch-controls{display:none;justify-content:space-between;gap:10px;padding:12px 15px;background:#172b22}.touch-controls>div{display:flex;gap:12px}.touch-controls button{min-width:68px;min-height:58px;border-radius:13px;background:#3b5b36;color:#fff7df;border:2px solid #aad66b;touch-action:none;font-size:23px;font-weight:900;user-select:none}.touch-controls button:active,.touch-controls button.pressed{background:#7da83c;color:#152414}.touch-controls .jump{min-width:128px;font-size:18px}@media(pointer:coarse){.touch-controls{display:flex}.controls-hint{display:none}}@media(max-width:760px){.site-head{padding:14px 16px}.site-head nav{gap:11px}.site-head a{font-size:12px}main{padding:20px 10px}.intro{align-items:start;padding:0 7px}.game-tag{display:none}.hud{gap:9px;padding:9px 10px;flex-wrap:wrap}.hud-stat{min-width:62px}.hud-stat strong{font-size:15px}.hud-stat small{font-size:9px}.hud-actions{gap:4px}.hud-actions button{font-size:11px;padding:6px}.best{display:none}.underbar{font-size:12px}.controls-hint{display:none}.overlay-card{padding:18px;max-width:390px}.overlay-card p:not(.eyebrow){font-size:13px;margin-bottom:14px}}@media(max-width:520px){.site-head nav a:nth-child(2){display:none}.intro h1{font-size:29px}.intro p:not(.eyebrow){font-size:13px}.overlay-card h2{font-size:25px}.overlay-card{padding:16px}.hud{min-height:0}.hud-stat{min-width:55px}.hud-stat strong{font-size:13px}.hud-actions button{font-size:10px;padding:5px}.touch-controls{display:flex}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:520px){.hud-stat{min-width:44px}.hud-actions{width:100%;justify-content:flex-end}.stage{aspect-ratio:16/10}}
@media(max-width:520px){.stage{aspect-ratio:4/3}.stage canvas{width:133.333%;height:100%;max-width:none}}
.hud-stat.weapon{min-width:105px}.hud-stat.weapon strong{color:#a8f9e3;font-size:15px}.touch-controls .fire{min-width:110px;font-size:17px;background:#265c50;border-color:#82eac7}@media(max-width:520px){.hud-stat.weapon{min-width:82px}.hud-stat.weapon strong{font-size:12px}.touch-controls{padding:10px;gap:8px}.touch-controls>div{gap:8px}.touch-controls button{min-width:58px;min-height:54px}.touch-controls .jump,.touch-controls .fire{min-width:86px;font-size:13px}}
@media(max-width:520px){.overlay{padding:8px}.overlay-card{padding:12px 16px}.overlay-card h2{font-size:22px;line-height:1.05;margin:5px 0 8px}.overlay-card .eyebrow{font-size:9px;margin-bottom:3px}.overlay-card p:not(.eyebrow){font-size:12px;line-height:1.25;margin-bottom:9px}.overlay-card .primary{padding:9px 17px}}
.quick-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px}.quick-guide>div{border:1px solid #72926075;border-radius:12px;background:#213727b8;padding:10px 14px;display:flex;flex-direction:column;gap:2px}.quick-guide span{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#e6cf84}.quick-guide strong{font-size:15px;line-height:1.2;color:#f4f5de}.quick-guide small{font-size:11px;color:#bbd49c}@media(max-width:760px){.quick-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 12px}.quick-guide>div{padding:8px 10px}.quick-guide strong{font-size:12px}.quick-guide small{font-size:10px}}