@font-face{font-family:Martian;src:url('/assets/MartianMono-variable.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{color-scheme:dark;--ink:#080d09;--lime:#c3ff00;--muted:#83936e;--cream:#ecf4d6;--red:#b84935}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--cream);font-family:Martian,monospace;min-height:100svh;display:flex;justify-content:center;align-items:center;padding:22px 16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;border-radius:0}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.arcade{width:min(100%,560px)}.masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;font-size:8px;letter-spacing:.09em;color:var(--muted)}.masthead a{display:flex;align-items:center;gap:9px;color:var(--lime);text-decoration:none;font-weight:700}.masthead img{image-rendering:pixelated}.masthead>span{font-size:7px}.cabinet{position:relative;aspect-ratio:1;border:1px solid #354229;background:#080d09;box-shadow:0 0 0 5px #11190f;overflow:hidden}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:0;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(8,13,9,.88)}.overlay[hidden],.panel[hidden]{display:none}.panel{text-align:center;width:100%;padding:5.5%;display:flex;flex-direction:column;align-items:center}.eyebrow{font-size:clamp(6px,1.5vw,9px);letter-spacing:.15em;color:var(--muted);margin-bottom:4%}.hero-mark{object-fit:contain;width:9%;height:auto;image-rendering:pixelated;margin:0 0 4%}h1{font-size:clamp(29px,7.3vw,48px);line-height:1.08;letter-spacing:-.065em;font-weight:850;color:var(--lime);margin:0}h1 span{display:block}h2{font-size:clamp(24px,6vw,38px);letter-spacing:-.06em;line-height:1.15;color:var(--lime);margin:12px 0}p{font-size:clamp(8px,1.9vw,11px);line-height:1.8;color:var(--cream);margin:12px 0}.tagline{color:var(--cream);margin:3% 0 5%}.primary{font-size:clamp(10px,2.3vw,14px);font-weight:700;background:var(--lime);color:var(--ink);min-width:61%;padding:17px 16px;box-shadow:4px 4px 0 #40521b;transition:transform .08s,box-shadow .08s}.primary:hover{background:#d9ff63}.primary:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #40521b}.instructions{color:var(--muted);font-size:clamp(7px,1.7vw,10px);margin:5% 0 3%}.keys{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}kbd{font-family:inherit;border:1px solid #46543a;padding:4px 6px;color:var(--cream)}.keys span{font-size:8px;margin-left:5px}.under-game{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;font-size:8px;color:var(--muted)}.utilities{display:flex;gap:8px;align-items:center}.utilities button{background:#172115;color:var(--cream);padding:10px 12px;min-height:38px;font-size:8px}.utilities button:hover{color:var(--lime)}.utilities #pause{font-size:15px;min-width:38px;padding:7px}.touch-controls{display:none;align-items:center;justify-content:center;gap:10px;margin-top:15px;touch-action:none;user-select:none}.touch-controls>div{display:grid;gap:7px}.touch-controls button{background:#1c2917;color:var(--lime);border:1px solid #4d6331;width:64px;height:46px;font-size:25px;touch-action:none}.touch-controls button:active,.touch-controls button.pressed{background:var(--lime);color:var(--ink)}footer{margin-top:17px;display:flex;justify-content:space-between;gap:16px;font-size:6px;line-height:1.6;color:#697858;letter-spacing:.06em}.stats{display:flex;justify-content:center;gap:28px;margin:20px 0 27px}.stats div{display:grid;gap:10px}.stats span{font-size:8px;color:var(--muted)}.stats strong{font-size:18px;color:var(--lime)}.text-button{color:var(--muted);background:none;font-size:9px;margin-top:22px;padding:10px}.signs{display:flex;gap:21px;justify-content:center}.signs i{display:block;font-style:normal;font-size:20px;color:var(--lime);background:#1b2417;border:2px solid #758451;width:34px;height:34px;position:relative}.signs i:after{content:'';position:absolute;left:14px;top:32px;width:3px;height:8px;background:#758451}#mystery{margin:0 0 15px}#mystery p{font-size:8px;margin-bottom:0}.load-error{color:#ff9774}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(pointer:coarse),(max-width:600px){body{align-items:flex-start;padding:14px 12px max(14px,env(safe-area-inset-bottom))}.arcade{max-width:480px}.touch-controls{display:flex}.keys{display:none}.masthead{margin-bottom:12px}.primary{padding:14px}.instructions{margin-bottom:0}footer{font-size:5px}#hint{font-size:7px}.utilities button{padding:10px 8px}.stats{gap:20px}}
@media(max-height:730px) and (pointer:coarse){.arcade{max-width:min(100%,calc(100svh - 225px))}.masthead>span{display:none}.touch-controls button{height:40px;width:58px}.touch-controls{margin-top:10px}.under-game{margin-top:12px}footer{margin-top:10px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.primary{box-shadow:none}}
.cabinet{container-type:inline-size}
#title-panel,#result-panel{gap:2.3cqw}
#title-panel .eyebrow,#result-panel .eyebrow{font-size:1.5cqw;margin:0}
#title-panel .hero-mark{width:10%;margin:0}
#title-panel h1{font-size:8.5cqw}
#title-panel .tagline,#title-panel .instructions{margin:0;font-size:1.9cqw}
#title-panel .primary,#result-panel .primary{font-size:2.4cqw;min-height:44px;padding:2.7cqw 4cqw}
#result-panel h2{font-size:6.6cqw;margin:0}
#result-panel>p{font-size:1.9cqw;margin:0;line-height:1.6}
#result-panel .stats{gap:5cqw;margin:0}
#result-panel .stats div{gap:1.5cqw}
#result-panel .stats span{font-size:1.5cqw}
#result-panel .stats strong{font-size:3.3cqw}
#mystery{margin:0}
#mystery .signs{gap:4cqw}
#mystery .signs i{width:6cqw;height:6cqw;font-size:3.8cqw}
#mystery .signs i:after{left:2.4cqw;top:calc(6cqw - 2px);width:.6cqw;height:1.4cqw}
#mystery p{font-size:1.6cqw;margin:2cqw 0 0}