.tooltip-inner{background-color:#0a0e13;border:1px solid #1a2633;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.7);color:#fff;font-family:Roboto,Inter,sans-serif;font-size:12px;padding:12px;text-align:left;width:280px}.tooltip-title{color:#5383e8;font-size:14px;font-weight:700;margin-bottom:8px}.tooltip-description{color:#ebebeb;font-weight:500;line-height:1.5;margin-bottom:4px}.tooltip-gold{color:#ebebeb;font-weight:600}.gold-label{color:#ebebeb}.gold-value{color:var(--color-accent,#ffc107);margin-left:4px}.rune-tt{background:#0d1117;border:1px solid rgba(200,170,80,.3);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.7);font-family:Inter,Roboto,sans-serif;overflow:hidden;padding:0;width:320px}.rune-tt-header{align-items:center;background:rgba(200,170,80,.08);border-bottom:1px solid rgba(200,170,80,.15);display:flex;gap:10px;padding:10px 12px}.rune-tt-icon{border-radius:50%;flex-shrink:0;height:32px;width:32px}.rune-tt-name{color:#f0f4f8;font-size:14px;font-weight:700;line-height:1.2}.rune-tt-body{color:#b0bec5;font-size:12.5px;line-height:1.55;padding:8px 12px 10px}.skill-tt{background:#0d1117;border:1px solid rgba(200,170,80,.3);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.7);font-family:Inter,Roboto,sans-serif;overflow:hidden;padding:0;width:320px}.skill-tt-header{align-items:center;background:rgba(200,170,80,.08);border-bottom:1px solid rgba(200,170,80,.15);display:flex;gap:10px;padding:10px 12px}.skill-tt-icon{border:1px solid rgba(200,170,80,.3);border-radius:6px;flex-shrink:0;height:32px;width:32px}.skill-tt-name{color:#f0f4f8;font-size:14px;font-weight:700;line-height:1.2}.skill-tt-body{padding:8px 12px 10px}.skill-tt-meta{color:#8b9bb4;font-size:12px;font-weight:600;line-height:1.4;margin-bottom:4px}.skill-tt-description{color:#b0bec5;font-size:12.5px;line-height:1.55;margin-top:6px}.tooltip-container{display:inline-flex;position:relative}.tooltip-container>.tooltip{background-color:#0a0e13;border:1px solid #1a2633;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 16px rgba(0,0,0,.6);color:#fff;font-family:Roboto,Inter,sans-serif;font-size:12px;left:50%;opacity:0;padding:12px;pointer-events:none;position:absolute;text-align:left;transform:translateX(-50%);transition:opacity .2s;visibility:hidden;white-space:normal;width:280px;z-index:100}.tooltip-container:hover>.tooltip{opacity:1;visibility:visible}.item-tt{background:#0d1117;border:1px solid rgba(200,170,80,.3);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.7);font-family:Inter,Roboto,sans-serif;overflow:hidden;padding:0;width:320px}.item-tt-header{align-items:center;background:rgba(200,170,80,.08);border-bottom:1px solid rgba(200,170,80,.15);display:flex;gap:10px;padding:10px 12px}.item-tt-icon{border:1px solid rgba(200,170,80,.3);border-radius:6px;flex-shrink:0;height:40px;width:40px}.item-tt-header-text{display:flex;flex-direction:column;gap:1px}.item-tt-name{color:#f0f4f8;font-size:14px;font-weight:700;line-height:1.2}.item-tt-gold{color:#e8a33c;font-size:13px;font-weight:600;line-height:1.2}.item-tt-stats{border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;gap:3px;padding:8px 12px}.item-tt-stat-line{align-items:center;display:flex;font-size:13px;gap:6px;line-height:1.4}.item-tt-stat-icon{filter:brightness(1.2);flex-shrink:0;height:14px;width:14px}.item-tt-stat-value{font-size:13px;font-weight:700}.item-tt-stat-label{color:#c8d6e5;font-size:13px;font-weight:500}.item-tt-body{color:#b0bec5;font-size:12.5px;line-height:1.55;padding:8px 12px 10px}.item-tt-passive{color:#f0f4f8}.item-tt-active,.item-tt-passive{display:block;font-size:13px;font-weight:700;margin-bottom:2px;margin-top:6px}.item-tt-active{color:#e8a33c}.item-tt-physical{color:#e8a33c;font-weight:600}.item-tt-magic{color:#7bb5e8;font-weight:600}.item-tt-true{color:#f0f4f8;font-weight:600}.item-tt-healing,.item-tt-speed{color:#4ade80;font-weight:600}.item-tt-shield{color:#c8c8c8;font-weight:600}.item-tt-status{color:#f0f4f8;font-weight:600}.item-tt-attention{color:#e8a33c;font-weight:700}.item-tt-rules{border-top:1px solid hsla(0,0%,100%,.08);padding-top:6px}.item-tt-flavor,.item-tt-rules{color:#6b7f99;font-size:11px;font-style:italic;margin-top:6px}.item-tt-li{margin:2px 0;padding-left:4px}.spell-tt{background:#0d1117;border:1px solid rgba(200,170,80,.3);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.7);font-family:Inter,Roboto,sans-serif;overflow:hidden;padding:0;width:300px}.spell-tt-header{align-items:center;background:rgba(200,170,80,.08);border-bottom:1px solid rgba(200,170,80,.15);display:flex;gap:10px;padding:10px 12px}.spell-tt-icon{border:1px solid rgba(200,170,80,.3);border-radius:6px;flex-shrink:0;height:40px;width:40px}.spell-tt-name{color:#f0f4f8;font-size:14px;font-weight:700;line-height:1.2}.spell-tt-body{border-bottom:1px solid hsla(0,0%,100%,.06);padding:8px 12px}.spell-tt-description{color:#b0bec5;font-size:12.5px;line-height:1.55}.spell-tt-footer{background:rgba(200,170,80,.04);padding:8px 12px}.spell-tt-cooldown{color:#c9a84c;font-size:12px;font-weight:700}.tooltip-portal-trigger{display:inline-flex}.tooltip-portal{animation:tooltipPortalFadeIn .12s ease-out;pointer-events:none;position:absolute;z-index:99999}@keyframes tooltipPortalFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rune-tree-section{display:flex;flex-direction:column;padding:16px}.rune-tree-header{margin-bottom:16px}.rune-tree-header,.rune-tree-header-left{align-items:center;display:flex}.rune-tree-title{color:#fff;font-size:16px;font-weight:700;margin:0}.rune-tree-subtitle{color:#9ca3af;font-size:12px;margin-left:16px}.rune-tree-header-right{align-items:center;display:flex;gap:.5rem;margin-left:auto}.win-rate{color:var(--color-text-muted,#a0aec0);font-weight:700}.match-count{color:#718096;font-size:.875rem}.rune-tree-container{display:flex;gap:2rem}.rune-tree-section.compact .rune-tree-container{gap:.5rem}.rune-tree-section.compact .rune-row{gap:.125rem;margin-bottom:.25rem}.rune-tree{align-items:center;display:flex;flex:1;flex-direction:column}.secondary-tree-with-shards{align-items:flex-start;display:flex;flex-direction:row;gap:1rem}.tree-header-group{align-items:flex-start;display:flex;justify-content:space-between}.tree-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.tree-icon{height:2rem;width:2rem}.tree-name{font-size:1rem;font-weight:700}.primary-tree .tree-name{color:#fbbf24}.secondary-tree .tree-name{color:#60a5fa}.stat-mods-header{color:#d8b4fe}.rune-row{display:flex;gap:.25rem;justify-content:center;margin-bottom:.5rem}.rune-icon{border:1px solid transparent;border-radius:50%;height:2rem;transition:all .2s ease-in-out;width:2rem}.rune-icon.unselected{opacity:.5}.shard-container{display:flex;flex-direction:column}.shard-row{display:flex;gap:.25rem;justify-content:center}.shard-icon{border:1px solid transparent;border-radius:9999px;height:1.5rem;transition:all .2s ease-in-out;width:1.5rem}.shard-icon.unselected{opacity:.5}@media (max-width:768px){.rune-tree-section{background-color:var(--color-bg-secondary,#0e172b);margin-left:0;margin-right:0;padding:0;width:100%}.rune-tree-container{flex-wrap:wrap;justify-content:center}}.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}.laning-phase-container{color:#cdd3e0;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-top:1rem;width:100%}.stats-section{background:linear-gradient(135deg,rgba(10,18,32,.7),rgba(14,23,43,.5));border:1px solid hsla(0,0%,100%,.08);border-radius:.5rem;box-shadow:0 10px 30px rgba(0,0,0,.5);display:flex;flex:1;flex-direction:column;gap:6px;padding:.875rem}.laning-phase-title{color:#8b9bb4;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;letter-spacing:1.5px;margin:0 0 6px;text-transform:uppercase}.damage-bar-row{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.damage-bar-text-row{align-items:baseline;display:flex;justify-content:space-between}.damage-bar-label{color:#8a9bb5;font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.damage-bar-container{background-color:rgba(30,45,70,.6);border-radius:2px;height:4px;width:100%}.damage-bar-fill{border-radius:2px;height:100%;transition:width .4s ease}.damage-bar-value{color:#b8cce0;font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:600}.laning-stats-grid{display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-top:4px}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-item .stat-label{color:#6b7fa3;font-size:.625rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.negative-stat,.neutral-stat,.positive-stat{font-family:Rajdhani,sans-serif;font-size:.875rem;font-weight:600}.positive-stat{color:#5eead4}.negative-stat{color:#ef5350}.neutral-stat{color:#b8cce0}@media (max-width:768px){.laning-phase-container{grid-template-columns:1fr}}.laning-phase-vertical{grid-template-columns:1fr;margin-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}.patch-label-info{align-items:center;background:rgba(180,120,220,.25);border-radius:50%;color:#c084d8;cursor:help;display:inline-flex;flex-shrink:0;font-size:9px;font-weight:700;height:14px;justify-content:center;line-height:1;margin-left:2px;position:relative;transform:skewX(6deg);width:14px}.patch-label-info:hover{background:rgba(180,120,220,.4);color:#e0b0f0}.patch-label-tooltip{background:#1a1f2e;border:1px solid rgba(180,120,220,.3);border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px rgba(0,0,0,.4);color:#c8d6e5;display:none;font-size:11px;font-weight:400;letter-spacing:.01em;line-height:1.45;padding:8px 10px;pointer-events:none;position:absolute;right:-8px;transform:skewX(-6deg);white-space:normal;width:240px;z-index:100}.patch-label-tooltip:after{border:5px solid transparent;border-top-color:rgba(180,120,220,.3);content:"";position:absolute;right:14px;top:100%}.patch-label-info:hover .patch-label-tooltip{display:block}@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}@media (max-width:768px){.amazon-affiliate-links-container{display:none}}@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}@font-face{font-display:swap;font-family:Rajdhani;font-style:normal;font-weight:600;src:url(https://d2ml4wwnh8whj3.cloudfront.net/fonts/rajdhani-600-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}.matchup-container{background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 auto;max-width:800px;padding:20px}.matchup-heading{color:#333;font-size:2em}.matchup-box{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-bottom:20px;padding:10px}.matchup-paragraph{color:#666;font-size:1.2em}.matchup-strong{font-weight:700}.matchup-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px}.matchup-button-text{color:#007bff;margin-top:10px}.header-background-container{background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:.5rem;color:var(--color-text-primary,#f0f4f8);overflow:visible;padding:24px}.matchup-main{align-items:stretch;background-color:var(--color-bg-primary,#020817);box-sizing:border-box;display:flex;flex-direction:column;padding-top:0;width:100%}@media (max-width:768px){.matchup-main{padding:4rem 0 0}}.champion-header-row{margin-top:30px;padding-bottom:30px;padding-top:30px;width:100%}.centered-flex-column{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.championPageStylingContainer{display:flex;flex-direction:row;width:100%}@media (max-width:768px){.championPageStylingContainer{flex-direction:column;gap:0;width:100%}}.left-aligned-flex-column{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;max-width:1400px;width:100%}.build-page-row{width:100%}.lol-matchups-net-is-reader-supported-we-may-earn-a-commission-when-you-buy-through-links-on-this-page{color:#8890b5;font-size:.9rem;margin-bottom:20px;padding:10px;text-align:center}.middle-column{flex-grow:1;margin-right:0;min-width:0}.ad-container.left{left:0}.ad-container.left,.ad-container.right{height:600px;position:fixed;top:50%;transform:translateY(-50%);width:160px;z-index:1000}.ad-container.right{right:0}.left-column{margin-right:.625rem}.left-column,.right-column{flex-shrink:0;height:100vh;position:sticky;top:0;width:15.625rem}.right-column{margin-left:.625rem;max-width:238px}