:root{color-scheme:dark;--ink:#f8fbff;--muted:#a8b4c9;--panel:rgba(9,17,30,.78);--line:rgba(255,255,255,.14);--yellow:#f7d44a;--cyan:#36d9ff;--green:#62e29b;--rose:#ff6b9a}*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#08111f;color:var(--ink)}button,a{font:inherit}button{border:0;cursor:pointer}.shell{min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(54,217,255,.18),transparent 34rem),linear-gradient(180deg,#07101f 0%,#101521 44%,#111827 100%)}.hero{position:relative;min-height:78vh;overflow:hidden;isolation:isolate;display:flex;flex-direction:column}#scene{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,16,31,.88),rgba(7,16,31,.48) 52%,rgba(7,16,31,.76)),linear-gradient(180deg,rgba(7,16,31,.16),#08111f 100%)}.topbar,.hero-grid,.dashboard{width:min(1180px,calc(100% - 32px));margin-inline:auto}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--yellow);color:#12151d;font-size:14px;font-weight:900}.nav-actions,.toolbar,.panel-heading,.status-row,.account-card,.auth-card{display:flex;align-items:center}.nav-actions{gap:10px}.icon-button,.ghost-button,.text-button,.epic-button,.segment{min-height:42px;border-radius:8px;color:var(--ink)}.icon-button{width:42px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid var(--line);font-weight:900}.icon-button.dark{background:#182437}.ghost-button,.text-button{padding:0 16px;background:rgba(255,255,255,.1);border:1px solid var(--line)}.text-button{background:transparent;color:var(--cyan)}.hero-grid{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:center;gap:42px;padding:48px 0 84px}.signin-panel{max-width:720px}.eyebrow,.small-label{margin:0 0 10px;color:var(--cyan);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}h1,h2,p{margin-top:0}h1{margin-bottom:18px;max-width:760px;font-size:clamp(44px,7vw,86px);line-height:.94;letter-spacing:0}h2{margin-bottom:8px;font-size:24px;line-height:1.05}.intro{max-width:620px;color:#d4deef;font-size:18px;line-height:1.65}.auth-card,.account-card,.live-panel,.stat-card,.chart-panel,.matches-panel{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,0,0,.35)}.auth-card,.account-card{gap:16px;max-width:650px;padding:18px;border-radius:8px;margin-top:30px}.auth-card p,.account-card p{margin-bottom:0;color:var(--muted)}.epic-badge,.avatar{flex:0 0 auto;width:58px;height:58px;border-radius:8px;display:grid;place-items:center;font-weight:900}.epic-badge{background:#101010;border:2px solid #fff}.avatar{background:linear-gradient(135deg,var(--cyan),var(--rose));color:#08111f}.epic-button{margin-left:auto;padding:0 18px;display:inline-flex;align-items:center;gap:10px;background:#fff;color:#111;font-weight:850;white-space:nowrap}.live-panel{border-radius:8px;padding:24px}.status-row{gap:10px;color:var(--muted);margin-bottom:28px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px rgba(247,212,74,.16)}.status-dot.connected{background:var(--green);box-shadow:0 0 0 5px rgba(98,226,155,.16)}.rank-lockup{min-height:230px;display:grid;place-content:center;text-align:center;border-radius:8px;background:linear-gradient(135deg,rgba(54,217,255,.17),rgba(255,107,154,.14)),rgba(255,255,255,.06);border:1px solid var(--line)}.rank-label,.rank-lockup span:last-child,.season-progress span,.season-progress small,.stat-card small,.match-list p,.match-list time{color:var(--muted)}.rank-lockup strong{display:block;font-size:44px;line-height:1.1}.season-progress{margin-top:22px}.season-progress>div:first-child{display:flex;align-items:baseline;justify-content:space-between}.season-progress strong{font-size:28px}.progress-track,.bar{height:10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12)}.progress-track span,.bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--yellow))}.dashboard{padding:34px 0 64px}.toolbar{justify-content:space-between;gap:18px;margin-bottom:22px}.toolbar h2{margin:0;font-size:34px}.segments{display:inline-flex;padding:4px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.08)}.segment{padding:0 16px;background:transparent}.segment.active{background:#fff;color:#111827;font-weight:800}.stats-grid,.lower-grid{display:grid;gap:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card,.chart-panel,.matches-panel{border-radius:8px}.stat-card{min-height:170px;padding:20px}.stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,.1);margin-bottom:18px;font-weight:900}.stat-card p{margin-bottom:8px;color:var(--muted)}.stat-card strong{display:block;font-size:42px;line-height:1;margin-bottom:8px}.lower-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);margin-top:16px}.chart-panel,.matches-panel{padding:22px}.panel-heading{justify-content:space-between;gap:14px;margin-bottom:24px}.bars{display:grid;gap:22px}.bar-row{display:grid;grid-template-columns:86px minmax(120px,1fr) 46px;align-items:center;gap:14px}.match-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.match-list li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border-radius:8px;background:rgba(255,255,255,.07)}.place{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#182437;color:var(--ink);font-weight:900}.place.victory{background:var(--yellow);color:#111827}.match-list strong,.match-list p{display:block;margin:0}.hidden{display:none}@media(max-width:900px){.hero-grid,.lower-grid{grid-template-columns:1fr}.hero-grid{padding-top:28px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.topbar,.hero-grid,.dashboard{width:min(100% - 24px,1180px)}.brand span:last-child,.ghost-button{display:none}h1{font-size:42px}.intro{font-size:16px}.auth-card,.account-card,.toolbar{align-items:stretch;flex-direction:column}.epic-button,.text-button{margin-left:0;justify-content:center}.stats-grid{grid-template-columns:1fr}.segments{width:100%}.segment{flex:1;padding-inline:8px}.bar-row{grid-template-columns:76px minmax(72px,1fr) 42px;gap:10px}.match-list li{grid-template-columns:44px minmax(0,1fr)}.match-list time{grid-column:2}}