:root{--bg-void: #0c0f13;--bg-chrome: #111318;--bg-elevated: #191c24;--bg-overlay: rgba(17,19,24,.94);--line-faint: rgba(255,255,255,.04);--line-base: rgba(255,255,255,.08);--line-bright: rgba(255,255,255,.14);--line-critical: rgba(255,255,255,.28);--sage: #5ea87a;--sage-bright: #76c494;--sage-dim: rgba(94,168,122,.12);--danger: #e05565;--warning: #d4893a;--success: #5ea87a;--info: #5b97d4;--alliance: #8b7ec8;--text-primary: #edf1f7;--text-body: #a8b5c5;--text-dim: #5c6e82;--text-ghost: #3a4858;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", monospace;--t-fast: .15s;--t-panel: .28s;--ease: cubic-bezier(.4, 0, .2, 1);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--bg: var(--bg-chrome);--surface: var(--bg-elevated);--surface2: #1f2330;--surface3: #262b38;--border: rgba(255,255,255,.08);--border-bright: rgba(255,255,255,.14);--accent: var(--sage);--accent2: var(--sage-bright);--accent-dim: var(--sage-dim);--cyan: var(--sage);--cyan-glow: var(--sage-bright);--teal: var(--success);--amber: var(--warning);--red: var(--danger);--red-glow: #e87a86;--purple: var(--alliance);--text: var(--text-body);--text-bright: var(--text-primary);--bg-ibm: #161616;--surface-ibm: #262626;--surface2-ibm: #393939;--line-base-old: rgba(255,255,255,.08);--line-bright-old:rgba(255,255,255,.14);--line-active: rgba(255,255,255,.24);--font-data: var(--font-body);--font-mono-old: var(--font-mono)}nav::-webkit-scrollbar{display:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #0c0f13;--bg: #111318;--surface: #191c24;--surface2: #1f2330;--surface3: #262b38;--line-base: rgba(255,255,255,.08);--line-bright: rgba(255,255,255,.14);--line-active: rgba(255,255,255,.24);--cyan: var(--sage);--cyan-glow: var(--sage-bright);--teal: var(--success);--amber: var(--warning);--red: var(--danger);--red-glow: #e87a86;--purple: var(--alliance);--text-primary: #edf1f7;--text-body: #a8b5c5;--text-dim: #5c6e82;--text-ghost: #3a4858;--font-mono: "JetBrains Mono", "IBM Plex Mono", monospace;--font-data: "Inter", system-ui, sans-serif;--bg-ibm: #161616;--surface-ibm: #262626;--surface2-ibm: #393939;--border: rgba(255,255,255,.08);--border-bright:rgba(255,255,255,.14);--accent: var(--sage);--accent2: var(--sage-bright);--accent-dim: var(--sage-dim);--text: #a8b5c5;--danger: #e05565;--warning: #d4893a;--success: #5ea87a;--font-body: "Inter", system-ui, sans-serif}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--bg);color:var(--text-body);font-family:var(--font-data);font-size:15px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}#root{position:relative;z-index:1;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-bright);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--line-active)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes hudPulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes glowPulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:fadeIn .35s var(--ease) both}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:inherit}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--surface2);border:1px solid var(--line-bright);color:var(--text-body);font-family:var(--font-body);font-size:12px;letter-spacing:.01em;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:100}[data-tooltip]:hover:after{opacity:1}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.stats-grid-6{display:grid;grid-template-columns:repeat(6,1fr)}.stats-grid-5{display:grid;grid-template-columns:repeat(5,1fr)}.factbook-row{display:flex;gap:8px;margin-bottom:5px;align-items:flex-start}.factbook-row-label{font-family:var(--font-mono);font-size:15px;color:var(--text-dim);min-width:160px;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em;padding-top:1px}.grid-4>*,.grid-3>*,.grid-2>*{min-width:0}@media (max-width: 640px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:minmax(0,1fr)}.stats-grid-6,.stats-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.factbook-row{flex-direction:column;gap:2px}.factbook-row-label{min-width:unset;font-size:12px}.rankings-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}}.ranking-row{background:none}.ranking-row:hover{background:var(--surface2)}.ptr-indicator{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:48px;background:var(--surface2);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--border);z-index:9999;transform:translateY(-48px);transition:transform .2s ease}.ptr-indicator.ptr-visible{transform:translateY(0)}