.ChampionHeaderImage{border:2px solid #a78bfa;border-radius:.5rem;height:5rem;width:5rem}@media (max-width:768px){.ChampionHeaderImage{border:1px solid #c7edff;border-radius:.5rem;height:60px;width:60px}}.selector-wrapper{position:relative}.selector-trigger-button{background-color:#1e293b;border:2px solid #7c3aedcc;border-radius:1.5rem;box-shadow:0 0 25px 0 #7c3aed55;cursor:pointer;height:9rem;overflow:hidden;padding:0;position:relative;width:9rem}.selector-image-container,.selector-qmark-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.selector-qmark p{color:#fff;font-family:Exo\ 2,sans-serif;font-size:6rem;font-weight:900;line-height:1;margin:0;text-align:center}.selector-image-container{position:relative}.selector-champion-image{height:100%;object-fit:cover;position:absolute;width:100%}.popover-content{background-color:#1e293b;border:1px solid #7c3aedcc;border-radius:.375rem;display:none;left:50%;margin-top:.5rem;position:absolute;top:100%;transform:translateX(-50%);width:300px;z-index:50}.popover-content.open{display:block}.popover-search-container{padding:.5rem;position:relative}.popover-search-input{background-color:#1e293b;border:1px solid #7c3aedcc;border-radius:.375rem;color:#fff;font-size:.875rem;height:2.5rem;padding:.5rem .75rem;width:100%}.popover-scroll-area{height:18rem;overflow-y:scroll;padding:.5rem}.popover-scroll-area::-webkit-scrollbar{width:8px}.popover-scroll-area::-webkit-scrollbar-track{background:transparent}.popover-scroll-area::-webkit-scrollbar-thumb{background:#7c3aedcc;border-radius:4px}.popover-grid{display:grid;gap:.25rem;grid-template-columns:repeat(3,1fr)}.popover-champion-button{align-items:center;background:none;border:none;border-radius:.375rem;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;height:auto;justify-content:center;padding:.5rem;width:100%}.popover-champion-button:hover{background-color:#7c3aed55}.popover-champion-image{border-radius:.375rem;height:48px;width:48px}.popover-champion-name{color:#fff;font-size:.75rem;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.ChampionHeaderTextContainer{display:flex;flex:1;flex-direction:column;font-size:1.45rem}.headerStyle{color:#e6f7ff;font-family:Exo\ 2,sans-serif;font-size:1.4em;margin:0;padding:0;white-space:nowrap}.championName{color:#fff;font-weight:600}.guideText{color:#a9c2e6;font-weight:400;margin-left:.4em}.subheaderStyle{color:#a9c2e6;font-size:.8em;margin-top:.5em}.patchInfo{align-items:center;background-color:#1a202c;border-radius:4px;color:#cbd5e1;display:flex;font-size:12px;font-weight:700;height:fit-content;justify-content:center;margin-left:10px;padding:4px 8px;white-space:nowrap}@media (max-width:768px){.patchInfo{display:none}.headerStyle{color:#e6f7ff;font-family:Verdana,sans-serif;font-size:.76em;margin:0;padding:0;white-space:nowrap}}.ChampionHeader{align-items:center;background-color:transparent;display:flex;padding-bottom:1rem;padding-right:2rem;padding-top:1rem;position:relative}.ChampionHeader .icon-container{margin-right:1.5rem}.ChampionHeader .text-and-skills{display:flex;flex-direction:column;justify-content:center}@media (max-width:768px){.ChampionHeader{align-items:center;flex-direction:row;padding-left:1%}.ChampionHeader .icon-container{align-items:center;display:flex;margin-bottom:0;margin-right:1rem}}@font-face{font-display:swap;font-family:Cinzel;font-style:normal;font-weight:700;src:url(https://d2ml4wwnh8whj3.cloudfront.net/fonts/cinzel-700-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.navbar-header{background-color:var(--color-bg-primary,#020817);border-bottom:1px solid rgba(139,122,86,.25);justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-header{display:flex;width:100%}.navbar{align-items:center;background-color:transparent;box-sizing:border-box;font-family:Exo\ 2,sans-serif;height:4rem;justify-content:space-between;padding:0 1rem 0 0;position:relative}.navbar-left{align-items:center;display:flex;gap:1.5rem;padding-left:0}.navbar-logo{height:32px;margin-right:.5rem;width:32px}.navbar-title{color:#e6f7ff;font-family:Cinzel,Exo\ 2,serif;font-size:1.125rem;font-weight:700;letter-spacing:.06em}.navbar-link{align-items:center;display:flex;text-decoration:none}.navbar-links{display:flex;gap:1.5rem}.navbar-blog-link,.navbar-links{font-family:Exo\ 2,sans-serif;font-weight:400}.navbar-blog-link{color:#e6f7ff;transition:color .2s ease}.navbar-blog-link:hover{color:var(--color-accent-teal,#31fdfe)}.navbar-right{align-items:center;display:flex;gap:1.5rem}.navbar-search-container{align-items:center;display:flex;position:relative}.navbar-search-icon{color:#a9c2e6;left:1rem;position:absolute}.navbar-search-input{background-color:#0a1018;border:1px solid #3a4048;border-radius:2rem;color:#a9c2e6;padding:.5rem 1rem .5rem 2.5rem;transition:all .3s ease;width:250px}.navbar-search-input::placeholder{color:#a9c2e6}.navbar-search-input:focus{border-color:#dbe9ee;outline:none;width:300px}.navbar-account{position:relative}.navbar-user-trigger{align-items:center;background-color:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:9999px;color:#e6f7ff;cursor:pointer;display:flex;font-family:Exo\ 2,sans-serif;font-size:.8125rem;font-weight:600;gap:.5rem;line-height:1;padding:.35rem .75rem .35rem .35rem;transition:all .15s ease}.navbar-user-trigger:hover{background-color:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.14)}.navbar-user-avatar{border-radius:50%;height:26px;object-fit:cover;width:26px}.navbar-user-name{white-space:nowrap}.navbar-user-chevron{flex-shrink:0;opacity:.5}@media (max-width:768px){.navbar{padding:0 .75rem}.navbar-user-chevron,.navbar-user-name{display:none}.navbar-user-trigger{padding:.3rem}}.navbar-search-results{background-color:#0f1923;border:1px solid #1e2e52;border-radius:.5rem;left:0;margin-top:.25rem;max-height:320px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.navbar-search-result-item{align-items:center;color:#e6f7ff;cursor:pointer;display:flex;font-family:Exo\ 2,sans-serif;font-size:.875rem;gap:.75rem;padding:.5rem 1rem;transition:background-color .15s ease}.navbar-search-result-item:hover{background-color:#1c2948}.navbar-search-result-icon{border-radius:50%;height:28px;object-fit:cover;width:28px}.navbar-new-badge{animation:navbar-new-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00e5ff,#31fdfe);border-radius:4px;color:#0e172b;display:inline-block;font-family:Exo\ 2,sans-serif;font-size:.6rem;font-weight:800;letter-spacing:.5px;line-height:1;margin-left:6px;padding:1px 6px;vertical-align:super}@keyframes navbar-new-pulse{0%,to{opacity:1}50%{opacity:.7}}.navbar-discord-link{align-items:center;color:#a9c2e6;display:flex;justify-content:center;transition:color .2s ease,transform .2s ease}.navbar-discord-link:hover{color:#5865f2;transform:scale(1.1)}.button-links-subheader{display:flex;gap:1.5rem;margin-top:1.5rem}.subheader-button{background-color:transparent;border:none;color:var(--color-text-secondary,#b8cce0);cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:color .2s ease}.subheader-button:hover{background-color:#1d2a48;color:#fff}.subheader-button.active{color:#a78bfa}.subheader-button.active:after{background-color:#a78bfa;border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}@media (max-width:768px){.button-links-subheader{gap:1rem;padding:8px 0}.subheader-button{font-size:.9rem}}.view-toggle{align-items:center;display:flex;gap:.625rem}.view-toggle-label{color:#4a5568;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.view-toggle-buttons{gap:.375rem}.view-toggle-buttons,.vt-btn{align-items:center;display:flex}.vt-btn{background:linear-gradient(180deg,#1a2235,#0f1724);border:1px solid rgba(30,46,82,.5);color:#8b7a56;cursor:pointer;height:36px;justify-content:center;overflow:hidden;padding:0;position:relative;transform:skewX(-6deg);transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;width:42px}.vt-btn svg{flex-shrink:0;opacity:.6;transform:skewX(6deg);transition:opacity .2s}.vt-btn:hover{background:linear-gradient(180deg,#1e2d42,#152238);border-color:rgba(139,122,86,.4);box-shadow:0 0 8px rgba(139,122,86,.1);color:#b8a472}.vt-btn:hover svg{opacity:1}.vt-btn--active{background:linear-gradient(180deg,#1a2a30,#0e1e24);border-color:rgba(92,158,173,.5);box-shadow:0 0 12px rgba(92,158,173,.15);color:#8b7a56}.vt-btn--active svg{opacity:1}.vt-btn-bar{background:linear-gradient(90deg,#5c9ead,#7ec8d8);border-radius:0 0 2px 2px;height:3px;left:0;position:absolute;right:0;top:0}.filter-bar-container{align-items:center;background-color:transparent;box-sizing:border-box;display:flex;gap:1rem;justify-content:space-between;padding-bottom:1rem;padding-top:1rem;width:100%}.filter-group{gap:.375rem}.filter-button,.filter-group{align-items:center;display:flex}.filter-button{background:linear-gradient(180deg,#1a2235,#0f1724);border:1px solid rgba(30,46,82,.5);border-radius:0;color:#4a5568;cursor:pointer;height:32px;justify-content:center;overflow:hidden;padding:0;position:relative;transform:skewX(-6deg);transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;width:36px}.filter-button:hover:not(:disabled){background:linear-gradient(180deg,#1e2d42,#152238);border-color:rgba(92,158,173,.4);box-shadow:0 0 8px rgba(92,158,173,.1)}.filter-button.active{background:linear-gradient(180deg,#1a3040,#0e2030);border-color:rgba(92,158,173,.5);box-shadow:0 0 12px rgba(92,158,173,.15)}.filter-button.active:before{background:linear-gradient(90deg,#5c9ead,#7ec8d8);border-radius:0 0 2px 2px;content:"";height:3px;left:0;position:absolute;right:0;top:0}.filter-button:disabled{cursor:not-allowed;opacity:.4}.role-button img{height:16px;opacity:.6;transform:skewX(6deg);transition:opacity .2s;width:16px}.filter-button.active .role-button img,.filter-button:hover:not(:disabled) .role-button img{opacity:1}.search-bar{position:relative}.search-bar input{background:linear-gradient(180deg,rgba(20,30,50,.8),rgba(12,20,36,.9));border:none;border-bottom:1px solid rgba(100,90,70,.2);border-radius:0;border-top:1px solid hsla(40,24%,51%,.3);color:#b8cce0;font-size:.8125rem;font-weight:500;letter-spacing:.02em;padding:.55rem 1rem .55rem 2.5rem;transform:skewX(-6deg);transition:border-color .2s ease,box-shadow .2s ease,width .2s ease;width:200px}.search-bar input:focus{border-bottom-color:rgba(92,158,173,.3);border-top-color:rgba(92,158,173,.5);box-shadow:0 0 8px rgba(92,158,173,.15);outline:none;width:240px}.search-bar input::placeholder{color:#4a5568;font-weight:400}.search-bar-icon{color:#4a5568;left:.85rem;opacity:.8;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) skewX(-6deg)}.filter-bar-right{gap:1rem}.filter-bar-right,.patch-label{align-items:center;display:flex}.patch-label{background:linear-gradient(180deg,rgba(157,77,187,.25),rgba(120,50,160,.15));border:none;border-bottom:1px solid rgba(120,60,160,.2);border-radius:0;border-top:1px solid rgba(180,120,220,.4);box-shadow:none;color:#d9a1f0;font-size:.6875rem;font-weight:600;gap:6px;height:fit-content;justify-content:center;letter-spacing:.04em;margin-left:10px;padding:6px 16px;transform:skewX(-6deg);white-space:nowrap}.patch-label-emblem{height:20px;object-fit:contain;transform:skewX(6deg);width:20px}@media (max-width:768px){.filter-bar-container{gap:12px;padding:8px}.filter-button{border-radius:.375rem;height:32px;transform:none;width:32px}.role-button img{height:18px;transform:none;width:18px}.search-bar input{border:1px solid rgba(30,46,82,.6);border-radius:9999px;font-size:12px;transform:none;width:100px}.search-bar-icon{transform:translateY(-50%)}.patch-label{border:1px solid rgba(157,77,187,.5);border-radius:9999px}.patch-label,.patch-label-emblem{transform:none}.rank-button{display:none}}.amazon-affiliate-links-container{width:15.625rem}.amazon-affiliate-links-container.left{margin-left:1.25rem;margin-right:.625rem}.amazon-affiliate-links-container.right{margin-left:.625rem;margin-right:1.25rem}.lol-matchups-net-is-reader-supported-we-may-earn-a-commission-when-you-buy-through-links-on-this-page{color:var(--color-text-secondary,#b8cce0);font-size:.75rem;margin-bottom:10px;text-align:center}@media (max-width:768px){.amazon-affiliate-links-container{display:none}}.ad-rail-sticky{box-sizing:border-box;padding:20px;position:sticky;top:5rem;width:100%}.ad-rail-container{background-color:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;max-width:300px;padding:12px;width:100%}.ad-rail-label{color:hsla(0,0%,100%,.4);display:block;font-family:Exo\ 2,Rajdhani,sans-serif;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.ad-rail-slot{box-sizing:border-box;max-width:300px;overflow:hidden;position:relative;width:100%}.ad-rail-fallback{align-items:center;display:flex;inset:0;justify-content:center;padding:2rem;position:absolute;text-align:center}.ad-rail-fallback-text{color:hsla(0,0%,100%,.3);font-family:Exo\ 2,sans-serif;font-size:13px;font-weight:500;line-height:1.5}.left-sidebar{background-color:var(--color-bg-sidebar,#080d1a);border-right:1px solid rgba(139,122,86,.25);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:4rem;transition:width .2s ease;width:48px;z-index:900}.left-sidebar.expanded{width:220px}.left-sidebar-nav{flex:1;list-style:none;margin:0;padding:0}.left-sidebar-item{position:relative}.left-sidebar-link{align-items:center;color:var(--color-text-secondary,#b8cce0);display:flex;gap:.75rem;padding:.75rem .875rem;text-decoration:none;transition:background-color .15s ease,color .15s ease;white-space:nowrap}.left-sidebar-link:hover{color:var(--color-text-primary,#f0f4f8)}.left-sidebar-link--active,.left-sidebar-link:hover{background-color:var(--color-interactive-hover,#2a3b5a)}.left-sidebar-link--active{box-shadow:inset -3px 0 0 var(--color-accent-teal,#31fdfe)}.left-sidebar-link--active,.left-sidebar-link--active .left-sidebar-link-icon{color:var(--color-accent-teal,#31fdfe)}.left-sidebar-link--active:hover{background-color:var(--color-interactive-hover,#344a6e)}.left-sidebar-link-icon{flex-shrink:0;height:22px;width:22px}.left-sidebar-link-label{font-family:Exo\ 2,sans-serif;font-size:.875rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .15s ease}.left-sidebar.expanded .left-sidebar-link-label{opacity:1;pointer-events:auto}.left-sidebar-tooltip{background-color:var(--color-bg-card,#141f38);border:1px solid var(--color-border,#1e2e52);border-radius:.375rem;color:var(--color-text-primary,#f0f4f8);font-size:.75rem;font-weight:600;left:100%;margin-left:8px;opacity:0;padding:.35rem .65rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s ease;white-space:nowrap;z-index:910}.left-sidebar:not(.expanded) .left-sidebar-item:hover .left-sidebar-tooltip{opacity:1}.left-sidebar-toggle{align-items:center;background:none;border:1px solid transparent;border-radius:.375rem;color:var(--color-text-muted,#a0aec0);cursor:pointer;display:flex;justify-content:center;margin:.25rem .375rem;padding:.625rem;transition:background-color .15s ease,color .15s ease}.left-sidebar-toggle:hover{background-color:var(--color-interactive-hover,#2a3b5a);color:var(--color-text-primary,#f0f4f8)}@media (max-width:767px){.left-sidebar{display:none}}.page-layout-shell{display:flex;flex-direction:column;min-height:100vh;padding-top:4rem}.page-layout-content{display:flex;flex:1;min-height:0}.page-layout-main{border-right:1px solid hsla(0,0%,100%,.05);display:flex;flex:1;flex-direction:column;min-width:0;overflow-x:hidden}.page-layout-main>*{flex:1}.right-panel-spacer{align-self:stretch;background-color:#090e17;display:none;flex-shrink:0;max-width:300px;width:300px}.page-layout-content.with-sidebar{margin-left:48px}@media (min-width:1024px){.page-layout-main{min-width:600px}.page-layout-main>*{flex:1;margin-left:auto;margin-right:0}.right-panel-spacer{display:block}}@media (min-width:768px) and (max-width:1023px){.page-layout-main{min-width:600px}}@media (max-width:767px){.page-layout-main{margin-left:0;min-width:0}.page-layout-content.with-sidebar{margin-left:0}}:root{--color-bg-primary:#020817;--color-bg-secondary:#0e172b;--color-bg-card:#141f38;--color-bg-input:#182543;--color-text-primary:#f0f4f8;--color-text-secondary:#b8cce0;--color-text-muted:#a0aec0;--color-accent:#ffc107;--color-accent-purple:#895af6;--color-accent-teal:#31fdfe;--color-border:#1e2e52;--color-border-light:#3c4a6c;--color-interactive-hover:#2a3b5a;--color-success:#4ade80;--color-danger:#f87171}[data-theme=optimized-1]{--color-bg-primary:#1a171f;--color-bg-secondary:#1b2b4d;--color-bg-card:#223a6c;--color-bg-input:#1b2b4d;--color-text-primary:#d1c0c5;--color-text-secondary:#b5949c;--color-text-muted:#786268;--color-accent:#e2b27e;--color-accent-purple:#59cf93;--color-accent-teal:#59cf93;--color-border:#305785;--color-border-light:#305785;--color-interactive-hover:#305785;--color-success:#59cf93;--color-danger:#b9451d}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3c4a6c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}