@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#10191e;--muted:#88979a;--lime:#c4f56b;--line:#304044}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf1df;font-family:'Space Grotesk',sans-serif}main{max-width:1256px;margin:auto;padding:0 48px}header{height:98px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;font-size:25px;letter-spacing:1px;color:var(--lime);text-decoration:none;display:flex;align-items:center;gap:12px}.alien{font-size:40px;transform:rotate(-8deg)}.brand-sub{font:9px 'Space Mono',monospace;max-width:120px;line-height:1.7;color:#a6b3af;border-left:1px solid var(--line);padding-left:16px;margin-left:7px}.top-right{font:9px 'Space Mono',monospace;display:flex;align-items:center;gap:10px}.status-dot,.game-top i{width:6px;height:6px;background:var(--lime);display:inline-block;border-radius:50%}button{font:11px 'Space Mono',monospace;cursor:pointer;color:inherit;border:1px solid var(--line);background:none;border-radius:5px;padding:12px 16px}button:hover{color:var(--lime);border-color:var(--lime)}button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.top-right button{margin-left:20px}.intro{display:flex;justify-content:space-between;align-items:center;padding:38px 0 30px}.eyebrow{font:10px 'Space Mono',monospace;letter-spacing:2px;color:var(--lime);margin:0 0 12px}h1{font-size:36px;letter-spacing:-1.4px;margin:0 0 10px}h1 em{font-style:normal;color:var(--lime)}.intro p:last-child{color:var(--muted);font-size:14px;margin:0}.subtle{border:0}.subtle span{margin-left:22px}.cabinet{border:1px solid #4c6260;border-radius:9px;overflow:hidden;box-shadow:0 18px 60px #0005;background:#172327}.game-top,.game-bottom{display:flex;align-items:center;justify-content:space-between;padding:13px 21px;font:10px 'Space Mono',monospace;letter-spacing:1px}.game-top>span{display:flex;gap:10px;align-items:center}.game-top>div{display:flex;align-items:center;gap:25px}.game-top button{padding:0;border:0;font-size:18px}.game-top b{font-weight:400}#lives{color:#f7af9b;letter-spacing:4px}#screen{position:relative;aspect-ratio:16/9;background:#233338;overflow:hidden}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(90deg,#0d232977,#17302a22,#0d232950);text-align:center}#overline{font:10px 'Space Mono';letter-spacing:4px;color:#e0efbd;margin:0 0 16px}h2{font-family:'Space Mono',monospace;font-weight:700;font-size:clamp(24px,4.6vw,62px);line-height:1.04;letter-spacing:-3px;margin:0;color:#f3f5d3;text-shadow:4px 5px #253e36,-2px -2px #253e36;transform:rotate(-3deg)}h2 span{color:var(--lime)}#message{font-size:13px;color:#edf1d4;margin:22px 0}#play{background:var(--lime);color:#22342c;border:0;border-bottom:4px solid #688c45;border-radius:4px;font-weight:700;padding:16px 23px;box-shadow:0 6px 25px #0003}#play span{margin-left:30px}#submessage{font:8px 'Space Mono';letter-spacing:2px;color:#c1d2b0;margin-top:17px}.game-bottom{font-size:9px;color:#9faea4}.green{color:var(--lime)}#toast{position:absolute;top:20%;left:0;right:0;text-align:center;pointer-events:none;color:var(--lime);font:16px 'Space Mono';text-shadow:2px 2px #000}.controls{display:flex;align-items:center;gap:23px;padding:22px 0 32px;border-bottom:1px solid var(--line)}.controls>div{display:flex;gap:5px;align-items:center}.controls span{font-size:11px;color:#bdc6bf;margin-left:4px}.controls small{display:block;color:#71817e;font-size:9px}kbd{border:1px solid #3c4b4e;border-bottom:3px solid #3c4b4e;border-radius:4px;padding:6px 8px;font:10px 'Space Mono';color:#d7dfcf}.controls p{margin-left:auto;font-size:11px;color:#c2d2af}.controls p span{display:block;font-size:10px;color:#7f9087;margin:4px 0 0}.journey{padding:31px 0}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title .eyebrow{font-size:8px;margin-bottom:9px}h3{font-size:24px;letter-spacing:-.5px;margin:0}.section-title>span{font:9px 'Space Mono';color:#8e9e98}#levels{display:grid;grid-template-columns:repeat(15,1fr);gap:8px;margin-top:22px}#levels button{padding:14px 0;color:#6e7f78;background:#182428;border-color:#26373a;position:relative}#levels button.active{background:#c4f56b;color:#24392b;border-color:#c4f56b}#levels button:not(:disabled):hover{border-color:#c4f56b}#levels button:disabled{cursor:not-allowed;opacity:.65}#levels button small{display:block;font-size:7px;margin-top:7px}footer{border-top:1px solid var(--line);padding:22px 0 32px;display:flex;justify-content:space-between;font:8px 'Space Mono';letter-spacing:1px;color:#75887f}footer i{color:var(--lime);margin:0 9px}.touch{display:none}dialog{max-width:490px;background:#192a2c;color:#dce8d3;border:1px solid #66816a;border-radius:12px;padding:35px;line-height:1.7}dialog::backdrop{background:#071015cc}dialog p{font-size:14px}.close{float:right;padding:5px 9px}#screen:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}#screen:fullscreen canvas{object-fit:contain} @media(max-width:800px){main{padding:0 18px}header{height:75px}.brand-sub,.top-right>.status-dot,.top-right{font-size:0}.top-right button{font-size:9px;margin-left:0}.intro{padding:27px 0 24px}h1{font-size:25px}.intro p:last-child{font-size:12px}.subtle{font-size:9px;padding:5px}.subtle span{display:none}.game-top,.game-bottom{padding:10px;font-size:8px}.game-top>div{gap:12px}.controls{gap:12px;flex-wrap:wrap}.controls p{display:none}.controls span{font-size:9px}.controls small{display:none}#overline{font-size:7px;margin-bottom:10px}#message{margin:14px 0;font-size:10px}#play{padding:10px 14px;font-size:9px}#submessage{font-size:6px;margin-top:10px}#levels{gap:4px;grid-template-columns:repeat(8,1fr)}footer{font-size:6px;gap:20px}.section-title>span{font-size:7px}h3{font-size:20px}.touch{display:flex;gap:12px;margin:12px 0}.touch button{flex:1;touch-action:none;background:#223c39;padding:15px}.controls{padding-bottom:16px}h2{letter-spacing:-1px}}

.audio-mix{display:flex;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);color:#aebcb0;font:10px 'Space Mono',monospace}.audio-mix>span{color:var(--lime)}.audio-mix label{display:flex;gap:12px;align-items:center}.audio-mix input{width:105px;accent-color:var(--lime);cursor:pointer}.audio-mix small{margin-left:auto;color:var(--muted)}@media(max-width:800px){.audio-mix{flex-wrap:wrap;gap:16px}.audio-mix small{display:none}}

.race-shortcut{margin-left:auto;margin-right:24px;color:var(--lime);font-size:10px}.section-title{gap:12px}@media(max-width:800px){.section-title{flex-wrap:wrap}.race-shortcut{margin:0;font-size:9px}.section-title>span{margin-left:auto}.touch{gap:6px}.touch button{padding:14px 6px;font-size:10px}}

.field-notes{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.field-notes summary{cursor:pointer;font:10px 'Space Mono',monospace;color:var(--lime);list-style:none}.field-notes summary span{float:right;color:var(--muted);font-size:9px}.kit{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.kit p{margin:0;padding:16px;background:#19282c;color:#aebcaf;font-size:12px;line-height:1.5;border-radius:5px}.kit b{display:block;color:#d7e9be;font:10px 'Space Mono',monospace;margin-bottom:8px}@media(max-width:700px){.field-notes summary span{float:none;display:block;margin-top:8px}.kit{grid-template-columns:repeat(2,1fr)}}

#screen .kart-world{position:absolute;inset:0;z-index:0;width:100%;height:100%;image-rendering:auto;pointer-events:none}#game{position:relative;z-index:1}#overlay{z-index:3}#toast{z-index:4}