*{box-sizing:border-box;margin:0;padding:0}:root{--bg-0: #05070f;--bg-1: #0a0f1e;--bg-2: #101a33;--panel: rgba(13, 20, 40, .92);--panel-solid: #0f1830;--border-glow: rgba(72, 255, 220, .28);--neon-cyan: #4affdc;--neon-blue: #3b82f6;--neon-purple: #a78bfa;--neon-pink: #f472b6;--neon-yellow: #fbbf24;--neon-green: #34d399;--neon-red: #f87171;--text: #e2f3ff;--text-dim: #8aa2b8;--text-faint: #5b7085;--primary: var(--neon-cyan);--primary-light: rgba(74, 255, 220, .1);--danger: var(--neon-red);--warning: var(--neon-yellow);--success: var(--neon-green);--border: rgba(74, 255, 220, .18);--muted: var(--text-dim);--font-hud: "JetBrains Mono", "SF Mono", "Menlo", Consolas, monospace;--font-body: "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif}html,body{min-height:100vh;background:var(--bg-0);color:var(--text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}body{background:linear-gradient(var(--bg-0),var(--bg-1))}.game-shell{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:url(/trade/assets/bg-network-CKXBqV5J.jpg),radial-gradient(ellipse 60% 40% at 50% -10%,rgba(59,130,246,.18),transparent 60%);background-size:cover,auto;background-position:center;will-change:transform}.game-shell .grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(74,255,220,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(74,255,220,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.game-shell .scanline{position:absolute;left:0;right:0;top:-10%;height:12%;background:linear-gradient(to bottom,transparent,rgba(74,255,220,.05),transparent);animation:scan 12s linear infinite;will-change:transform}.game-shell .vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(5,7,15,.65) 100%)}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(1100%)}}#root{position:relative;z-index:1}button{cursor:pointer;font-family:var(--font-body);border:1px solid rgba(74,255,220,.4);background:#4affdc0d;color:var(--neon-cyan);padding:8px 14px;border-radius:8px;font-size:13px;letter-spacing:.03em;transition:all .18s ease;box-shadow:0 0 #4affdc00;position:relative}button:hover{background:#4affdc24;box-shadow:0 0 16px #4affdc59;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}button.primary{background:linear-gradient(135deg,#4affdc33,#3b82f633);border-color:var(--neon-cyan);background:var(--neon-cyan);font-weight:700;color:#04131a}button.primary:hover{background:#7dffe4;box-shadow:0 0 14px #4affdc73}button.danger{color:var(--neon-red);border-color:#f8717166;background:#f871710f}button.danger:hover{background:#f8717124;box-shadow:0 0 10px #f871714d}.panel{background:var(--panel);border:1px solid var(--border-glow);border-radius:14px;padding:18px;margin:12px 0;position:relative;box-shadow:0 0 24px #3b82f61a,inset 0 0 32px #4affdc08;transition:border-color .2s ease}.panel:hover{border-color:#4affdc6b}.panel:before{content:"";position:absolute;top:-1px;left:-1px;width:22px;height:22px;border-top:2px solid var(--neon-cyan);border-left:2px solid var(--neon-cyan);border-top-left-radius:14px;opacity:.6}.panel h3{font-size:15px;margin-bottom:12px;color:var(--text);letter-spacing:.04em;padding-bottom:8px;border-bottom:1px solid rgba(74,255,220,.15);font-family:var(--font-body);font-weight:700}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.row label{min-width:110px;color:var(--muted);font-size:13px;letter-spacing:.02em}.row input,.row select{padding:8px 10px;border:1px solid rgba(74,255,220,.22);border-radius:8px;font-size:13px;background:#080e1eb3;color:var(--text);transition:border-color .18s}.row input:focus,.row select:focus{outline:none;border-color:var(--neon-cyan)}.row input::placeholder{color:var(--text-faint)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;margin-right:6px;letter-spacing:.02em;border:1px solid transparent}.tag.green{background:#34d39924;color:var(--neon-green);border-color:#34d39966;text-shadow:0 0 8px rgba(52,211,153,.5)}.tag.yellow{background:#fbbf2424;color:var(--neon-yellow);border-color:#fbbf2466;text-shadow:0 0 8px rgba(251,191,36,.5)}.tag.red{background:#f8717124;color:var(--neon-red);border-color:#f8717166;text-shadow:0 0 8px rgba(248,113,113,.5)}.tag.blue{background:#3b82f624;color:var(--neon-blue);border-color:#3b82f666;text-shadow:0 0 8px rgba(59,130,246,.5)}.alert{padding:12px 14px;border-radius:10px;margin:10px 0;font-size:14px;border:1px solid transparent}.alert.danger{background:#f871711a;color:var(--neon-red);border-color:#f8717159;box-shadow:0 0 20px #f8717126}.alert.warning{background:#fbbf2414;color:var(--neon-yellow);border-color:#fbbf244d}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{border:1px solid rgba(74,255,220,.12);padding:8px 10px;text-align:left}.table th{background:#4affdc0f;color:var(--neon-cyan);font-weight:600;letter-spacing:.04em}.table tr:hover td{background:#4affdc0a}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px 20px;background:var(--panel);border:1px solid var(--border-glow);border-radius:14px}.app-header h1{font-size:20px;font-weight:800;letter-spacing:.06em;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple),var(--neon-pink));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(74,255,220,.25)}.app-header .nick{color:var(--text-dim);font-size:13px;font-family:var(--font-hud)}.hud-big{font-family:var(--font-hud);font-weight:700;font-size:22px;letter-spacing:.03em}.hud-glow-green{color:var(--neon-green);text-shadow:0 0 16px rgba(52,211,153,.6)}.hud-glow-yellow{color:var(--neon-yellow);text-shadow:0 0 16px rgba(251,191,36,.6)}.hud-glow-red{color:var(--neon-red);text-shadow:0 0 16px rgba(248,113,113,.6)}.hud-glow-cyan{color:var(--neon-cyan);text-shadow:0 0 16px rgba(74,255,220,.6)}.hud-bar{height:3px;border-radius:2px;background:linear-gradient(90deg,var(--neon-cyan),transparent);box-shadow:0 0 10px #4affdc80}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.on{background:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}.dot.off{background:var(--neon-red);box-shadow:0 0 8px var(--neon-red)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:#4affdc40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4affdc66}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel{animation:fadeUp .35s ease both}.level-card{background:var(--panel);border:1px solid var(--border-glow);border-radius:14px;margin:12px 0;overflow:hidden;transition:box-shadow .2s ease}.level-card:hover{box-shadow:0 0 22px #4affdc24}.level-head{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;background:#080e1e59;border:none;border-radius:0;color:var(--text);font-size:15px;cursor:pointer;text-align:left;box-shadow:none;transform:none;transition:background .18s}.level-head:hover{background:#4affdc0f;box-shadow:none;transform:none}.level-no{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid;border-radius:8px;font-family:var(--font-hud);font-weight:700;font-size:14px;flex-shrink:0}.level-icon{font-size:20px;flex-shrink:0}.level-title{flex:1;display:flex;flex-direction:column}.level-title strong{font-size:15px;font-weight:700;letter-spacing:.03em}.level-title em{font-style:normal;font-size:12px;color:var(--text-dim);margin-top:2px}.level-arrow{color:var(--text-dim);font-size:12px;transition:transform .2s ease;flex-shrink:0}.level-body{padding:18px;border-top:1px dashed rgba(74,255,220,.15)}.mission-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:16px 0 20px}.mission-node{position:relative;padding:16px 14px;border:1px solid var(--border-glow);border-radius:12px;background:#0e162be6;cursor:pointer;text-align:left;transition:border-color .18s ease,transform .18s ease;transform:translateZ(0)}.mission-node:hover{border-color:var(--accent, var(--neon-cyan));transform:translateY(-2px)}.mission-node .mn-icon{font-size:22px}.mission-node .mn-no{position:absolute;top:10px;right:12px;font-family:var(--font-hud);font-size:12px;color:var(--accent, var(--text-dim));font-weight:700}.mission-node .mn-title{font-weight:700;font-size:14px;margin-top:8px;color:var(--text)}.mission-node .mn-sub{font-size:11px;color:var(--text-dim);margin-top:3px}.level-body .panel{background:transparent;border:none;border-radius:0;box-shadow:none;margin:4px 0;padding:10px 2px}.level-body .panel:before{display:none}.level-body .panel h3{border-bottom-color:#4affdc1f}.level-body .panel:hover{border:none;box-shadow:none}.campaign{margin-top:8px}.rail{list-style:none;display:flex;gap:6px;overflow-x:auto;padding:4px 0 12px}.rail-stop{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:72px;padding:8px 10px;border-radius:10px;color:var(--text-dim);background:#080e1e73}.rail-stop span{font-family:var(--font-hud);font-size:11px}.rail-stop.done{color:var(--text);border-color:#34d39959}.rail-stop.now{color:#04131a;background:var(--neon-cyan);border-color:var(--neon-cyan);font-weight:700}.rail-stop.lock{opacity:.38}.rail-stop.focus{box-shadow:0 0 0 1px var(--neon-purple)}.mentor{background:var(--panel);border:1px solid var(--border-glow);border-radius:16px;padding:22px 22px 18px}.mentor-meta{font-family:var(--font-hud);font-size:12px;color:var(--neon-cyan);letter-spacing:.08em}.mentor-kicker{margin-top:8px;font-size:22px;font-weight:800;letter-spacing:.04em}.mentor-copy{margin:10px 0;color:var(--text);font-size:15px;line-height:1.75}.mentor-task{margin:0 0 14px;color:var(--text-dim);font-size:13px}.pocket-num{font-family:var(--font-hud);font-size:56px;font-weight:800;line-height:1;color:var(--neon-green);text-shadow:0 0 24px rgba(52,211,153,.45)}.pocket-unit{margin:8px 0 16px;color:var(--text-dim);font-size:13px}.archive-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.replay-note{margin-top:8px;color:var(--text-dim);font-size:13px}.spark{width:100%;height:160px;margin-top:12px;display:block}.spark-line{fill:none;stroke:var(--neon-cyan);stroke-width:2}.spark-branch{fill:none;stroke:var(--neon-yellow);stroke-width:2;stroke-dasharray:5 4}.spark-fork{stroke:#fbbf24bf;stroke-width:1;stroke-dasharray:2 3}.spark-area{fill:#4affdc1f;stroke:none}.spark-legend{display:flex;gap:16px;margin:0;font-size:12px;color:var(--text-dim)}.spark-legend span:first-child{color:var(--neon-cyan)}.spark-legend span:last-child{color:var(--neon-yellow)}.branch-note{margin:8px 0;padding:10px 12px;border-left:3px solid var(--neon-yellow);line-height:1.7}.branch-stat{margin-top:12px}.spark-dot{fill:var(--neon-cyan);cursor:pointer}.spark-now{fill:var(--neon-yellow);cursor:pointer}.scrub{width:100%;margin:4px 0 8px;accent-color:var(--neon-cyan)}.frame-card{border-top:1px dashed rgba(74,255,220,.2);padding-top:12px}.frame-stat{display:flex;gap:16px;align-items:baseline;font-family:var(--font-hud)}.frame-stat strong{font-size:28px;color:var(--text)}.frame-stat em{font-style:normal;color:var(--text-dim)}.frame-stat em.up{color:var(--neon-green)}.frame-stat em.down{color:var(--neon-red)}.frame-caption{margin:8px 0;font-size:15px}.frame-events{margin:0;padding-left:18px;color:var(--text-dim);font-size:13px}.curtain{margin:0 0 12px;padding:10px 14px;border-radius:10px;background:#4affdc1f;color:var(--neon-cyan);letter-spacing:.08em;animation:fadeUp .35s ease both}.mentor-swap{animation:fadeUp .4s ease both}.beat-hold{margin:12px 0;padding:12px 14px;border-left:3px solid var(--neon-yellow);background:#fbbf2414;line-height:1.7}.beat-hold strong{display:block;color:var(--neon-yellow);margin-bottom:4px}.spark-beat{fill:var(--neon-purple);cursor:pointer}.bust-review ol{margin:8px 0 12px 18px;line-height:1.75}