:root{--bg: #070A0F;--border: rgba(255,255,255,.1);--stroke: var(--border);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.62);--muted2: rgba(255,255,255,.45);--shadow: 0 10px 30px rgba(0,0,0,.45);--radius: 16px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 600px at 20% 10%,rgba(77,238,234,.14),transparent 60%),radial-gradient(900px 600px at 80% 20%,rgba(124,92,255,.14),transparent 60%),radial-gradient(1200px 800px at 50% 100%,rgba(0,180,255,.1),transparent 55%),var(--bg)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1120px;margin:0 auto;padding:24px}.topbar{position:sticky;top:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070a0f8c;border-bottom:1px solid rgba(255,255,255,.06);z-index:20}.topbar-inner{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:#ffffff0a;min-width:0}.nav{display:flex;gap:10px;flex-wrap:wrap}.btn{cursor:pointer;border:1px solid var(--border);background:#ffffff0d;color:var(--text);padding:10px 12px;border-radius:12px}.btn:hover{background:#ffffff14}.btnPrimary{border-color:#ffffff29;background:linear-gradient(135deg,#4deeea2e,#7c5cff2e)}.card{border:1px solid var(--border);background:linear-gradient(180deg,#ffffff12,#ffffff0a);border-radius:var(--radius);box-shadow:var(--shadow)}.cardHeader{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:12px}.cardBody{padding:14px 16px}.h1{font-size:34px;line-height:1.1;margin:0 0 8px}.sub{color:var(--muted);margin:0}.muted{color:var(--muted)}.muted2{color:var(--muted2)}.badge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d}.input{border:1px solid rgba(255,255,255,.12);background:#00000040;color:var(--text);padding:10px 12px;border-radius:12px}.navLink{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;border:1px solid transparent;color:var(--muted);text-decoration:none;background:transparent}.navLink:hover{color:var(--text);border-color:#ffffff1f;background:#ffffff0a;text-decoration:none}.navLinkActive{color:var(--text);border-color:#ffffff29;background:#ffffff12}.kpiGrid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpiGrid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:980px){.kpiGrid4{grid-template-columns:repeat(2,minmax(0,1fr))}.kpiGrid3{grid-template-columns:1fr}}@media(max-width:520px){.kpiGrid4{grid-template-columns:1fr}}.kpiTile{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0000002e;padding:10px 12px;min-width:0}.kpiLabel{color:var(--muted2);font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.kpiValue{margin-top:6px;font-weight:900;font-size:16px;line-height:1.25;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.kpiValueMono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-variant-numeric:tabular-nums}.leagueGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.leagueCard{overflow:hidden}.leagueHead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}.leagueTitle{font-weight:900}.leagueMeta{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.barRow{display:grid;grid-template-columns:86px 1fr 44px;gap:10px;align-items:center}.barLabel{color:var(--muted2);font-size:12px}.barTrack{height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;overflow:hidden}.barFill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4deeea59,#7c5cff59)}.barVal{color:var(--muted);font-size:12px;text-align:right}.perfStrip{margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:none}.perfStripTop{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.perfLegend{display:flex;gap:8px;align-items:center}.perfGrid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:980px){.perfGrid{grid-template-columns:1fr}}.perfCard{border:1px solid rgba(255,255,255,.1);background:#0000002e;border-radius:14px;padding:10px}.perfCardHead{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:8px}.trendSvg{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0000002e}.trendGrid{stroke:#ffffff14;stroke-width:1}.trendLine{stroke:#7c5cffbf;stroke-width:2.2}.trendDot{fill:#4deeead9}.trendEmpty{display:flex;align-items:center;justify-content:center;height:56px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0000002e}.perfTable{margin-top:10px;display:grid;gap:6px}.perfRow{display:grid;grid-template-columns:58px 1fr 56px;gap:8px;align-items:center;padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.perfDate{color:var(--muted2);font-size:12px}.perfScored{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perfAcc{color:var(--text);font-size:12px;font-weight:800;text-align:right;white-space:nowrap}.row{display:flex;justify-content:space-between;gap:14px;padding:12px 0}.tabs{display:inline-flex;gap:6px;padding:4px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#0003}.tab{cursor:pointer;border:1px solid transparent;background:transparent;color:var(--muted);padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px}.tab:hover{color:var(--text);background:#ffffff0d;border-color:#ffffff1a}.tabActive{color:var(--text);background:#ffffff14;border-color:#ffffff24}.logo{width:28px;height:28px;max-width:28px;max-height:28px;-o-object-fit:contain;object-fit:contain;display:inline-block;vertical-align:middle;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.gameTop{display:flex;flex-direction:column;gap:8px}.teamLine{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.edge-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-variant-numeric:tabular-nums;font-size:12px;color:#ffffffd1}.tier-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;font-size:12px;font-weight:900;letter-spacing:.02em}.tier-dot{width:8px;height:8px;border-radius:999px;background:#ffffff59}.tier-ELITE{border-color:#4deeea4d}.tier-ELITE .tier-dot{background:#4deeeae6}.tier-STRONG{border-color:#7c5cff4d}.tier-STRONG .tier-dot{background:#7c5cffd9}.tier-LEAN{border-color:#ffffff2e}.tier-LEAN .tier-dot{background:#ffffff8c}.tier-PASS{border-color:#ffffff1a}.tier-PASS .tier-dot{background:#ffffff47}.why-panel{margin-top:10px;border:1px solid rgba(255,255,255,.08);background:#00000029;border-radius:14px;padding:10px 12px}.why-title{font-weight:900;font-size:12px;color:#ffffffdb;margin-bottom:6px}.why-list{margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.45}.kpiTile,.kpiValue{min-width:0}.kpiValueMono{font-variant-numeric:tabular-nums}@media(max-width:520px){.kpiValue{font-size:14px}}.leagueCard .kpiValue{overflow:visible;text-overflow:clip}