:root{--bg-space:#0b1220;--bg-deep:#070d18;--panel:#ffffff0e;--panel-strong:#ffffff1a;--planet-orange:#d96c47;--ai-cyan:#4fd8eb;--ai-cyan-dim:#4fd8eb29;--fn-life:#5ec26a;--fn-energy:#e05555;--fn-science:#5b8def;--fn-water:#6fd8d0;--fn-warn:#e8b93c;--t-crater:#9fb0c9;--text-main:#e8eef7;--text-dim:#93a1b8;--line-hud:#4fd8eb61;--line-soft:#e8eef71f;--font-ui:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-num:"SF Mono", "Menlo", "Consolas", ui-monospace, monospace;--r:10px;--cut:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));--cut-sm:polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px))}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg-deep);color:var(--text-main);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}button{font:inherit;color:inherit}.hud-panel{border:1px solid var(--line-hud);border-radius:var(--r);clip-path:var(--cut);background:linear-gradient(#ffffff0d,#ffffff05);position:relative}.hud-corner{opacity:.7;pointer-events:none;width:18px;height:18px;position:absolute}.hud-corner.tl{border-left:2px solid var(--ai-cyan);border-top:2px solid var(--ai-cyan);top:10px;left:10px}.hud-corner.br{border-right:2px solid var(--ai-cyan);border-bottom:2px solid var(--ai-cyan);bottom:10px;right:10px}.stage-bar{border-bottom:1px solid var(--line-soft);flex:none;align-items:center;gap:14px;padding:12px 18px 10px;display:flex}.stage-bar .title{font-family:var(--font-num);letter-spacing:.24em;color:var(--ai-cyan);white-space:nowrap;font-size:13px}.stage-bar .ticks{background:repeating-linear-gradient(90deg, var(--line-hud) 0 1px, transparent 1px 10px);opacity:.5;flex:1;height:8px}.stage-bar .step{font-family:var(--font-num);color:var(--text-dim);white-space:nowrap;font-size:12px}.hud-btn{min-height:44px;color:var(--ai-cyan);background:var(--ai-cyan-dim);border:1px solid var(--ai-cyan);cursor:pointer;border-radius:6px;padding:0 20px;transition:background .2s,transform .12s,filter .2s}.hud-btn:hover:not(:disabled){background:#4fd8eb4d}.hud-btn:active:not(:disabled){transform:scale(.98)}.hud-btn:disabled{opacity:.35;cursor:default}.hud-btn.primary{color:#04222a;background:linear-gradient(180deg, #7fe7f5, var(--ai-cyan));min-height:48px;clip-path:var(--cut-sm);border:none;padding:0 26px;font-size:17px;font-weight:600;box-shadow:0 0 0 1px #4fd8eb80,0 14px 34px -14px #4fd8ebbf}.hud-btn.primary:hover:not(:disabled){filter:brightness(1.08)}.hud-btn.waiting{color:var(--text-dim);border:1px dashed var(--line-soft);cursor:default;background:0 0}.num{font-family:var(--font-num)}.dim{color:var(--text-dim)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-rev{to{transform:rotate(-360deg)}}@keyframes spark-blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.12)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow-pulse{0%,to{opacity:.35}50%{opacity:.85}}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes led-pulse{0%,to{box-shadow:0 0}70%{box-shadow:0 0 0 5px #0000}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fit-svg svg{width:auto;max-width:100%;height:auto;max-height:100%}