:root,:root[data-theme=dark]{--bg:#081320;--bg2:#0b1c30;--panel:#0e2138;--panel2:#0b1a2c;--line:#1b3550;--ink:#e8f3fd;--muted:#8aa6c2;--brand:#56b9e8;--accent:#22c6ff;--accent-2:#5bd6ff;--glow:rgba(34,198,255,.45);--pos:#33d68a;--neg:#ff5d6c;--row:#102742;--row-hover:#15314f;--thead:#0a1828;--shadow:0 10px 30px rgba(0,0,0,.45);--seg-away:#2b4763;--seg-home:#0e7fb8;--flow-opacity:.5}:root[data-theme=light]{--bg:#eef4fb;--bg2:#e3edf8;--panel:#ffffff;--panel2:#f4f9fe;--line:#d3e1f0;--ink:#0d2233;--muted:#5b748f;--brand:#0a84c7;--accent:#0098d8;--accent-2:#00b4e6;--glow:rgba(0,152,216,.35);--pos:#0f9d5a;--neg:#e23b4e;--row:#f3f8fd;--row-hover:#e8f1fb;--thead:#eaf2fb;--shadow:0 10px 28px rgba(13,53,92,.1);--seg-away:#9bb2cb;--seg-home:#0098d8;--flow-opacity:.22}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background .25s ease,color .25s ease}.wrap{max-width:1100px;margin:0 auto;padding:0 18px;position:relative}.flow{position:fixed;inset:0 0 auto 0;height:520px;z-index:0;pointer-events:none;opacity:var(--flow-opacity);background:radial-gradient(1200px 360px at 78% -8%,var(--glow),transparent 60%),radial-gradient(760px 280px at 12% -12%,color-mix(in srgb,var(--accent) 60%,transparent),transparent 60%)}.flow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 0%,var(--accent-2) 48%,transparent 60%);opacity:.12;filter:blur(6px);-webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent);animation:flow 9s ease-in-out infinite}@keyframes flow{0%,to{transform:translate(-12%)}50%{transform:translate(12%)}}@media (prefers-reduced-motion:reduce){.flow:after{animation:none}}.topbar{position:relative;z-index:1;background:linear-gradient(135deg,var(--bg2),var(--panel));border-bottom:1px solid var(--line);padding:26px 0 22px;box-shadow:0 1px 0 var(--glow)}.topbar h1{margin:0 0 4px;font-size:27px;letter-spacing:.2px;display:flex;align-items:center;gap:10px}.spark{color:var(--accent);text-shadow:0 0 14px var(--glow)}.sub{margin:0;color:var(--muted);max-width:680px}.meta{margin:10px 0 0;color:var(--accent);font-size:13px}.theme-toggle{position:absolute;top:0;right:18px;width:40px;height:40px;border-radius:11px;background:var(--panel2);border:1px solid var(--line);color:var(--ink);cursor:pointer;font-size:18px;line-height:1;display:grid;place-items:center;transition:border-color .2s,box-shadow .2s,transform .15s}.theme-toggle:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow);transform:translateY(-1px)}:root[data-theme=dark] .theme-toggle:before{content:"☀️"}:root[data-theme=light] .theme-toggle:before{content:"🌙"}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px auto;position:relative;z-index:1}.tab{background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:9px 14px;cursor:pointer;font-size:14px;font-weight:600;transition:color .15s,border-color .15s,box-shadow .15s,background .15s}.tab:hover{color:var(--ink);border-color:var(--accent)}.tab.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--brand));box-shadow:0 0 0 1px var(--accent),0 6px 18px var(--glow)}:root[data-theme=light] .tab.active{color:#fff}.panel{display:none;animation:fade .2s ease;position:relative;z-index:1}.panel.active{display:block}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}h2.divhd{font-size:15px;color:var(--accent);margin:22px 0 8px;border-bottom:1px solid var(--line);padding-bottom:6px}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:8px;box-shadow:var(--shadow)}th,td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child{text-align:left}th{background:var(--thead);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0}th:hover{color:var(--accent)}tbody tr:nth-child(odd){background:var(--row)}tbody tr:hover{background:var(--row-hover)}tbody tr:last-child td{border-bottom:0}td.team{font-weight:600}.pos{color:var(--pos)}.neg{color:var(--neg)}.tag{display:inline-block;font-size:11px;padding:1px 7px;border-radius:6px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:14px 0}.controls label{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:4px}.controls input,.controls select{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:14px}.controls input:focus,.controls select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.hint{color:var(--muted);font-size:13px;align-self:flex-end}.win{color:var(--pos);font-weight:700}.loss{color:var(--neg)}.scrollx{overflow-x:auto;max-width:100%;min-width:0}main.wrap{min-width:0}.foot{color:var(--muted);font-size:12px;margin:30px auto;border-top:1px solid var(--line);padding-top:14px}.loading{color:var(--muted);padding:30px 0}code{background:color-mix(in srgb,var(--accent) 14%,transparent);padding:1px 5px;border-radius:5px;font-size:.88em}.probbar{display:flex;height:22px;min-width:220px;border-radius:7px;overflow:hidden;border:1px solid var(--line);font-size:11px;font-weight:700}.probbar .seg{display:flex;align-items:center;justify-content:center;color:#fff;white-space:nowrap;overflow:hidden;min-width:0}.probbar .away{background:var(--seg-away)}.probbar .home{background:linear-gradient(135deg,var(--accent),var(--brand));box-shadow:inset 0 0 12px var(--glow)}.badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap;border:1px solid var(--line)}.badge.hot,.badge.outperform{background:color-mix(in srgb,var(--pos) 18%,transparent);color:var(--pos);border-color:color-mix(in srgb,var(--pos) 45%,transparent)}.badge.cold,.badge.underperform{background:color-mix(in srgb,var(--neg) 18%,transparent);color:var(--neg);border-color:color-mix(in srgb,var(--neg) 45%,transparent)}.badge.normal{background:var(--row);color:var(--muted)}.chip{display:inline-block;font-size:11px;padding:1px 7px;border-radius:6px;margin:1px 3px 1px 0}.chip.outperform{background:color-mix(in srgb,var(--pos) 18%,transparent);color:var(--pos)}.chip.underperform{background:color-mix(in srgb,var(--neg) 18%,transparent);color:var(--neg)}.chip.weak{background:color-mix(in srgb,#f0a02a 22%,transparent);color:#f0a02a}.chip.ace{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.mcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:8px 0 6px}.mcard{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:11px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s}.mcard:hover{border-color:var(--accent);transform:translateY(-1px)}.mcard.active{border-color:transparent;box-shadow:0 0 0 1px var(--accent),0 6px 18px var(--glow);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel))}.mcard.fire{box-shadow:0 0 0 1px color-mix(in srgb,#f0a02a 50%,transparent)}.mcard-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:6px}.mcard-teams{font-size:15px;font-weight:700;margin-bottom:8px}.mcard-teams .at{color:var(--muted);font-weight:400;margin:0 4px}.mcard-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;min-height:20px}.msections{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px;margin-top:6px}.msection{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow);min-width:0}.msection h3{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.msection.span2{grid-column:1/-1}.mhead{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:6px 0 2px}.mhead h2{margin:0;font-size:22px}.mhead .pick{color:var(--muted);font-size:14px}.vs-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.vs-grid .side{text-align:center}.vs-grid .side .nm{font-weight:700;margin-bottom:4px}.vs-grid .mid{color:var(--muted);font-size:12px;text-align:center}.statline{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid var(--line);font-size:13px}.statline:last-child{border-bottom:0}.statline .k{color:var(--muted)}.banner{border-radius:9px;padding:8px 11px;font-size:13px;font-weight:600;margin:2px 0 10px}.banner.fire{background:color-mix(in srgb,#f0a02a 16%,transparent);color:#f0a02a;border:1px solid color-mix(in srgb,#f0a02a 40%,transparent)}@media (max-width:600px){html,body{overflow-x:hidden}.wrap{padding:0 13px}.topbar{padding:20px 0 16px}.topbar h1{font-size:21px}.sub{font-size:13px}.meta{font-size:12px}.theme-toggle{width:36px;height:36px;right:13px}.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:12px auto;padding-bottom:2px}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:8px 12px;font-size:13px}th,td{padding:6px 8px;font-size:13px}th{font-size:11px}h2.divhd{font-size:14px}.probbar{min-width:130px;height:20px;font-size:10px}.mcards{grid-template-columns:1fr;gap:9px}.msections{grid-template-columns:1fr;gap:10px}.msection{padding:13px 14px}.mhead h2{font-size:18px}.vs-grid{grid-template-columns:1fr;gap:14px}.controls{gap:11px;width:100%}.controls input,.controls select{font-size:16px}.authcard{padding:22px 18px}}.authwrap{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;z-index:1}.authcard{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 26px;box-shadow:var(--shadow)}.authcard h1{margin:0 0 6px;font-size:23px;display:flex;align-items:center;gap:9px}.btn{display:block;width:100%;padding:11px 14px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:var(--panel2);color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .1s}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--brand));color:#fff;border-color:transparent;box-shadow:0 6px 18px var(--glow);margin-top:4px}.btn-google{margin-bottom:4px}.authcard form{display:flex;flex-direction:column;gap:10px;margin:4px 0}.authcard input{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:16px}.authcard input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.authdiv{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:14px 0}.authdiv:before,.authdiv:after{content:"";flex:1;height:1px;background:var(--line)}.authmsg{font-size:13px;margin:12px 0 0;padding:9px 11px;border-radius:9px}.authmsg.err{background:color-mix(in srgb,var(--neg) 14%,transparent);color:var(--neg)}.authmsg.ok{background:color-mix(in srgb,var(--pos) 14%,transparent);color:var(--pos)}.authswitch{font-size:13px;color:var(--muted);margin:16px 0 0;text-align:center}.linkbtn{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;padding:0;font-weight:600}.usermenu{position:absolute;top:0;right:64px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.usermenu .signout{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:12px}.usermenu .signout:hover{border-color:var(--accent)}.starbtn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;padding:0 5px 0 0;line-height:1}