.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}.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}}.tooltip{opacity:1;visibility:visible}.tooltip-title{color:#5383e8;font-size:14px;font-weight:700;margin-bottom:8px}.tooltip-description{line-height:1.5;margin-bottom:12px}.tooltip-description,.tooltip-gold{color:#ebebeb;font-weight:600}.gold-label{color:#ebebeb}.gold-value{color:var(--color-accent,#ffc107);margin-left:4px}.tooltip-container{display:inline-block;position:relative}.tooltip{background-color:#0a0e13;border:1px solid #1a2633;border-radius:6px;bottom:125%;color:#fff;font-family:Roboto,sans-serif;font-size:12px;left:50%;margin-left:-140px;opacity:0;padding:12px;position:absolute;text-align:left;transition:opacity .3s;visibility:hidden;width:280px;z-index:10}.tooltip-container:hover .tooltip{opacity:1;visibility:visible}.build-page-skill-section{background-color:var(--color-bg-secondary,#0e172b);border-radius:8px;box-sizing:border-box;display:flex;gap:1rem;padding:1rem;width:100%}.skill-path-section,.skill-priority-section{display:flex;flex-direction:column}.skill-priority-section{flex-basis:30%}.skill-path-section{flex-basis:70%}.header{align-items:center;display:flex;margin-bottom:1rem}.header-accent-line{margin-right:8px}.header h3{color:#fff;font-size:16px;font-weight:700;margin:0}.skill-priority-icons{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.winrate-stats{margin-bottom:1rem}.winrate{color:#22d3ee}.games-played{font-size:12px}.summoner-spells img{border-radius:4px;height:24px;margin-right:4px;width:24px}.skill-path-grid{display:flex;flex-direction:column;gap:.25rem}.skill-info,.skill-row{align-items:center;display:flex;gap:.5rem}.skill-info{width:150px}.skill-name{background-color:#1a263e;border-radius:4px;color:#60a5fa;font-size:14px;padding:.25rem .5rem;text-align:center;width:100%}.skill-slots{display:flex;gap:2px}.skill-slot{align-items:center;background-color:#374151;border-radius:2px;color:#fff;display:flex;font-size:12px;font-weight:700;height:26px;justify-content:center;width:26px}.skill-slot.active{background-color:#2563eb}.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}}.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}.toughest-matchups-container{background-color:var(--color-bg-secondary,#0e172b);border-radius:8px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;padding:1rem;width:100%}.toughest-matchups-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.header-accent-line{background-color:#3b82f6;border-radius:2px;height:20px;width:4px}.toughest-matchups-header h3{color:#fff;font-size:16px;font-weight:700;margin:0}.toughest-matchups-header span{color:#9ca3af;font-size:12px;margin-left:8px}.matchups-list{display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start;overflow-x:auto;width:100%}.matchup-card{align-items:center;background-color:#1a263e;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-width:80px;padding:12px;transition:background-color .2s ease-in-out;width:calc(10% - 10.8px)}.matchup-card:hover{background-color:#2c3a58}.champion-icon{border:2px solid #3b82f6;border-radius:50%;height:48px;margin-bottom:8px;margin-right:0;width:48px}.champion-name{color:#e2e8f0;font-size:13px;font-weight:700;margin-bottom:4px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.winrate{font-size:14px;font-weight:700;margin-bottom:2px}.winrate.low-winrate{color:#ef4444}.games-played{color:#9ca3af;font-size:10px}.no-matchups-container{background-color:#1a202c;border-radius:8px;color:#666;font-size:14px;padding:16px}@media (max-width:768px){.toughest-matchups-container{padding:0;width:100%}.matchup-card{width:25%}}.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}