:root{--color-noir-deep: #030508;--color-noir-card: rgba(8, 12, 20, .95);--color-noir-surface: rgba(14, 20, 32, .96);--color-vector-cyan: #00F0FF;--color-laser-ruby: #FF3366;--color-phosphor-amber: #FFB000;--color-vector-dim: rgba(0, 240, 255, .35);--color-text-primary: #FFFFFF;--color-text-secondary: #CBD5E1;--color-text-dim: #64748B;--font-mono: "Space Mono", "Courier New", monospace;--font-body: "Inter", system-ui, -apple-system, sans-serif;--drawer-accent: #00F0FF}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--color-noir-deep);color:var(--color-text-primary);font-family:var(--font-body);font-size:16px;line-height:1.5}#app{position:relative;width:100vw;height:100vh;overflow:hidden}.view-panel{position:absolute;top:0;left:0;width:100%;height:100%;display:none;opacity:0;transition:opacity .3s ease;z-index:1}.view-panel.active{display:block;opacity:1;z-index:2}.atlas-view-container{width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at center,#070b18,#030508);position:relative;overflow:hidden}.atlas-header{padding:20px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,240,255,.15);background:#04070ecc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.atlas-badge{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;color:var(--color-vector-cyan);text-shadow:0 0 8px rgba(0,240,255,.4)}.atlas-title{font-family:var(--font-body);font-size:24px;font-weight:800;color:var(--color-text-primary);margin:2px 0}.atlas-subtitle{font-size:13px;color:var(--color-text-dim);font-family:var(--font-mono)}.atlas-legend{display:flex;gap:16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--color-text-secondary)}.legend-item{display:inline-flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%}.dot.cyan{background:var(--color-vector-cyan);box-shadow:0 0 8px var(--color-vector-cyan)}.dot.dim{background:var(--color-text-dim)}.radar-viewport{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:20px}.radar-svg{width:100%;max-width:620px;max-height:620px;height:100%}.radar-ring{fill:none;stroke:#00f0ff2e;stroke-width:1.2}.radar-ring.ring-3{stroke-dasharray:4,4}.radar-axis{stroke:#ffffff14;stroke-width:1}.radar-axis.diag{stroke-dasharray:2,4}.ring-label{font-family:var(--font-mono);font-size:9px;fill:#00f0ff80;letter-spacing:.1em}.radar-sweep{transform-origin:0px 0px;animation:radarSweep 6s linear infinite;pointer-events:none}.radar-sweep-trail{fill:url(#radarSweepGrad);opacity:.7}.radar-sweep-line{stroke:var(--color-vector-cyan);stroke-width:1.5;opacity:.75;filter:drop-shadow(0 0 6px var(--color-vector-cyan))}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-node{cursor:pointer;transition:transform .2s ease;outline:none}.radar-node:focus-visible{outline:2px solid var(--color-vector-cyan);outline-offset:4px}.node-hitbox{fill:transparent;stroke:transparent;pointer-events:all}.radar-node .node-glow{fill:var(--node-color, #00F0FF);opacity:.35;transition:all .25s ease}.radar-node .node-core{fill:#fff}.radar-node .node-label{font-family:var(--font-mono);font-size:10px;font-weight:700;fill:#cbd5e1;text-anchor:middle;letter-spacing:.06em;transition:fill .2s ease}.radar-node .node-sublabel{font-family:var(--font-mono);font-size:8.5px;fill:#64748b;text-anchor:middle}.node-available .node-beacon{fill:none;stroke:var(--color-vector-cyan);stroke-width:1.5;opacity:.7;animation:radarPulse 2s infinite ease-out}@keyframes radarPulse{0%{r:10;opacity:.9}to{r:28;opacity:0}}.node-available:hover .node-glow,.node-available.selected .node-glow{opacity:.85;r:12}.node-available:hover .node-label,.node-available.selected .node-label{fill:var(--color-vector-cyan)}.node-locked{opacity:.65}.node-locked:hover{opacity:1}.node-origin .origin-glow{fill:var(--color-phosphor-amber);opacity:.55;filter:drop-shadow(0 0 8px var(--color-phosphor-amber))}.node-origin .origin-ring{fill:none;stroke:var(--color-phosphor-amber);stroke-width:1.4;stroke-dasharray:2,3}.node-origin .origin-label{fill:var(--color-phosphor-amber);font-size:11px;font-weight:700;text-shadow:0 0 6px rgba(255,176,0,.4)}.node-origin .origin-sublabel{fill:#10b981;font-weight:700;letter-spacing:.08em}.node-origin:hover .origin-glow,.node-origin.selected .origin-glow{opacity:.9;r:18}.atlas-intel-bar{padding:16px 28px;background:#060a12f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(0,240,255,.2);display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:10}.intel-content{flex:1}.intel-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.intel-glyph{font-size:24px}.intel-title-wrap{display:flex;align-items:baseline;gap:10px}.intel-name{font-size:18px;font-weight:800;color:var(--color-text-primary)}.intel-meta{font-family:var(--font-mono);font-size:12px;color:var(--color-vector-cyan)}.intel-status-badge{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;padding:3px 8px;border-radius:3px}.intel-status-badge.active{background:#00f0ff26;color:var(--color-vector-cyan);border:1px solid var(--color-vector-cyan)}.intel-status-badge.origin{background:#ffb00026;color:var(--color-phosphor-amber);border:1px solid var(--color-phosphor-amber)}.intel-status-badge.locked{background:#ffffff0d;color:var(--color-text-dim);border:1px solid rgba(255,255,255,.15)}.intel-summary{font-size:14px;color:var(--color-text-secondary);line-height:1.4}.btn-enter-galaxy{background:#ffffff0d;color:var(--color-text-dim);border:1px solid rgba(255,255,255,.15);border-radius:4px;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.1em;padding:12px 22px;cursor:not-allowed;transition:all .25s ease;white-space:nowrap}.btn-enter-galaxy.active{background:#00f0ff26;color:var(--color-vector-cyan);border-color:var(--color-vector-cyan);cursor:pointer;box-shadow:0 0 16px #00f0ff4d}.btn-enter-galaxy.active:hover{background:var(--color-vector-cyan);color:#030508;box-shadow:0 0 24px #00f0ff99;transform:translateY(-1px)}#galaxy-3d-view{position:relative}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:grab}#canvas-container:active{cursor:grabbing}.atlas-nav-controls{position:absolute;top:16px;left:16px;z-index:10}.btn-atlas-back{background:var(--color-noir-card);color:var(--color-vector-cyan);border:1px solid var(--color-vector-cyan);border-radius:4px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;padding:8px 14px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #000c,0 0 10px #00f0ff33}.btn-atlas-back:hover{background:#00f0ff33;box-shadow:0 0 16px #00f0ff66}.category-chips{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;background:var(--color-noir-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:5px 8px;box-shadow:0 4px 20px #000000d9;max-width:calc(100vw - 32px)}.category-chip{--chip-color: #00F0FF;--chip-glow: rgba(0, 240, 255, .35);background:transparent;color:var(--color-text-dim);border:1px solid rgba(255,255,255,.12);border-radius:4px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.04em;padding:8px 14px;min-height:44px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;outline:none}.category-chip:hover{color:var(--color-text-primary);border-color:var(--chip-color);background:#ffffff0a;box-shadow:0 0 8px var(--chip-glow)}.category-chip:focus-visible{outline:2px solid var(--chip-color);outline-offset:2px}.category-chip.active{background:#ffffff0f;color:var(--chip-color);border-color:var(--chip-color);box-shadow:0 0 12px var(--chip-glow),inset 0 0 8px #0006;text-shadow:0 0 6px var(--chip-glow)}.category-chip:active{transform:scale(.96)}.view-controls{position:absolute;top:16px;right:16px;z-index:10;display:flex;gap:8px;background:var(--color-noir-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:5px 8px;box-shadow:0 4px 20px #000000d9}.btn-pill{background:transparent;color:var(--color-text-secondary);border:1px solid transparent;border-radius:3px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.04em;padding:7px 12px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-pill:hover{background:#00f0ff1a;color:var(--color-vector-cyan);border-color:var(--color-vector-dim)}.btn-pill:active{transform:scale(.96)}.hint-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:5;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:#cbd5e180;background:#080c14b3;padding:6px 16px;border-radius:4px;border:1px solid rgba(255,255,255,.08);pointer-events:none;display:flex;gap:8px}.noir-drawer{position:absolute;top:0;right:0;bottom:0;width:400px;max-width:88vw;z-index:50;background:var(--color-noir-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:2px solid var(--drawer-accent);box-shadow:-8px 0 32px #000000e6,-2px 0 16px #00f0ff26;display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1)}.noir-drawer.open{transform:translate(0)}.drawer-header{padding:20px 20px 14px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.08)}.header-tag-group{display:flex;flex-direction:column;gap:4px}.drawer-sector{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--drawer-accent);text-shadow:0 0 8px rgba(0,240,255,.4)}.drawer-category{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--color-text-dim);text-transform:uppercase}.drawer-close-btn{background:#ffffff0f;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.15);border-radius:4px;width:44px;height:44px;min-width:44px;min-height:44px;font-size:16px;font-family:var(--font-mono);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;outline:none}.drawer-close-btn:hover{background:#ffffff1f;color:var(--color-text-primary);border-color:var(--drawer-accent);box-shadow:0 0 10px #00f0ff4d}.drawer-close-btn:focus-visible{outline:2px solid var(--drawer-accent);outline-offset:2px}.drawer-body{padding:20px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.drawer-title{font-family:var(--font-body);font-size:20px;font-weight:800;color:var(--color-text-primary);line-height:1.25}.vector-divider{width:100%;height:1px;background:linear-gradient(90deg,var(--drawer-accent) 0%,rgba(255,255,255,.05) 100%);margin:2px 0 4px}.drawer-image-frame{position:relative;width:100%;height:180px;background:#020306;border:1px solid var(--drawer-accent);border-radius:4px;overflow:hidden;box-shadow:0 4px 16px #0009,inset 0 0 12px #000c}.drawer-img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.08) brightness(.95);transition:transform .3s ease}.drawer-image-frame:hover .drawer-img{transform:scale(1.04)}.image-scanline-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,6px 100%;pointer-events:none}.drawer-img-credit{position:absolute;bottom:6px;left:8px;right:8px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;color:#ffffffd9;background:#030508d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 6px;border-radius:2px;border:1px solid rgba(255,255,255,.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.drawer-story{font-size:14.5px;line-height:1.6;color:var(--color-text-secondary);letter-spacing:.01em}.drawer-fun-fact{margin-top:4px;background:#ffffff08;border:1px solid rgba(255,255,255,.15);border-left:4px solid var(--drawer-accent);border-radius:4px;padding:14px;font-size:13.5px;line-height:1.55;color:#e2e8f0;box-shadow:0 4px 16px #0006}.drawer-fun-fact strong{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;color:var(--drawer-accent);display:block;margin-bottom:4px}.drawer-footer{padding:14px 20px 20px;border-top:1px solid rgba(255,255,255,.08)}.btn-drawer-action{width:100%;min-height:44px;background:#ffffff0d;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.15);border-radius:4px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;padding:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;outline:none}.btn-drawer-action:hover{background:#ffffff1f;color:var(--color-text-primary);border-color:var(--drawer-accent);box-shadow:0 0 12px #00f0ff4d}.btn-drawer-action:focus-visible{outline:2px solid var(--drawer-accent);outline-offset:2px}.btn-drawer-action:active{transform:scale(.98)}.visual-lab-panel{position:absolute;top:64px;left:16px;width:350px;max-width:calc(100vw - 32px);max-height:calc(100vh - 90px);z-index:40;background:#080c16f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,240,255,.3);border-radius:6px;box-shadow:0 12px 40px #000000e6,0 0 20px #00f0ff26;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translate(-20px) scale(.98);transition:all .28s cubic-bezier(.16,1,.3,1)}.visual-lab-panel.open{opacity:1;pointer-events:auto;transform:translate(0) scale(1)}.vlab-header{padding:14px 16px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,240,255,.18);background:#04081099}.vlab-title-group{display:flex;flex-direction:column;gap:2px}.vlab-badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--color-vector-cyan);text-shadow:0 0 6px rgba(0,240,255,.4)}.vlab-title{font-size:15px;font-weight:700;color:var(--color-text-primary);letter-spacing:.02em}.vlab-close-btn{background:#ffffff0f;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.15);border-radius:4px;width:28px;height:28px;font-size:13px;font-family:var(--font-mono);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.vlab-close-btn:hover{background:#00f0ff33;color:var(--color-vector-cyan);border-color:var(--color-vector-cyan)}.vlab-body{padding:14px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.vlab-section{display:flex;flex-direction:column;gap:10px}.vlab-section-title{font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;color:var(--color-vector-cyan);border-bottom:1px dashed rgba(0,240,255,.2);padding-bottom:4px}.vlab-comparison-section{padding:10px;border:1px solid rgba(0,240,255,.22);border-radius:5px;background:#00f0ff09}.vlab-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vlab-mode-btn{min-height:44px;background:#ffffff0a;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.15);border-radius:4px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;cursor:pointer}.vlab-mode-btn:hover,.vlab-mode-btn.active{color:var(--color-vector-cyan);border-color:var(--color-vector-cyan);background:#00f0ff24;box-shadow:0 0 10px #00f0ff3d}.vlab-metrics{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;font-family:var(--font-mono);font-size:10px}.vlab-metrics div,.vlab-fps-compare{display:flex;justify-content:space-between;gap:6px}.vlab-metrics span,.vlab-fps-compare{color:var(--color-text-dim)}.vlab-metrics strong,.vlab-fps-compare strong{color:var(--color-vector-cyan);font-weight:700}.vlab-fps-compare{padding-top:7px;border-top:1px dashed rgba(0,240,255,.18);font-family:var(--font-mono);font-size:9.5px}.vlab-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.vlab-preset-btn{background:#ffffff0a;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.12);border-radius:4px;font-family:var(--font-mono);font-size:10.5px;padding:6px 8px;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vlab-preset-btn:hover{background:#00f0ff1a;color:var(--color-vector-cyan);border-color:#00f0ff66}.vlab-preset-btn.active{background:#00f0ff26;color:var(--color-vector-cyan);border-color:var(--color-vector-cyan);box-shadow:0 0 10px #00f0ff4d}.vlab-control-row{display:flex;flex-direction:column;gap:5px}.vlab-label-wrap{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--color-text-secondary)}.vlab-label-wrap label{cursor:pointer}.vlab-val{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--color-vector-cyan)}.vlab-control-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;background:#ffffff1f;border-radius:3px;outline:none;cursor:pointer;transition:background .2s ease}.vlab-control-row input[type=range]:hover{background:#00f0ff40}.vlab-control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-vector-cyan);cursor:pointer;box-shadow:0 0 8px var(--color-vector-cyan);transition:transform .15s ease}.vlab-control-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}.vlab-control-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-vector-cyan);cursor:pointer;box-shadow:0 0 8px var(--color-vector-cyan);border:none}.vlab-footer{padding:10px 16px 14px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:8px}.vlab-action-btn{flex:1;background:#ffffff0d;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.15);border-radius:4px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;padding:8px;cursor:pointer;transition:all .2s ease}.vlab-action-btn:hover{background:#ffffff1f;color:var(--color-text-primary);border-color:var(--color-vector-cyan)}.vlab-action-btn.primary{background:#00f0ff26;color:var(--color-vector-cyan);border-color:var(--color-vector-cyan)}.vlab-action-btn.primary:hover{background:var(--color-vector-cyan);color:#030508;box-shadow:0 0 12px #00f0ff66}@media(max-width:768px){.atlas-header{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.atlas-intel-bar{flex-direction:column;align-items:stretch;padding:16px}.btn-enter-galaxy{width:100%;text-align:center}.category-chips{top:auto;bottom:54px;width:92vw;max-width:calc(100vw - 20px);justify-content:center;flex-wrap:wrap;padding:4px 6px;gap:6px}.category-chip{font-size:11px;padding:6px 10px;min-height:44px}.noir-drawer{width:100vw;max-width:100vw}.visual-lab-panel{top:auto;bottom:16px;left:8px;width:calc(100vw - 16px);max-height:70vh}}