@import "https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@400;500;600&display=swap";:root{--bg-base:#0c1319;--bg-surface:#131b22f5;--bg-elevated:#19232cf5;--bg-hover:#212a32;--border:#27333d;--border-subtle:#222a31;--axis-line:#707a83;--text-primary:#e9edf2;--text-secondary:#9ba4ad;--text-muted:#848e98;--accent:#4fc3f7;--accent-dim:#1a3a5c;--gold:#f0c040;--caution:#f0883e;--win:#39d353;--loss:#f85149;--font-display:"Exo 2", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Courier New", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,button,select{font-family:var(--font-body)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin;display:inline-block}@keyframes draw-check{to{stroke-dashoffset:0}}.draw-check{stroke-dasharray:1;stroke-dashoffset:1px;animation:.45s ease-out forwards draw-check}.tier-row{transition:background .1s,transform .42s cubic-bezier(.22,.61,.36,1)}@media (prefers-reduced-motion:reduce){.tier-row{transition:background .1s}}.legal-page{background:var(--bg-surface);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:720px;margin:2rem auto 4rem;padding:2.5rem 2rem 3.5rem}.legal-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-size:.75rem;font-weight:600}.legal-header{border-bottom:1px solid #ffffff14;margin-bottom:3rem;padding-bottom:2rem}.legal-title{color:var(--text-primary);margin:0 0 .5rem;font-size:2.25rem;font-weight:700;line-height:1.15}.legal-meta{color:var(--text-muted);margin:0;font-size:.875rem}.legal-body{color:var(--text-secondary);font-size:.9375rem;line-height:1.75}.legal-body section{margin-bottom:2.5rem}.legal-body p{margin:0 0 1rem}.legal-body h2{color:var(--text-primary);margin:0 0 .75rem;padding-top:.25rem;font-size:1.125rem;font-weight:600}.legal-body h3{color:var(--text-primary);margin:1.25rem 0 .5rem;font-size:.9375rem;font-weight:600}.legal-body ul{margin:.5rem 0 1rem;padding-left:1.375rem}.legal-body li{margin-bottom:.4rem}.legal-body a{color:var(--accent);text-decoration:none}.legal-body a:hover{text-decoration:underline}.legal-body strong{color:var(--text-primary);font-weight:600}.legal-riot-notice{border-left:3px solid var(--accent);color:var(--text-muted);background:#c8aa6e0d;border-radius:0 4px 4px 0;margin-top:3rem;padding:1rem 1.25rem;font-size:.8125rem;line-height:1.6}.site-footer{text-align:center;background:0 0;border-top:1px solid #ffffff12;margin-top:auto;padding:1.75rem 1.5rem 2rem}.site-footer-notice{color:var(--text-muted);opacity:.75;max-width:640px;margin:0 auto .6rem;font-size:.75rem;line-height:1.6}.site-footer-legal-links{justify-content:center;align-items:center;gap:0;font-size:.75rem;display:flex}.site-footer-legal-links a{color:var(--text-muted);opacity:.65;padding:0 .5rem;text-decoration:none;transition:opacity .15s}.site-footer-legal-links a:hover{opacity:1}.site-footer-legal-links .sep{color:var(--text-muted);opacity:.3;-webkit-user-select:none;user-select:none}.champion-icon{object-fit:cover;border-radius:4px;flex-shrink:0;width:32px;height:32px;display:block}.champion-icon-sm{object-fit:cover;border-radius:3px;flex-shrink:0;width:24px;height:24px;display:block}.champion-icon-lg{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:48px;display:block}.champion-cell{align-items:center;gap:10px;display:flex}.champion-cell a{color:inherit;letter-spacing:.02em;font-weight:600;text-decoration:none}.champion-cell a:hover{color:var(--accent)}.item-icon{object-fit:cover;background:var(--bg-card,#1a1a2e);border-radius:4px;flex-shrink:0;width:28px;height:28px;display:block}.splash-bg{background-position:top;background-repeat:no-repeat;background-size:cover}.table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.role-track{margin-bottom:14px;position:relative}.role-track-plot{position:relative}.role-track-axis{background:var(--axis-line);height:1px;position:absolute;left:0;right:0}.role-track-tick{background:var(--axis-line);width:1px;position:absolute}.role-track-scale{height:12px;font-family:var(--font-display);letter-spacing:.1em;color:var(--text-secondary);margin-top:6px;font-size:9px;position:relative}.role-band{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.role-band--on{color:var(--accent);font-weight:700}.role-mark{border:1px solid var(--axis-line);background:var(--bg-elevated);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:absolute;transform:translate(-50%)}.role-mark:hover{border-color:var(--accent)}.role-mark[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px #4fc3f72e,0 0 14px #4fc3f740}.role-mark:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.role-mark-stem{background:var(--axis-line);width:1px;position:absolute;transform:translate(-50%)}.role-legend{flex-wrap:wrap;gap:6px 18px;margin-bottom:12px;display:flex}.role-legend-item{cursor:pointer;font-family:var(--font-display);letter-spacing:.08em;color:var(--text-secondary);background:0 0;border:0;align-items:center;gap:7px;padding:2px 0;font-size:11px;font-weight:600;transition:color .15s;display:inline-flex}.role-legend-item:hover{color:var(--text-primary)}.role-legend-item[aria-pressed=true]{color:var(--accent)}.role-legend-item:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.role-read{border-left:3px solid var(--accent);color:var(--text-secondary);padding:2px 0 2px 14px;font-size:13px;line-height:1.55}.role-key{margin-top:14px}.role-key-toggle{cursor:pointer;font-family:var(--font-display);letter-spacing:.08em;color:var(--text-secondary);background:0 0;border:0;align-items:center;gap:7px;padding:2px 0;font-size:11px;font-weight:600;transition:color .15s;display:inline-flex}.role-key-toggle:hover{color:var(--text-primary)}.role-key-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.role-key-caret{transition:transform .15s;display:inline-block}.role-key-caret--open{transform:rotate(180deg)}.role-key-panel{max-width:640px;padding:10px 0 2px}.role-key-note{color:var(--text-secondary);margin:0 0 12px;font-size:12px;line-height:1.5}.role-key-row{align-items:baseline;gap:12px;padding:5px 0;display:flex}.role-key-role{font-family:var(--font-display);color:var(--text-primary);flex:0 0 72px;font-size:13px;font-weight:600}.role-key-metrics{color:var(--text-secondary);font-size:12px;line-height:1.5}.weight-tabs{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.weight-tab{border:1px solid var(--border-subtle);cursor:pointer;font-family:var(--font-display);color:var(--text-secondary);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.weight-tab:hover{color:var(--text-primary)}.weight-tab--on{color:var(--accent);border-color:var(--accent)}.weight-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.weight-chart{max-width:620px}.weight-chart-head{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-secondary);justify-content:space-between;padding-bottom:8px;font-size:10px;font-weight:600;display:flex}.weight-list{margin:0;padding:0;list-style:none}.weight-row{grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:20px;padding:9px 0;display:grid}.weight-name{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.weight-impact{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-secondary);font-size:9.5px;font-weight:700}.weight-impact--high{color:var(--accent)}.weight-blurb{color:var(--text-secondary);margin-top:2px;font-size:12px;line-height:1.4}.weight-measure{align-items:center;gap:12px;display:flex}.weight-rail{background:#6e768138;border-radius:3px;flex:1;height:6px;overflow:hidden}.weight-fill{background:var(--accent);transform-origin:0;border-radius:3px;height:100%;animation:.5s ease-out both weight-grow}@keyframes weight-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.weight-pct{text-align:right;min-width:3ch;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:16px;font-weight:700}.weight-foot{color:var(--text-secondary);margin:8px 0 0;font-size:12px}@media (width<=560px){.weight-row{grid-template-columns:1fr;gap:8px}}.stat-pill{background:var(--bg-elevated);text-align:center;cursor:pointer;min-width:0;font:inherit;color:inherit;border:0;flex:1;padding:16px 12px 14px;transition:background .15s}.stat-pill:hover,.stat-pill--open{background:var(--bg-surface)}.stat-pill:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.stat-pill-caret{color:var(--text-muted);margin-top:6px;font-size:9px;line-height:1;transition:color .15s}.stat-pill:hover .stat-pill-caret,.stat-pill--open .stat-pill-caret{color:var(--accent)}.role-mark:hover{transform:translate(-50%)translateY(-2px)}@media (prefers-reduced-motion:reduce){.role-mark,.role-legend-item,.role-key-toggle,.role-key-caret,.weight-tab,.stat-pill,.stat-pill-caret{transition:none}.role-mark:hover{transform:translate(-50%)}.weight-fill{animation:none}}.pro-locked-row .pro-locked-cta{transition:transform .15s;display:inline-block}.pro-locked-row:hover .pro-locked-cta{color:var(--accent);transform:translate(3px)}@media (width<=480px){.pro-locked-word{display:none}}.pro-locked-row:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:4px}.match-row--win{background:#39d35309}.match-row--loss{background:#f851490e}.match-row{transition:background .15s}.match-row--win:hover,.match-row--win[aria-expanded=true]{background:#39d35316}.match-row--loss:hover,.match-row--loss[aria-expanded=true]{background:#f851491d}.match-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.match-caret{width:10px;color:var(--text-muted);flex-shrink:0;font-size:9px;line-height:1;transition:color .15s}.match-mk{font-family:var(--font-display);letter-spacing:.08em;white-space:nowrap;border:1px solid var(--gold);border-radius:var(--radius-sm);color:var(--gold);flex-shrink:0;padding:4px 7px;font-size:9px;font-weight:600;line-height:1}.match-mk--filled{background:var(--gold);color:var(--bg-base)}.match-more{border:none;border-top:1px solid var(--border);cursor:pointer;width:100%;font-family:var(--font-display);letter-spacing:.08em;color:var(--text-muted);background:0 0;padding:13px;font-size:11px;font-weight:600;transition:color .15s,background .15s;display:block}.match-more:hover{color:var(--accent);background:var(--bg-elevated)}.match-panel{animation:.16s ease-out match-panel-in}@keyframes match-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.match-panel{animation:none}}.match-row:hover .match-caret,.match-row[aria-expanded=true] .match-caret{color:var(--accent)}