:root{color-scheme:dark;--bg:#06110c;--panel:#10261a;--line:#315a43;--text:#f5f7f4;--muted:#b8c9be;--accent:#c8f36a;--gold:#f3c867;--power:#d8c5ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#173724,#06110c 48%);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line);background:#06110ce8}.brand{font-weight:900;color:var(--text);text-decoration:none}.brand span{display:block;color:var(--muted);font-size:.72rem}.site-header nav{display:flex;gap:1rem;flex-wrap:wrap}.site-header a{color:var(--text)}main{width:min(1180px,94vw);margin:auto;padding:2.5rem 0 4rem}.hero{max-width:920px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-size:.76rem;font-weight:900}h1{font-size:clamp(3rem,9vw,6.5rem);line-height:.9;margin:.4rem 0 1rem}.lede,.status,.controls{color:var(--muted)}.status{min-height:1.55em;transition:color .18s ease}.status[data-state="blocked"]{color:var(--gold);font-weight:850}.status[data-state="ready"],.status[data-state="complete"]{color:var(--accent);font-weight:850}.status[data-state="power"]{color:var(--power);font-weight:900}.status[data-state="error"]{color:#ffb4a8;font-weight:800}.game-shell,.panel{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),#0a1b12);border-radius:22px;padding:clamp(.75rem,2vw,1.25rem);box-shadow:0 22px 70px #0004;margin:1rem 0}.hud{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin-bottom:.75rem}.hud span{padding:.45rem .7rem;background:#173522;border-radius:999px;border:1px solid #2c563d;font-size:.9rem}.hud span strong{color:var(--accent)}.hud button,.panel button{border:1px solid var(--line);background:#173522;color:var(--text);border-radius:12px;padding:.65rem 1rem;font-weight:800}.hud button:first-of-type{margin-left:auto}.hud button:focus-visible,.panel button:focus-visible,.touch-controls button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.panel button.primary{background:var(--accent);color:#102013;border-color:transparent;margin-left:0}canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#bfe6ff;border-radius:16px;border:1px solid #46705a;touch-action:none;outline:none}.touch-controls{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:.65rem;margin-top:.75rem}.touch-controls button{min-height:64px;border:1px solid var(--line);border-radius:14px;background:#193d29;color:var(--text);font-size:1.1rem;font-weight:900;touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls .jump{background:var(--accent);color:#102013;font-size:1.05rem}.controls strong{color:var(--text)}.feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1rem 0}.feature-strip article{border:1px solid var(--line);background:#0e2418;border-radius:18px;padding:1rem}.feature-strip strong{display:block;color:var(--accent);font-size:1.05rem}.feature-strip span{display:block;color:var(--muted);font-size:.85rem;margin-top:.25rem}.panel{padding:1.5rem}.panel h2{margin-top:0}.power-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.power-guide p{margin:0;background:#122d1e;border:1px solid #2b523b;border-radius:14px;padding:1rem}.power-guide strong{color:var(--accent);display:block;margin-bottom:.2rem}footer{border-top:1px solid var(--line);padding:2rem clamp(1rem,4vw,4rem);color:var(--muted)}[hidden]{display:none!important}@media(min-width:900px) and (hover:hover){.touch-controls{max-width:560px;margin-inline:auto}}@media(max-width:820px){.feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.power-guide{grid-template-columns:1fr}}@media(max-width:680px){.site-header{align-items:flex-start;flex-direction:column}.hud{gap:.4rem}.hud span{font-size:.78rem;padding:.38rem .55rem}.hud button{margin-left:0!important;min-height:44px}.game-shell{width:100vw;margin-left:calc(50% - 50vw);border-radius:0;border-left:0;border-right:0;padding:.65rem}.touch-controls{position:sticky;bottom:max(.5rem,env(safe-area-inset-bottom));z-index:4;background:#06110cdd;padding:.45rem;border-radius:16px;backdrop-filter:blur(8px)}.touch-controls button{min-height:72px;font-size:1.18rem}.controls{font-size:.82rem}.feature-strip{grid-template-columns:1fr 1fr;gap:.55rem}.feature-strip article{padding:.75rem}}@media(max-width:420px){.feature-strip{grid-template-columns:1fr}.hud span:nth-of-type(6),.hud span:nth-of-type(7){display:none}}