.lol-page{--lol-purple:#6654b4;--lol-gold:#d9b45f;background:#fffaf1}.lol-intro{width:100%;padding:28px clamp(20px,5vw,72px) 42px;text-align:center}.lol-intro h1{margin:18px auto 12px;font:800 clamp(50px,6vw,78px)/1 Manrope,sans-serif;letter-spacing:-4px}.lol-intro h1:after{content:".";color:#d9b45f}.lol-intro p{max-width:800px;margin:auto;color:var(--muted);font-size:16px;line-height:1.7}.lol-breadcrumb{margin:0 0 28px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:12px;text-align:left}.lol-breadcrumb a{color:inherit}.lol-trust{margin:18px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.lol-trust span{padding:7px 11px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:11px;font-weight:800}.lol-page .maker-shell{border-top:5px solid var(--lol-purple)}.lol-page .unranked-zone{height:390px;max-height:390px;overflow-y:auto;align-content:start}.lol-page .rank-image{background:#eef0f6;object-fit:contain}.lol-page .title-field small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.lol-roles,.lol-guide,.lol-meta,.lol-intent{padding:95px max(20px,7vw)}.lol-roles{background:#f2eee4;border-block:1px solid var(--line)}.lol-section-heading{max-width:900px;margin:0 auto 42px;text-align:center}.lol-section-heading h2{margin:15px 0 12px;font:800 clamp(36px,4.5vw,57px)/1.07 Manrope,sans-serif;letter-spacing:-3px}.lol-section-heading p{max-width:780px;margin:auto;color:var(--muted);font-size:14px;line-height:1.75}.lol-role-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lol-role-card{display:flex;flex-direction:column;min-height:310px;padding:25px;border:1px solid var(--line);border-radius:14px;background:#fff}.lol-role-card:last-child{grid-column:span 2}.lol-role-card:nth-child(1){border-top:5px solid #d27f7b}.lol-role-card:nth-child(2){border-top:5px solid #8c79ca}.lol-role-card:nth-child(3){border-top:5px solid #70a9bf}.lol-role-card:nth-child(4){border-top:5px solid #d6a75f}.lol-role-card:nth-child(5){border-top:5px solid #92b77a}.lol-role-card>span{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#765eb9}.lol-role-card h3{margin:15px 0 10px;font:800 20px/1.25 Manrope,sans-serif}.lol-role-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.lol-guide{max-width:1300px;margin:auto}.lol-guide-block{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.4fr);gap:60px;padding:58px 0;border-top:1px solid var(--line)}.lol-guide-block>div:first-child b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#eee6ff;color:#765eb9;font-size:11px}.lol-guide-block h3{margin:18px 0 0;font:800 clamp(29px,3vw,42px)/1.12 Manrope,sans-serif;letter-spacing:-2px}.lol-guide-block>div:last-child p{margin:0 0 16px;color:#59635d;font-size:15px;line-height:1.8}.lol-meta{background:#fffdf8;border-block:1px solid var(--line)}.lol-meta-inner,.lol-intent-inner{max-width:1000px;margin:auto}.lol-meta h2,.lol-intent h2{margin:15px 0 14px;font:800 clamp(34px,4vw,52px)/1.08 Manrope,sans-serif;letter-spacing:-2.5px}.lol-meta p,.lol-intent p{color:#59635d;font-size:15px;line-height:1.85}.lol-meta-callout{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.lol-meta-callout div{padding:20px;border:1px solid var(--line);border-radius:12px;background:#f7f3ea}.lol-meta-callout strong{display:block;font:800 18px Manrope}.lol-meta-callout span{display:block;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.55}.lol-intent{padding-top:70px;padding-bottom:70px}.lol-faq,.lol-cta{margin-top:30px}.lol-cta .cta-button-lime{color:#fff}.lol-cta .cta-button-light{color:var(--ink)}.lol-data-note{padding:75px max(20px,7vw);background:#f2eee4}.lol-data-note>div{max-width:1000px;margin:auto}.lol-data-note h2{font:800 clamp(34px,4vw,50px)/1.08 Manrope}.lol-data-note p{color:var(--muted);line-height:1.75}.lol-data-note dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lol-data-note dl div{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.lol-data-note dt{font-size:9px;font-weight:800;text-transform:uppercase;color:#765eb9}.lol-data-note dd{margin:7px 0 0;font-weight:700}@media(max-width:1000px){.lol-role-grid{grid-template-columns:repeat(2,1fr)}.lol-role-card:last-child{grid-column:auto}.lol-guide-block{grid-template-columns:1fr;gap:25px}}@media(max-width:700px){.lol-intro{padding-top:24px}.lol-intro h1{font-size:45px;letter-spacing:-2.5px}.lol-page .maker-shell{margin-inline:10px}.lol-roles,.lol-guide,.lol-meta,.lol-intent{padding:72px 18px}.lol-role-grid{grid-template-columns:1fr}.lol-section-heading h2{font-size:38px;letter-spacing:-2px}.lol-guide-block{padding:42px 0}.lol-meta-callout,.lol-data-note dl{grid-template-columns:1fr}}
.lol-role-card>img{width:48px;height:48px;margin-bottom:14px;border-radius:8px;object-fit:contain;background:#eee8f8}
.lol-s-tier{margin-top:auto;padding:14px 0 0}.lol-s-tier strong{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:#765eb9}.lol-s-tier strong:before{content:"S";display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#ff7d6d;color:#fff;font:800 12px/1 Manrope,sans-serif}.lol-s-tier ul{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}.lol-s-tier li{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 4px;border:1px solid #e5dbc9;border-radius:99px;background:#fffaf1;color:var(--ink);font-size:11px;font-weight:700}.lol-s-tier li img{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#eee8f8}
.lol-page .rank-item{width:76px;height:92px;margin:0;display:grid;grid-template-rows:76px 12px;flex:0 0 76px;align-items:start;gap:3px;overflow:hidden}.lol-page .rank-item .rank-image{grid-row:1;display:block;width:76px;height:76px}.lol-page .rank-item::after{content:attr(data-label);grid-row:2;display:block;width:76px;height:12px;overflow:hidden;color:#59635d;font-size:9px;font-weight:700;line-height:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.lol-page .tier-dropzone,.lol-page .unranked-zone{align-items:flex-start}@media(max-width:700px){.lol-page .rank-item{width:68px;height:73px;grid-template-rows:57px 12px;flex-basis:68px}.lol-page .rank-item .rank-image{width:57px;height:57px}.lol-page .rank-item::after{width:68px;height:12px;line-height:12px}}
.lol-library-controls{margin:14px 0 12px}.lol-search{height:42px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.lol-search svg{width:16px;flex:0 0 16px;fill:none;stroke:#59635d;stroke-width:1.8}.lol-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:500 12px DM Sans}.lol-search input::placeholder{color:#89918c}.lol-role-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.lol-role-filters button{padding:7px 10px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink);font-size:10px;font-weight:700;cursor:pointer}.lol-role-filters button:hover{border-color:#8c73d5}.lol-role-filters button.active{border-color:var(--ink);background:var(--ink);color:#fff}.lol-filter-meta{min-height:18px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:9px}.lol-filter-meta button{padding:0;border:0;background:transparent;color:#765eb9;font:700 9px DM Sans;cursor:pointer}.lol-filter-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#9ca29e;pointer-events:none}.lol-filter-empty span{font-size:23px}.lol-filter-empty p{margin:5px 0;font-size:10px}.lol-page .rank-item[hidden],.lol-page .lol-filter-empty[hidden]{display:none!important}@media(max-width:700px){.lol-role-filters button{padding:7px 9px}.lol-filter-meta{font-size:8px}}
.lol-role-grid{grid-template-columns:repeat(5,1fr)}.lol-role-card:last-child{grid-column:auto}@media(max-width:1000px){.lol-role-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.lol-role-grid{grid-template-columns:1fr}}