:root{--bg-0: oklch(14% .012 260);--bg-1: oklch(18% .014 260);--bg-2: oklch(22% .018 260);--surface-glass: color-mix(in oklch, oklch(28% .02 260) 60%, transparent);--surface-glass-strong: color-mix(in oklch, oklch(24% .02 260) 78%, transparent);--surface-overlay: oklch(10% .01 260 / .72);--border: oklch(100% 0 0 / .08);--border-strong: oklch(100% 0 0 / .14);--border-focus: oklch(72% .16 195 / .5);--fg-0: oklch(97% .005 260);--fg-1: oklch(80% .01 260);--fg-2: oklch(62% .01 260);--fg-3: oklch(48% .008 260);--accent: oklch(72% .16 195);--accent-hover: oklch(78% .17 195);--accent-press: oklch(66% .15 195);--accent-2: oklch(78% .18 80);--accent-bg: color-mix(in oklch, var(--accent) 18%, transparent);--accent-bg-strong: color-mix(in oklch, var(--accent) 28%, transparent);--accent-border: color-mix(in oklch, var(--accent) 40%, transparent);--ok: oklch(75% .16 155);--warn: oklch(80% .18 75);--danger: oklch(70% .2 25);--ok-bg: color-mix(in oklch, var(--ok) 18%, transparent);--warn-bg: color-mix(in oklch, var(--warn) 18%, transparent);--danger-bg: color-mix(in oklch, var(--danger) 18%, transparent);--font-ui: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-display: "Geist", "Inter Variable", "Inter", sans-serif;--fs-12: .75rem;--fs-13: .8125rem;--fs-14: .875rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-22: 1.375rem;--fs-28: 1.75rem;--fs-40: 2.5rem;--fs-56: 3.5rem;--r-2: 4px;--r-3: 6px;--r-4: 8px;--r-5: 10px;--r-6: 12px;--r-8: 16px;--r-10: 20px;--r-12: 24px;--r-full: 9999px;--shadow-1: 0 1px 2px oklch(0% 0 0 / .3);--shadow-2: 0 4px 12px oklch(0% 0 0 / .28);--shadow-3: 0 8px 28px oklch(0% 0 0 / .32);--shadow-4: 0 20px 60px oklch(0% 0 0 / .45);--shadow-glow-accent: 0 0 32px color-mix(in oklch, var(--accent) 28%, transparent);--glass-ring: inset 0 0 0 1px var(--border);--glass-highlight: inset 0 1px 0 oklch(100% 0 0 / .08);--glass-shadow: var(--glass-ring), var(--glass-highlight), var(--shadow-3);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--d-fast: .12s;--d-med: .18s;--d-slow: .28s;--z-hud: 10;--z-panel: 20;--z-cmdk: 50;--z-toast: 60;--z-dialog: 70;--z-loading: 100;--noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.45 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.6'/></svg>")}:root{--glass-bg: var(--surface-glass-strong);--glass-border: var(--border);--glass-blur: blur(24px) saturate(140%);--glass-shadow: var(--shadow-3);--glass-radius: 16px;--accent-warm: oklch(78% .13 65);--accent-red: var(--danger);--accent-green: var(--ok);--accent-gold: var(--accent-2);--accent-terracotta: oklch(70% .12 40);--accent-amber: var(--accent-2);--text-primary: var(--fg-0);--text-secondary: var(--fg-1);--text-muted: var(--fg-2);--sims-green: var(--ok);--sims-amber: var(--warn);--sims-red: var(--danger);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font-ui);font-feature-settings:"ss01","cv11","cv02";letter-spacing:-.01em;background:var(--bg-0);color:var(--fg-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3{letter-spacing:-.02em;font-weight:600}.tabular,[data-numeric]{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:0}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:4px}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.glass-panel{background:var(--surface-glass-strong);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid var(--border);border-radius:var(--r-8);box-shadow:var(--glass-shadow)}.glass-badge{background:var(--surface-glass-strong);border:1px solid var(--border);border-radius:var(--r-5);box-shadow:var(--shadow-2)}.glass-button{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--r-5);box-shadow:var(--shadow-1);transition:background var(--d-fast) var(--ease-out),border-color var(--d-fast) var(--ease-out),transform var(--d-fast) var(--ease-out)}.glass-button:hover{background:#ffffff12;border-color:var(--border-strong)}.liquid-glass{position:relative;isolation:isolate;background:var(--surface-glass);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid var(--border);box-shadow:var(--glass-shadow)}.liquid-glass:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:var(--noise);background-size:160px 160px;opacity:.04;mix-blend-mode:overlay;z-index:0}.liquid-glass>*{position:relative;z-index:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.glass-panel::-webkit-scrollbar{width:4px}.glass-panel::-webkit-scrollbar-track{background:transparent}.glass-panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.glass-panel::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes pulse-dot{0%,to{box-shadow:0 0 4px #4a90d999}50%{box-shadow:0 0 10px #4a90d9e6,0 0 20px #4a90d94d}}.minimap-player-dot{animation:pulse-dot 2s ease-in-out infinite}.minimap-remote-dot{transition:left .3s ease-out,top .3s ease-out}@keyframes tooltipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-text{background:linear-gradient(90deg,var(--fg-1) 0%,var(--fg-0) 50%,var(--fg-1) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s linear infinite}@keyframes plumbob-pulse-green{0%,to{box-shadow:0 0 4px #42cb80,0 0 8px #42cb8066}50%{box-shadow:0 0 10px #42cb80,0 0 18px #42cb808c}}@keyframes plumbob-pulse-amber{0%,to{box-shadow:0 0 4px #fcab00,0 0 8px #fcab0066;box-shadow:0 0 4px oklch(80% .18 75),0 0 8px oklch(80% .18 75 / .4)}50%{box-shadow:0 0 10px #fcab00,0 0 18px #fcab008c;box-shadow:0 0 10px oklch(80% .18 75),0 0 18px oklch(80% .18 75 / .55)}}@keyframes plumbob-pulse-red{0%,to{box-shadow:0 0 4px #ff625e,0 0 8px #ff625e66;box-shadow:0 0 4px oklch(70% .2 25),0 0 8px oklch(70% .2 25 / .4)}50%{box-shadow:0 0 10px #ff625e,0 0 18px #ff625e8c;box-shadow:0 0 10px oklch(70% .2 25),0 0 18px oklch(70% .2 25 / .55)}}@keyframes status-ring-glow{0%,to{opacity:.7}50%{opacity:1}}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sims-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-bg),0 0 12px var(--accent-bg)!important}.control-bar-btn:hover{box-shadow:0 0 16px var(--accent-bg-strong),0 2px 8px #00000040}@keyframes aurora-shift{0%{transform:translate3d(-3%,-2%,0) rotate(0)}50%{transform:translate3d(3%,4%,0) rotate(180deg)}to{transform:translate3d(-3%,-2%,0) rotate(360deg)}}.aurora-bg{position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(40% 50% at 25% 30%,color-mix(in oklch,var(--accent) 22%,transparent) 0%,transparent 60%),radial-gradient(35% 45% at 75% 70%,color-mix(in oklch,var(--accent-2) 18%,transparent) 0%,transparent 60%),radial-gradient(30% 40% at 60% 20%,color-mix(in oklch,oklch(60% .18 295) 14%,transparent) 0%,transparent 60%);filter:blur(40px);animation:aurora-shift 32s linear infinite;will-change:transform}@keyframes progress-glide{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes speaker-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-bg-strong)}50%{box-shadow:0 0 0 6px transparent}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.aurora-bg{animation:none}}