@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#03060b;--bg-soft:#08121c;--bg-panel:#070e16d6;--bg-panel-strong:#08111cf5;--electric:#1cd6ff;--electric-soft:#8be8ff;--electric-deep:#0aa6dd;--white:#f6fbff;--muted:#91abc4;--line:#1cd6ff29;--line-strong:#1cd6ff52;--success:#47f6c4;--danger:#ff648f;--gold:#f6c866;--shadow:0 18px 45px #00000073;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--white);background:radial-gradient(circle at 0 0,#1cd6ff2e,#0000 28%),radial-gradient(circle at 100% 100%,#8be8ff1f,#0000 24%),linear-gradient(135deg,#010305 0%,#08111c 52%,#02060a 100%);margin:0;font-family:Space Grotesk,sans-serif;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:-2;position:fixed;inset:0}body:before{background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle,#000 45%,#0000 100%);mask-image:radial-gradient(circle,#000 45%,#0000 100%)}body:after{filter:blur(60px);z-index:-3;background:radial-gradient(circle at 20% 20%,#1cd6ff24,#0000 26%),radial-gradient(circle at 80% 30%,#8be8ff1f,#0000 22%);animation:12s ease-in-out infinite pulse-orbs}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.landing-page,.app-shell,.auth-page{z-index:1;position:relative}.landing-page{padding:28px clamp(20px,4vw,56px) 72px}.landing-nav,.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.landing-nav{margin-bottom:40px}.landing-nav-actions,.hero-actions,.panel-actions,.topbar-actions,.room-head-actions,.typing-actions,.challenge-footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sidebar-brand{align-items:center;gap:14px;display:inline-flex}.sidebar-brand strong{letter-spacing:.18em;font-family:Orbitron,sans-serif;font-size:1.02rem;display:block}.sidebar-brand span:last-child{color:var(--muted);font-size:.9rem}.brand-icon{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--electric);background:linear-gradient(#1cd6ff33,#ffffff0f),#ffffff05;border-radius:16px;place-items:center;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:800;display:grid;box-shadow:0 0 0 1px #ffffff08,0 0 36px #1cd6ff33}.landing-hero{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:clamp(26px,5vw,48px);margin-bottom:28px;display:grid}.landing-copy h1,.hero-copy h1,.empty-state h1{letter-spacing:-.03em;margin:0;font-family:Orbitron,sans-serif;line-height:1.02}.landing-copy h1{max-width:12ch;font-size:clamp(3rem,7vw,5.8rem)}.landing-copy p,.hero-copy p,.section-heading p,.panel-description,.feature-card p,.page-note,.page-error,.room-card-meta,.muted-copy{color:var(--muted)}.landing-copy p{max-width:62ch;margin:18px 0 0;font-size:1.08rem;line-height:1.7}.landing-kicker,.hero-tier{border:1px solid var(--line-strong);color:var(--electric-soft);background:#ffffff05;border-radius:999px;align-items:center;gap:10px;margin-bottom:18px;padding:8px 14px;font-size:.88rem;display:inline-flex}.landing-visual{position:relative}.visual-stack{min-height:440px;position:relative}.visual-card{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff0b,#ffffff03),#070d15db;border-radius:26px;position:absolute}.visual-card span,.hero-card span,.marquee-card span,.feature-card strong+p,.stat-label,.panel-eyebrow,.status-chip,.room-card-player small,.leaderboard-main small,.friend-card small,.room-card-meta,.request-row small{letter-spacing:.02em;font-size:.86rem}.visual-card strong,.hero-card strong,.marquee-card strong,.stat-value,.feature-card strong,.room-card strong,.friend-card strong,.leaderboard-main strong,.request-row strong{font-size:1.05rem;display:block}.visual-main{min-height:220px;padding:24px;inset:18px 0 auto 50px}.visual-side{width:210px;padding:18px;inset:170px auto auto 0}.visual-bottom{width:240px;padding:18px;inset:auto 18px 18px auto}.landing-marquee{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 40px;display:grid}.marquee-card,.feature-card,.sidebar-card,.friend-card,.room-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff06,#ffffff03),#060c12e0;border-radius:22px}.marquee-card{padding:18px 20px}.marquee-card strong{color:var(--electric);font-family:Orbitron,sans-serif;font-size:1.8rem}.landing-features,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{padding:22px}.feature-icon{width:44px;height:44px;color:var(--electric);border:1px solid var(--line-strong);background:#1cd6ff1f;border-radius:16px;place-items:center;margin-bottom:18px;display:grid}.app-shell{grid-template-columns:290px minmax(0,1fr);min-height:100vh;display:grid}.ambient-grid,.ambient-orb{pointer-events:none;position:fixed;inset:0}.ambient-grid{opacity:.8;background-image:linear-gradient(#1cd6ff08 1px,#0000 1px),linear-gradient(90deg,#1cd6ff08 1px,#0000 1px);background-size:60px 60px}.ambient-orb{filter:blur(70px);opacity:.22;border-radius:50%;width:34vw;height:34vw;animation:10s ease-in-out infinite float-orb}.ambient-orb-left{background:var(--electric);top:8%;left:-10%}.ambient-orb-right{background:var(--electric-soft);animation-delay:-4s;bottom:-10%;right:-10%}.sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#070d16eb,#04080ef5),#04080df0;border-right:1px solid #ffffff0a;flex-direction:column;gap:24px;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.sidebar-nav{gap:8px;display:grid}.nav-link{color:var(--muted);border:1px solid #0000;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex}.nav-link:hover,.nav-link.is-active{color:var(--white);border-color:var(--line);background:#ffffff08;transform:translate(3px)}.auth-link{margin-top:auto}.sidebar-card{padding:20px}.sidebar-card strong{margin:10px 0 6px;display:block}.sidebar-card p{color:var(--muted);margin:0;line-height:1.6}.app-main{padding:28px clamp(18px,3vw,36px) 36px}.topbar{padding:10px 0 20px}.topbar-status{align-items:center;gap:12px;display:flex}.status-note{color:var(--muted);font-size:.88rem}.status-chip{color:var(--muted);background:#ffffff05;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;display:inline-flex}.status-chip.live{color:var(--success);border-color:#47f6c459}.status-chip.highlight{color:var(--electric-soft);border-color:var(--line-strong);background:#1cd6ff17}.user-chip{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:12px;padding:8px 10px;display:inline-flex}.user-chip>span,.avatar-pill{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--white);background:#1cd6ff14;border-radius:14px;place-items:center;font-weight:700;display:grid}.user-chip strong,.user-chip small{display:block}.user-chip small{color:var(--muted)}.app-view,.page-stack,.stack-card-list{gap:20px;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.section-heading h2,.panel-title{letter-spacing:-.03em;margin:4px 0 0;font-family:Orbitron,sans-serif}.section-heading h2{font-size:clamp(1.8rem,3vw,2.8rem)}.section-heading p,.panel-description{max-width:68ch;margin:10px 0 0;line-height:1.65}.panel-card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0a, #ffffff03), var(--bg-panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:relative;overflow:hidden}.panel-card:before{content:"";opacity:.65;pointer-events:none;background:linear-gradient(135deg,#1cd6ff1a,#0000 35%);position:absolute;inset:0}.panel-head,.panel-body{z-index:1;position:relative}.panel-head{justify-content:space-between;gap:20px;padding:24px 24px 0;display:flex}.panel-body{padding:22px 24px 24px}.panel-eyebrow{text-transform:uppercase;color:var(--electric);letter-spacing:.18em;font-weight:700;display:inline-block}.glow-button{border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.glow-button.is-sm{border-radius:14px;padding:10px 14px}.glow-button.is-primary{color:#001520;background:linear-gradient(135deg,#1cd6fffa,#08a6ddeb);box-shadow:0 0 0 1px #ffffff14,0 0 24px #1cd6ff52}.glow-button.is-ghost{border-color:var(--line-strong);color:var(--white);background:#ffffff05}.glow-button:hover{transform:translateY(-2px)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.hero-panel .panel-body{padding-top:10px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(290px,.95fr);align-items:center;gap:22px;display:grid}.hero-copy h1{max-width:11ch;font-size:clamp(2.4rem,4vw,4rem)}.hero-copy p{max-width:58ch;font-size:1.02rem;line-height:1.7}.hero-visual{place-items:center;min-height:320px;display:grid;position:relative}.hero-ring{border:1px solid #1cd6ff29;border-radius:50%;position:absolute}.hero-ring-large{width:310px;height:310px;animation:26s linear infinite spin}.hero-ring-small{border-style:dashed;width:220px;height:220px;animation:18s linear infinite reverse spin}.hero-card{z-index:1;border:1px solid var(--line);background:var(--bg-panel-strong);text-align:left;border-radius:24px;width:min(100%,280px);padding:22px;position:relative}.hero-card strong{margin-top:6px;font-size:1.4rem}.hero-card p{color:var(--muted);margin:10px 0 16px;line-height:1.6}.hero-card a,.text-link{color:var(--electric-soft)}.metric-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{border:1px solid var(--line);background:linear-gradient(#ffffff08,#ffffff03),#070d14d1;border-radius:22px;padding:20px}.stat-card.accent-white{border-color:#ffffff24}.stat-label{color:var(--muted);display:block}.stat-value{color:var(--electric);margin:10px 0 6px;font-family:Orbitron,sans-serif;font-size:2rem}.stat-detail{color:var(--muted)}.challenge-card p,.info-list p{margin:0;line-height:1.7}.challenge-metrics,.info-list,.friend-card-grid,.roster-metrics,.queue-stat-row,.room-card-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.challenge-metrics{margin-top:18px}.challenge-metrics div,.info-list div{background:#ffffff05;border:1px solid #ffffff0f;border-radius:18px;padding:14px}.challenge-metrics span,.info-list strong{display:block}.challenge-metrics strong{margin-top:10px;font-size:1.2rem}.leaderboard-preview,.leaderboard-table,.activity-feed,.request-list,.roster-list{gap:12px;display:grid}.leaderboard-row,.activity-row,.request-row{background:#ffffff05;border:1px solid #ffffff0f;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.leaderboard-row.full{padding:18px}.leaderboard-main{align-items:center;gap:14px;display:flex}.leaderboard-metrics{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;display:flex}.rank-badge{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--electric);background:#1cd6ff14;border-radius:15px;place-items:center;font-family:Orbitron,sans-serif;display:grid}.activity-row{justify-content:flex-start}.activity-dot{background:var(--electric);border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #1cd6ffa6}.queue-mode-grid,.selector-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mode-tile{text-align:left;color:var(--white);background:#ffffff05;border:1px solid #ffffff14;border-radius:20px;padding:18px;transition:border-color .18s,transform .18s,background .18s}.mode-tile.is-active,.mode-tile:hover{border-color:var(--line-strong);background:#1cd6ff14;transform:translateY(-2px)}.mode-tile span{margin-bottom:10px;font-weight:700;display:block}.mode-tile p{color:var(--muted);margin:0;line-height:1.5}.queue-stat-row{margin-top:18px}.queue-actions{gap:12px;margin-top:18px;display:flex}.queue-ticket,.inline-tip{background:#ffffff05;border:1px solid #ffffff12;border-radius:18px;margin-top:18px;padding:16px 18px}.queue-ticket strong,.inline-tip strong{margin-bottom:6px;display:block}.queue-ticket span,.queue-ticket small,.inline-tip p{color:var(--muted)}.race-preview{gap:18px;display:grid}.race-lane{background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;padding:16px 18px}.race-lane-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.race-bar{background:#ffffff0d;border-radius:999px;height:12px;margin-top:12px;position:relative;overflow:hidden}.race-bar-fill,.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--electric), var(--electric-soft));height:100%;box-shadow:0 0 16px #1cd6ff59}.race-bar-fill.white{background:linear-gradient(90deg,#ffffffe6,#8be8ffd9)}.room-card{padding:20px}.room-card-head,.friend-card-head,.roster-meta,.roster-state{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-card-head strong{margin-top:6px}.room-card-meta{color:var(--muted);margin:16px 0}.room-card-track{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.room-card-player{background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.room-card-player span{background:#1cd6ff1a;border-radius:10px;place-items:center;width:28px;height:28px;display:grid}.friend-card{padding:20px}.friend-card-head{align-items:start}.friend-card-grid{color:var(--muted);margin:16px 0 12px}.friend-card p{margin:0 0 8px;line-height:1.6}.friend-card-actions{margin-top:18px}.roster-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;padding:18px}.progress-shell{background:#ffffff0d;border-radius:999px;height:12px;margin:16px 0 12px;overflow:hidden}.typing-panel{min-height:100%}.typing-meta{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.typing-text{letter-spacing:.02em;background:linear-gradient(#ffffff08,#ffffff03),#010408c7;border:1px solid #ffffff14;border-radius:24px;min-height:170px;padding:22px;line-height:2}.char{color:#ffffff42;position:relative}.char.correct{color:var(--white)}.char.incorrect{color:var(--danger)}.char.active{color:var(--electric);background:#1cd6ff29;border-radius:4px}.typing-input,.control-form input,.control-form select,.filter-row input,.filter-row select{width:100%;color:var(--white);background:#ffffff08;border:1px solid #ffffff17;border-radius:18px;outline:none;padding:15px 16px;transition:border-color .18s,box-shadow .18s,background .18s}.typing-input{resize:vertical;min-height:140px;margin-top:16px}.typing-input:focus,.control-form input:focus,.control-form select:focus,.filter-row input:focus,.filter-row select:focus{border-color:var(--line-strong);background:#ffffff0a;box-shadow:0 0 0 4px #1cd6ff14}.training-text{min-height:200px}.control-form,.filter-row{gap:14px;display:grid}.control-form label,.request-row div{gap:8px;display:grid}.control-form label span{color:var(--muted);font-size:.92rem}.form-split,.filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.page-error,.page-note{margin:0;padding:0 4px}.page-error{color:var(--danger)}.page-note{color:var(--electric-soft)}.filter-row{align-items:center}.leaderboard-table{gap:14px}.request-row{padding:12px 14px}.auth-page{place-items:center;min-height:100vh;padding:40px 20px;display:grid}.auth-panel{width:min(100%,560px)}.empty-state{text-align:center;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-panel);width:min(100%,540px);box-shadow:var(--shadow);padding:36px}.empty-state p{color:var(--muted);margin-bottom:24px}.room-layout{align-items:start}.stack-card-list{align-content:start}.info-list{grid-template-columns:1fr;gap:12px;display:grid}.request-list,.activity-feed{min-height:100%}@keyframes float-orb{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(20px,-18px)scale(1.08)}}@keyframes pulse-orbs{0%,to{opacity:.82}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1280px){.landing-hero,.hero-grid,.dashboard-grid,.room-layout{grid-template-columns:1fr}.three-up{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1024px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff0d;border-right:0;height:auto;position:relative}.topbar,.topbar-actions,.landing-nav{flex-direction:column;align-items:flex-start}.metric-strip,.landing-marquee,.queue-mode-grid,.selector-grid,.landing-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.landing-page,.app-main{padding-inline:16px}.landing-copy h1,.hero-copy h1{max-width:none}.landing-marquee,.metric-strip,.landing-features,.card-grid,.three-up,.queue-mode-grid,.selector-grid,.challenge-metrics,.room-card-meta,.friend-card-grid,.queue-stat-row,.form-split,.filter-row{grid-template-columns:1fr}.visual-stack{min-height:320px}.visual-main,.visual-side,.visual-bottom{width:100%;margin-bottom:14px;position:relative;inset:auto}.topbar-actions,.leaderboard-metrics,.typing-actions,.challenge-footer{width:100%}.leaderboard-row,.request-row{flex-direction:column;align-items:flex-start}}