:root{--bg: #05060e;--panel: linear-gradient(180deg, rgba(16, 22, 44, .9), rgba(11, 15, 32, .82));--surface: rgba(12, 17, 34, .7);--surface-low: rgba(8, 11, 24, .55);--surface-hi: rgba(20, 28, 54, .85);--surface-btn: rgba(20, 30, 60, .6);--surface-sel: rgba(35, 60, 110, .6);--fg: #dbe6ff;--muted: #8593b8;--faint: #7486ae;--border: rgba(90, 140, 255, .16);--border-str: rgba(90, 140, 255, .3);--accent: #5ac8ff;--alloy: #ffd166;--dm: #c77dff;--lives: #ff5a7a;--good: #6fffb0;--era: #ff9a3c;--solar: #ffd166;--void: #c77dff;--genesis: #6fffb0;--umbra: #8a7dff;--shield: #5a9aff;--exotic: #c9a6ff;--accent-rgb: 90, 200, 255;--dm-rgb: 199, 125, 255;--good-rgb: 111, 255, 176;--alloy-rgb: 255, 209, 102;--lives-rgb: 255, 90, 122;--blue-rgb: 90, 140, 255;--track: rgba(var(--blue-rgb), .14);--hair: rgba(var(--blue-rgb), .07);--c-bg: var(--bg);--c-panel: rgba(10, 14, 30, .92);--c-panel-border: rgba(90, 140, 255, .25);--c-text: #cfe0ff;--c-dim: #7a8ab0;--c-accent: var(--accent);--c-alloy: var(--alloy);--c-lives: var(--lives);--c-dm: var(--dm);--c-good: var(--good);--c-bad: #ff6b6b;--era-glow: var(--era)}:root{--font: "Segoe UI", "Roboto", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-size:15px}:root{--radius: 5px;--radius-lg: 9px;--radius-pill: 999px;--icon-sm: 26px;--icon-md: 44px;--icon-lg: 60px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);font-family:var(--font);color:var(--fg);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:#8fdcff}button{font-family:var(--font)}:is(button,[role=button],a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.svg-ico{width:1em;height:1em;display:inline-block;vertical-align:-.12em}body{background:radial-gradient(1100px 620px at 78% -6%,rgba(var(--dm-rgb),.1),transparent 60%),radial-gradient(1000px 640px at 8% 4%,rgba(var(--blue-rgb),.12),transparent 58%),var(--bg);background-attachment:fixed;line-height:1.5}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}section{padding:72px 0}@media(max-width:640px){section{padding:48px 0}}.kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--alloy);font-weight:600}.section-label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:14px}.display{font-weight:200;text-transform:uppercase;letter-spacing:.14em;color:var(--fg);line-height:1.12}h1.display{font-size:clamp(30px,6vw,54px)}h2.display{font-size:clamp(22px,4vw,32px)}h3{font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--fg)}.lede{color:var(--muted);font-size:clamp(15px,2vw,18px);max-width:60ch}p.body{color:var(--muted);font-size:15px}.num{font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums}.micro{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.topbar{position:sticky;top:0;z-index:20;background:#05060eb8;backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:56px}.brand{display:flex;align-items:center;gap:10px}.brand img{height:26px;width:auto;display:block}.brand .brand-name{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600}.topbar nav{display:flex;gap:22px}.topbar nav a{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}.topbar nav a:hover{color:var(--fg)}@media(max-width:640px){.topbar nav{display:none}}.btn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 20px;border-radius:var(--radius);border:1px solid var(--border-str);background:var(--surface-btn);color:var(--fg);font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:border-color .12s,box-shadow .12s,background .12s}.btn:hover{border-color:var(--accent);box-shadow:0 0 14px rgba(var(--accent-rgb),.25);color:var(--fg)}.btn-primary{background:var(--surface-sel);border-color:var(--border-str)}.btn-primary:hover{border-color:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb),.3)}.btn.cant{opacity:.6;cursor:default}.btn.cant:hover{border-color:var(--border-str);box-shadow:none}.btn .tag-soon{font-size:9px;letter-spacing:.14em;padding:2px 6px;border-radius:var(--radius-pill);background:rgba(var(--alloy-rgb),.14);color:var(--alloy)}.hero{padding-top:64px;text-align:left}.hero .logo-mark{width:clamp(120px,22vw,190px);height:auto;display:block;margin-bottom:28px;filter:drop-shadow(0 0 40px rgba(var(--accent-rgb),.18))}.hero h1{margin-bottom:18px}.hero .tagline{color:var(--accent);font-weight:200;letter-spacing:.16em;text-transform:uppercase;font-size:clamp(14px,2.4vw,18px);margin-bottom:22px}.hero .lede{margin-bottom:30px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:46px}@media(max-width:720px){.stat-strip{grid-template-columns:repeat(2,1fr)}}.stat-tile{background:var(--surface-low);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px}.stat-tile .val{font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums;font-size:26px;color:var(--fg);line-height:1}.stat-tile .lbl{margin-top:8px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.head{max-width:62ch;margin-bottom:34px}.head h2{margin-bottom:14px}.panel{background:var(--panel);border:1px solid var(--border-str);border-radius:var(--radius-lg);padding:24px}.ladder{display:grid;gap:10px}.rung{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;background:var(--surface-low);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;transition:border-color .12s,box-shadow .12s}.rung:hover{border-color:var(--border-str);box-shadow:0 0 14px rgba(var(--accent-rgb),.12)}.rung .tier{font-family:var(--mono);font-weight:600;font-size:22px;letter-spacing:.04em;text-align:center;color:var(--k)}.rung .r-body h3{color:var(--fg);margin-bottom:3px}.rung .r-body .r-real{color:var(--muted);font-size:12.5px}.rung .r-body .r-game{color:var(--faint);font-size:12px;margin-top:5px}.rung .r-body .r-game b{color:var(--accent);font-weight:600}.rung.k0{--k: var(--muted)}.rung.k1{--k: var(--solar)}.rung.k2{--k: var(--accent)}.rung.k3{--k: var(--dm)}.rung .tier{position:relative}.rung.k1{border-left:2px solid rgba(var(--alloy-rgb),.35)}.rung.k2{border-left:2px solid rgba(var(--accent-rgb),.35)}.rung.k3{border-left:2px solid rgba(var(--dm-rgb),.35)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:860px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid{grid-template-columns:1fr}}.card{background:var(--surface-low);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;transition:border-color .12s,box-shadow .12s}.card:hover{border-color:var(--accent);box-shadow:0 0 14px rgba(var(--accent-rgb),.18)}.card .glyph{font-size:20px;line-height:1;color:var(--accent)}.card h3{margin:12px 0 8px}.card p{color:var(--muted);font-size:13px;line-height:1.5}.card.acc-alloy .glyph{color:var(--alloy)}.card.acc-dm .glyph{color:var(--dm)}.card.acc-good .glyph{color:var(--good)}.card.acc-era .glyph{color:var(--era)}.card.acc-void .glyph{color:var(--void)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);font-size:12px;color:var(--muted)}.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}.chip .num{color:var(--fg)}.dtypes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:560px){.dtypes{grid-template-columns:1fr}}.dtype{display:flex;gap:12px;align-items:baseline;padding:12px 14px;background:var(--surface-low);border:1px solid var(--border);border-radius:var(--radius)}.dtype .name{color:var(--c);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;min-width:84px}.dtype .desc{color:var(--muted);font-size:12.5px}.cta-band{text-align:center}.cta-band .panel{padding:40px 24px}.cta-band h2{margin-bottom:12px}.cta-band .lede{margin:0 auto 24px}.cta-band .cta-row{justify-content:center}footer{border-top:1px solid var(--border);padding:40px 0 56px}footer .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start}.pub{max-width:46ch}.pub .brand{margin-bottom:12px}.pub p{color:var(--faint);font-size:12.5px;line-height:1.6}.foot-links{display:grid;gap:8px}.foot-links a,.foot-links span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.foot-note{width:100%;margin-top:8px;color:var(--faint);font-size:11px;letter-spacing:.04em}.foot-note .num{color:var(--faint)}
