:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eaf8ff;font-synthesis:none;text-rendering:optimizelegibility;--cyan:#5adfff;--cyan-soft:#9eefff;--panel:#0a1520e0;--panel-strong:#0d1925;--line:#6dcaeb2e;--muted:#7893a3;--danger:#ff5f6e;--warning:#ffbd69;--success:#73e6ab;background:#050a11;font-family:"Exo 2",system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -10%,#21668740,#0000 36%),linear-gradient(#07101a 0%,#04080e 100%);min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.landing-shell{isolation:isolate;place-items:center;min-height:100vh;padding:32px 20px;display:grid;position:relative;overflow:hidden}.landing-shell:before{content:"";z-index:-1;border:1px solid #5adfff1c;border-radius:50%;width:760px;height:760px;position:absolute;box-shadow:0 0 0 100px #5adfff04,0 0 0 220px #5adfff03}.stars{z-index:-2;opacity:.65;position:absolute;inset:0}.stars-one{background-image:radial-gradient(#a6eaff 1px,#0000 1px);background-size:83px 83px}.stars-two{opacity:.28;background-image:radial-gradient(#fff 1px,#0000 1px);background-position:40px 20px;background-size:137px 137px}.landing-card{background:linear-gradient(145deg,#0f1f2df5,#070f18f5);border:1px solid #71ddff3b;border-radius:24px;width:min(530px,100%);padding:42px;position:relative;box-shadow:0 35px 90px #0000008c,inset 0 1px #ffffff0a}.landing-card:after{content:"";pointer-events:none;border:1px solid #71ddff12;border-radius:17px;position:absolute;inset:9px}.eyebrow,.panel-kicker{color:var(--cyan);letter-spacing:.18em;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.landing-card h1{letter-spacing:-.04em;margin:12px 0 8px;font:700 clamp(40px,10vw,64px)/.95 "Exo 2",sans-serif}.landing-card h1 span{color:var(--cyan);text-shadow:0 0 30px #5adfff59}.landing-lead{color:#a7bac5;max-width:420px;margin:0 0 30px;font-size:17px;line-height:1.5}.field-label{color:#8fa6b4;margin-bottom:8px;font-size:13px;display:block}.text-field{color:#edfbff;background:#02090fb8;border:1px solid #74cdeb38;border-radius:10px;outline:none;width:100%;padding:13px 14px;transition:border-color .2s,box-shadow .2s}.text-field:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #5adfff1a}.primary-actions{grid-template-columns:1.3fr 1fr;gap:10px;margin-top:13px;display:grid}.button{color:#eafaff;border:1px solid #0000;border-radius:10px;min-height:44px;padding:10px 16px;font-weight:650;transition:transform .16s,border-color .16s,background .16s}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,#1caecc,#14768f);box-shadow:0 8px 24px #1caecc33}.button-primary:not(:disabled):hover{background:linear-gradient(135deg,#32c7e5,#188ba8)}.button-secondary{background:#52899e1f;border-color:#67c5e43d}.button-secondary:not(:disabled):hover,.button-ghost:not(:disabled):hover{background:#5adfff1a;border-color:#5adfff9e}.button-ghost{background:0 0;border-color:#67c5e433}.button-ready{color:#8ff4be;background:#3ac58426;border-color:#5ce8a573}.join-divider{color:#55717f;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;margin:24px 0 13px;font-size:11px;display:flex}.join-divider:before,.join-divider:after{content:"";background:#67c5e41f;flex:1;height:1px}.join-row{grid-template-columns:1fr auto;gap:9px;display:grid}.code-field{letter-spacing:.08em;font-family:JetBrains Mono,monospace}.prototype-note{color:#526a77;text-align:center;margin:24px 0 -12px;font-size:11px}.status-message,.error-message{border-radius:8px;margin-top:16px;padding:10px 12px;font-size:13px}.status-message{color:#a9ddec;background:#3592b01a}.error-message{color:#ff9ba5;background:#ff465b1a;border:1px solid #ff465b2e}.spinner{border:2px solid #8be1f84d;border-top-color:var(--cyan);vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-right:7px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.game-shell{min-height:100vh;padding-bottom:26px;position:relative}.game-shell:before{content:"";pointer-events:none;z-index:20;border:0 solid #0000;transition:border .3s,box-shadow .3s;position:fixed;inset:0}.game-shell.alert-critical:before{border-width:3px;border-color:#ff445773;animation:1.4s ease-in-out infinite alarm-pulse;box-shadow:inset 0 0 90px #ff263e1f}@keyframes alarm-pulse{50%{border-color:#ff445726}}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050d15ed;align-items:center;gap:24px;height:74px;padding:0 26px;display:flex;position:sticky;top:0}.brand-small{white-space:nowrap;letter-spacing:-.03em;font-size:19px;font-weight:700}.brand-small span{color:var(--cyan)}.mission-clock{border-left:1px solid var(--line);flex-direction:column;padding-left:22px;display:flex}.mission-clock span{color:#688392;letter-spacing:.16em;font:9px JetBrains Mono,monospace}.mission-clock strong{color:#d9f8ff;font:600 20px JetBrains Mono,monospace}.ship-vitals{gap:8px;margin-left:auto;display:flex}.metric{background:#4f9db714;border:1px solid #66c0de1a;border-radius:8px;flex-direction:column;min-width:104px;padding:8px 11px;display:flex}.metric span{color:#6f8e9d;text-transform:uppercase;letter-spacing:.07em;font-size:10px}.metric strong{color:#cceef7;font:600 15px JetBrains Mono,monospace}.metric-danger{background:#ff3c5414;border-color:#ff55694d}.metric-danger strong{color:#ff8794}.leave-button{color:#7893a0;background:0 0;border:1px solid #8fb1be24;border-radius:8px;padding:8px 11px}.leave-button:hover{color:#f3fbff;border-color:#8fb1be59}.lobby-banner,.results-banner{background:linear-gradient(90deg,#13495b33,#0a19248c);border:1px solid #54cbec33;border-radius:13px;align-items:center;gap:26px;margin:18px 24px 0;padding:15px 18px;display:flex}.lobby-banner>div:first-child{flex-direction:column;gap:3px;display:flex}.room-code{align-items:center;gap:10px;margin-left:auto;display:flex}.room-code span{color:#637e8b;letter-spacing:.12em;font-size:10px}.room-code b{color:var(--cyan-soft);letter-spacing:.08em;font:600 17px JetBrains Mono,monospace}.room-code button{color:#6faec1;background:0 0;border:0;font-size:12px}.room-code button:hover{color:var(--cyan)}.lobby-buttons{gap:8px;display:flex}.results-banner{background:linear-gradient(90deg,#21704c38,#0a19248c);border-color:#5fe8a640;justify-content:space-between}.results-banner>div{flex-direction:column;display:flex}.results-banner span{color:var(--success);letter-spacing:.14em;font:600 11px JetBrains Mono,monospace}.results-banner strong{font-size:18px}.result-failure{background:#6f1b272e;border-color:#ff526745}.result-failure span{color:#ff7c8b}.game-grid{grid-template-columns:minmax(620px,1fr) 350px;align-items:start;gap:18px;padding:18px 24px;display:grid}.map-column{min-width:0}.ship-map-wrap{border:1px solid var(--line);background:#071019db;border-radius:18px;padding:12px 12px 5px;box-shadow:inset 0 1px #ffffff06,0 20px 60px #0003}.ship-map{width:100%;height:auto;display:block;overflow:visible}.map-background{fill:#08131e;stroke:#5cbbda17}.connection-shadow{stroke:#03080c;stroke-width:19px}.connection-line{stroke:#51a9c540;stroke-width:8px;stroke-dasharray:4 6}.travel-label{fill:#426574;paint-order:stroke;stroke:#08131e;stroke-width:5px;font:10px JetBrains Mono,monospace}.section{cursor:pointer;outline:none}.section-body{fill:#102331;stroke:var(--section-accent);stroke-opacity:.5;stroke-width:2px;transition:fill .18s,stroke-opacity .18s,filter .18s}.section-inner{fill:#040b1175;stroke:#ffffff09}.section:hover .section-body,.section:focus .section-body{fill:#153244;stroke-opacity:1;filter:drop-shadow(0 0 8px #4bc7ea2e)}.section-current .section-body{stroke-width:3px;stroke-opacity:1;filter:drop-shadow(0 0 8px #54dcff33)}.section-danger .section-body{fill:#311a22;stroke:#ff6475;animation:1.8s ease-in-out infinite section-alert}@keyframes section-alert{50%{stroke-opacity:.4}}.section-name{fill:#d4f2f9;letter-spacing:.06em;font:600 13px JetBrains Mono,monospace}.section-readout{fill:#638594;font:10px JetBrains Mono,monospace}.offline-label{fill:#ffbd69;font:600 8px JetBrains Mono,monospace}.venting-label{fill:#ff8794;letter-spacing:.08em;font:700 12px JetBrains Mono,monospace}.hazard-badge circle{fill:#d72d46}.hazard-badge text{fill:#fff;font:700 13px sans-serif}.player-marker{transition:opacity .2s}.player-aura{opacity:.15;filter:blur(2px)}.player-core{stroke:#07111a;stroke-width:3px}.player-silhouette{fill:#07111a}.player-name{fill:#dff8ff;paint-order:stroke;stroke:#061019;stroke-width:4px;font:600 10px "Exo 2",sans-serif}.player-local .player-aura{opacity:.42;animation:1.7s ease-out infinite local-pulse}@keyframes local-pulse{70%,to{r:24px;opacity:0}}.suit-ring{fill:none;stroke:#fff;stroke-width:2px;stroke-dasharray:3 2}.player-disconnected{opacity:.35}.map-hint{text-align:center;color:#506d7a;padding:0 0 7px;font-size:11px}.crew-bar{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.crew-member{background:#0c1b27b3;border:1px solid #69c2e01f;border-radius:9px;align-items:center;gap:9px;min-width:0;padding:9px 10px;display:flex}.crew-member i{border-radius:5px;flex:none;width:8px;height:28px;box-shadow:0 0 10px}.crew-member div{flex-direction:column;min-width:0;display:flex}.crew-member strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.crew-member span{color:#607c89;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.crew-member b{color:#8eb1bf;margin-left:auto;font:600 11px JetBrains Mono,monospace}.crew-empty{color:#3c5764;border-style:dashed;justify-content:center;font-size:11px}.crew-offline{opacity:.4}.control-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;min-height:580px;padding:20px;position:sticky;top:92px;box-shadow:inset 0 1px #ffffff06}.control-panel h2{letter-spacing:-.02em;margin:7px 0 5px;font-size:24px}.section-description{color:#7794a2;margin:0 0 17px;font-size:13px;line-height:1.4}.section-metrics{grid-template-columns:1fr 1fr;gap:7px;display:grid}.section-metrics .metric{min-width:0}.personal-status{background:#030a1057;border:1px solid #6bc4e01f;border-radius:10px;align-items:center;gap:9px;margin:14px 0 18px;padding:11px;display:flex}.personal-status>div{flex-direction:column;display:flex}.personal-status span{color:#6d8997;text-transform:uppercase;font-size:10px}.personal-status strong{font:600 16px JetBrains Mono,monospace}.suit-button{color:#87aab8;background:#4c879c12;border:1px solid #71bcd538;border-radius:7px;margin-left:auto;padding:7px 9px;font-size:11px}.suit-on{color:#a6ebff;background:#5adfff1a;border-color:#5adfff6b}.section-actions{flex-direction:column;gap:8px;margin-top:18px;display:flex}.section-actions .panel-kicker{margin-bottom:2px}.action-button{text-align:left;color:#d9f1f7;background:#193a4b24;border:1px solid #67c1de21;border-radius:9px;grid-template-columns:1fr auto;gap:3px 10px;width:100%;padding:11px 12px;transition:background .18s,border-color .18s,transform .18s;display:grid;position:relative}.action-button:hover{background:#2d738b29;border-color:#53d0f357;transform:translate(2px)}.action-button span{font-size:13px;font-weight:650}.action-button small{color:#688795;grid-column:1/2;font-size:10px;line-height:1.35}.action-button em{color:#607e8c;grid-area:1/2/3;align-self:center;font:10px JetBrains Mono,monospace}.action-danger{background:#761b2821;border-color:#ff4d633b}.action-warning{border-color:#ffb85f2b}.active-task{background:#1c6e871f;border:1px solid #58dafd40;border-radius:10px;margin-top:16px;padding:13px}.travel-task{border-style:dashed}.task-title{font-size:13px;font-weight:650}.progress-track{background:#02080db3;border-radius:5px;height:5px;margin:10px 0 6px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,#1b9fbd,#67e5ff);height:100%;display:block;box-shadow:0 0 10px #5adfff59}.task-footer{color:#7996a3;justify-content:space-between;align-items:center;font:10px JetBrains Mono,monospace;display:flex}.task-footer button{color:#ff8290;background:0 0;border:0;font-size:10px}.task-time{color:#7996a3;font:10px JetBrains Mono,monospace}.lobby-tip{color:#668793;border:1px dashed #68c1de2b;border-radius:9px;margin-top:18px;padding:12px;font-size:12px;line-height:1.45}.event-log{background:#060f17b8;border:1px solid #64bdda1f;border-radius:13px;margin:0 24px;padding:16px 18px}.log-list{grid-template-columns:1fr 1fr;gap:5px 18px;margin-top:9px;display:grid}.log-entry{color:#7d9aa7;align-items:baseline;gap:9px;min-width:0;font-size:11px;display:flex}.log-entry time{color:#496773;flex:none;font:9px JetBrains Mono,monospace}.log-entry span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.log-danger{color:#ff7f8e}.log-warning{color:#d8a969}.log-success{color:#7fdcaf}.connection-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#b9eaf7;background:#02070cd1;place-items:center;display:grid;position:fixed;inset:0}.toast{z-index:60;background:#132735;border:1px solid #5bcaec45;border-radius:9px;max-width:380px;padding:12px 15px;font-size:13px;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 40px #0006}.toast-warning{color:#ffd19a;border-color:#ffb65b5c}.toast-error{color:#ff9daa;border-color:#ff536966}.loading-screen{color:#8eb3c0;place-items:center;min-height:100vh;display:grid}@media (width<=1100px){.topbar{gap:12px;padding:0 14px}.ship-vitals .metric{min-width:84px}.game-grid{grid-template-columns:minmax(520px,1fr) 310px;padding-inline:14px}.lobby-banner,.results-banner,.event-log{margin-left:14px;margin-right:14px}}@media (width<=850px){.topbar{flex-wrap:wrap;height:auto;min-height:66px;padding-block:9px}.mission-clock{border-left:0;padding-left:0}.ship-vitals{order:3;width:100%;padding-bottom:2px;overflow-x:auto}.ship-vitals .metric{flex:1}.game-grid{grid-template-columns:1fr}.control-panel{min-height:0;position:static}.crew-bar{grid-template-columns:1fr 1fr}.lobby-banner{flex-wrap:wrap}.room-code{margin-left:0}.lobby-buttons{margin-left:auto}}@media (width<=560px){.landing-card{padding:30px 22px}.primary-actions,.join-row{grid-template-columns:1fr}.game-grid{padding:10px 8px}.lobby-banner,.results-banner,.event-log{margin:10px 8px 0}.lobby-buttons{width:100%;margin-left:0}.lobby-buttons .button{flex:1}.room-code{width:100%}.crew-bar,.log-list{grid-template-columns:1fr}.brand-small{font-size:16px}.leave-button{margin-left:auto}}