:root{--bg: #05070c;--panel: rgba(10, 14, 22, .86);--panel-border: rgba(140, 170, 210, .16);--text: #e8edf5;--muted: #8d9bb3;--accent: #ffb547;--accent2: #6fc3ff;--good: #5be08a;--warn: #ffcf5a;--bad: #ff6b6b;--font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;--mono: "JetBrains Mono", "Cascadia Mono", ui-monospace, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}#app{position:fixed;inset:0;pointer-events:none}#app>*{pointer-events:none}button{font-family:inherit}.clickable,.clickable *{pointer-events:auto}#hud{position:absolute;inset:0;opacity:0;transition:opacity .4s}#hud.visible{opacity:1}.hud-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.7)}.hud-top-left{position:absolute;left:18px;top:16px;display:flex;gap:10px;align-items:center}.hud-btn{pointer-events:auto;cursor:pointer;background:#080c14b8;color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:8px 14px;font-size:13px;letter-spacing:.06em;backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px}.hud-btn:hover{border-color:var(--accent);color:var(--accent)}.hud-btn kbd{font-family:var(--mono);font-size:10px;background:#ffffff14;padding:1px 5px;border-radius:4px;color:var(--muted)}.hud-mission{position:absolute;left:50%;top:16px;transform:translate(-50%);text-align:center}.hud-mission .t{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--text);text-shadow:0 0 12px rgba(0,0,0,.8)}.hud-mission .time{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:2px}.hud-alert{position:absolute;left:50%;top:68px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.alert{background:#ff5a5a29;border:1px solid rgba(255,110,110,.7);color:#ffd0d0;padding:6px 14px;border-radius:6px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;animation:blink 1s steps(2) infinite;backdrop-filter:blur(6px)}.alert.warn{background:#ffc85024;border-color:#ffd25ab3;color:#ffe9b0;animation:none}@keyframes blink{50%{opacity:.45}}.hud-readouts{position:absolute;left:50%;bottom:26px;transform:translate(-50%);display:flex;gap:14px;align-items:flex-end}.readout{background:#080c14ad;border:1px solid var(--panel-border);border-radius:10px;padding:8px 16px 6px;min-width:132px;text-align:center;backdrop-filter:blur(8px)}.readout .v{font-family:var(--mono);font-size:30px;font-weight:600;line-height:1.05;color:var(--text)}.readout .u{font-size:11px;color:var(--muted);margin-left:3px}.readout.good .v{color:var(--good)}.readout.warn .v{color:var(--warn)}.readout.bad .v{color:var(--bad)}.hud-coach{position:absolute;left:50%;bottom:118px;transform:translate(-50%);font-size:13px;color:#d9e2f0;background:#080c148c;padding:5px 12px;border-radius:6px;letter-spacing:.04em;white-space:nowrap}.hud-coach:empty{display:none}.hud-gauges{position:absolute;left:18px;bottom:26px;display:flex;gap:14px;align-items:flex-end;background:#080c149e;border:1px solid var(--panel-border);border-radius:12px;padding:12px 14px 8px;backdrop-filter:blur(8px)}.gauge{width:54px;text-align:center}.gauge .bar{width:26px;height:140px;margin:0 auto 6px;border:1px solid var(--panel-border);border-radius:6px;background:#080c1499;position:relative;overflow:hidden}.gauge .fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,#2f8ee0,#6fc3ff);transition:height .08s linear}.gauge.fuel .fill{background:linear-gradient(to top,#d8892a,#ffb547)}.gauge.fuel.low .fill{background:linear-gradient(to top,#c02020,#ff6b6b)}.gauge .num{font-family:var(--mono);font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.9)}.gauge .hud-label{font-size:9px;white-space:nowrap}.attitude{width:92px;height:92px;border-radius:50%;border:1px solid var(--panel-border);background:#080c1499;position:relative;margin-left:6px}.attitude:before,.attitude:after{content:"";position:absolute;background:#8caad240}.attitude:before{left:50%;top:6px;bottom:6px;width:1px}.attitude:after{top:50%;left:6px;right:6px;height:1px}.attitude .ring{position:absolute;inset:18px;border-radius:50%;border:1px dashed rgba(140,170,210,.3)}.attitude .dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--accent2);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--accent2)}.attitude .deg{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:11px;color:var(--muted)}.hud-radar{position:absolute;right:18px;bottom:26px;text-align:center}.hud-radar canvas{width:190px;height:190px;border-radius:50%;border:1px solid var(--panel-border);background:#000;display:block}.hud-radar .hud-label{margin-top:6px;background:#080c1499;display:inline-block;padding:2px 8px;border-radius:4px}.hud-target{position:absolute;right:18px;top:16px;text-align:right;background:#080c1499;border:1px solid var(--panel-border);border-radius:10px;padding:8px 14px;backdrop-filter:blur(8px)}.hud-target .v{font-family:var(--mono);font-size:22px}.hud-target .u{font-size:11px;color:var(--muted)}.marker{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;will-change:transform}.marker .dia{width:22px;height:22px;border:2px solid var(--accent);transform:rotate(45deg);box-shadow:0 0 12px #ffb54799}.marker .lbl{font-family:var(--mono);font-size:12px;color:var(--accent);background:#00000080;padding:1px 6px;border-radius:4px}.marker.offscreen .dia{border-radius:50%}.marker.hidden{display:none}.hud-controls{position:absolute;left:18px;bottom:236px;font-size:12px;color:var(--muted);background:#080c1499;padding:8px 12px;border-radius:8px;line-height:1.7;border:1px solid var(--panel-border)}.hud-controls kbd{font-family:var(--mono);background:#ffffff1a;padding:0 5px;border-radius:3px;color:var(--text)}.hud-controls.hidden{display:none}.pause-badge{position:absolute;left:50%;top:150px;transform:translate(-50%);font-size:24px;letter-spacing:.4em;text-transform:uppercase;color:var(--text);background:#080c1499;padding:12px 24px 12px 32px;border-radius:10px;border:1px solid var(--panel-border)}.pause-badge.hidden{display:none}#panel{position:absolute;left:0;top:0;bottom:0;width:420px;max-width:92vw;background:var(--panel);border-right:1px solid var(--panel-border);backdrop-filter:blur(14px);transform:translate(-102%);transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;pointer-events:auto}#panel.open{transform:translate(0)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px;border-bottom:1px solid var(--panel-border)}.panel-head h2{margin:0;font-size:15px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.panel-close{background:none;border:1px solid var(--panel-border);color:var(--muted);border-radius:6px;padding:4px 10px;cursor:pointer}.panel-close:hover{color:var(--text);border-color:var(--text)}.panel-tabs{display:flex;gap:4px;padding:10px 12px 0;flex-wrap:wrap}.panel-tabs button{background:none;border:1px solid transparent;color:var(--muted);padding:6px 10px;border-radius:6px;font-size:12px;cursor:pointer;letter-spacing:.04em}.panel-tabs button.active{color:var(--text);border-color:var(--panel-border);background:#ffffff0d}.panel-body{overflow-y:auto;padding:12px 18px 24px;flex:1;scrollbar-width:thin;scrollbar-color:rgba(140,170,210,.3) transparent}.now-card{border:1px solid rgba(255,181,71,.35);background:#ffb54712;border-radius:10px;padding:12px 14px;margin-bottom:12px}.now-card .hud-label{color:var(--accent);margin-bottom:4px}.now-card .title{font-weight:600;font-size:15px;cursor:pointer}.now-card .title:hover{text-decoration:underline}.article-list{display:flex;flex-direction:column;gap:6px}.article-list button{text-align:left;background:#ffffff08;border:1px solid var(--panel-border);color:var(--text);padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px}.article-list button:hover{border-color:var(--accent2)}.article-list button .cat{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.article h3{margin:4px 0 10px;font-size:20px;line-height:1.2}.article p,.article li{font-size:14.5px;line-height:1.58;color:#dbe3ef}.article p{margin:0 0 10px}.article ul,.article ol{padding-left:20px;margin:0 0 10px}.article .eq{font-family:var(--mono);background:#6fc3ff14;border:1px solid rgba(111,195,255,.2);padding:2px 8px;border-radius:6px;display:inline-block;margin:2px 0;color:#cfe8ff}.article p.eq{display:block;text-align:center;padding:8px;font-size:15px}.article .back{background:none;border:none;color:var(--accent2);cursor:pointer;padding:0;margin-bottom:8px;font-size:13px}.article .nav{display:flex;justify-content:space-between;margin-top:16px;gap:8px}.article .nav button{background:none;border:1px solid var(--panel-border);color:var(--muted);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:12px}#screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto}#screen.side{justify-content:flex-end;padding-right:4vw}#screen.hidden{display:none}.card{width:min(680px,94vw);max-height:92vh;overflow-y:auto;background:#080b12d6;border:1px solid var(--panel-border);border-radius:16px;padding:28px 32px;backdrop-filter:blur(16px);box-shadow:0 30px 80px #0009;scrollbar-width:thin;scrollbar-color:rgba(140,170,210,.3) transparent}.card.wide{width:min(880px,94vw)}.title-big{font-size:clamp(34px,6vw,58px);letter-spacing:.12em;text-transform:uppercase;margin:0;line-height:1;font-weight:700;background:linear-gradient(180deg,#fff 30%,#c9d5e8);-webkit-background-clip:text;background-clip:text;color:transparent}.title-sub{color:var(--muted);font-size:15px;letter-spacing:.1em;text-transform:uppercase;margin:8px 0 22px}.mission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:14px 0 20px}.mission-card{background:#ffffff08;border:1px solid var(--panel-border);border-radius:10px;padding:12px 14px;cursor:pointer;text-align:left;color:var(--text);position:relative}.mission-card:hover{border-color:var(--accent)}.mission-card.locked{opacity:.45;cursor:not-allowed}.mission-card .n{font-size:10px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.mission-card .t{font-size:15px;font-weight:600;margin:2px 0}.mission-card .s{font-size:12px;color:var(--muted)}.mission-card .stars{color:var(--accent);font-size:13px;letter-spacing:2px;margin-top:6px}.btn{background:var(--accent);color:#1a1000;border:none;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--panel-border)}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}.brief h2{margin:0;font-size:28px}.brief .sub{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:12px;margin:4px 0 14px}.brief p{line-height:1.6;color:#dbe3ef;font-size:15px}.brief .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:14px 0}.fact{background:#ffffff0a;border:1px solid var(--panel-border);border-radius:8px;padding:8px 10px}.fact .k{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.fact .v{font-family:var(--mono);font-size:17px;margin-top:2px}.hints{margin:10px 0 0;padding-left:18px}.hints li{color:#c9d3e2;font-size:14px;line-height:1.5;margin-bottom:4px}.controls-table{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13.5px;margin:12px 0;color:#c9d3e2;align-items:center}.controls-table kbd{font-family:var(--mono);background:#ffffff1a;padding:2px 7px;border-radius:4px;color:var(--text);white-space:nowrap}.result h2{margin:0;font-size:34px}.result h2.crash{color:var(--bad)}.result h2.ok{color:var(--good)}.result .sub{color:var(--muted);margin:4px 0 12px;font-size:15px}.result .stars-big{font-size:30px;letter-spacing:6px;color:var(--accent);margin:4px 0 12px}.result .stars-big .dim{color:#ffffff26}.items{display:flex;flex-direction:column;gap:8px}.item{border-left:3px solid var(--muted);background:#ffffff08;padding:10px 14px;border-radius:0 8px 8px 0}.item.bad{border-color:var(--bad)}.item.warn{border-color:var(--warn)}.item.good{border-color:var(--good)}.item.info{border-color:var(--accent2)}.item .it{font-weight:600;font-size:15px;margin-bottom:3px}.item .ix{font-size:13.5px;line-height:1.55;color:#c9d3e2}.stat-row{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0 14px}.stat-row .fact{min-width:110px}.small{font-size:12px;color:var(--muted)}.toast{position:absolute;left:50%;top:110px;transform:translate(-50%);background:#080c14cc;border:1px solid var(--panel-border);padding:8px 16px;border-radius:8px;font-size:13px;opacity:0;transition:opacity .3s}.toast.show{opacity:1}@media (max-width: 800px){.readout{min-width:96px;padding:6px 10px}.readout .v{font-size:22px}.hud-controls{display:none}.hud-radar canvas{width:130px;height:130px}.gauge .bar{height:100px}.attitude{width:70px;height:70px}}.help-box{margin-top:16px;padding-top:14px;border-top:1px solid var(--panel-border)}.help-box.hidden{display:none}.help-box .small{line-height:1.5;margin:6px 0 0}.footer-link{margin-top:18px;text-align:right;font-size:12px}a.ext{color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(140,170,210,.3)}a.ext:hover{color:var(--text);border-color:var(--text)}html.touch .help-box .controls-table{display:none}#scene{touch-action:none}html.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#touch-ui{position:absolute;inset:0;display:none}#touch-ui.visible{display:block}.stick{position:absolute;left:18px;bottom:22px;width:132px;height:132px;border-radius:50%;background:#080c148c;border:1px solid var(--panel-border);backdrop-filter:blur(6px);touch-action:none}.stick-ring{position:absolute;inset:22px;border-radius:50%;border:1px dashed rgba(140,170,210,.35)}.stick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9fd6ff,#3a8fd0);box-shadow:0 4px 14px #0009;transform:translate(-50%,-50%)}.stick-label{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-shadow:0 1px 3px #000}.slider{position:absolute;right:18px;bottom:22px;width:64px;height:210px;touch-action:none}.slider-track{position:absolute;left:50%;top:0;bottom:30px;width:38px;transform:translate(-50%);border-radius:12px;background:#080c1499;border:1px solid var(--panel-border);overflow:visible}.slider-fill{position:absolute;left:3px;right:3px;bottom:3px;border-radius:9px;background:linear-gradient(to top,#2f8ee0,#6fc3ff)}.slider-knob{position:absolute;left:50%;bottom:0;width:60px;height:34px;border-radius:10px;background:linear-gradient(#e9eef5,#b7c2d1);transform:translate(-50%,50%);box-shadow:0 4px 12px #0009}.slider-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:1.3;text-shadow:0 1px 3px #000}.slider-label .pct{font-family:var(--mono);font-size:13px;color:var(--text)}.tbtns{position:absolute;right:100px;bottom:30px;display:flex;flex-direction:column;gap:10px}.tbtn{background:#080c14b3;color:var(--text);border:1px solid var(--panel-border);border-radius:22px;padding:12px 16px;font-size:13px;letter-spacing:.06em;backdrop-filter:blur(6px)}.tbtn.cut{border-color:#ff6b6b99;color:#ffb3b3}.tbtn:active{background:#ffffff26}html.touch .hud-btn .lbl{display:none}html.touch .hud-btn{padding:8px 11px}html.touch .hud-controls,html.touch .attitude,html.touch .gauge.throttle,html.touch .help-btn{display:none!important}html.touch .hud-gauges{left:auto;right:18px;bottom:250px;padding:8px 8px 6px;gap:0}html.touch .hud-gauges>div:last-child{display:none}html.touch .gauge .bar{height:90px}html.touch .hud-mission{top:10px}html.touch .hud-mission .t{font-size:12px}html.touch .hud-readouts{top:52px;bottom:auto;gap:6px}html.touch .readout{min-width:88px;padding:4px 8px 3px}html.touch .readout .v{font-size:20px}html.touch .readout .hud-label{font-size:9px;letter-spacing:.1em}html.touch .hud-alert{top:118px}html.touch .hud-coach{top:150px;bottom:auto;font-size:11px;white-space:normal;max-width:80vw;text-align:center}html.touch .hud-radar{right:auto;left:50%;transform:translate(-50%);bottom:26px}html.touch .hud-radar canvas{width:112px;height:112px}html.touch .hud-radar .hud-label{display:none}html.touch .hud-target{top:10px;padding:5px 10px}html.touch .hud-target .v{font-size:16px}html.touch .hud-target .hd{display:none}html.touch .pause-badge{top:200px;font-size:18px}html.touch .toast{top:190px;font-size:12px;max-width:86vw;text-align:center}html.touch #panel{width:100vw;max-width:100vw}html.touch .card{padding:18px 16px;border-radius:12px}html.touch .mission-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}html.touch .btn{padding:12px 16px;font-size:13px}html.touch .brief .facts{grid-template-columns:repeat(3,1fr)}html.touch .controls-table{display:none}@media (max-width: 480px){html.touch .hud-readouts{flex-wrap:nowrap}html.touch .readout{min-width:0;flex:1}html.touch .hud-readouts{width:calc(100vw - 24px)}html.touch .tbtns{right:96px;bottom:26px}html.touch .tbtn{padding:10px 12px;font-size:12px}html.touch .hud-radar{bottom:130px;left:50%}html.touch .stats-row .fact{min-width:0}}@media (max-height: 460px){html.touch .hud-readouts{top:44px}html.touch .readout .v{font-size:17px}html.touch .slider{height:170px}html.touch .hud-gauges{inset:62px auto auto 18px}html.touch .stick{width:112px;height:112px}html.touch .hud-radar{bottom:20px}html.touch .hud-radar canvas{width:96px;height:96px}}