:root{--color-bg:#070314;--color-surface:#0d0722d9;--color-surface-solid:#0d0722;--color-outline:#4d3b84;--color-primary:#b5179e;--color-primary-glow:#b5179e99;--color-secondary:#00f0ff;--color-secondary-glow:#00f0ff99;--color-accent:#fa0;--color-accent-glow:#fa09;--color-text:#e2daff;--color-text-muted:#8e81b6;--font-brand:"Space Grotesk", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"Space Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--color-bg);width:100%;height:100%;color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";z-index:10;pointer-events:none;opacity:.75;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/6px 100%;width:100%;height:100%;position:absolute;top:0;left:0}body:after{content:"";z-index:11;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 120px #000000d9}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#0d072233}::-webkit-scrollbar-thumb{background:var(--color-outline);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}h1,h2,h3,h4{font-family:var(--font-brand);letter-spacing:-.01em;font-weight:700}.mono-caps{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700}.hud-corner{border:1px solid var(--color-outline);pointer-events:none;z-index:5;width:15px;height:15px;position:absolute}.hud-corner.top-left{border-bottom:none;border-right:none;top:15px;left:15px}.hud-corner.top-right{border-bottom:none;border-left:none;top:15px;right:15px}.hud-corner.bottom-left{border-top:none;border-right:none;bottom:15px;left:15px}.hud-corner.bottom-right{border-top:none;border-left:none;bottom:15px;right:15px}.hud-line-h{background-color:var(--color-outline);opacity:.3;pointer-events:none;height:1px;position:absolute;left:30px;right:30px}.hud-line-h.top{top:64px}.hud-line-h.bottom{bottom:64px}.toggle-segmented{border:1px solid var(--color-outline);background:#0d072299;border-radius:4px;gap:2px;padding:2px;display:flex}.toggle-segmented button{color:var(--color-text-muted);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;letter-spacing:.1em;background:0 0;border:none;border-radius:2px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.toggle-segmented button:hover{color:var(--color-text);background:#b5179e1a}.toggle-segmented button.active{color:#070314;background:var(--color-secondary);box-shadow:0 0 8px var(--color-secondary-glow)}.hotspot-pulsing{background:var(--color-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;transition:all .3s;animation:1.8s cubic-bezier(.24,0,.38,1) infinite pulse-ring;display:flex;position:relative;box-shadow:0 0 #b5179eb3}.hotspot-pulsing:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;transition:all .3s;position:absolute}.hotspot-pulsing:hover,.hotspot-pulsing.active{background:var(--color-accent);animation:1.8s cubic-bezier(.24,0,.38,1) infinite pulse-ring-amber;box-shadow:0 0 #ffaa00b3}.hotspot-pulsing:hover:after,.hotspot-pulsing.active:after{background:var(--color-accent)}.floating-label-tag{border:1px solid var(--color-outline);color:var(--color-text);font-family:var(--font-mono);text-transform:uppercase;white-space:nowrap;pointer-events:auto;cursor:pointer;letter-spacing:.1em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#070314d9;border-radius:2px;padding:4px 8px;font-size:10px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);transform:translate(12px,-50%)}.floating-label-tag:hover,.floating-label-tag.active{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 8px #fa03}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #b5179eb3}70%{transform:scale(1);box-shadow:0 0 0 10px #b5179e00}to{transform:scale(.95);box-shadow:0 0 #b5179e00}}@keyframes pulse-ring-amber{0%{transform:scale(.95);box-shadow:0 0 #ffaa00b3}70%{transform:scale(1);box-shadow:0 0 0 10px #fa00}to{transform:scale(.95);box-shadow:0 0 #fa00}}.pulse-glow-button{animation:3s infinite alternate button-glow}@keyframes button-glow{0%{box-shadow:0 0 5px #00f0ff33}to{box-shadow:0 0 15px #00f0ff99}}.typewriter-text{white-space:normal;border-right:2px solid #0000;overflow:hidden}