:root{--bg: #0a0f1a;--surface: #111827;--surface-2: #172033;--border: #1f2a40;--text: #e8ecf3;--text-2: #9aa6bd;--text-3: #66728a;--gold: #c8aa6e;--gold-soft: rgba(200, 170, 110, .14);--win: #3b82f6;--win-soft: rgba(59, 130, 246, .14);--loss: #ef4444;--loss-soft: rgba(239, 68, 68, .12);--radius: 12px;--tabbar: 56px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.page{max-width:980px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(var(--tabbar) + env(safe-area-inset-bottom) + 24px)}h1{font-size:22px;margin:0 0 4px;letter-spacing:-.01em}h2{font-size:15px;margin:22px 0 8px;color:var(--text-2);font-weight:600}.sub{color:var(--text-3);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.grid{display:grid;gap:10px}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}@media (max-width: 640px){.g4{grid-template-columns:repeat(2,1fr)}}.stat{padding:12px 14px}.stat .l{color:var(--text-3);font-size:12px}.stat .v{font-size:20px;font-weight:650}.row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--border)}.row:first-child{border-top:0}.match{display:flex;align-items:center;gap:12px;padding:10px 12px;border-left:3px solid transparent}.match.win{border-left-color:var(--win);background:linear-gradient(90deg,var(--win-soft),transparent 40%)}.match.loss{border-left-color:var(--loss);background:linear-gradient(90deg,var(--loss-soft),transparent 40%)}.match+.match{border-top:1px solid var(--border)}.champ{width:44px;height:44px;border-radius:10px;flex:none;background:var(--surface-2)}.champ.sm{width:26px;height:26px;border-radius:6px}.item{width:22px;height:22px;border-radius:4px;background:var(--surface-2)}.items{display:flex;gap:2px;flex-wrap:wrap}.main{flex:1;min-width:0}.title{font-weight:600}.meta{color:var(--text-3);font-size:12px}.right{text-align:right}.muted{color:var(--text-3)}.gold{color:var(--gold)}.w{color:var(--win)}.ls{color:var(--loss)}.pill{display:inline-block;padding:1px 8px;border-radius:99px;background:var(--gold-soft);color:var(--gold);font-size:11px;font-weight:600}.tabs{display:flex;gap:6px;overflow-x:auto;margin:10px 0 14px}.tab{padding:6px 12px;border-radius:99px;background:var(--surface);border:1px solid var(--border);color:var(--text-2);white-space:nowrap;cursor:pointer;font:inherit}.tab.on{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}.tabbar{position:fixed;left:0;right:0;bottom:0;height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:#0a0f1aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:10}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-3);font-size:11px}.tabbar a.active{color:var(--gold)}.btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 12px;font:inherit;cursor:pointer}.btn.primary{background:var(--gold);border-color:var(--gold);color:#1a1405;font-weight:600}.input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px;font:inherit}.form{display:flex;gap:6px}.form .input{flex:1}.empty{padding:18px;color:var(--text-3);text-align:center}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:6px;text-align:left;border-top:1px solid var(--border);white-space:nowrap}th{color:var(--text-3);font-weight:500}.scroll{overflow-x:auto}.team-h{padding:8px 12px;font-weight:600}.team-h.win{color:var(--win)}.team-h.loss{color:var(--loss)}.me td{background:var(--gold-soft)}.bar{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--gold)}.form-dots{display:flex;gap:3px}.form-dots i{width:10px;height:10px;border-radius:3px;background:var(--loss)}.form-dots i.w{background:var(--win)}