@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_ff61a596-module__UdeZcG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_ff61a596-module__UdeZcG__variable{--font-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_d85583d7-module__1dHVEa__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_d85583d7-module__1dHVEa__variable{--font-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg:#111311;--panel:#1a1d19;--panel2:#20241e;--line:#30362c;--text:#eeefe8;--muted:#959d8d;--accent:#c6f36a;--warm:#f28b92;--font-sans:Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans), Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:16px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,input{border-radius:6px}header{border-bottom:1px solid #2a2f27;justify-content:space-between;align-items:center;gap:20px;height:92px;padding:0 4.5%;display:flex}.brand{letter-spacing:-1.2px;align-items:center;gap:11px;font-size:25px;font-weight:750;display:flex}.brand-light{font-weight:400}.brand-symbol{background:var(--accent);color:#1e2c14;border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.beta{font-family:var(--font-mono);color:var(--accent);letter-spacing:.8px;border:1px solid #485339;border-radius:4px;margin-left:3px;padding:3px 5px;font-size:11px}.header-right{align-items:center;gap:12px;font-size:14px;display:flex}.header-right>a{color:#b7bdb0}.header-right>a span{color:var(--muted);margin-left:9px}.header-divider{background:var(--line);width:1px;height:25px;margin:0 10px}.team-avatar{width:32px;height:32px;color:var(--accent);font-family:var(--font-mono);background:#293323;border:1px solid #465439;border-radius:50%;place-items:center;font-size:12px;display:grid}.team-label{font-weight:550}main{max-width:1560px;margin:auto;padding:45px 4.5% 32px}.page-intro{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:1.4px;font-size:11px;font-weight:500}.page-intro h1{letter-spacing:-1.3px;margin:13px 0 0;font-size:34px;font-weight:520;line-height:1.2}.page-intro h1>span{color:var(--accent)}.mobile-break{display:none}.test-badge{font-family:var(--font-mono);color:#b2bd9f;letter-spacing:1px;white-space:nowrap;border:1px solid #3b4432;border-radius:4px;align-items:center;gap:8px;margin-bottom:2px;padding:9px 11px;font-size:10px;display:flex}.test-badge>span{background:var(--accent);border-radius:50%;width:5px;height:5px}.search-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(320px,1.2fr) 116px;align-items:end;gap:20px;padding:26px;display:grid}.champion-control{min-width:0;position:relative}.champion-control>label,.role-control>legend{font-family:var(--font-mono);letter-spacing:1px;color:var(--muted);margin-bottom:12px;font-size:11px;display:block}.searchbox{background:#121510;border:1px solid #3a4232;border-radius:6px;align-items:center;gap:12px;height:55px;padding:8px 13px;display:flex}.searchbox.active,.searchbox:focus-within{border-color:#a4c35e}.searchbox img{border:1px solid #697347;border-radius:4px}.searchbox input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:none;font-size:17px}.searchbox input:focus-visible{outline:none}.chevron{color:var(--muted);margin-top:-5px;font-size:20px}.role-control{border:0;min-width:0;margin:0;padding:0}.role-control>legend{padding:0}.role-picker{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.role-picker button{min-width:68px;height:55px;color:var(--muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:7px;font-size:13px;display:flex}.role-picker img{opacity:.55}.role-picker button:hover{background:#252c20}.role-picker button.selected{color:#d5f798;background:#313c22;border-color:#657746}.role-picker button.selected img{opacity:1;filter:brightness(1.4)}.search-button{background:var(--accent);color:#1e2913;border:1px solid var(--accent);white-space:nowrap;justify-content:center;align-items:center;gap:8px;width:116px;min-width:0;height:55px;padding:0 14px;font-size:14px;font-weight:650;display:inline-flex}.search-button:hover{background:#d1ff77}.search-button svg{flex-shrink:0}.options{z-index:10;background:#20271b;border:1px solid #53643d;border-radius:6px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 12px 40px #0008}.options li{cursor:pointer;border-radius:3px;align-items:center;gap:10px;padding:9px;font-size:14px;display:flex}.options li.selected{background:#36432a}.options img{border-radius:3px;flex-shrink:0}.options small{color:var(--muted);margin-left:auto;font-size:10px}.options li.no-option{color:var(--muted);padding:15px}.champion-summary{border-bottom:1px solid var(--line);align-items:center;gap:35px;padding:28px 2px 29px;display:flex}.champion-identity{align-items:center;gap:15px;min-width:260px;display:flex}.champion-identity>img{border:1px solid #697b46;border-radius:8px}.champion-title{align-items:center;gap:14px;display:flex}.champion-title h2{letter-spacing:-.7px;margin:0;font-size:24px;font-weight:550}.champion-title>span{color:#b3bd9f;background:#252c20;border-radius:4px;align-items:center;gap:5px;padding:4px 7px;font-size:12px;display:flex}.champion-identity p{color:var(--muted);margin:6px 0 0;font-size:13px}.summary-stats{gap:40px;display:flex}.summary-stats>div{flex-direction:column;gap:8px;display:flex}.summary-stats strong{font-size:21px;font-weight:500;font-family:var(--font-mono);letter-spacing:-1px}.summary-stats strong small{margin-left:2px;font-size:14px}.summary-stats span{color:var(--muted);font-size:9px;font-family:var(--font-mono);letter-spacing:1px}.summary-stats .source-stat strong{font-size:16px;font-family:var(--font-sans);letter-spacing:0;padding-top:3px}.source-link{color:#b2bb9e;white-space:nowrap;margin-left:auto;font-size:12px}.results-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:28px 0 23px;display:flex}.results-toolbar h2{letter-spacing:-.5px;align-items:center;gap:10px;margin:0;font-size:19px;font-weight:500;display:flex}.results-toolbar h2>span{color:#a3b48b;font-size:11px;font-family:var(--font-mono);letter-spacing:0;background:#272f21;border-radius:4px;padding:4px 7px}.results-toolbar p{color:var(--muted);margin:8px 0 0;font-size:13px}.pool-toggle-wrap{align-items:center;gap:15px;display:flex}.pool-toggle-wrap>span{text-align:right;flex-direction:column;gap:5px;display:flex}.pool-toggle-wrap b{font-size:14px;font-weight:500}.pool-toggle-wrap small{color:var(--muted);font-size:11px}.toggle{background:#333c2b;border:1px solid #545c4b;border-radius:30px;flex-shrink:0;align-items:center;width:42px;height:25px;padding:3px;transition:background .15s;display:flex}.toggle>span{background:#9ca48e;border-radius:50%;width:17px;height:17px;transition:transform .15s}.toggle.on{background:var(--accent);border-color:var(--accent)}.toggle.on>span{background:#28391b;transform:translate(16px)}.boards{flex-direction:column;gap:24px;display:flex}.match-section{border:1px solid var(--line);background:#191d17;border-radius:9px;overflow:hidden}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:21px 23px;display:flex}.heading-left{align-items:center;gap:13px;display:flex}.direction{width:34px;height:34px;color:var(--accent);background:#2c3821;border:1px solid #405132;border-radius:50%;place-items:center;display:grid}.section-heading h2{letter-spacing:-.4px;margin:0;font-size:18px;font-weight:520}.section-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.section-caption{font-family:var(--font-mono);letter-spacing:1px;color:var(--muted);font-size:9px}.role-grid{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.role-column{min-width:0;padding:18px 14px 14px}.role-column+.role-column{border-left:1px solid var(--line)}.role-heading{justify-content:space-between;align-items:center;display:flex}.role-heading>span:first-child{align-items:center;gap:8px;display:flex}.role-heading img{opacity:.6}.role-heading b{font-size:14px;font-weight:500}.count{font-family:var(--font-mono);color:#98a889;background:#293122;border-radius:3px;padding:2px 5px;font-size:10px}.player-name{color:#829176;margin:8px 0 17px 28px;font-size:11px}.champion-list{flex-direction:column;gap:4px;display:flex}.champion-row{border-radius:5px;align-items:center;gap:8px;min-height:56px;padding:8px 4px 8px 0;display:flex}.champion-row:hover{background:#26311f}.rank{font-size:9px;font-family:var(--font-mono);color:#637157;text-align:center;flex-shrink:0;width:10px}.champion-row img{filter:saturate(.85);border-radius:5px;flex-shrink:0;width:34px;height:34px}.champion-info{flex-direction:column;gap:5px;min-width:0;display:flex}.champion-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.games{white-space:nowrap;color:#8b9880;font-size:9px}.tier{color:#a8bd8d;border:1px solid #49553e;border-radius:2px;margin-left:5px;padding:0 3px;font-size:8px}.winrate{font-family:var(--font-mono);letter-spacing:-.5px;color:#c4ed84;white-space:nowrap;margin-left:auto;font-size:13px;font-weight:500}.winrate small{letter-spacing:0;margin-left:1px;font-size:9px}.weak .direction{color:var(--warm);background:#3a2225;border-color:#63343a}.weak .winrate{color:var(--warm)}.weak .champion-row:hover{background:#302024}.empty-role{color:var(--muted);margin:0 4px;padding:15px 0;font-size:12px;line-height:1.6}.expand-button{border:0;border-top:1px solid var(--line);color:#a7b593;background:#1d2319;border-radius:0;justify-content:center;align-items:center;gap:14px;width:100%;padding:13px;font-size:12px;display:flex}.expand-button:hover{background:#2a3421}.expand-button span{font-size:16px}.data-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:20px 0 12px;font-size:11px;display:flex}.data-footer>div{align-items:center;gap:8px;display:flex}.data-indicator{background:#71845a;border-radius:50%;width:5px;height:5px}.dot-divider{color:#556349;margin:0 9px}.refresh{color:#b5c0a5;background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;font-size:12px;display:flex}.notice{color:var(--accent);margin:5px 0 15px;font-size:13px}.method-note{color:#79876b;max-width:840px;margin:0;font-size:11px;line-height:1.75}.method-note b{color:#a0ae91;font-weight:500}footer{color:#6f7f61;border-top:1px solid #252e1e;justify-content:space-between;gap:20px;margin:0 4.5%;padding:24px 0 28px;font-size:10px;display:flex}footer>span:first-child{font-family:var(--font-mono);letter-spacing:1px}.slash{color:#4a5d3a;margin:0 10px}.error-banner{color:#efb99a;background:#32241c;border:1px solid #694633;border-radius:6px;justify-content:space-between;align-items:center;gap:15px;margin-top:16px;padding:16px;font-size:14px;display:flex}.error-banner button{white-space:nowrap;background:0 0;border:0;font-size:12px;text-decoration:underline}.loading-board{border:1px solid var(--line);color:var(--muted);border-radius:9px;justify-content:center;gap:12px;padding:90px 20px;font-size:14px;display:flex}.spinner{border:2px solid #435135;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.spinning svg{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.champion-name{font-size:14px}.winrate{font-size:15px}.games{font-size:10px}.champion-row{gap:10px}.role-column{padding:20px}.champion-row img{width:38px;height:38px}}@media (max-width:1150px){.search-panel{gap:18px;padding:22px}.role-picker button{flex-direction:column;gap:4px;min-width:50px;font-size:11px}.role-picker img{width:21px;height:21px}.summary-stats{gap:25px}.champion-identity{min-width:220px}.champion-summary{gap:24px}.role-column{padding:16px 9px 12px}.champion-row{gap:6px}.champion-row img{width:28px;height:28px}.rank{display:none}.winrate{font-size:12px}.champion-name{font-size:11px}.games{font-size:8px}.tier{display:none}}@media (max-width:850px){header{height:77px;padding:0 5%}.page-intro{align-items:start}.page-intro h1{font-size:29px}.test-badge{margin-top:25px;padding:7px;font-size:8px}.eyebrow{font-size:9px}.search-panel{grid-template-columns:minmax(0,1fr) 116px;gap:18px}.champion-control{grid-column:1;min-width:0}.champion-control .options{right:-134px}.role-control{grid-area:2/1/auto/-1}.role-picker button{min-width:0}.search-button{grid-area:1/2}.champion-summary{flex-wrap:wrap;gap:20px}.champion-identity{min-width:0}.summary-stats{gap:22px;margin-left:auto}.source-link{display:none}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-column{padding:19px}.role-column+.role-column{border-left:0}.role-column:nth-child(2n){border-left:1px solid var(--line)}.role-column:nth-child(n+3){border-top:1px solid var(--line)}.role-column:last-child{grid-column:1/-1}.champion-name{font-size:14px}.games{font-size:10px}.winrate{font-size:16px}.champion-row img{width:36px;height:36px}.rank{display:block}.champion-row{gap:10px}.tier{display:inline}.section-caption{display:none}.section-heading p{font-size:11px}.summary-stats .source-stat{display:none}main{padding:32px 5%}.method-note{font-size:11px}}@media (max-width:520px){.brand{font-size:22px}.brand-symbol{width:31px;height:31px}.header-right{gap:8px}.header-right>a,.header-divider{display:none}.team-label{font-size:12px}.team-avatar{width:27px;height:27px;font-size:10px}.beta{margin-left:0;font-size:8px}.page-intro{gap:12px;position:relative}.test-badge{letter-spacing:.4px;background:#26321c;border:0;margin:0;padding:5px;font-size:7px;position:absolute;top:-3px;right:0}.test-badge>span{width:3px;height:3px}.eyebrow{letter-spacing:.7px;font-size:8px}.page-intro h1{margin-top:16px;font-size:31px;line-height:1.2}.mobile-break{display:block}.search-panel{grid-template-columns:minmax(0,1fr) 108px;gap:18px 10px;padding:16px}.search-panel .search-button{width:108px;padding:0 10px}.champion-control .options{right:-118px}.champion-control,.role-control{flex-basis:100%;min-width:0}.role-picker button{flex-direction:column;gap:6px;height:60px;font-size:12px}.role-picker img{width:24px;height:24px}.search-button{margin-top:0}.champion-summary{gap:15px;padding:22px 0}.champion-identity>img{width:45px;height:45px}.champion-identity{gap:11px}.champion-title{gap:8px}.champion-title h2{font-size:20px}.champion-title>span{padding:3px 5px;font-size:10px}.champion-identity p{font-size:11px}.summary-stats{gap:15px}.summary-stats strong{font-size:15px}.summary-stats strong small{font-size:10px}.summary-stats span{letter-spacing:.4px;font-size:6px}.results-toolbar{align-items:center;gap:10px;margin:25px 0 20px}.results-toolbar h2{font-size:17px}.results-toolbar p{max-width:130px;font-size:11px;line-height:1.6}.pool-toggle-wrap{gap:10px}.pool-toggle-wrap b{font-size:12px}.pool-toggle-wrap small{max-width:120px;font-size:9px;line-height:1.5}.toggle{width:36px;height:22px;padding:2px}.toggle>span{width:16px;height:16px}.toggle.on>span{transform:translate(14px)}.section-heading{padding:18px 15px}.section-heading h2{font-size:17px}.section-heading p{font-size:10px;line-height:1.6}.direction{flex-shrink:0;width:28px;height:28px}.heading-left{gap:9px}.role-column{padding:16px 11px}.champion-row{gap:7px}.champion-row img{width:28px;height:28px}.rank{display:none}.champion-name{font-size:11px}.games{font-size:8px}.tier{display:none}.winrate{font-size:12px}.role-heading b{font-size:13px}.player-name{margin-left:27px;font-size:10px}.role-column:last-child .champion-row{max-width:300px}.data-footer{align-items:start;gap:5px;font-size:9px}.data-footer>div>span:last-child{max-width:195px;line-height:1.8}.refresh{white-space:nowrap;font-size:10px}.dot-divider{margin:0 5px}footer{gap:10px;font-size:8px;line-height:1.7}footer>span:last-child{text-align:right;max-width:150px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.champion-name{font-size:14px}.games{font-size:11px}.winrate{font-size:14px}.eyebrow{font-size:12px}.section-heading p{font-size:14px}.section-caption{font-size:11px}.method-note,.player-name,.data-footer,.count{font-size:12px}.role-heading b{font-size:16px}.pool-toggle-wrap small,.champion-control>label,.role-control>legend{font-size:12px}.role-picker button,.results-toolbar p{font-size:14px}.summary-stats span{font-size:11px}.champion-row{min-height:61px}.champion-info{flex:1}.rank{display:none}@media (max-width:1150px) and (min-width:851px){.role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-column:nth-child(4){border-left:0}.role-column:nth-child(n+4){border-top:1px solid var(--line)}.role-column{padding:16px}.champion-row img{width:34px;height:34px}}@media (max-width:600px){.role-grid{grid-template-columns:1fr}.role-column:nth-child(n){border-left:0;grid-column:auto}.role-column+.role-column{border-top:1px solid var(--line)}.role-column{padding:18px}.role-column:last-child .champion-row{max-width:none}.champion-row img{width:38px;height:38px}.champion-row{gap:12px}.champion-name{font-size:15px}.games{font-size:12px}.winrate{font-size:16px}.tier{font-size:10px;display:inline}.summary-stats span{font-size:9px}.eyebrow{font-size:10px}.section-heading p,.results-toolbar p{font-size:12px}.pool-toggle-wrap small,.data-footer{font-size:10px}.role-picker button{font-size:12px}.test-badge{top:-15px}.team-label{display:none}}.role-picker img,.role-heading img,.champion-title img{filter:invert();opacity:.65}.role-picker button.selected img{filter:invert();opacity:1}.role-rows{flex-direction:column;display:flex}.matchup-role-row{grid-template-columns:156px minmax(0,1fr);min-width:0;display:grid}.matchup-role-row+.matchup-role-row{border-top:1px solid var(--line)}.role-label{border-right:1px solid var(--line);background:#171b15;flex-direction:column;justify-content:center;padding:20px;display:flex}.role-label .role-heading{gap:10px}.role-label .role-heading b{font-size:15px}.role-label .player-name{margin:9px 0 0;font-size:12px}.champion-strip{scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;align-items:stretch;gap:2px;min-width:0;padding:12px 10px 10px;display:flex;overflow:auto hidden}.champion-strip:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.champion-strip::-webkit-scrollbar{width:0;height:0;display:none}.champion-card{scroll-snap-align:start;border:1px solid #0000;border-radius:7px;flex-direction:column;flex:0 0 68px;justify-content:center;align-items:center;gap:8px;min-height:96px;padding:10px 4px;transition:opacity .15s;display:flex}.champion-card.outside-pool{opacity:.25}.champion-card:hover{background:#26311f;border-color:#3e4d31}.champion-card>img{border-radius:6px;width:44px;height:44px}.champion-card .winrate{color:var(--accent);margin:0;font-size:14px}.champion-card .winrate small{font-size:inherit}.strong .section-heading h2{color:var(--accent)}.weak .section-heading h2,.weak .champion-card .winrate{color:#f28b92}.weak .champion-card:hover{background:#302024;border-color:#5e3238}.champion-strip .empty-role{align-self:center;min-width:220px;font-size:13px}@media (max-width:600px){.matchup-role-row{grid-template-columns:100px minmax(0,1fr)}.role-label{padding:14px 10px}.role-label .role-heading{flex-direction:column;align-items:flex-start;gap:8px}.role-label .role-heading>span:first-child{gap:6px}.role-label .role-heading b{font-size:13px}.role-label .player-name{font-size:11px}.champion-strip{padding:9px 5px}.champion-card{flex-basis:64px}.champion-card .winrate{font-size:13px}}.matchup-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.matchup-tab{color:#92958f;text-align:left;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:12px;min-width:0;padding:21px 23px;display:flex}.matchup-tab+.matchup-tab{border-left:1px solid var(--line)}.matchup-tab.weak-tab{text-align:right;flex-direction:row-reverse}.matchup-tab:hover{background:#20231e}.matchup-tab.strong-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);background:#20271a}.matchup-tab.weak-tab[aria-selected=true]{color:var(--warm);border-bottom-color:var(--warm);background:#2a1e21}.matchup-tab:focus-visible{outline-offset:-5px;outline:2px solid}.matchup-tab .direction{color:inherit;background:0 0;border-color:currentColor;flex-shrink:0}.matchup-tab-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.matchup-tab-title{letter-spacing:-.4px;font-size:18px;font-weight:520}.matchup-tab-description{color:#92958f;font-size:12px}@media (max-width:600px){.matchup-tab{gap:8px;padding:16px 12px}.matchup-tab-title{font-size:14px}.matchup-tab-description{font-size:10px;line-height:1.5}.matchup-tab .direction{width:24px;height:24px}}
