:root{font-family:Inter,Arial,sans-serif;color:#e2f1f2;background:#02050b;color-scheme:dark;--cyan:#86eeed;--muted:#78969f;--line:#86eeed30;--red:#ff7668}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.4;cursor:default}#scene,#overlay,#vignette,#damage{position:fixed;inset:0;width:100%;height:100%}#scene{z-index:0}#overlay{z-index:2;pointer-events:none}#vignette{z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,#01050c80)}#damage{z-index:3;pointer-events:none;opacity:0;box-shadow:inset 0 0 140px #ff3628}#masthead{position:fixed;top:0;left:0;right:0;z-index:8;padding:26px 38px;display:flex;justify-content:space-between;align-items:center}#brand{color:#d6eeec;text-decoration:none;display:flex;gap:12px;align-items:center;letter-spacing:.22em;font-size:12px;font-weight:700}#brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:.33em;margin-top:6px}.brand-mark{border:1px solid var(--cyan);padding:7px 9px;color:var(--cyan);font-size:23px;font-weight:300}#top-status{font:10px monospace;letter-spacing:.16em;color:var(--muted);margin-left:auto;margin-right:26px}.dot{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan);margin-right:7px}.icon-btn{border:1px solid var(--line);background:#06101a90;color:var(--cyan);width:38px;height:38px;font-size:19px}.panel{position:fixed;z-index:6;left:7%;top:16%;width:540px;max-height:80vh;overflow:auto;scrollbar-width:thin;padding:0 24px 20px 0}.eyebrow{font:10px monospace;letter-spacing:.28em;color:var(--cyan);margin-bottom:20px}h1{font-size:clamp(40px,5.8vw,78px);font-weight:350;letter-spacing:-.05em;line-height:1.01;margin:0 0 22px}h1 span{color:var(--cyan)}h2{font-size:30px;font-weight:400;letter-spacing:-.04em;margin:10px 0 22px}.intro{color:#9eafb9;line-height:1.7;font-size:13px;margin-bottom:25px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mode{border:1px solid #42616e55;background:#06121dba;text-align:left;padding:13px;color:#b9cdd3;position:relative;transition:.2s}.mode:hover,.mode.selected{border-color:var(--cyan);background:#103239aa}.mode span{float:right;font:9px monospace;color:#71949c}.mode strong{font-weight:500;font-size:13px;display:block;margin-bottom:6px}.mode small{font-size:10px;color:#819da5}.mode:last-child{grid-column:1/-1}.form-row{display:flex;gap:12px;margin:20px 0 16px}.form-row label:first-child{flex:1;min-width:0}label{display:block;color:#8fabaf;font:9px monospace;letter-spacing:.1em}input,select{display:block;width:100%;color:#dae9ee;background:#08141de0;border:1px solid #37505b;padding:10px;margin-top:8px;border-radius:0;font-size:12px;letter-spacing:0}input[type=range]{padding:0;accent-color:var(--cyan)}.primary,.secondary{padding:13px 20px;border:1px solid var(--cyan);font-size:12px;letter-spacing:.02em}.primary{background:var(--cyan);color:#061719;font-weight:700}.primary span{float:right;margin-left:28px}.secondary{background:#06151cbb;color:var(--cyan)}.launch-row{display:flex;gap:10px}.launch-row .primary{flex:1}.join-row{display:flex;gap:12px;align-items:center;margin-top:12px}.join-row input{width:155px;margin:0;letter-spacing:.14em;text-transform:uppercase}.text-btn{background:none;border:none;color:#a4c5cc;padding:13px 0;font-size:12px}.text-btn:hover{color:var(--cyan)}.menu-foot{font:9px monospace;letter-spacing:.12em;color:#708a95;border-top:1px solid var(--line);padding-top:16px;margin-top:23px}.menu-foot span{float:right}#lobby{max-width:440px;background:#07121ae8;padding:28px;border:1px solid var(--line)}#room-label{font:22px monospace;color:var(--cyan);letter-spacing:.15em}.pilot-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:13px}#players{margin:20px 0}#lobby-info{font-size:12px;line-height:1.6;color:var(--muted)}#lobby .primary{display:block;width:100%;margin-top:20px}.hidden{display:none!important}#hud{pointer-events:none;position:fixed;inset:0;z-index:4;font:12px monospace;color:var(--cyan)}#match{display:flex;align-items:center;gap:28px;justify-content:center;margin-top:26px}#match>span{font-size:30px;font-weight:300}#score-red{color:var(--red)}#match>div{text-align:center}#match strong{font-size:10px;letter-spacing:.22em}#match small{display:block;margin-top:8px;color:#bdcccf}#objective{position:absolute;top:94px;left:25%;right:25%;text-align:center;color:#91abb2;font-size:11px}#readouts{position:absolute;bottom:24%;left:5%;right:5%;display:flex;justify-content:space-between;color:#bcdddd}#speed{font-size:23px}#speed small{font-size:10px}#target-summary{font-size:10px;text-align:right;max-width:210px}#telemetry{position:absolute;bottom:9px;left:20px;right:20px;display:flex;gap:15px;font-size:9px;color:#527780;align-items:center}#telemetry .telemetry-actions{margin-left:auto;display:flex;gap:10px}#telemetry button{pointer-events:auto;background:none;border:1px solid var(--line);color:var(--cyan);font-size:9px;padding:6px 12px;margin:0}#hint{position:absolute;bottom:24px;left:20%;right:20%;text-align:center;font-size:8px;color:#527780;letter-spacing:.02em}#notice{position:absolute;top:25%;left:20%;right:20%;text-align:center;color:#ebbc76;letter-spacing:.12em;font-size:13px;text-shadow:0 2px 8px #000}#kill-feed{position:absolute;top:155px;right:30px;color:#a8bdc4;font-size:10px;line-height:1.8}.modal{position:fixed;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;background:#02070dbb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog{padding:32px;max-height:90vh;overflow:auto;width:400px;max-width:94vw;background:#0a151eee;border:1px solid #40636e}.dialog.wide{width:640px}.dialog>button{display:block;width:100%;margin-top:12px}.dialog>label{margin-bottom:20px}.dialog p{color:#96b0b8;font-size:12px;line-height:1.7}.check{display:flex;align-items:center;gap:10px;font:12px Arial;letter-spacing:0}.check input{width:auto;margin:0;accent-color:var(--cyan)}.controls-help{font-size:11px!important}.dialog table{width:100%;border-collapse:collapse;font-size:12px}.dialog td,.dialog th{text-align:left;padding:12px 5px;border-bottom:1px solid var(--line)}.dialog th{font-size:9px;color:var(--muted)}#toast{position:fixed;z-index:30;bottom:30px;left:50%;transform:translate(-50%);background:#102932f5;border:1px solid var(--cyan);color:#d8eeee;padding:12px 18px;font-size:12px;max-width:90vw;opacity:0;pointer-events:none;transition:.2s}#touch{position:fixed;inset:0;z-index:5;pointer-events:none;touch-action:none}#touch>*{pointer-events:auto;touch-action:none}#stick{position:absolute;left:25px;bottom:22%;width:115px;height:115px;border:1px solid #8feae947;border-radius:50%;background:#11263233}#stick-knob{position:absolute;left:37px;top:37px;width:40px;height:40px;border-radius:50%;border:1px solid var(--cyan);background:#8feae91a}#stick small{position:absolute;bottom:-20px;width:100%;text-align:center;font:8px monospace;color:#77b2b9}#touch button{position:absolute;color:var(--cyan);border:1px solid #8feae969;background:#0b273766;border-radius:50%;font:10px monospace}#touch-fire{right:24px;bottom:25%;width:85px;height:85px}#touch-boost{right:117px;bottom:32%;width:58px;height:58px}#touch-brake{right:115px;bottom:21%;width:52px;height:52px}#touch-throttle{position:absolute;bottom:20%;left:175px;width:95px;color:var(--cyan);font:8px monospace}#rotate{display:none;position:fixed;z-index:40;inset:0;background:#06111bef;align-items:center;justify-content:center;padding:30px;text-align:center;color:var(--cyan)}body.playing #masthead{padding:18px 24px}body.playing #brand{font-size:9px}body.playing #brand small{font-size:7px}body.playing .brand-mark{font-size:16px}body.playing #top-status{display:none}@media(max-height:800px)and (min-width:900px){.panel{top:14%;width:480px}h1{font-size:56px;margin-bottom:12px}.intro{margin-bottom:14px}.mode{padding:10px}.form-row{margin:12px 0}.menu-foot{margin-top:14px}}@media(max-width:800px){#masthead{padding:18px}#top-status{display:none}.panel{left:5%;top:100px;width:90%;max-height:calc(100vh - 110px);padding-right:0;background:linear-gradient(90deg,#020810cf,#02081030)}h1{font-size:50px}.intro{font-size:12px}.mode{padding:11px}.mode small{font-size:9px}#hint{display:none}#objective{top:75px;font-size:9px;left:20%;right:20%}#match{margin-top:17px;gap:14px}#match>span{font-size:24px}body.playing #brand{display:none}#readouts{bottom:23%;left:4%;right:4%}#kill-feed{font-size:8px;right:10px;top:110px}#notice{font-size:11px}#telemetry{font-size:8px}#touch-throttle{left:155px}}@media(pointer:coarse)and (orientation:portrait){body.playing #rotate{display:flex}}@media(max-height:550px){#menu{top:75px;max-height:calc(100vh - 85px);width:430px}#menu h1{font-size:35px}#menu .intro{display:none}#menu .eyebrow{margin-bottom:12px}.mode-grid{gap:4px}.mode{padding:8px}.mode strong{margin-bottom:3px}.form-row{margin:10px 0}.menu-foot{display:none}.dialog{padding:20px}#stick{width:90px;height:90px;bottom:23%}#stick-knob{left:25px;top:25px}#touch-fire{width:65px;height:65px}#touch-boost{right:100px;width:48px;height:48px}#touch-brake{right:99px;width:45px;height:45px}#touch-throttle{left:135px}#readouts{bottom:21%;font-size:9px}#speed{font-size:17px}#target-summary{font-size:8px}#objective{top:62px}}#landing-music-toggle{position:relative;border-radius:50%;margin-right:8px}#landing-music-toggle.is-muted{color:#ff8f81;border-color:#ff8f8166;animation:landing-mute-pulse 1.65s ease-in-out infinite}#landing-music-toggle.is-muted:after{content:"";position:absolute;left:7px;top:18px;width:23px;height:1px;background:currentColor;transform:rotate(-45deg);box-shadow:0 0 4px currentColor}@keyframes landing-mute-pulse{0%,to{box-shadow:0 0 #ff8f8100}50%{box-shadow:0 0 0 5px #ff8f8133,0 0 14px #ff8f8155}}body.playing #landing-music-toggle{display:none}#tactical-labels-container{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}.tactical-label{position:absolute;top:0;left:0;display:flex;align-items:center;gap:8px;pointer-events:none;will-change:transform}.tactical-label .label-dot{width:5px;height:5px;border-radius:50%;box-shadow:0 0 10px currentColor}.tactical-label .label-text{font:600 11px/1 Inter,monospace;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,1),0 0 12px rgba(0,0,0,.8)}.tactical-label-ship .label-text{font-size:10px;font-weight:500}.tactical-label-planet .label-text{font-size:13px;font-weight:700;letter-spacing:.25em}.tactical-label.is-target .label-text{font-size:14px;font-weight:800;color:#fff!important}.tactical-label-self .label-text{font-weight:800}#minimap-container{position:fixed;right:40px;bottom:40px;width:clamp(143px,15.6vw,208px);aspect-ratio:1 / 1;border-radius:50%;border:1px solid rgba(134,238,237,.4);box-shadow:0 0 40px #02070de6,inset 0 0 50px #86eeed14;background:radial-gradient(circle at center,#0a1e2dbf,#02050bf2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;overflow:hidden}#minimap-container.hidden{display:none!important}#minimap-canvas{position:absolute;inset:0;width:100%;height:100%}#minimap-labels{position:absolute;inset:0;pointer-events:none}.minimap-label{position:absolute;top:0;left:0;font:700 9px monospace;letter-spacing:.1em;text-shadow:0 1px 4px #000,0 0 8px currentColor;transform-origin:center center;white-space:nowrap}.minimap-label.is-target{font-size:11px;color:#fff!important}.minimap-overlay{position:absolute;inset:0;pointer-events:none;border-radius:50%;border:1px dashed rgba(134,238,237,.2);margin:14px}.minimap-tick{position:absolute;font:700 10px monospace;color:#86eeed80}.minimap-tick.n{top:-2px;left:50%;transform:translate(-50%);color:#fff}.minimap-tick.s{bottom:-2px;left:50%;transform:translate(-50%)}.minimap-tick.e{top:50%;right:2px;transform:translateY(-50%)}.minimap-tick.w{top:50%;left:2px;transform:translateY(-50%)}@media(max-width:800px){#minimap-container{right:15px;bottom:80px;width:111px}}#tactical-map-view{position:fixed;inset:0;z-index:20;background:radial-gradient(circle at center,#02050b,#010307);display:flex}#tactical-map-view.hidden{display:none!important}#tactical-map-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:auto}#tactical-ui{position:absolute;inset:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:40px}#tactical-ui>*{pointer-events:auto}.tactical-header{display:flex;justify-content:space-between;align-items:flex-start}.tactical-title strong{display:block;font:700 32px/1 Inter,sans-serif;color:#fff;letter-spacing:.1em;margin-bottom:10px;text-shadow:0 0 20px rgba(134,238,237,.5)}.tactical-status{font:10px monospace;color:var(--muted);letter-spacing:.2em;display:flex;align-items:center}.tactical-status .dot{background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:pulse 2s infinite}.tactical-readout{display:block;margin-top:16px;color:#8beeff;font:500 12px/1.6 monospace;letter-spacing:.1em;text-shadow:0 0 12px rgba(134,238,237,.4)}.tactical-legend{font:10px monospace;color:var(--muted);letter-spacing:.1em;display:flex;flex-direction:column;gap:8px;text-align:right;background:#02050b99;padding:12px;border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.legend-color{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%}.legend-color.cyan{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.legend-color.red{background:var(--red);box-shadow:0 0 6px var(--red)}.tactical-controls{display:flex;justify-content:space-between;align-items:flex-end}.tactical-help{flex:1;align-self:center;max-width:480px;color:#82aeb2;font:9px/1.6 monospace;letter-spacing:.1em;text-shadow:0 1px 8px #000}.tactical-btn{background:#02050bcc;border:1px solid var(--line);color:var(--cyan);padding:14px 28px;font:12px monospace;letter-spacing:.15em;text-transform:uppercase;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tactical-btn:hover{background:#103239cc;border-color:var(--cyan);box-shadow:0 0 12px #86eeed33}.tactical-btn.primary{background:#86eeed1a;border-color:var(--cyan);font-weight:700}.tactical-btn.primary:hover{background:#86eeed40}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media(max-width:800px){#tactical-ui{padding:20px}.tactical-title strong{font-size:20px}.tactical-readout,.tactical-help{font-size:8px;max-width:50vw}.tactical-legend{display:none}.tactical-btn{padding:10px 16px;font-size:10px}}