:root{--bg: #07070d;--bg-2: #0d0b1a;--bg-3: #12101f;--accent: #7c5cf6;--accent-2: #22d3ee;--speed-gradient: linear-gradient(100deg, var(--accent), var(--accent-2));--gold: #f5c542;--silver: #c8d0e0;--bronze: #cd8b53;--ahead: #3ad19a;--behind: #ff5c7a;--live: #ff3b6b;--text: #f5f5f7;--text-dim: rgba(245, 245, 247, .62);--text-faint: rgba(245, 245, 247, .4);--glass-fill: rgba(255, 255, 255, .06);--glass-fill-strong: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .14);--glass-blur: 20px;--shadow: 0 8px 32px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .55);--radius: 22px;--radius-sm: 14px;--radius-pill: 999px;--font-display: "Archivo", "Oswald", "Segoe UI", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--ease: cubic-bezier(.22, 1, .36, 1);--dur: .35s;--maxw: 1200px;--pad: clamp(20px, 5vw, 56px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(1200px 700px at 12% -5%,rgba(124,92,246,.18),transparent 60%),radial-gradient(1000px 600px at 100% 0%,rgba(34,211,238,.12),transparent 55%),var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;line-height:1.04;margin:0}a{color:inherit;text-decoration:none}.gradient-text{background:var(--speed-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.22em;font-size:12px;color:var(--accent-2)}.section{padding:clamp(56px,9vw,120px) var(--pad)}.container{max-width:var(--maxw);margin:0 auto}@media (prefers-reduced-transparency: reduce){:root{--glass-fill: #16142a;--glass-fill-strong: #1b1933}}.glass{background:var(--glass-fill);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow)}@media (prefers-reduced-transparency: reduce){.glass{backdrop-filter:none;-webkit-backdrop-filter:none}}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--pad);background:#07070d8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-border)}.nav .brand{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:20px}.nav .links{display:flex;gap:22px;color:var(--text-dim);font-size:14px}.nav .links a:hover{color:var(--text)}.btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:700;cursor:pointer;padding:10px 18px;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--speed-gradient);color:#0a0712;transition:transform var(--dur) var(--ease),filter var(--dur)}.btn.ghost{background:var(--glass-fill);color:var(--text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.hero{position:relative;min-height:92vh;display:grid;align-items:center;overflow:hidden;padding:0 var(--pad)}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.55}.hero__twitch{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);opacity:.5;pointer-events:none;border:0}.hero__fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at 20% 10%,rgba(124,92,246,.45),transparent 60%),radial-gradient(50% 50% at 85% 20%,rgba(34,211,238,.35),transparent 60%),radial-gradient(60% 60% at 60% 100%,rgba(255,59,107,.25),transparent 60%),var(--bg);animation:heroDrift 18s var(--ease) infinite alternate}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 30%,transparent 80%);mask-image:radial-gradient(circle at 50% 40%,#000 30%,transparent 80%);animation:gridPan 30s linear infinite}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(7,7,13,.2) 0%,rgba(7,7,13,.55) 55%,var(--bg) 100%)}@keyframes heroDrift{to{transform:scale(1.12) translate3d(2%,-2%,0)}}@keyframes gridPan{to{background-position:56px 56px,56px 56px}}.hero__inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;width:100%;padding:120px 0 80px}.hero h1{font-size:clamp(44px,8vw,104px);font-weight:800;text-transform:uppercase}.hero p.sub{max-width:620px;margin:22px 0 32px;color:var(--text-dim);font-size:clamp(16px,2vw,20px)}.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap}.hero .stats{display:flex;gap:28px;margin-top:46px;flex-wrap:wrap}.hero .stat b{font-family:var(--font-mono);font-size:26px;display:block}.hero .stat span{color:var(--text-faint);font-size:12px;text-transform:uppercase;letter-spacing:.16em}.sec-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}.sec-head h2{font-size:clamp(26px,4vw,42px);text-transform:uppercase}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{overflow:hidden;transition:transform var(--dur) var(--ease),border-color var(--dur)}.card:hover{transform:translateY(-4px);border-color:#7c5cf699}.card__cover{aspect-ratio:16/10;position:relative;display:grid;place-items:center}.card__cover .ttl{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(18px,2.4vw,26px);text-align:center;padding:0 14px;text-shadow:0 2px 20px rgba(0,0,0,.6)}.card__body{padding:14px 16px 16px}.card__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.card__cat{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--accent-2)}.card__wr{font-family:var(--font-mono);font-size:18px}.card__meta{color:var(--text-faint);font-size:12px;margin-top:6px}.chip{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:11px;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--glass-border);color:var(--text-dim)}.chip.live{color:#fff;border-color:transparent;background:var(--live)}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;margin-right:6px;box-shadow:0 0 #fffc;animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #fff9}70%{box-shadow:0 0 0 7px #fff0}to{box-shadow:0 0 #fff0}}.features{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature{padding:22px}.feature h3{font-size:18px;text-transform:uppercase;margin-bottom:8px}.feature p{color:var(--text-dim);font-size:14px;line-height:1.5}.feature .ic{font-size:26px;margin-bottom:12px}.footer{padding:40px var(--pad);color:var(--text-faint);border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px}.nav-menu{display:flex;align-items:center;gap:22px}.nav-auth{display:flex;align-items:center;gap:14px}.nav-auth a{color:var(--text-dim);font-size:14px}.nav-auth a:hover{color:var(--text)}.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;margin:5px 0;background:var(--text);transition:.25s}.stream-card{padding:0;border:1px solid var(--glass-border);cursor:pointer;text-align:left;background:var(--glass-fill);font:inherit;color:inherit}.stream-thumb{background-size:cover;background-position:center;position:relative}.stream-thumb .play-overlay{font-size:40px;color:#fff;opacity:0;transition:opacity var(--dur);text-shadow:0 2px 16px rgba(0,0,0,.7)}.stream-card:hover .play-overlay{opacity:.95}.stream-card:hover{border-color:var(--live);transform:translateY(-4px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#040409c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4vw}.modal{width:min(960px,96vw);padding:14px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.modal-player{position:relative;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;background:#000}.modal-player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.stat-row{display:flex;gap:22px;margin-top:14px;flex-wrap:wrap;color:var(--text-dim);font-size:14px}.stat-row b{font-family:var(--font-mono);color:var(--text);font-size:18px;margin-right:4px}.timer__golive{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--text-dim);flex-wrap:wrap}.timer__golive code{color:var(--accent-2);background:#0000004d;padding:1px 6px;border-radius:6px}.overlay{padding:12px;font-family:var(--font-display)}.overlay__idle{color:#ffffff80;font-size:13px}.overlay__card{display:inline-block;min-width:280px;padding:14px 16px;border-radius:14px;background:#07070db8;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 30px #00000080;color:#fff}.overlay__head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em}.overlay__game{font-weight:800}.overlay__cat{color:var(--accent-2)}.overlay__splits{display:grid;gap:3px;margin-bottom:10px}.overlay__split{display:flex;justify-content:space-between;gap:18px;padding:5px 8px;border-radius:8px;font-size:14px}.overlay__split.current{background:var(--speed-gradient);color:#0a0712}.overlay__split .tm{font-family:var(--font-mono)}.overlay__clock{font-family:var(--font-mono);font-size:34px;font-weight:700;text-align:right}.avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;vertical-align:middle;border:1px solid var(--glass-border)}.avatar.lg{width:64px;height:64px}.avatar.ph{background:var(--speed-gradient);display:inline-block}.nav-user{display:inline-flex;align-items:center;gap:8px}.timer{padding:20px;max-width:560px}.timer__top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.timer__cat{flex:1;min-width:180px}.timer__clock{font-family:var(--font-mono);font-size:clamp(34px,7vw,56px);font-weight:700;letter-spacing:.02em;line-height:1}.timer__clock.running{color:var(--ahead)}.timer__clock.done{color:var(--gold)}.timer__splits{margin:18px 0;display:grid;gap:6px}.timer__split{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid transparent}.timer__split.current{border-color:var(--accent);background:#7c5cf61f}.timer__split .nm{flex:1;background:transparent;border:0;color:var(--text);font:inherit;outline:none}input.nm:focus{border-bottom:1px solid var(--accent)}.timer__split .tm{font-size:16px;color:var(--text-dim)}.timer__split .x{background:none;border:0;color:var(--text-faint);cursor:pointer}.timer__split .x:hover{color:var(--behind)}.addsplit{padding:7px 12px;font-size:12px;justify-self:start}.timer__controls{display:flex;gap:10px;flex-wrap:wrap}.timer__finish{margin-top:16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--glass-border)}.timer__finish .mono{font-size:20px}.searchbar input{font-family:var(--font-body);font-size:14px;color:var(--text);background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-pill);padding:9px 16px;outline:none;width:220px;transition:width var(--dur) var(--ease),border-color var(--dur)}.searchbar input:focus{border-color:var(--accent);width:260px}.game-hero{position:relative;min-height:360px;display:flex;align-items:flex-end;background-size:cover;background-position:center;background-color:var(--bg-2);padding:0 var(--pad)}.game-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(7,7,13,.35),rgba(7,7,13,.85) 75%,var(--bg))}.game-hero__inner{position:relative;z-index:1;display:flex;gap:24px;align-items:flex-end;padding:36px 0;width:100%}.game-hero h1{font-size:clamp(34px,6vw,68px);text-transform:uppercase}.game-cover{width:132px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);border:1px solid var(--glass-border)}.form{display:grid;gap:16px;padding:24px}.form label{display:grid;gap:6px;font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.form input,.form select,.form textarea,select{font-family:var(--font-body);font-size:15px;color:var(--text);background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:11px 13px;outline:none;width:100%}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--accent)}.form textarea{resize:vertical}.form input[type=file]{padding:9px}select{background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-pill);padding:9px 14px;color:var(--text)}select option{background:#14122a}.lb{width:100%;border-collapse:collapse}.lb th{text-align:left;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--text-faint);padding:14px 16px;border-bottom:1px solid var(--glass-border)}.lb td{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.lb tr:last-child td{border-bottom:0}.lb tr:hover td{background:#ffffff08}.lb .mono,td.mono{font-family:var(--font-mono)}.lb a{color:var(--accent-2)}.lb .rank-1 td:first-child{color:var(--gold);font-weight:800}.lb .rank-2 td:first-child{color:var(--silver);font-weight:800}.lb .rank-3 td:first-child{color:var(--bronze);font-weight:800}.chip.status-pending{color:var(--gold);border-color:var(--gold)}.chip.status-verified{color:var(--ahead);border-color:var(--ahead)}.chip.status-rejected{color:var(--behind);border-color:var(--behind)}.grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}.features{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.table-wrap,.glass:has(.lb){overflow-x:auto}@media (max-width: 760px){.nav{flex-wrap:wrap}.nav-toggle{display:block}.nav-menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:6px;padding:14px var(--pad) 20px;background:#07070deb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:.25s var(--ease)}.nav-menu.open{max-height:70vh;opacity:1;pointer-events:auto;padding-top:14px}.searchbar,.searchbar input,.searchbar input:focus{width:100%}.nav-menu .links{flex-direction:column;align-items:stretch;gap:4px}.nav-menu .links a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.06);font-size:16px}.nav-auth{justify-content:space-between;padding-top:12px}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{min-height:86vh}.hero__inner{padding:96px 0 56px}.hero .stats{gap:18px}.hero .stat b{font-size:20px}.sec-head{flex-direction:column;align-items:flex-start}.footer{flex-direction:column}.lb th,.lb td{padding:11px 12px;font-size:13px}}@media (max-width: 420px){.hero h1{font-size:clamp(38px,13vw,52px)}.btn{font-size:12px;padding:9px 14px}}@media (prefers-reduced-motion: reduce){.hero__fallback,.hero__grid,.live-dot,.card{animation:none;transition:none}}