:root{--bg:#0b0f14;--panel:#111821;--panel2:#151f2a;--border:#243242;--text:#f4f7fb;--muted:#91a0b2;--accent:#ff6a3d;--gold:#f2b544;--good:#53d18b;--blue:#70a5ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,rgba(255,106,61,.08),transparent 28%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}header,nav,main,footer{max-width:1450px;margin:auto}header{padding:32px 22px 18px;display:flex;justify-content:space-between;align-items:end;gap:20px}h1{margin:4px 0;font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em}.eyebrow{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.16em}.status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted)}.status small{width:100%;text-align:right}.dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 12px var(--good)}nav{display:flex;gap:8px;padding:0 22px 18px;overflow:auto}button{background:var(--panel);color:var(--muted);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;white-space:nowrap}button.active{color:var(--text);border-color:var(--accent);background:rgba(255,106,61,.08)}main{padding:0 22px 50px}.panel{display:none}.panel.active{display:block}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.heroCard{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:18px;padding:22px}.heroCard.accent{border-color:rgba(255,106,61,.55)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpis div,.metric{background:#0d141c;border:1px solid #1e2a38;border-radius:10px;padding:10px}.kpis span,.metric span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase}.kpis strong,.metric strong{display:block;margin-top:4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.card,.game,.summaryCard{background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:16px}.card{position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.rank{color:var(--gold);font-size:.76rem;font-weight:800}.name{font-size:1.2rem;font-weight:800;margin:4px 0}.matchup{color:var(--muted);font-size:.85rem;margin-bottom:10px}.badges{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.badge{font-size:.72rem;font-weight:700;border:1px solid var(--border);background:#192432;border-radius:8px;padding:5px 8px}.badge.ml{color:#b8d4ff;border-color:rgba(112,165,255,.35)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.signal{font-size:.82rem;color:#d7dee7;margin-top:10px;line-height:1.45}.summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:14px}.summaryRow{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.87rem}.summaryRow:last-child{border:0}.game{margin-bottom:14px}.gameTitle{font-weight:800;margin-bottom:8px}.gamePlayer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.statline{color:var(--muted);font-size:.8rem;margin-top:4px}.empty{padding:24px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center}footer{padding:25px 22px 40px;color:var(--muted);font-size:.8rem}@media(max-width:800px){header{align-items:flex-start;flex-direction:column}.status small{text-align:left}.hero{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}