:root{--cy: #8fe9ff;--cy2: #c9f6ff;--dim: rgba(160, 220, 240, .55);--line: rgba(143, 233, 255, .22);--bg: rgba(4, 10, 16, .62);--amb: #ffb347;--hot: #ff6a3a;--font: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;color:var(--cy2);font-family:var(--font);overflow:hidden}#app{position:fixed;top:0;right:0;bottom:0;left:0}#view,#hudc{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hudc{pointer-events:none}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-size:13px;text-shadow:0 0 6px rgba(0,0,0,.9)}.hud b{font-weight:600;color:#fff}.row{display:flex;gap:8px;align-items:baseline;line-height:1.55}.row span{color:var(--dim)}.row b{font-family:var(--mono);font-size:13px;margin-right:8px}.row.small{font-size:12px;flex-wrap:wrap}.hot{color:var(--hot)!important}#obj{position:absolute;left:18px;top:16px;max-width:min(520px,44vw);line-height:1.6;color:var(--cy2)}#obj .tag{display:inline-block;border:1px solid var(--line);padding:1px 8px;margin-right:10px;color:var(--cy);letter-spacing:.1em;font-size:12px}#clock{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:22px;padding:6px 16px;border:1px solid var(--line);background:var(--bg)}#clock div{display:flex;flex-direction:column;align-items:center}#clock span{font-size:11px;color:var(--dim);letter-spacing:.15em}#clock b{font-family:var(--mono);font-size:15px}#clock i{font-style:normal;color:var(--dim);font-size:11px}#warpbar{position:absolute;top:66px;left:50%;transform:translate(-50%);display:flex;gap:3px}#warpbar i{width:18px;height:4px;background:#8fe9ff26}#warpbar i.on{background:var(--cy)}#warpbar i.cap{background:#ff6a3a40}#warpbar i.on.cap{background:#ffb34799}#target{position:absolute;right:18px;top:16px;min-width:210px}#target:not(:empty){padding:8px 12px;border:1px solid var(--line);background:var(--bg)}#target .n{color:var(--cy);font-size:14px;letter-spacing:.08em;margin-bottom:4px}#cpa{position:absolute;right:18px;top:200px;min-width:230px;padding:8px 12px;border:1px solid rgba(255,122,74,.5);background:#1e080499;display:none}#cpa.on{display:block}#cpa .h{color:var(--hot);letter-spacing:.15em;font-size:12px;margin-bottom:4px}#flight{position:absolute;left:18px;bottom:18px;width:300px;padding:10px 12px;border:1px solid var(--line);background:var(--bg)}#flight .ap{display:inline-block;font-size:11px;letter-spacing:.1em;color:var(--cy);border:1px solid var(--line);padding:1px 6px}#flight .ap.off{color:var(--dim)}#flight .big{font-family:var(--mono);font-size:22px;color:#fff;margin:4px 0}#flight .big small{display:block;font-family:var(--font);font-size:11px;color:var(--dim)}#systems{position:absolute;right:18px;bottom:18px;width:300px;padding:10px 12px;border:1px solid var(--line);background:var(--bg)}.bar{position:relative;height:18px;border:1px solid var(--line);margin:6px 0;overflow:hidden}.bar i{position:absolute;left:0;top:0;bottom:0;background:#8fe9ff59}.bar em{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff}.bar span{position:relative;padding-left:6px;font-size:11px;line-height:16px}.bar.heat.warm i{background:#ffb34780}.bar.heat.hot i{background:#ff6a3ab3}.dmg{color:var(--amb);margin-right:8px}#msgs{position:absolute;left:18px;top:110px;width:340px;display:flex;flex-direction:column;gap:6px}#msgs .m{padding:6px 10px;border-left:2px solid var(--line);background:var(--bg);transition:opacity .8s}#msgs .m.personal{border-left-color:var(--amb)}#msgs .m.out{opacity:0}#msgs .h{font-size:13px}#msgs .s{font-size:11px;color:var(--dim);font-family:var(--mono)}#toast{position:absolute;top:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:min(640px,90vw)}#toast .t{padding:6px 14px;background:var(--bg);border:1px solid var(--line);transition:opacity .8s;text-align:center}#toast .t.warn{border-color:#ff6a3a99;color:#ffd2c0}#toast .t.good{border-color:#8fffc880}#toast .t.out{opacity:0}#say{position:absolute;bottom:150px;left:50%;transform:translate(-50%);width:min(720px,92vw);text-align:center;font-size:16px;line-height:1.6;opacity:0;transition:opacity .6s}#say.on{opacity:1}#say b{display:block;font-size:11px;color:var(--dim);letter-spacing:.3em;font-weight:400}#prompt{position:absolute;bottom:112px;left:50%;transform:translate(-50%);font-size:14px}#prompt .ok{color:var(--cy);border:1px solid var(--line);padding:4px 12px;background:var(--bg)}#prompt .no{color:var(--amb)}#task{position:absolute;bottom:70px;left:50%;transform:translate(-50%);width:320px;display:none;text-align:center}#task.on{display:block}#tactics{position:absolute;bottom:210px;left:50%;transform:translate(-50%);display:none;gap:14px;padding:6px 14px;border:1px solid rgba(255,122,74,.4);background:#1e08048c;font-size:12px;white-space:nowrap}#tactics.on{display:flex}#tactics b{color:#ffcfb8}kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--line);border-bottom-width:2px;padding:0 5px;margin:0 2px;color:#fff;border-radius:3px}#card{position:absolute;top:34%;left:0;right:0;text-align:center;opacity:0}#card.on{animation:card 5.5s ease forwards}#card .a{font-size:34px;letter-spacing:.5em;color:#fff;font-weight:300}#card .b{margin-top:10px;font-size:13px;letter-spacing:.2em;color:var(--dim);font-family:var(--mono)}@keyframes card{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}#hib{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:var(--mono)}#hib.on{display:flex}#hib .z{font-family:var(--font);font-size:28px;letter-spacing:.6em;color:#fff}#hib .s{color:var(--dim)}#flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}#flash.on{animation:flash 1.2s ease-out}@keyframes flash{0%{opacity:.55}to{opacity:0}}#panel{position:absolute;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none}#panel.on{display:block}#panel.block{background:#0004088c;pointer-events:auto}#panel.center{display:flex;align-items:center;justify-content:center}#panel button{pointer-events:auto;font:inherit;color:var(--cy2);background:#8fe9ff0f;border:1px solid var(--line);padding:7px 14px;cursor:pointer}#panel button:hover{background:#8fe9ff29}#panel button.primary{border-color:var(--cy);color:#fff;background:#8fe9ff24}#panel h2{font-weight:400;letter-spacing:.2em;margin:0 0 12px}#panel h3{font-weight:500;color:var(--cy);font-size:14px;letter-spacing:.1em;margin:16px 0 8px}#panel p{line-height:1.7;margin:6px 0}#panel .note{color:var(--dim);font-size:13px}#panel .warn{color:var(--amb)}#panel .fine{color:var(--dim);font-size:12px}#panel .kicker{color:var(--dim);letter-spacing:.3em;font-size:12px;margin-bottom:6px}#panel table{border-collapse:collapse;width:100%;font-size:13px}#panel td{padding:4px 8px 4px 0;border-bottom:1px solid rgba(143,233,255,.08);vertical-align:top}#panel td:first-child{color:var(--dim);white-space:nowrap;width:1%}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.actions.col{flex-direction:column}.card{pointer-events:auto;background:#040a10eb;border:1px solid var(--line);padding:26px 30px;max-height:88vh;overflow:auto}.card.small{width:min(460px,92vw)}.card.wide{width:min(760px,94vw)}.card .keys div{margin:6px 0;line-height:1.9}.log .entry{border-left:2px solid var(--amb);padding-left:12px;margin:14px 0}.log .d{font-family:var(--mono);font-size:12px;color:var(--dim)}.title{pointer-events:auto;text-align:center;max-width:720px;padding:20px}.title .logo span{display:block;font-size:clamp(40px,8vw,76px);font-weight:200;letter-spacing:.5em;color:#fff;margin-right:-.5em}.title .logo em{display:block;font-style:normal;letter-spacing:1.2em;color:var(--cy);font-size:14px;margin:8px -1.2em 0 0}.title .lead{color:var(--cy2);font-size:16px;margin:28px 0;line-height:1.9}.title .actions{justify-content:center}.side{pointer-events:auto;position:absolute;top:90px;right:18px;bottom:18px;width:min(560px,94vw);background:#040a10e6;border:1px solid var(--line);display:flex;flex-direction:column}.side.nav{width:min(780px,94vw)}.side .tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--line);align-items:center}.side .tabs>b{padding:4px 8px;letter-spacing:.15em;font-weight:400}.side .tabs button.on{border-color:var(--cy);color:#fff}.side .tabs .x{margin-left:auto}.side .body{padding:6px 18px 18px;overflow:auto}.quote{color:#fff;font-style:italic}.ups{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.up{border:1px solid var(--line);padding:8px 10px;font-size:13px}.up p{color:var(--dim);font-size:12px;margin:4px 0 8px!important}.up.have{border-color:var(--cy)}.up span{color:var(--cy);font-size:12px}.inbox .m{border-left:2px solid var(--line);padding:4px 10px;margin:8px 0}.inbox .s{font-family:var(--mono);font-size:11px;color:var(--dim)}.nav .cols{display:flex;min-height:0;flex:1}.nav .list{width:220px;overflow:auto;border-right:1px solid var(--line);padding:8px;display:flex;flex-direction:column;gap:3px}.nav .list .grp{color:var(--dim);font-size:11px;letter-spacing:.2em;margin:8px 0 2px}.nav .list button{text-align:left;display:flex;justify-content:space-between;gap:6px;padding:5px 8px}.nav .list button span{color:var(--dim);font-family:var(--mono);font-size:11px}.nav .list button.on{border-color:var(--cy)}.nav .detail{flex:1;padding:6px 18px 18px;overflow:auto}.presets{display:flex;gap:6px;flex-wrap:wrap}.presets button{display:flex;flex-direction:column;align-items:center;min-width:80px}.presets button span{font-family:var(--mono);font-size:11px;color:var(--dim)}.presets button.on{border-color:var(--cy);background:#8fe9ff24}.plan{margin-top:12px}@media(max-width:900px){#clock{top:auto;bottom:150px}#flight,#systems{width:calc(50vw - 24px);font-size:11px}#msgs{display:none}}#app[data-panel=title] .hud,#app[data-panel=title] #hudc{display:none}