:root{color-scheme:dark;--bg:#101426;--ink:#fff3d9;--muted:#b4c0e3;--gold:#ffda79;--cyan:#86e5e3;--edge:#66739e;--pink:#ffb7d5;font-family:'Courier New',monospace;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 30%,#1b2444 0,transparent 65%),var(--bg)}button{font:inherit;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}.topbar{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;font-size:13px;letter-spacing:1.5px}.brand{display:flex;gap:12px;align-items:center}.brand>span{font-size:27px;color:var(--gold)}.quiet{border:0;background:none;color:var(--muted);min-height:44px;letter-spacing:1px}.quiet:hover{color:var(--ink)}main{max-width:1200px;margin:auto;padding:0 28px 24px}.heading{text-align:center;padding:14px 0 30px}h1{font-size:clamp(24px,3.6vw,44px);line-height:1.25;letter-spacing:-1.3px;margin:0 0 14px;font-weight:900;text-shadow:3px 3px 0 #635349}.heading p{color:var(--muted);font-size:18px;margin:0;letter-spacing:.4px}.arcade{position:relative;border:3px solid var(--edge);box-shadow:0 8px 0 #080c19,0 0 55px #080d224a;overflow:hidden;background:#17234a;isolation:isolate}canvas{display:block;width:100%;aspect-ratio:2/1;image-rendering:pixelated;touch-action:none}.hud{position:absolute;z-index:2;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;gap:20px;pointer-events:none;font-size:19px;letter-spacing:1px;font-weight:bold;text-shadow:2px 2px #111426}.hud b{color:var(--gold)}#hint{font-size:13px;line-height:1.6;font-weight:400;color:#e0e6ff;max-width:55%;text-align:right}.controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 16px}.controls p{font-size:13px;color:var(--muted);text-align:center}.controls p span{margin:0 8px}.move-controls{display:flex;gap:18px}.pixel-button{border:3px solid #f9d99a;border-right-color:#ac782f;border-bottom-color:#ac782f;background:#f2c36b;color:#241e2d;padding:17px 26px;font-size:18px;font-weight:900;letter-spacing:.5px;box-shadow:4px 4px 0 #654d33;min-height:56px;transition:filter .15s,transform .1s;touch-action:none}.pixel-button:hover{filter:brightness(1.12)}.pixel-button:active,.pixel-button.pressed{transform:translate(3px,3px);box-shadow:1px 1px 0 #654d33}.direction{background:#333f69;color:var(--ink);border-color:#7180b3;border-right-color:#414f7a;border-bottom-color:#414f7a;box-shadow:4px 4px 0 #1e2746;font-size:27px;width:76px;padding:10px}.jump{min-width:158px}.jump span{margin-left:18px}.text-button{border:0;border-bottom:1px solid #7583a5;color:var(--muted);background:none;padding:10px 2px;min-height:44px;font-size:13px}.text-button:hover{color:var(--ink)}footer{text-align:center;color:#9badd3;font-size:13px;margin-top:9px}footer p{margin:8px 0 0}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:54px 24px 24px;background:#11162ad9;z-index:3;text-align:center;backdrop-filter:blur(2px)}.overlay:empty{display:none}.screen{max-width:630px;width:100%;animation:arrive .3s ease-out}.screen h2{font-size:clamp(25px,3.8vw,44px);line-height:1.25;margin:10px 0 18px;font-weight:900;letter-spacing:-1px;text-shadow:3px 3px #514562}.screen p{color:#d1d9f0;font-size:16px;line-height:1.7;margin:0 auto 24px;max-width:450px}.screen .micro{font-size:12px;color:#aab8d8;margin-top:17px;margin-bottom:0}.hero-sprite{height:70px;width:84px;object-fit:contain;image-rendering:pixelated;margin:0 auto 8px;display:block}.guess-options,.end-actions{display:flex;gap:20px;justify-content:center;margin-top:20px}.guess-options .pixel-button{min-width:130px;background:#263758;color:var(--ink);border-color:#8798c1;box-shadow:4px 4px #141d38}.reveal-screen h2{color:var(--pink);font-size:clamp(36px,6vw,66px);text-shadow:4px 4px #654259}.screen .reveal-label{font-size:13px;letter-spacing:2px;color:var(--gold);margin-bottom:12px}.end-actions .pixel-button{font-size:14px;padding:14px 18px}.end-actions .secondary{background:#273556;color:var(--ink);border-color:#778bb3;box-shadow:4px 4px #162039}.finish{position:absolute;bottom:80px;right:24px;z-index:2;font-size:14px}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.confetti i{position:absolute;width:8px;height:8px;top:-20px;animation:fall 2.8s ease-in forwards}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:fixed;bottom:0;padding:24px;background:#101426;width:100%;text-align:center}.reveal-mode .hud{visibility:hidden}.reveal-mode .overlay{background:radial-gradient(ellipse at center,#60384b80,transparent 70%),#11162aec}.paused{position:absolute;bottom:22px;left:22px;color:#eee}
@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fall{to{transform:translateY(650px) rotate(250deg)}}
@media(min-width:1400px){main{max-width:1330px}.heading{padding-bottom:36px}}
@media(max-width:680px){.topbar{padding:12px 18px;font-size:11px;letter-spacing:.7px}.brand{gap:7px}.quiet{font-size:11px}main{padding:0 15px 20px}.heading{padding:14px 0 24px}h1{font-size:26px;max-width:370px;margin:0 auto 12px;letter-spacing:-1px}.heading p{font-size:13px}.arcade{border-width:2px}canvas{aspect-ratio:7/6}.hud{top:14px;left:13px;right:13px;font-size:14px;gap:12px}#hint{font-size:10px;max-width:58%}.controls{padding-top:20px;gap:10px;flex-wrap:wrap}.controls p{order:3;width:100%;margin:8px 0 0;font-size:11px}.move-controls{gap:14px}.direction{width:64px;min-height:60px}.jump{min-width:116px;padding:14px 18px;font-size:17px}.jump span{margin-left:10px}.overlay{padding:50px 14px 18px}.screen h2{font-size:27px;margin:7px 0 12px}.screen p{font-size:13px;margin-bottom:18px;line-height:1.6}.screen .pixel-button{font-size:14px;padding:13px 18px;min-height:48px}.hero-sprite{height:48px;width:58px;margin-bottom:4px}.screen .micro{font-size:10px;margin-top:13px}.guess-options{gap:14px;margin-top:14px}.guess-options .pixel-button{min-width:105px}.end-actions{gap:10px;margin-top:10px}.end-actions .pixel-button{padding:10px;font-size:11px}.screen .reveal-label{font-size:10px;margin-bottom:10px}.reveal-screen h2{font-size:36px}.finish{right:14px;bottom:70px;font-size:12px;padding:12px}.screen .text-button{font-size:12px}.reveal-screen .micro{font-size:10px;max-width:250px}footer{font-size:11px;margin-top:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.confetti{display:none}}
body{font-family:ui-monospace,Menlo,Consolas,monospace}h1,.screen h2{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:900}.overlay{overflow-y:auto}.screen{flex-shrink:0}@media(max-width:680px){.arcade.overlay-mode{min-height:365px}.overlay{padding-top:45px}}
.controls button,.controls button *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}