@font-face{font-family:TrikePixel;src:url(../pixel.ttf)format("truetype");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#263b35;--panel:#1d2d29;--paper:#ece7d5;--gold:#ffcf59;--muted:#b8c4b4;--red:#e3533d;--pixel:TrikePixel,monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--paper);background-image:radial-gradient(#3a4d43 .6px,#0000 .6px);background-size:8px 8px;margin:0;font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:10px/1.5 var(--pixel);cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}a{color:inherit}main{max-width:1216px;margin:auto;padding:32px 48px 20px}header{border-bottom:1px solid #637263;justify-content:space-between;align-items:center;padding-bottom:22px;display:flex}.brand{font:23px var(--pixel);letter-spacing:-1px;align-items:center;gap:2px;text-decoration:none;display:flex}.brand>span:not(.brand-mark){color:var(--gold)}.brand-mark{color:var(--red);margin-right:10px;font:38px/1 serif}.brand sup{align-self:start;margin-left:5px;font:10px monospace}.edition{text-align:right;letter-spacing:1px;color:var(--muted);font-size:10px}.edition b{color:var(--gold);margin-top:4px;font-size:9px;font-weight:400;display:block}.intro{justify-content:space-between;align-items:end;gap:30px;padding:32px 0 28px;display:flex}.eyebrow{font:9px/1.7 var(--pixel);letter-spacing:.4px;color:var(--gold);margin:0 0 15px}.intro .eyebrow{align-items:center;gap:8px;display:flex}.eyebrow>span{background:var(--red);width:6px;height:6px}h1{font:clamp(22px,3vw,34px)/1.4 var(--pixel);letter-spacing:-.7px;margin:0}h1 em{color:var(--gold);font-style:normal}.intro-copy{max-width:300px;padding-bottom:4px}.intro-copy p{color:var(--paper);margin:0 0 16px;font-size:13px;line-height:1.8}.intro-copy>span{letter-spacing:1.2px;color:var(--muted);font-size:9px}.cabinet{background:var(--panel);border:6px solid var(--paper);position:relative;box-shadow:0 0 0 1px #12201b,8px 8px #142720}.dashboard{border-bottom:3px solid #142720;align-items:center;gap:12px;padding:15px 18px;display:flex}.track-label{flex:1;align-items:center;gap:15px;display:flex}.track-label>span{font:10px var(--pixel);color:var(--gold);white-space:nowrap}.track-label strong{font:11px/1.6 var(--pixel);color:var(--paper);font-weight:400}.score-label{padding-right:14px}.score-label small{color:var(--muted);letter-spacing:1px;font-size:8px;display:block}.score-label strong{font:15px var(--pixel);color:var(--gold);font-weight:400}.dashboard button{background:0 0;border:1px solid #6d7d6a;border-radius:0;min-height:32px;padding:7px 8px}.dashboard button:hover{background:#3a4d43}#expand,#pause{width:32px;font:20px/1 monospace}.screen{aspect-ratio:16/9;background:#82d7f3;position:relative;overflow:hidden}#game-container{outline:none;position:absolute;inset:0}#game-container canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.loading{background:var(--panel);font:12px var(--pixel);color:var(--gold);place-items:center;display:grid;position:absolute;inset:0}.overlay{text-align:center;background:#19342a38;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.overlay-card{border:3px solid var(--paper);background:#223b33f5;max-width:88%;padding:25px 34px 18px;box-shadow:5px 5px #172b23}.overlay .eyebrow{margin-bottom:12px;font-size:9px}.overlay h2{font:24px/1.4 var(--pixel);color:var(--paper);margin:0}.overlay p:not(.eyebrow):not(.overlay-hint){color:#cdd4c2;margin:14px 0 18px;font:12px/1.8 ui-monospace,monospace}.overlay button{font:12px var(--pixel);background:var(--gold);color:#263b35;border:0;border-bottom:4px solid #c39942;min-width:190px;padding:14px 20px}.overlay button span{margin-left:16px}.overlay button:hover{background:#ffe190}.overlay-hint{color:#afbcab;letter-spacing:.7px;margin:16px 0 0;font:8px/1.8 ui-monospace,monospace}.game-note{background:var(--paper);color:#263b35;font:9px/1.6 var(--pixel);white-space:nowrap;pointer-events:none;opacity:0;padding:8px 12px;transition:opacity .12s;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:3px 3px #263b35}.game-note.show{opacity:1}.telemetry{font:8px/1.5 var(--pixel);color:var(--muted);gap:28px;padding:12px 18px;display:flex}.heat,.progress{align-items:center;gap:10px;display:flex}.heat{width:36%}.heat #heatLabel{min-width:38px;font:8px ui-monospace,monospace}.progress{flex:1}.meter{background:#4c5b4d;flex:1;height:5px;overflow:hidden}.meter i{background:var(--gold);width:0;height:100%;display:block}.heat .meter i{background:#7dbfa0}.touch{border-top:1px solid #425545;gap:7px;padding:10px 18px 14px;display:flex}.touch button{-webkit-user-select:none;user-select:none;touch-action:none;background:#31483d;border:1px solid #6b7a65;border-bottom:3px solid #121f19;flex:1;min-height:42px;padding:8px;font-size:9px}.touch button:active,.touch button.pressed{background:#4c6a56;border-bottom-width:1px;transform:translateY(2px)}.lanes{flex:.8;gap:5px;display:flex}.lanes button{min-width:34px;font:20px monospace}.touch .boost{color:#263b35;background:var(--gold);border-color:#cda649 #cda649 #9a7734;flex:1.15}.below{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:22px 0 27px;font-size:10px;display:flex}.below p{flex-wrap:wrap;align-items:center;gap:5px;margin:0;display:flex}.below p>span{color:#788a75;margin:0 7px}kbd{color:var(--paper);border:1px solid #8b9c83;padding:2px 4px;font:9px monospace}#completion{color:var(--gold);text-align:right;letter-spacing:.4px;max-width:230px;font-size:9px}.tour{border-top:1px solid #637263;border-bottom:1px solid #637263;align-items:center;gap:25px;padding:20px 0;display:flex}.tour-label{min-width:200px}.tour-label small{font:9px var(--pixel);color:var(--gold);margin-bottom:8px;display:block}.tour-label>span{color:var(--muted);font-size:11px}.tour ol{flex:1;justify-content:space-between;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tour li{letter-spacing:.4px;color:#a4b3a0;font-size:9px}.tour li span{font:12px var(--pixel);color:#7f927b;margin-bottom:7px;display:block}.tour li.current,.tour li.current span{color:var(--gold)}.tour li.passed span{color:#91c4a3}footer{color:var(--muted);justify-content:space-between;gap:24px;padding-top:28px;font-size:11px;display:flex}footer small{letter-spacing:1px;color:#81947e;margin-top:7px;font-size:8px;display:block}nav{flex-wrap:wrap;align-items:start;gap:18px;display:flex}nav a,nav button{color:var(--paper);background:0 0;border:0;border-bottom:1px solid #829279;padding:0;font:10px ui-monospace,monospace;text-decoration:none}nav a:hover,nav button:hover{color:var(--gold)}.copy-status{color:var(--gold);overflow-wrap:anywhere;font-size:10px}button:focus-visible,a:focus-visible,#game-container:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.cabinet:fullscreen{border:0;flex-direction:column;width:100vw;height:100vh;display:flex}.cabinet:fullscreen .screen{aspect-ratio:auto;flex:1;min-height:0}.cabinet:fullscreen .dashboard{flex-shrink:0}:is(.cabinet:fullscreen .touch,.cabinet:fullscreen .telemetry){flex-shrink:0}body.embed main{max-width:1100px;padding:10px}body.embed header,body.embed .intro,body.embed .tour,body.embed footer,body.embed .copy-status{display:none}body.embed .below{padding-bottom:7px}.load-error{padding:25px;font:12px/1.7 monospace}@media (max-width:700px){main{padding:20px 16px}.brand{font-size:18px}.brand-mark{margin-right:6px;font-size:28px}.edition,.edition b{font-size:8px}.intro{gap:16px;padding:25px 0 22px;display:block}.intro .eyebrow{margin-bottom:14px;font-size:7px}h1{font-size:25px;line-height:1.4}.intro-copy{max-width:none;padding-top:15px;display:block}.intro-copy p{margin:0;font-size:10px}.intro-copy>span{max-width:none;margin-top:9px;font-size:7px;line-height:1.8;display:block}.cabinet{border-width:3px;box-shadow:4px 4px #142720}.dashboard{gap:7px;padding:10px 8px}.track-label{display:block}.track-label>span{margin-bottom:5px;font-size:7px;display:block}.track-label strong{max-width:135px;font-size:7px;display:block}.score-label{padding-right:0}.score-label small{font-size:7px}.score-label strong{font-size:10px}.dashboard button{min-height:28px;padding:4px;font-size:7px}#sound{max-width:38px}#expand,#pause{width:25px;font-size:17px}.overlay{padding:5px}.overlay-card{border-width:2px;max-width:94%;padding:11px 13px 9px;box-shadow:3px 3px #172b23}.overlay .eyebrow{margin:0 0 5px;font-size:6px}.overlay h2{font-size:13px;line-height:1.4}.overlay p:not(.eyebrow):not(.overlay-hint){margin:7px 0 9px;font-size:9px;line-height:1.5}.overlay button{border-bottom-width:3px;min-width:145px;padding:9px 12px;font-size:8px}.overlay-hint{margin-top:7px;font-size:6px}.telemetry{gap:15px;padding:10px 8px;font-size:6px}.heat,.progress{gap:6px}.heat{width:41%}.heat #heatLabel{min-width:29px;font-size:6px}.touch{gap:5px;padding:8px}.touch button{min-height:44px;padding:6px 3px;font-size:6px}.lanes{flex:.8;gap:4px}.lanes button{min-width:28px;font-size:18px}.below{align-items:start;gap:12px;padding:17px 0 20px}.below p{gap:3px;max-width:230px;font-size:8px}.below p>span{margin:0 3px}kbd{padding:1px 3px;font-size:7px}#completion{max-width:115px;font-size:7px;line-height:1.6}.tour{padding:17px 0;display:block}.tour-label{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.tour-label small{margin:0;font-size:7px}.tour-label>span{font-size:9px}.tour ol{gap:6px}.tour li{letter-spacing:0;font-size:6px}.tour li span{margin-bottom:7px;font-size:9px}footer{padding-top:22px;font-size:10px;display:block}nav{gap:15px;margin-top:20px}nav a,nav button{font-size:9px}.game-note{white-space:normal;text-align:center;width:max-content;max-width:95%;padding:5px 7px;font-size:6px;top:7px}body.embed main{padding:5px}body.embed .below{padding:12px 3px 5px}}@media (prefers-reduced-motion:reduce){.game-note{transition:none}}
