:root{color-scheme:dark;--ink:#071217;--panel:#0b1b22e8;--cream:#edf0dc;--yellow:#ffd75a;--mint:#59e2c2;--orange:#ff8b55;--line:#29424b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#03080b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cream)}body{display:grid;place-items:center}button{font:inherit}#shell{position:relative;width:100vw;height:100dvh;overflow:hidden;background:var(--ink)}#game{display:block;width:100%;height:100%;outline:none;touch-action:none}#hud{position:absolute;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:clamp(14px,2vw,28px);pointer-events:none;text-shadow:0 2px 8px #000}.brand{display:flex;align-items:center;gap:11px;font-size:.76rem;font-weight:800;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--yellow);color:var(--yellow);transform:rotate(-3deg)}.objective{min-width:min(390px,42vw);padding:10px 18px 12px;border-top:2px solid var(--yellow);background:linear-gradient(180deg,#071217d9,transparent);text-align:center}.objective span{display:block;color:var(--mint);font-size:.7rem;font-weight:900;letter-spacing:.18em}.objective strong{display:block;margin-top:3px;font-size:.95rem}.cogs{justify-self:end;display:flex;gap:8px;align-items:center;font-size:1rem}.cog-icon{color:var(--yellow);font-size:1.45rem}.dialogue{position:absolute;left:50%;bottom:clamp(88px,14vh,130px);transform:translateX(-50%);display:flex;align-items:center;width:min(540px,86vw);padding:14px 18px;background:var(--panel);border-left:4px solid var(--mint);box-shadow:0 12px 40px #0008;pointer-events:none}.dialogue span{margin-right:15px;color:var(--mint);font-size:.72rem;font-weight:900;letter-spacing:.16em}.dialogue p{margin:0;font-size:.94rem;line-height:1.35}.prompt{position:absolute;left:50%;bottom:27%;transform:translateX(-50%);padding:8px 12px;border:1px solid var(--yellow);background:#071217df;color:var(--yellow);font-size:.72rem;font-weight:900;letter-spacing:.12em}.panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:clamp(28px,9vw,140px);background:radial-gradient(circle at 72% 45%,#173b43b8,transparent 27%),linear-gradient(90deg,#061116 26%,#061116dd 55%,#06111655);z-index:5}.panel:after{content:"";position:absolute;right:8%;bottom:0;width:min(34vw,480px);height:76%;opacity:.38;background:linear-gradient(130deg,transparent 22%,#59e2c21a 23% 30%,transparent 31%),repeating-linear-gradient(90deg,transparent 0 36px,#aee8d60b 37px 39px)}.eyebrow{color:var(--mint);font-size:.76rem;font-weight:900;letter-spacing:.2em}.panel h1,.panel h2{z-index:1;margin:13px 0 15px;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(4.3rem,10vw,9rem);font-weight:900;line-height:.78;letter-spacing:.01em}.panel h2{font-size:clamp(3.5rem,8vw,7.5rem)}.panel em{color:var(--yellow);font-style:normal}.panel p{z-index:1;max-width:440px;margin:0 0 26px;color:#c6d1cc;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.5}.panel button{z-index:2;border:0;padding:15px 20px;background:var(--yellow);color:#111;font-weight:950;letter-spacing:.08em;cursor:pointer;box-shadow:7px 7px 0 #ff8b55;transition:transform .15s,box-shadow .15s}.panel button:hover,.panel button:focus-visible{transform:translate(3px,3px);box-shadow:4px 4px 0 #ff8b55}.panel button span{margin-left:26px}.controls{z-index:1;display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;color:#91a7a2;font-size:.72rem}.controls b{padding:5px 7px;border:1px solid #49636b;color:#dfe8e3;margin-right:4px}.results{display:flex;gap:clamp(20px,5vw,70px);margin:10px 0 25px}.results span{color:#7f9895;font-size:.7rem;font-weight:900;letter-spacing:.15em}.results strong{display:block;color:var(--cream);font-size:1.4rem;letter-spacing:0;margin-top:5px}.hidden{display:none!important}#touchControls{display:none;position:absolute;inset:auto 0 max(12px,env(safe-area-inset-bottom));justify-content:space-between;padding:0 20px;pointer-events:none}.touch-left,.touch-right{display:flex;gap:11px;align-items:flex-end}.touch-left button,.touch-right button{pointer-events:auto;width:58px;height:58px;border:2px solid #59e2c2a6;border-radius:50%;background:#0a1a20d9;color:#dff7ee;font-size:1.35rem;font-weight:900;touch-action:none}.touch-right .jump{width:72px;height:72px;border-color:#ffd75a88;color:var(--yellow)}@media(pointer:coarse),(max-width:800px){#touchControls.playing{display:flex}.brand{font-size:0}.brand-mark{font-size:.72rem}.objective{min-width:48vw}.cogs{font-size:.82rem}.panel{padding:8vw 7vw;justify-content:center}.panel:after{width:48vw}.controls{display:none}.dialogue{bottom:105px}.prompt{bottom:145px}}@media(max-height:520px){.panel h1,.panel h2{font-size:14vh}.panel p{margin-bottom:14px}.results{margin:4px 0 12px}.dialogue{bottom:74px}}