@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--lime:#d4fa78;--dim:#798473;--line:#30372c}*{box-sizing:border-box}body{margin:0;background:#10130f;color:#eff2e9;font-family:'Space Grotesk',sans-serif;background-image:radial-gradient(ellipse at 50% 40%,#25301b66,transparent 65%)}header,footer{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 36px}a{color:inherit;text-decoration:none}.brand{font-size:12px;font-weight:700;letter-spacing:2px}.brand span{color:var(--lime);font-size:26px;vertical-align:middle;margin-right:10px}.header-note,footer{font:9px 'IBM Plex Mono',monospace;letter-spacing:1.5px;color:var(--dim)}main{max-width:850px;padding:0 24px;margin:27px auto 40px}.intro{text-align:center}.eyebrow{color:var(--lime);font:9px 'IBM Plex Mono',monospace;letter-spacing:2px}h1{font-size:clamp(40px,7vw,70px);letter-spacing:-3px;margin:13px 0 10px;font-weight:700}h1 span{font-weight:400;color:var(--lime)}.intro p{color:#909989;font-size:13px;line-height:1.7;margin-bottom:28px}.cabinet{border:1px solid #465137;border-radius:12px;overflow:hidden;background:#191e15;box-shadow:0 22px 80px #0005}.hud{display:flex;justify-content:space-between;padding:18px 23px;font:9px 'IBM Plex Mono',monospace;color:var(--dim);letter-spacing:1px}.hud b{display:block;font-size:18px;color:var(--lime);font-weight:500;margin-top:6px;font-variant-numeric:tabular-nums}.health b{font-size:17px}.screen{position:relative;background:#0c100b;aspect-ratio:8/5}canvas{width:100%;height:100%;display:block;outline-offset:-4px}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0c100b88;padding:15px}.overlay[hidden]{display:none}.tag{font:8px 'IBM Plex Mono',monospace;letter-spacing:2px;color:var(--lime);border:1px solid #485237;padding:8px 12px;border-radius:30px}h2{font-size:clamp(24px,4vw,39px);font-weight:500;letter-spacing:-1px;margin:20px 0 10px}.overlay p{font-size:12px;line-height:1.7;color:#9ea990;margin:0 0 22px}button{cursor:pointer;font-family:'IBM Plex Mono',monospace}#play{background:var(--lime);color:#233014;border:0;border-radius:5px;padding:14px 19px;font-size:10px;font-weight:600;letter-spacing:.5px}#play span{margin-left:20px}#play:hover{background:#e2ff9f}small{font:8px 'IBM Plex Mono',monospace;color:#7e8b6f;letter-spacing:1px;margin-top:14px}.controls{padding:14px 22px;display:flex;align-items:center;justify-content:space-between;font:8px 'IBM Plex Mono',monospace;color:#909b85;letter-spacing:1px}kbd{font:9px 'IBM Plex Mono',monospace;display:inline-block;padding:5px 7px;background:#242c1d;border:1px solid #404b33;border-radius:3px;color:#c0cba9}i{font-style:normal;margin:0 10px;color:#49533d}#pause{border:0;background:none;color:#a9b499;font-size:8px;letter-spacing:1px}#pause:disabled{opacity:.4;cursor:default}.goal{text-align:center;font-size:12px;color:#a7b09c;line-height:1.9;margin:22px 0}.goal strong{display:block;font:8px 'IBM Plex Mono',monospace;letter-spacing:1.6px;color:var(--lime);margin-bottom:7px}.goal span{font-size:10px;color:#6f7c61}.links{display:flex;justify-content:center;gap:35px;font-size:11px;color:#bbc4ae}.links a:hover{text-decoration:underline}footer{border-top:1px solid #262e20;font-size:8px;padding-top:20px}.touch{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(pointer:coarse){.touch{display:flex;gap:10px;padding:0 18px 15px}.touch button{touch-action:none;background:#2c3821;color:var(--lime);border:1px solid #4c6135;border-radius:5px;padding:13px 24px}.touch button:last-child{margin-left:auto}}@media(max-width:550px){header,footer{padding:20px}.header-note{display:none}main{padding:0 12px;margin-top:24px}h1{letter-spacing:-2px}.hud{padding:12px 14px;font-size:8px}.hud b{font-size:15px}.controls{padding:12px 10px;font-size:7px;letter-spacing:0}i{margin:0 3px}.tag{font-size:6px;padding:6px 9px}h2{margin:10px 0 5px}.overlay p{font-size:10px;margin-bottom:12px}#play{padding:11px 15px;font-size:9px}small{font-size:6px;margin-top:9px}footer{font-size:6px;letter-spacing:.5px}}

#sound{background:none;border:1px solid #404b33;border-radius:4px;color:var(--lime);padding:7px 9px;font-size:8px;letter-spacing:.5px}#sound[aria-pressed="false"]{color:var(--dim)}@media(max-width:550px){#sound{font-size:7px;padding:6px 5px}.controls{gap:5px}.controls>span{letter-spacing:-.3px}}

.ammo-panel{display:flex;align-items:center;gap:14px;padding:12px 22px 3px;font:8px "IBM Plex Mono",monospace;color:#a7b794}.ammo-panel label{white-space:nowrap}.ammo-panel b{color:var(--lime);margin-left:8px;font-variant-numeric:tabular-nums}.ammo-panel meter{flex:1;min-width:40px;height:12px;accent-color:var(--lime)}.ammo-panel meter::-webkit-meter-bar{background:#293322;border:0;border-radius:3px}.ammo-panel meter::-webkit-meter-optimum-value{background:#d4fa78}.ammo-panel meter::-webkit-meter-suboptimum-value{background:#e9bd72}.ammo-panel meter::-webkit-meter-even-less-good-value{background:#ff917a}.ammo-panel span{font-size:7px;min-width:135px;text-align:right}@media(max-width:550px){.ammo-panel{padding:10px 10px 3px;gap:8px;flex-wrap:wrap}.ammo-panel span{width:100%;text-align:right;font-size:7px}}

.music-board{padding:15px 18px 10px;background:#0b100a;border-bottom:1px solid #3b4b2a}.music-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#91a379;font:8px "IBM Plex Mono",monospace;letter-spacing:.5px}.music-meta label{display:flex;gap:7px;align-items:center}.music-meta input{width:65px;accent-color:var(--lime)}#lyrics-toggle{background:none;color:var(--lime);border:1px solid #3a4d2a;border-radius:3px;padding:5px;font-size:7px;white-space:nowrap}.lyric-window{overflow:hidden;margin:12px 0;border:1px solid #2e4321;border-radius:5px;padding:12px;background-color:#080e06;background-image:radial-gradient(#4e6c342e .8px,transparent .8px);background-size:4px 4px}.lyric-window[hidden]{display:none}#lyric-strip{width:max-content;white-space:pre;font:bold 20px "IBM Plex Mono",monospace;letter-spacing:2px;text-transform:uppercase;color:#d4fa78;text-shadow:0 0 7px #a9ec6370;will-change:transform}.lyric-transcript{color:#8c9d79;font:9px "IBM Plex Mono",monospace;margin-top:9px}.lyric-transcript summary{cursor:pointer}.lyric-transcript p{white-space:pre-line;line-height:1.8;max-height:180px;overflow:auto;font-size:11px}@media(max-width:550px){.music-board{padding:12px}.music-meta{flex-wrap:wrap;font-size:7px;gap:8px}#lyric-strip{font-size:16px}.music-meta>span:first-child{flex:1}}