:root{font-family:DM Sans,sans-serif;color:#f2f6f5;background:#152530;font-synthesis:none;--ice: #c4e6ed;--muted: #a3b3bc;--lime: #d5efb6;--line: rgba(209,231,238,.18);--mono: "Space Mono", monospace;--display: "Barlow Condensed", sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}input:focus-visible{outline:1px solid var(--ice);outline-offset:2px}svg{display:block}button svg{width:19px;height:19px;flex-shrink:0}[hidden]{display:none!important}#world{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#0a172099,transparent 25%,transparent 65%,#07141c99)}.topbar{position:absolute;top:0;left:38px;right:38px;height:96px;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;flex-shrink:0;white-space:nowrap}.brand>svg{width:29px;height:28px}.brand>span{font-size:25px;font-weight:700;letter-spacing:3.5px}.top-actions{display:flex;align-items:center;gap:12px}.online-button{display:flex;align-items:center;gap:9px;background:#172c3666;border:1px solid #bdd6e329;border-radius:24px;font:11px var(--mono);min-height:38px;padding:0 13px;margin-right:5px}.online-button svg{width:17px;height:17px}.live-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--lime)}.icon-button{display:grid;place-items:center;width:38px;height:38px;background:transparent;border-radius:7px}.icon-button:hover{background:#ffffff12}#music-button[aria-pressed=true]{color:var(--lime);background:#d5efb61a}.icon-button svg{width:18px;height:18px}.launch-dock{position:absolute;left:50%;bottom:42px;transform:translate(-50%);width:360px;padding:12px;border:1px solid #bdd6e330;border-radius:12px;background:#172c36b8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 12px 40px #07141c33}.vehicle-switch{display:flex;gap:6px;margin-bottom:12px}.vehicle-switch button{flex:1;min-height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-radius:6px;background:transparent;color:#a3b8c3;font-size:12px}.vehicle-switch button.selected{background:#c6e3ed19;color:#e2f3f8}.vehicle-switch button span{width:4px;height:4px;border-radius:50%;background:#7f919a}.vehicle-switch button.selected span{background:var(--ice)}.intro-actions{display:flex;gap:8px}.primary-button,.secondary-button{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:48px;padding:0 20px;border-radius:6px;font-size:13px;transition:background .15s,transform .15s}.primary-button{background:var(--ice);color:#18323e;font-weight:700}.primary-button:hover{background:#e1f5f7;transform:translateY(-1px)}.secondary-button{background:#c3e5ef0a;border:1px solid #c3e5ef3b}.secondary-button:hover{background:#c3e5ef14}.intro-actions .primary-button{flex:1.2}.intro-actions .secondary-button{flex:1}.bottom-bar{position:absolute;bottom:35px;right:38px;display:flex;gap:10px}.bottom-bar .icon-button{background:#172c3677;border:1px solid #bdd6e329;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.flight-hud{position:absolute;bottom:45px;left:44px;pointer-events:none}.speed-readout{display:flex;align-items:baseline;gap:14px;position:relative;padding-bottom:12px}.speed-readout>span:first-child{font:100px/.9 var(--display);font-weight:500;letter-spacing:-2px}.speed-unit{font:9px var(--mono);color:var(--muted);letter-spacing:1px}.speed-ticks{position:absolute;bottom:0;height:5px;width:210px;background:repeating-linear-gradient(90deg,#b1c7ce 0 1px,transparent 1px 7px);opacity:.6}.flight-metrics{display:flex;gap:42px;margin-top:20px}.flight-metrics>div{display:flex;flex-direction:column;gap:6px}.flight-metrics>div>span{font:8px var(--mono);color:var(--muted);letter-spacing:1px}.flight-metrics strong{font:26px var(--display);font-weight:500}.flight-metrics small{font:9px var(--mono);color:var(--muted)}.energy-track{width:100px;height:2px;background:#a8c2cb30}.energy-track>div{width:100%;height:100%;background:var(--lime)}.boost-indicator{position:absolute;top:-28px;font:9px var(--mono);letter-spacing:2px;color:var(--lime)}.minimap-panel{position:absolute;right:40px;bottom:93px;width:242px;border:1px solid #bdd6e32b;border-radius:7px;overflow:hidden;background:#172c36db}.minimap-panel canvas{width:240px;height:170px;opacity:.85;display:block}.route-panel{position:absolute;top:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:15px;background:#112632a8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #bdd6e321;border-radius:24px;padding:12px 18px;font:10px var(--mono)}.route-panel>svg{width:15px;height:15px;color:var(--lime)}.route-progress{color:#c3d7de}.route-progress b{color:var(--lime);font-weight:400}#ring-distance{color:#a6bdc7;padding-left:15px;border-left:1px solid var(--line)}.crosshair{position:absolute;top:50%;left:50%;width:22px;height:22px;transform:translate(-50%,-50%);opacity:.6;pointer-events:none}.crosshair>span:first-child{position:absolute;width:6px;height:1px;top:10px;left:0;background:var(--ice)}.crosshair>span:nth-child(2){position:absolute;width:6px;height:1px;top:10px;right:0;background:var(--ice)}.crosshair i{position:absolute;top:9px;left:10px;width:2px;height:2px;border-radius:50%;background:var(--ice)}#player-labels{position:fixed;inset:0;overflow:hidden;pointer-events:none}.player-label{position:absolute;top:0;left:0;font:9px var(--mono);color:#d5f1fc;border:1px solid #c7e7f429;padding:5px 8px;background:#20333ba6;border-radius:3px;pointer-events:none}.chat-shell{position:fixed;right:40px;top:110px;z-index:8}.chat-toggle{position:relative;background:#172c36b8;border:1px solid #bdd6e330;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:42px;height:42px}.chat-unread{position:absolute;top:-5px;right:-6px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:10px;background:var(--lime);color:#18323e;font:9px var(--mono)}.chat-panel{width:282px;height:min(320px,calc(100dvh - 400px));min-height:180px;display:flex;flex-direction:column;background:#142c38e0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #bdd6e330;border-radius:10px;box-shadow:0 12px 36px #07141c33;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:7px 9px 7px 15px;border-bottom:1px solid #bdd6e31c;flex-shrink:0}.chat-header h2{display:flex;align-items:center;gap:9px;margin:0;font-size:12px;font-weight:500;color:#d1e1e7}.chat-header h2 svg{width:15px;height:15px;color:#9fb9c6}.chat-header .icon-button{width:30px;height:30px}.chat-header .icon-button svg{width:15px;height:15px}.chat-empty{margin:auto;padding:20px;font-size:11px;color:#9bb3c0}.chat-join{margin:auto;display:flex;align-items:center;gap:16px;background:#c3e5ef12;border:1px solid #c3e5ef30;border-radius:6px;padding:12px 15px;font-size:12px}.chat-join svg{width:16px;height:16px}.chat-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;margin:0;padding:15px;scrollbar-width:thin;scrollbar-color:#718d9c55 transparent}.chat-message+.chat-message{margin-top:13px}.chat-author{display:block;font:10px var(--mono);color:#a4ccdf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-message[data-own=true] .chat-author{color:var(--lime)}.chat-message p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#e0eaf0;overflow-wrap:anywhere;white-space:pre-wrap}.chat-form{display:flex;align-items:center;gap:5px;padding:9px;border-top:1px solid #bdd6e31c;flex-shrink:0}.chat-form input{flex:1;min-width:0;height:37px;border:0;background:#0c232e70;padding:0 10px;font-size:12px}.chat-form .icon-button{width:37px;height:37px;flex-shrink:0;color:var(--ice);background:#c3e5ef12}.chat-form .icon-button:disabled{opacity:.3;cursor:default}.chat-form .icon-button svg{width:16px;height:16px}.chat-error{margin:0;padding:8px 12px 0;color:#f4b8a8;font-size:10px;line-height:1.5}dialog{width:380px;max-width:calc(100vw - 32px);max-height:90dvh;overflow:auto;padding:30px;background:#142c38;color:#ecf2f4;border:1px solid #a7c9db38;border-radius:10px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#06141eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog-close{position:absolute;top:17px;right:17px}dialog h2{font-size:25px;font-weight:500;line-height:1.2;margin:4px 0 28px}.field-label{display:block;font-size:11px;color:#aec4d0;margin-bottom:9px}input{width:100%;height:45px;border-radius:5px;border:1px solid #c4dce62e;background:#0c232e;color:#e7f1f4;padding:0 13px;font-size:13px}#pilot-name{margin-bottom:20px}input::placeholder{color:#6f8998}dialog .primary-button{width:100%;font-size:12px}.or-divider{display:flex;align-items:center;gap:12px;margin:21px 0;font-size:10px;color:#8ea9b8}.or-divider span{height:1px;background:var(--line);flex:1}.join-row{display:flex;gap:8px}.join-row .primary-button{width:48px;padding:0;justify-content:center;min-height:45px}.join-row input{font:14px var(--mono);letter-spacing:3px;text-transform:uppercase}.room-status{font-size:10px;line-height:1.7;color:#bdd2da;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.room-status[data-status=error]{color:#f4b8a8}.room-status[data-status=online]{color:var(--lime)}.share-code{display:flex;justify-content:space-between;align-items:center;padding:14px;margin:9px 0 16px;border:1px solid var(--line);background:#0d2530;border-radius:5px}.share-code strong{font:24px var(--mono);letter-spacing:6px;color:var(--ice);-webkit-user-select:all;user-select:all}.text-button{display:block;background:none;color:#a7bcc8;text-decoration:underline;font-size:11px;margin:18px auto 0;padding:4px}.control-list{margin:0 0 23px}.control-list>div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #b7d3df12;font-size:11px;color:#bcd0da}.control-list>div>span:last-child{display:flex;align-items:center;gap:5px;font-size:9px;color:#7894a3}kbd{font:9px var(--mono);padding:5px 7px;border:1px solid #a3c5d636;border-radius:3px;color:#e0ecf1;background:#24404e}.help-note{color:#aec1cb;font-size:11px;margin:0 0 20px}#toast{position:absolute;left:50%;bottom:34px;transform:translate(-50%,10px);padding:12px 18px;max-width:calc(100vw - 30px);font-size:11px;line-height:1.5;text-align:center;color:#d9edf3;background:#102c3bea;border:1px solid #9cc6d53d;border-radius:5px;opacity:0;pointer-events:none;transition:.2s;z-index:20}#toast.visible{opacity:1;transform:translate(-50%)}.loading{position:fixed;inset:0;z-index:25;background:#132934;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;color:var(--ice);font-size:12px;transition:opacity .6s}.loading svg{width:50px;height:50px}.loading.done{opacity:0;pointer-events:none}.touch-controls{display:none}@media(max-width:700px){.topbar{left:21px;right:21px;height:78px}.brand{gap:8px}.brand>svg{width:23px}.brand>span{font-size:clamp(14px,4.1vw,19px);letter-spacing:1.2px}.top-actions{gap:8px}.online-button{font-size:10px;gap:7px;margin:0;min-height:36px;padding:0 10px}.online-button svg{width:14px}.icon-button{width:38px;height:38px}#fullscreen-button{display:none}.chat-shell{right:22px;top:144px}.chat-panel{width:min(290px,calc(100vw - 44px));height:min(280px,calc(100dvh - 370px));min-height:180px}.chat-form input{font-size:16px}body.chat-typing .chat-shell{top:calc(var(--chat-viewport-top,0px) + 12px)}body.chat-typing .chat-panel{height:min(300px,calc(var(--chat-viewport-height,100dvh) - 24px));min-height:0}.launch-dock{width:calc(100% - 48px);max-width:360px;bottom:87px}.bottom-bar{right:24px;bottom:24px}.route-panel{top:91px;padding:10px 14px;font-size:9px;gap:11px}#ring-distance{padding-left:11px}.flight-hud{left:25px;bottom:210px}.speed-readout>span:first-child{font-size:68px}.speed-unit{font-size:8px}.speed-ticks{width:150px}.flight-metrics{gap:25px;margin-top:16px}.flight-metrics>div>span{font-size:7px}.flight-metrics strong{font-size:21px}.energy-track{width:75px}.boost-indicator{font-size:8px;top:-22px}.minimap-panel{width:122px;right:23px;bottom:212px}.minimap-panel canvas{width:120px;height:85px}.touch-controls:not([hidden]){position:absolute;bottom:80px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.touch-controls button{width:44px;height:44px;background:#31505d99;border:1px solid #b2d0db42;border-radius:8px;color:#e2f3f7;font-size:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none}.touch-controls button.pressed{background:#c4e6ed88}.touch-direction{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:5px}.touch-direction button:first-child{grid-column:2}.touch-direction button:nth-child(2){grid-row:2;grid-column:1}.touch-direction button:nth-child(3){grid-row:2;grid-column:2}.touch-direction button:nth-child(4){grid-row:2;grid-column:3}.touch-altitude{display:grid;grid-template-columns:44px 44px;gap:5px}.touch-altitude button:first-child{grid-column:1}.touch-altitude button:nth-child(2){grid-column:1;grid-row:2}#flip-button{grid-column:2;grid-row:1}.touch-altitude button:last-child{grid-column:2;grid-row:2}#toast{bottom:180px;width:max-content;max-width:85%;font-size:10px}dialog{padding:27px}}@media(max-width:380px){.topbar{left:14px;right:14px}.brand>span{font-size:13px;letter-spacing:1px}.top-actions{gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}