:root{--bg:#0a0e1a;--surface:#121728;--surface-hover:#1a2138;--surface-inset:#060912;--primary:#ff4d2e;--primary-dim:#b8351f;--secondary:#19e6c4;--warning:#ffb627;--critical:#ff2d4f;--text:#f2f4f8;--text-ghost:#8b93a7;--text-muted:#4a5168;--border:#232b42;--border-accent:#3a4480;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.threat-vignette:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 60%,#ff2d4f1f 100%);position:fixed;inset:0}.hud-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.6875rem;font-weight:600}.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.font-display{font-family:var(--font-display)}.font-mono-c{font-family:var(--font-mono)}.hp-bar{background:var(--surface-inset);border-radius:999px;height:6px;overflow:hidden}.hp-fill{border-radius:999px;height:100%;transition:width .6s}.fight-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.fight-card:hover{background:var(--surface-hover);border-color:var(--border-accent);transform:translateY(-1px)}.fight-card.rank-1{border-color:#ff4d2e80;box-shadow:0 0 0 1px #ff4d2e26,0 8px 32px -8px #ff4d2e40}.fight-card.hit-out{opacity:.55;border-style:dashed}.btn{font-family:var(--font-sans);letter-spacing:.02em;cursor:pointer;border:none;border-radius:10px;padding:.55rem 1.1rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#ff6648;box-shadow:0 4px 16px -4px #ff4d2e80}.btn-ghost{color:var(--text-ghost);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--border-accent)}.pill{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;background:var(--surface);color:var(--text-ghost);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s}.pill:hover{color:var(--text);border-color:var(--border-accent)}.pill.active{background:var(--secondary);color:#04140f;border-color:var(--secondary)}