@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--lime:#d5ff62;--ink:#080b12;--white:#f1f3ed;--muted:#8b91a3;--line:#ffffff1c;--cyan:#51e6ff;font-family:'DM Sans',Arial,sans-serif;color:var(--white);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--lime)}a{color:inherit;text-decoration:none}button{transition:background .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}#stage{position:fixed;inset:0;background:radial-gradient(ellipse at 53% 54%,#241347 0,#090a18 58%)}#unity-canvas{display:block;width:100%;height:100%;outline:0}.grain{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");z-index:3}.shade{position:fixed;inset:0;background:linear-gradient(90deg,#080b12eb 0%,#080b1299 26%,#080b1210 65%,#080b1270),linear-gradient(0deg,#080b12 0,transparent 23%,transparent 75%,#080b1299);pointer-events:none;transition:opacity 1s}header{position:fixed;z-index:10;top:0;left:0;right:0;height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:linear-gradient(#090b1266,transparent)}.wordmark{font-size:20px;font-weight:700;letter-spacing:-.8px;display:flex;align-items:center}.wordmark>span:not(.brand-symbol){font-weight:400;color:#d0d3da}.brand-symbol{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:var(--ink);width:33px;height:33px;margin-right:12px;font-size:30px;font-weight:700;clip-path:polygon(0 0,78% 0,100% 22%,100% 100%,0 100%)}.wordmark i{color:#46505e;font-style:normal;margin:0 20px}.wordmark small{font-family:'Space Mono',monospace;font-size:10px;font-weight:400;letter-spacing:1px;color:#969ca9}.header-right{display:flex;align-items:center;gap:9px;font:10px 'Space Mono',monospace;letter-spacing:1px}.status-dot{width:6px;height:6px;display:inline-block;background:var(--lime);border-radius:50%;box-shadow:0 0 10px #d5ff6255}.icon-button{background:transparent;border:1px solid var(--line);width:34px;height:34px;margin-left:18px;font-size:22px}.screen{position:relative;z-index:4;min-height:100vh}.hidden{display:none!important}#home{display:flex;align-items:center;justify-content:space-between;padding:112px 6% 102px 6%;gap:30px}.intro{margin-top:-20px;flex:1;pointer-events:none}.eyebrow{font:10px 'Space Mono',monospace;font-weight:400;letter-spacing:2px;color:var(--lime)}.intro .eyebrow{display:flex;align-items:center;gap:12px}.tiny-line{width:26px;height:1px;background:var(--lime)}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-stretch:condensed;font-weight:800;font-size:clamp(70px,7.6vw,130px);line-height:.9;letter-spacing:-1.5px;margin:30px 0 27px}h1 em{font-style:normal;color:var(--lime)}.lede{font-size:17px;line-height:1.7;color:#b6bdc9;font-weight:400;margin:0}.hero-chips{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap}.hero-chips span{font:9px 'Space Mono',monospace;letter-spacing:1px;border:1px solid #ffffff26;padding:7px 9px;background:#090b1244}.coordinates{font:10px 'Space Mono',monospace;color:#a5adba;line-height:2;letter-spacing:1.5px;margin-top:58px}.coordinates span{font-size:8px;color:#687180}.console{width:370px;flex-shrink:0;border:1px solid #a2afcc32;padding:26px;background:linear-gradient(140deg,#151925e8,#0c101be8);backdrop-filter:blur(18px);box-shadow:0 20px 90px #0005;position:relative}.console:before{content:'';position:absolute;top:-1px;left:-1px;width:50px;height:2px;background:var(--lime)}.console-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.serial{font:10px 'Space Mono',monospace;color:#7d8595}.console .eyebrow{color:#a6adbb;font-size:9px}h2{font-size:25px;letter-spacing:-.8px;line-height:1.1;margin:0 0 10px}p.muted{font-size:12px;line-height:1.65;color:#9299a9;margin:0 0 24px}label{display:block;font:9px 'Space Mono',monospace;letter-spacing:1.5px;color:#b1b8c7;margin:20px 0 8px}input{color:var(--white);background:#05091188;border:1px solid #ffffff20;border-radius:0;padding:12px 13px;width:100%;font-size:13px}input:focus{outline:1px solid var(--lime);border-color:var(--lime)}input::placeholder{color:#6a7487}.genre-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.genre{background:#ffffff03;border:1px solid #ffffff20;padding:13px 11px;text-align:left}.genre span{font-size:12px;font-weight:700;letter-spacing:.4px}.genre small{display:block;margin-top:7px;font:7px 'Space Mono',monospace;letter-spacing:-.2px;white-space:nowrap;color:#8b93a4}.genre.active{border-color:var(--lime);background:#d5ff620c;color:var(--lime)}.genre.active small{color:#bbc68f}.seed-row{display:flex;align-items:center;gap:15px;margin:16px 0 20px}.seed-row label{margin:0;white-space:nowrap;flex:1}.seed-row label span{display:block;color:#626d7e;font-size:8px;margin-top:4px;letter-spacing:0}.seed-row input{width:130px;padding:9px 10px;font:11px 'Space Mono',monospace}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--lime);color:#11170b;border:0;padding:16px 17px;font-size:11px;letter-spacing:.6px;font-weight:700}.primary b{font-size:21px;font-weight:400;line-height:14px}.join-row{display:flex;gap:8px;margin-top:9px}.join-row input{width:44%;font:10px 'Space Mono',monospace;letter-spacing:2px;text-transform:uppercase}.secondary{background:transparent;border:1px solid #ffffff30;padding:13px;font-size:10px;font-weight:600;letter-spacing:.5px}.join-row .secondary{flex:1;display:flex;justify-content:space-between;align-items:center}.text-button{font-size:10px;color:#99a2b5;background:transparent;border:0;padding:17px 0 0;text-align:left;width:100%}.text-button span{float:right}.build-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px;border-top:1px solid #ffffff12;padding-top:17px;font:8px 'Space Mono',monospace;color:#6e788b;letter-spacing:.6px}.load-track{width:100%;height:2px;background:#ffffff12}.load-track i{display:block;height:100%;background:var(--lime);width:0;transition:width .2s}.home-footer{position:absolute;bottom:32px;left:6%;right:6%;display:flex;gap:32px;align-items:center;font:8px 'Space Mono',monospace;letter-spacing:1px;color:#788395}.home-footer b{color:#cdd5df;margin-right:8px;font-weight:400}.home-footer button{margin-left:auto;background:none;border:0;color:#a7afbd;font:inherit}.lobby-card,.results-card{width:430px;margin:125px auto 60px}.party-code{display:block;width:100%;font:40px 'Space Mono',monospace;letter-spacing:7px;background:#d5ff6208;color:var(--lime);border:1px dashed #d5ff6255;padding:15px;margin-bottom:15px}.pilot-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #ffffff16;font-size:13px}.pilot-row .avatar{width:28px;height:28px;display:grid;place-items:center;background:#51e6ff18;color:var(--cyan);font:12px 'Space Mono',monospace}.pilot-row small{margin-left:auto;font:9px 'Space Mono',monospace;color:#a9b2c2}.pilot-row small.ready{color:var(--lime)}#lobby-hint{margin-top:14px}#launch{margin-top:10px}.playing header{height:65px}.playing header small,.playing header .wordmark i{display:none}.playing .shade{opacity:0}.playing #stage{cursor:none}#hud{position:fixed;inset:0;z-index:5;pointer-events:none}.hud-top{position:absolute;top:95px;left:4%;right:4%;display:flex;justify-content:space-between;gap:35px}.hud-top strong{font:42px 'Barlow Condensed',Impact,sans-serif;display:block;letter-spacing:1px}.hud-top .eyebrow,.hud-bottom .eyebrow{color:#9aa6b8;font-size:8px}.track-info{text-align:center;width:30%;max-width:420px}.track-info #phase{color:var(--lime);font-size:13px;letter-spacing:5px}.progress{height:2px;background:#ffffff25;margin:12px 0}.progress i{background:var(--lime);display:block;height:100%;width:0}#track-meta{font:9px 'Space Mono',monospace;color:#8a97a9}.combo{text-align:right}.combo strong{color:var(--lime)}.hud-bottom{position:absolute;bottom:32px;left:4%;right:4%;display:flex;align-items:end;justify-content:space-between;gap:20px}.health-track{height:4px;width:170px;background:#ffffff25;margin:12px 0 8px}.health-track i{display:block;width:100%;height:100%;background:var(--cyan)}#hp-text{font:10px 'Space Mono',monospace;color:var(--cyan)}.hud-bottom strong{display:block;font:20px 'Barlow Condensed',Impact,sans-serif;margin-top:10px;color:var(--lime)}.flight-instructions{font:8px 'Space Mono',monospace;color:#9aa6ba}kbd{display:inline-block;border:1px solid #ffffff30;padding:4px 5px;font:inherit;color:#dce5ee}.hud-bottom>div:last-child{text-align:right}#crew-hud{position:absolute;right:4%;top:210px;display:grid;gap:12px;font:10px 'Space Mono',monospace;color:#c5cbda}#crew-hud span{display:inline-block;width:5px;height:5px;background:var(--cyan);margin-right:8px}#countdown{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font:110px 'Barlow Condensed',Impact,sans-serif;color:var(--lime);text-align:center}#countdown small{display:block;font:10px 'Space Mono',monospace;letter-spacing:6px;color:#fff}#crosshair{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;width:7px;height:7px;border-color:#c5f7ffb0;border-style:solid}#crosshair i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}#crosshair i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}#crosshair i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}#crosshair i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}dialog{color:var(--white);background:#111621;border:1px solid #ffffff30;width:440px;max-width:92vw;padding:28px;max-height:90vh}dialog::backdrop{background:#02040bd9;backdrop-filter:blur(10px)}dialog .icon-button{margin:0}dialog label span{float:right;color:var(--lime)}input[type=range]{accent-color:var(--lime);border:0;padding:10px 0;background:transparent}.check{font:12px 'DM Sans',sans-serif;letter-spacing:0;display:flex;align-items:center;gap:10px;line-height:1.5;margin:16px 0}.check input{width:17px;height:17px;accent-color:var(--lime)}.control-help{border-top:1px solid var(--line);margin-top:20px;padding-top:10px}.control-help h3{font-size:15px}.control-help p{font-size:12px;line-height:1.75;color:#a0aabd}dialog .secondary{width:100%;margin-top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#19202e;border:1px solid #d5ff6255;padding:14px 20px;font-size:12px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}#disconnect{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#080b12ed;z-index:40}#disconnect>span{font:35px 'Barlow Condensed',Impact,sans-serif;color:var(--lime)}#disconnect p{color:#9aa6b8}#disconnect button{max-width:280px}.results-card h2{font-size:34px;margin-top:20px}.results-card .primary{margin-top:25px}.results-row{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);font-size:14px}.results-row b{font:24px 'Barlow Condensed',Impact,sans-serif;color:var(--lime)}
@media(min-width:1600px){.console{width:410px;padding:32px}#home{padding-right:8%;padding-left:8%}.intro{margin-top:-35px}.genre small{font-size:8px}}
@media(max-height:800px) and (min-width:901px){header{height:70px}#home{padding-top:85px;padding-bottom:70px}.console{padding:20px 24px}.console-head{margin-bottom:15px}h2{font-size:23px}p.muted{margin-bottom:16px}label{margin-top:15px}.coordinates{margin-top:35px}.home-footer{bottom:22px}.build-status{margin-top:18px;padding-top:12px}}
@media(max-width:900px){body{overflow:auto}header{height:70px;padding:0 5%}.wordmark small,.wordmark i{display:none}.header-right{font-size:8px}#home{padding:110px 6% 90px;flex-direction:column;align-items:stretch}.intro{margin:0}.intro h1{font-size:clamp(64px,12vw,100px);margin:22px 0}.lede{font-size:14px}.coordinates{display:none}.hero-chips{margin-bottom:30px}.console{width:100%;max-width:480px;align-self:center}.home-footer{left:6%;right:6%;bottom:23px;gap:15px}.home-footer>span{display:none}.home-footer button{margin:0}.lobby-card,.results-card{width:90%;margin-top:100px}.flight-instructions{display:none}.hud-top{top:88px;gap:12px}.hud-top strong{font-size:30px}.track-info{width:42%}.track-info #phase{font-size:10px;letter-spacing:2px}.health-track{width:110px}.wordmark{font-size:16px}.header-right .icon-button{margin-left:6px}.hud-bottom{bottom:20px}.playing{overflow:hidden}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#soundmeter{display:flex;align-items:center;gap:2px;width:25px;height:20px;margin-right:10px}#soundmeter i{display:block;width:2px;height:2px;background:var(--lime);transition:height .06s}.header-right #fullscreen-btn{margin-left:10px}.header-right #settings-btn{margin-left:2px}
