:root{color-scheme:dark;--ink:#f5f5e9;--soft:#c6d7d6;--lime:#baf16a;--gold:#f2ce82}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;background:radial-gradient(circle at 48% -18%,#385a58,transparent 42%),linear-gradient(#101c26,#071118 75%);color:var(--ink);font:16px/1.45 Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.site-head{max-width:1450px;margin:auto;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #85aa9955}.brand img{display:block;width:190px;max-width:42vw}.site-head nav{display:flex;gap:24px}.site-head nav a{font-weight:800;color:var(--soft);font-size:14px}.site-head nav a:hover{color:var(--lime)}main{max-width:1450px;margin:auto;padding:28px 32px 45px}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.eyebrow{margin:0 0 5px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:2.3px}.intro h1{font-size:clamp(32px,4vw,56px);line-height:1.05;letter-spacing:-1.6px;margin:2px 0 7px}.intro h1 span{color:var(--lime)}.intro p:not(.eyebrow){color:var(--soft);margin:0}.tag{border:1px solid #9dc27888;color:var(--lime);border-radius:99px;padding:7px 13px;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:1px}.guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px}.guide>div{display:flex;flex-direction:column;gap:2px;border:1px solid #71948d77;border-radius:11px;background:#23363ab8;padding:9px 13px}.guide b{font-size:10px;letter-spacing:1.3px;color:var(--gold)}.guide strong{font-size:14px;line-height:1.2}.guide small{color:#b3cebc;font-size:11px}.game-shell{overflow:hidden;border:1px solid #729788;border-radius:18px;background:#111e26;box-shadow:0 24px 65px #0008}.hud{display:flex;align-items:center;gap:23px;min-height:72px;padding:11px 20px;background:linear-gradient(110deg,#203c38,#12272e 65%,#233634)}.hud>div:not(.hud-actions){min-width:75px}.hud small{display:block;color:#bad0c7;font-size:10px;font-weight:800;letter-spacing:1.5px}.hud strong{color:#f5e6ae;font-size:18px}.hud>div:first-child strong{color:#c5f188;font-size:15px}.hud-actions{display:flex;gap:7px;margin-left:auto}.hud-actions button{background:#2c4548;color:var(--ink);border:1px solid #78968b;border-radius:8px;padding:8px 11px;font-size:13px}.hud-actions button:hover:not(:disabled){background:#42645c}.hud-actions button:disabled{opacity:.45;cursor:default}.scene{position:relative;aspect-ratio:16/10;background:#233850}.scene canvas{display:block;width:100%;height:100%}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#061015b5}.overlay-card{max-width:530px;padding:30px;text-align:center;border-radius:18px;border:1px solid #b7d08e;background:linear-gradient(145deg,#203b39f5,#10252df5);box-shadow:0 20px 65px #000a}.overlay-card h2{font-size:clamp(25px,3vw,39px);line-height:1.1;margin:8px 0 12px}.overlay-card p:not(.eyebrow){color:#deeadf;margin:0 0 20px}.overlay-card button{background:var(--lime);color:#14271c;border:0;border-radius:10px;padding:12px 23px;font-weight:900;box-shadow:0 5px 0 #659b35}.overlay-card button:hover{transform:translateY(-2px)}.toast{position:absolute;top:18px;left:50%;transform:translateX(-50%);padding:8px 15px;border:1px solid #c4e39c;border-radius:99px;background:#10231de8;color:#efffd7;font-weight:900;font-size:14px;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.toast.show{opacity:1}.touch-controls{display:none;justify-content:space-between;align-items:end;gap:12px;padding:10px 15px;background:#172a2e}.touch-controls button{min-width:62px;min-height:52px;touch-action:none;user-select:none;background:#355c54;color:#f3f6e1;border:2px solid #95cba1;border-radius:12px;font-size:21px;font-weight:900}.touch-controls button.pressed{background:#81ab59;color:#122218}.dpad{display:grid;grid-template-columns:repeat(3,62px);grid-template-rows:repeat(2,52px);gap:5px}.dpad #up{grid-column:2}.dpad #left{grid-column:1;grid-row:2}.dpad #down{grid-column:2;grid-row:2}.dpad #right{grid-column:3;grid-row:2}.abilities{display:flex;gap:8px}.abilities button{min-width:92px;font-size:15px}.abilities #fire{background:#286157;border-color:#8aebc6}.underbar{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:42px;padding:7px 17px;color:var(--soft);font-size:12px}.keyboard-hint{color:#dddda9}.footnote{color:#a9c3ba;font-size:13px;margin:14px 2px}@media(pointer:coarse){.touch-controls{display:flex}.keyboard-hint{display:none}}@media(max-width:800px){.site-head{padding:15px}.site-head nav{gap:12px}.site-head nav a{font-size:12px}main{padding:20px 10px}.intro{padding:0 6px}.tag{display:none}.guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px}.guide>div{padding:7px 9px}.guide strong{font-size:12px}.guide small{font-size:10px}.hud{flex-wrap:wrap;gap:9px;padding:9px 11px}.hud>div:not(.hud-actions){min-width:55px}.hud strong{font-size:14px}.hud>div:first-child{min-width:130px}.hud>div:first-child strong{font-size:12px}.hud small{font-size:9px}.hud-actions{gap:4px}.hud-actions button{font-size:11px;padding:5px 7px}.scene{aspect-ratio:4/3}.overlay-card{padding:17px;max-width:410px}.overlay-card p:not(.eyebrow){font-size:13px}.best{display:none}}@media(max-width:520px){.intro h1{font-size:30px}.intro p:not(.eyebrow){font-size:13px}.site-head nav a:nth-child(2){display:none}.hud-actions{width:100%;justify-content:flex-end}.scene{aspect-ratio:1/1}.scene canvas{width:160%;height:100%;position:relative;left:-28%}.overlay{padding:7px}.overlay-card{padding:11px 15px}.overlay-card h2{font-size:22px;margin:5px 0 8px}.overlay-card p:not(.eyebrow){font-size:11px;line-height:1.3;margin-bottom:10px}.overlay-card button{padding:9px 17px}.touch-controls{display:flex;padding:8px;gap:4px}.dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,43px);gap:3px}.touch-controls button{min-width:44px;min-height:43px;font-size:17px}.abilities{gap:4px}.abilities button{min-width:69px;font-size:12px}.underbar{font-size:11px}}@media(prefers-reduced-motion:reduce){.toast{transition:none}}