@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700&display=swap";nav button{color:#aebaca;background:0 0;border:0;padding:0;font-size:13px;text-decoration:none}nav button:hover{color:#44e5b3}.brand-button{cursor:pointer;background:0 0;border:0;padding:0}:root{color:#f5f7fb;font-synthesis:none;background:#07111f;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{color:#f5f7fb;background:#07111f;margin:0}button,input{font:inherit}button{cursor:pointer}header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;max-width:1220px;height:76px;margin:auto;padding:0 28px;display:flex}.brand{color:#fff;letter-spacing:-1px;font:600 18px Unbounded,sans-serif;text-decoration:none}.brand i{color:#44e5b3;border:1px solid #44e5b3;place-items:center;width:28px;height:28px;margin-right:7px;font:700 15px Unbounded;display:inline-grid;transform:skew(-10deg)}.brand span{color:#647388;letter-spacing:1px;margin-left:5px;font-size:10px}nav{gap:32px;margin-left:90px;display:flex}nav a{color:#aebaca;font-size:13px;text-decoration:none}nav a:hover{color:#44e5b3}.language{color:#dce4ef;background:0 0;border:1px solid #33445b;border-radius:5px;padding:8px 10px;font-size:12px;font-weight:700}.language span{color:#44e5b3;margin-left:4px}.hero{align-items:center;max-width:1220px;min-height:500px;margin:auto;padding:75px 70px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;max-width:650px}.eyebrow{letter-spacing:1.8px;text-transform:uppercase;color:#44e5b3;margin:0 0 17px;font:500 11px DM Mono}.hero h1,.section h2{letter-spacing:-3px;margin:0;font:600 clamp(36px,4.5vw,61px)/1.08 Unbounded,sans-serif}.lead{color:#aebaca;max-width:560px;margin:22px 0 30px;font-size:15px;line-height:1.7}.hero-actions{align-items:center;gap:25px;display:flex}.primary{color:#06151b;background:#44e5b3;border:0;border-radius:5px;padding:14px 19px;font-weight:800;box-shadow:0 8px 30px #44e5b326}.primary span{margin-left:15px;font-size:18px}.fresh{color:#99aabd;align-items:center;gap:9px;font-size:11px;display:flex}.fresh i{color:#44e5b3;font-size:17px;font-style:normal}.fresh b{color:#5e7187;margin-top:2px;font:10px DM Mono;display:block}.hero-visual{background:linear-gradient(90deg,#0000,#0e2136);place-items:center;width:49%;height:100%;display:grid;position:absolute;top:0;right:0}.orb{filter:blur(70px);opacity:.3;border-radius:50%;width:310px;height:310px;position:absolute}.orb-a{background:#0b9a7a;top:5%;right:10%}.orb-b{background:#274f9d;bottom:-18%;right:25%}.radar{border:1px solid #44e5b333;border-radius:50%;width:310px;height:310px;box-shadow:inset 0 0 50px #44e5b314}.hero-card{background:#0c1a2b;border:1px solid #2d4b62;width:180px;padding:9px 9px 12px;position:absolute;top:96px;right:24%;box-shadow:0 28px 60px #0008}.hero-card img{aspect-ratio:1;object-fit:cover;filter:saturate(.8);width:100%}.hero-card span{margin:9px 0 3px;font:600 12px Unbounded;display:block}.hero-card b{color:#44e5b3;font:700 24px Unbounded}.hero-card small{color:#91a1b2;margin-left:3px;font-size:10px}.trust{color:#75889f;letter-spacing:.3px;border-top:1px solid #1a2a3b;border-bottom:1px solid #1a2a3b;justify-content:center;align-items:center;gap:26px;min-height:54px;font:11px DM Mono;display:flex}.trust b{color:#afbdcb;font-weight:500}.pulse{background:#f1bb56;border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #f1bb56}.section{max-width:1220px;margin:auto;padding:90px 70px}.section-top{justify-content:space-between;align-items:flex-end;display:flex}.section h2{letter-spacing:-2px;font-size:32px}.search{color:#60768c;background:#0c1a2b;border:1px solid #23384e;border-radius:5px;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{color:#eff5fa;background:0 0;border:0;outline:none;width:220px;padding:12px 0;font-size:12px}.roles{gap:6px;margin:36px 0 20px;display:flex}.roles button{color:#8496a9;background:0 0;border:1px solid #0000;border-radius:4px;padding:10px 15px;font-size:12px;font-weight:700}.roles button i{color:#638097;margin-right:7px;font-style:normal}.roles button.active{color:#ecf8f7;background:#10283a;border-color:#28536b}.roles button.active i{color:#44e5b3}.tier-grid{border-top:1px solid #233548}.tier-row{border-bottom:1px solid #233548;grid-template-columns:88px 1fr;min-height:128px;display:grid}.tier-mark{border-right:1px solid #233548;justify-content:center;align-items:center;font:600 35px Unbounded;display:flex}.tier-S{color:#f3d07a}.tier-A{color:#be9bff}.tier-B{color:#55d4eb}.tier-C{color:#8a98a8}.champion-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px;display:grid}.champion-card{text-align:left;color:#eff4f8;background:#0b1928;border:1px solid #0000;align-items:center;padding:8px;transition:all .2s;display:flex}.champion-card:hover{background:#0d2132;border-color:#3b957f;transform:translateY(-2px)}.portrait{flex:none;position:relative}.portrait img{object-fit:cover;width:55px;height:55px;display:block}.mini-tier{background:#0c1725;border:1px solid;border-radius:50%;place-items:center;width:18px;height:18px;font:700 10px Manrope;display:grid;position:absolute;top:-5px;left:-4px}.champion-info{min-width:0;padding:0 10px}.champion-info b{font-size:13px;display:block}.champion-info>span{color:#7f94a8;white-space:nowrap;text-overflow:ellipsis;max-width:125px;margin:3px 0 7px;font-size:10px;display:block;overflow:hidden}.champion-info div{color:#607b95;font-size:9px}.champion-info strong{color:#48dfb0;font:500 11px DM Mono}.champion-info em{margin:0 3px;font-style:normal}.open{color:#44e5b3;margin-left:auto;font-size:17px}.empty{color:#71849a;padding:20px;font-size:13px}.method{border-top:1px solid #1c2e41;grid-template-columns:1fr 1fr;gap:80px;display:grid}.method-text{color:#9eb0c3;max-width:500px;font-size:14px;line-height:1.8}.metric-cards{grid-template-columns:repeat(3,1fr);align-self:center;gap:8px;display:grid}.metric-cards div{background:#0b1928;border:1px solid #1f3850;padding:24px 15px}.metric-cards b{color:#44e5b3;font:600 25px Unbounded;display:block}.metric-cards span{color:#8394a8;margin-top:8px;font-size:10px;display:block}footer{border-top:1px solid #1d3044;justify-content:space-between;align-items:center;gap:25px;max-width:1220px;min-height:84px;margin:auto;padding:0 28px;display:flex}footer span{color:#5f7185;text-align:right;max-width:640px;font-size:10px}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#030a12cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#091827;border:1px solid #31516b;width:min(900px,100%);max-height:90vh;padding:34px;position:relative;overflow:auto;box-shadow:0 30px 100px #000}.close{color:#95a8bc;background:0 0;border:0;font-size:29px;position:absolute;top:13px;right:16px}.champion-head{align-items:center;gap:18px;display:flex}.champion-head>img{object-fit:cover;border:1px solid #3b6278;width:90px;height:90px}.champion-head h2{margin:4px 0;font:600 26px Unbounded}.champion-head p{color:#8fa4b9;margin:0;font-size:12px}.tier{font:600 10px DM Mono}.headline-stats{gap:25px;margin-left:auto;display:flex}.stat strong{color:#44e5b3;font:600 25px Unbounded;display:block}.stat span{color:#8197ad;font-size:10px}.summary{color:#aab9c9;margin:26px 0;line-height:1.7}.section-label{font:600 17px Unbounded}.section-label small{color:#71889f;font:10px DM Mono}.build-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px;display:grid}.build-grid>div,.rune-grid>div{background:#0c1d2e;border:1px solid #1e3952;padding:16px}.modal h3{letter-spacing:1px;color:#8297ab;text-transform:uppercase;margin:0 0 12px;font:500 10px DM Mono}.items{flex-wrap:wrap;gap:9px;display:flex}.item{position:relative}.item img{border:1px solid #35516a;width:39px;height:39px;display:block}.item span{z-index:2;background:#07111f;border:1px solid #35516a;width:max-content;padding:5px;font-size:10px;display:none;position:absolute;bottom:44px;left:0}.item:hover span{display:block}.rune-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.rune-grid p{color:#c5d0da;margin:0;font-size:12px;line-height:1.8}@media (width<=780px){header{padding:0 18px}nav{display:none}.hero{min-height:540px;padding:70px 25px}.hero-visual{opacity:.32;width:100%}.hero-copy{z-index:2}.hero h1{font-size:42px}.trust{flex-wrap:wrap;gap:12px;padding:10px 15px}.section{padding:65px 20px}.section-top{flex-direction:column;align-items:flex-start;gap:20px}.search,.search input{width:100%}.roles{overflow:auto}.tier-row{grid-template-columns:48px 1fr}.champion-cards{grid-template-columns:1fr}.method{grid-template-columns:1fr;gap:30px}.modal{padding:24px 16px}.headline-stats{gap:12px}.champion-head>img{width:68px;height:68px}.champion-head h2{font-size:20px}.build-grid,.rune-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;padding:20px}footer span{text-align:left}.hero-card{top:155px;right:8%}.radar{width:260px;height:260px}}:root{--site-max-width:1600px;--site-gutter:32px}#root>header,#root>footer,.hero,.section{width:100%;max-width:var(--site-max-width)}.hero,.section{padding-right:var(--site-gutter);padding-left:var(--site-gutter)}@media (width>=1300px){.champion-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.champion-page{max-width:1080px;margin:auto;padding:34px 28px 90px}.back-link{color:#80a0b9;background:0 0;border:0;padding:0 0 26px;font-size:12px}.back-link:hover{color:#44e5b3}.champion-hero{background:linear-gradient(120deg,#0d2436,#0a1728 62%);border:1px solid #29445b;grid-template-columns:150px 1fr auto;align-items:center;gap:26px;padding:28px;display:grid}.champion-hero>img{object-fit:cover;border:1px solid #4d7891;width:150px;height:150px}.champion-identity .eyebrow{margin:6px 0 10px}.champion-identity h1{margin:0;font:600 31px/1.2 Unbounded}.champion-identity h1 span{color:#7d92a6;letter-spacing:0;margin:8px 0;font-size:12px;display:block}.champion-identity p:last-child{color:#aebdcb;max-width:420px;font-size:13px;line-height:1.6}.page-stats{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.page-stats b{color:#44e5b3;font:600 22px Unbounded;display:block}.page-stats span{color:#8498ac;white-space:nowrap;font:10px DM Mono}.popular-header{border-bottom:1px solid #23394d;justify-content:space-between;align-items:end;padding:55px 0 22px;display:flex}.popular-header h2{margin:0;font:600 24px Unbounded}.popular-header p{color:#7f94a8;margin:10px 0 0;font-size:11px}.confidence{color:#44e5b3;border:1px solid #326e62;padding:7px 9px;font:11px DM Mono}.build-layout{grid-template-columns:1fr 260px;gap:22px;padding:24px 0;display:grid}.build-main{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.build-card,.guide-aside section{background:#0b1a2a;border:1px solid #203c55;padding:18px}.build-card h3,.guide-aside h3{letter-spacing:1px;text-transform:uppercase;color:#8ea1b3;margin:0 0 15px;font:500 10px DM Mono}.build-card .item img{width:46px;height:46px}.guide-aside{gap:14px;display:grid}.guide-aside p{color:#d3dce5;margin:0;font-size:12px;line-height:1.7}.method-note{border-top:1px solid #20394f;max-width:720px;padding-top:38px}.method-note h2{margin:0 0 14px;font:600 22px Unbounded}.method-note p:last-child{color:#96a9bb;font-size:13px;line-height:1.7}@media (width<=780px){.champion-page{padding:28px 18px 65px}.champion-hero{grid-template-columns:80px 1fr;gap:16px;padding:18px}.champion-hero>img{width:80px;height:80px}.champion-identity h1{font-size:21px}.page-stats{grid-column:1/-1}.popular-header{flex-direction:column;align-items:flex-start;gap:15px;padding-top:38px}.build-layout,.build-main{grid-template-columns:1fr}.confidence{align-self:flex-start}}.build-choices{border-bottom:1px solid #20394f;padding:28px 0 18px}.build-choices h2{margin:0;font:600 22px Unbounded}.build-choices>p{color:#9cb0c3;margin:16px 0 0;font-size:12px}.choice-tabs{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.choice-tabs button{color:#8fa4b6;background:#0c1c2c;border:1px solid #26445e;border-radius:4px;padding:9px 12px;font-size:11px;font-weight:700}.choice-tabs button.active,.choice-tabs button:hover{color:#06151b;background:#44e5b3;border-color:#44e5b3}.detailed-items{gap:10px;display:grid}.detailed-item{color:#cfd9e3;align-items:center;gap:10px;font-size:11px;display:flex}.detailed-item .item img{width:40px;height:40px}.strategy-grid{grid-template-columns:1fr 1fr;gap:16px;padding:10px 0 38px;display:grid}.strategy-grid article{background:linear-gradient(145deg,#0b1b2c,#0a1625);border:1px solid #244057;padding:23px}.strategy-grid h2{margin:0 0 16px;font:600 20px Unbounded}.strategy-grid h3{letter-spacing:1px;text-transform:uppercase;color:#44e5b3;margin:18px 0 7px;font:500 10px DM Mono}.strategy-grid p,.strategy-grid li{color:#aebdcb;font-size:12px;line-height:1.75}.strategy-grid ol{margin:0;padding-left:20px}.strategy-grid li{margin:8px 0;padding-left:5px}@media (width<=780px){.strategy-grid{grid-template-columns:1fr}.build-choices h2{font-size:19px}.detailed-item .item img{width:38px;height:38px}}.champion-spells{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.champion-spell{position:relative}.champion-spell img{border:1px solid #4a7084;width:36px;height:36px;display:block}.champion-spell span{color:#e9f2f8;background:#06111d;border:1px solid #4a7084;padding:1px 3px;font:8px DM Mono;position:absolute;bottom:-3px;right:-3px}.champion-spell b{z-index:2;color:#eff6fa;background:#07111f;border:1px solid #3b6379;min-width:max-content;padding:5px;font-size:10px;display:none;position:absolute;top:42px;left:0}.champion-spell:hover b{display:block}.champion-spell-loading{color:#758da1;margin-top:16px;font:10px DM Mono}.summoner-spells{gap:14px;display:flex}.summoner-spells>div{color:#ced9e3;align-items:center;gap:6px;font-size:11px;display:flex}.summoner-spells img{border:1px solid #425f72;width:31px;height:31px}.mastery-board{border-bottom:1px solid #20394f;padding:34px 0 28px}.mastery-title{justify-content:space-between;align-items:end;gap:20px;display:flex}.mastery-title .eyebrow{margin-bottom:8px}.mastery-title h2{margin:0;font:600 23px Unbounded}.mastery-title>span{color:#44e5b3;font:600 18px Unbounded}.mastery-trees{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.mastery-tree{background:linear-gradient(150deg,#0c2032,#091625);border:1px solid #29506b;min-height:190px;padding:17px}.mastery-tree header{border:0;justify-content:space-between;align-items:center;height:auto;margin:0 0 15px;padding:0;display:flex}.mastery-tree small{color:#9db2c3;letter-spacing:1px;text-transform:uppercase;font:500 10px DM Mono}.mastery-tree b{color:#44e5b3;font:600 25px Unbounded}.mastery-tree ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.mastery-tree li{color:#d6e0e8;font-size:11px}.mastery-tree li i{color:#44e5b3;margin-right:7px;font-size:8px;font-style:normal}.mastery-tree p{color:#586f83;margin-top:50px;font-size:11px}.empty-tree{opacity:.54}@media (width<=780px){.mastery-title{flex-direction:column;align-items:flex-start}.mastery-trees{grid-template-columns:1fr}.mastery-tree{min-height:auto}.mastery-tree p{margin-top:0}.summoner-spells{flex-wrap:wrap}}.jungle-path{border-bottom:1px solid #20394f;grid-template-columns:150px 1fr auto;align-items:center;gap:18px;padding:28px 0;display:grid}.jungle-title .eyebrow{margin-bottom:5px}.jungle-title h2{margin:0;font:600 20px Unbounded}.path-route{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.path-step{color:#d5e0ea;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.path-step b{color:#06151b;background:#44e5b3;border-radius:50%;place-items:center;width:20px;height:20px;font:700 10px DM Mono;display:grid}.path-step i{color:#6e8599;margin-left:4px;font-size:15px;font-style:normal}.path-tags{flex-wrap:wrap;gap:8px;display:flex}.path-tags span{color:#90a9bb;border:1px solid #2a5366;padding:6px 8px;font:10px DM Mono}.path-tags b{color:#44e5b3;font-weight:500}@media (width<=850px){.jungle-path{grid-template-columns:1fr}.path-tags{margin-top:-5px}}.spell-page{min-height:calc(100vh - 160px)}.spell-page-card{background:linear-gradient(125deg,#0d2639,#091626);border:1px solid #2d526b;align-items:center;gap:30px;max-width:720px;padding:28px;display:flex}.spell-page-card>img{object-fit:cover;border:1px solid #527c91;width:170px;height:170px}.spell-page-card h1{margin:0;font:600 34px Unbounded}@media (width<=600px){.spell-page-card{flex-direction:column;align-items:flex-start;gap:18px}.spell-page-card>img{width:110px;height:110px}}.mastery-icon-tree{gap:8px;display:grid}.mastery-icon-row{grid-template-columns:repeat(4,1fr);gap:7px;min-height:35px;display:grid}.mastery-icon{opacity:.23;filter:grayscale();position:relative}.mastery-icon.active{opacity:1;filter:none}.mastery-icon img{aspect-ratio:1;border:1px solid #38566a;width:100%;display:block}.mastery-icon.active img{border-color:#44e5b3;box-shadow:0 0 10px #44e5b344}.mastery-icon span{color:#041218;background:#44e5b3;border-radius:50%;place-items:center;width:15px;height:15px;font:700 9px DM Mono;display:grid;position:absolute;bottom:-3px;right:-3px}.mastery-empty{display:block}.mastery-loading{color:#6d8497;place-items:center;height:180px;font:10px DM Mono;display:grid}.picked-mastery-icons{flex-wrap:wrap;gap:10px;display:flex}.picked-mastery{text-align:center;width:43px;position:relative}.picked-mastery img{border:1px solid #44e5b3;width:43px;height:43px;display:block;box-shadow:0 0 12px #44e5b333}.picked-mastery>span{color:#06151b;background:#44e5b3;border-radius:50%;place-items:center;width:17px;height:17px;font:700 9px DM Mono;display:grid;position:absolute;top:-4px;right:-4px}.picked-mastery small{text-overflow:ellipsis;white-space:nowrap;color:#a8bbc9;margin-top:5px;font-size:8px;display:block;overflow:hidden}.picked-mastery-trees .mastery-tree{min-height:150px}.picked-mastery-trees .empty-tree{opacity:.35}.mastery-link{text-align:left;color:#dce7ee;background:linear-gradient(100deg,#0d2332,#0a1928);border:1px solid #31546a;grid-template-columns:1fr auto auto;align-items:center;gap:15px;width:100%;margin-top:24px;padding:15px 18px;display:grid}.mastery-link:hover{background:#112b3b;border-color:#d3ad54}.mastery-link span{letter-spacing:1.3px;text-transform:uppercase;font:600 11px DM Mono}.mastery-link b{color:#d9b55b;font:600 18px Unbounded}.mastery-link i{color:#5be0b7;font-size:20px;font-style:normal}.mastery-page{max-width:1320px;margin:auto;padding:30px 28px 80px}.mastery-page-heading{justify-content:space-between;align-items:end;gap:20px;padding:0 0 22px;display:flex}.mastery-page-heading .eyebrow{color:#d9b55b;margin-bottom:8px}.mastery-page-heading h1{margin:0;font:600 27px Unbounded}.mastery-scoreline{gap:8px;display:flex}.mastery-scoreline span{color:#a7b5bd;letter-spacing:.8px;background:#0a1723;border:1px solid #3c5464;align-items:center;gap:6px;padding:7px 9px;font:9px DM Mono;display:flex}.mastery-scoreline b{color:#e5c469;letter-spacing:0;font:600 17px Unbounded}.mastery-client{background:linear-gradient(135deg,#18120b,#071019 16% 84%,#18120b);border:1px solid #9c7739;grid-template-columns:160px minmax(0,1fr);gap:12px;padding:12px;display:grid;box-shadow:0 18px 55px #0007,inset 0 0 0 2px #2b2112}.mastery-client aside{text-align:center;color:#dccb9a;background:linear-gradient(#211b0e,#101817 42%,#191407);border:1px solid #86652f;flex-direction:column;align-items:center;min-height:590px;padding:20px 12px;display:flex}.mastery-client aside img{object-fit:cover;border:2px solid #b9954c;width:96px;height:96px;box-shadow:0 0 18px #d8a63855}.mastery-client aside b{margin-top:14px;font:600 13px Unbounded}.mastery-client aside span{color:#dfbd68;margin-top:8px;font:600 19px Unbounded}.mastery-client aside button{color:#e7d8ae;background:#19314a;border:1px solid #a88342;width:100%;margin-top:auto;padding:8px;font-size:11px;font-weight:700}.mastery-client aside button:hover{background:#245072}.mastery-full-trees{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.mastery-full-tree{background:#111;border:1px solid #89692f;min-width:0;padding:7px;overflow:hidden}.mastery-full-tree.offense{background:linear-gradient(145deg,#430906,#1c0708 53%,#080f12)}.mastery-full-tree.defense{background:linear-gradient(145deg,#072d4a,#081a35 53%,#080f12)}.mastery-full-tree.utility{background:linear-gradient(145deg,#183e0c,#0d2710 53%,#080f12)}.mastery-full-tree header{color:#e7d9ad;letter-spacing:.4px;background:#080f12b8;border:1px solid #705629;justify-content:space-between;align-items:center;height:auto;margin:0 0 8px;padding:7px 9px;font:600 11px Unbounded;display:flex}.mastery-full-tree header b{color:#f0c55e;font:600 21px Unbounded}.mastery-full-grid{gap:8px;padding:3px;display:grid}.mastery-full-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-height:44px;display:grid}.mastery-full-row>i{display:block}.full-mastery-node{aspect-ratio:1;opacity:.28;filter:grayscale();justify-self:center;width:100%;max-width:58px;transition:all .15s;position:relative}.full-mastery-node img{object-fit:cover;background:#0c1115;border:1px solid #62717a;width:100%;height:100%;display:block;box-shadow:0 2px 5px #000}.full-mastery-node.active{opacity:1;filter:none}.full-mastery-node.active img{border:2px solid #d7b04e;box-shadow:0 0 11px #dfb0398c}.full-mastery-node span{z-index:1;white-space:nowrap;color:#a9aaa6;background:#050809;border:1px solid #5d5d55;padding:2px 4px;font:8px DM Mono;position:absolute;bottom:-4px;right:-4px}.full-mastery-node.active span{color:#fff1b5;background:#171207;border-color:#c99b38}.mastery-full-loading{color:#b5aa8b;place-items:center;height:520px;font:11px DM Mono;display:grid}@media (width<=900px){.mastery-client{grid-template-columns:1fr}.mastery-client aside{text-align:left;grid-template-columns:64px 1fr auto auto;align-items:center;gap:11px;min-height:0;padding:10px;display:grid}.mastery-client aside img{grid-row:span 2;width:56px;height:56px}.mastery-client aside b{margin:0}.mastery-client aside span{margin:0;font-size:15px}.mastery-client aside button{grid-row:span 2;margin:0}.mastery-full-trees{gap:5px}.mastery-full-row{gap:4px}.mastery-full-grid{gap:5px;padding:1px}}@media (width<=620px){.mastery-page{padding:25px 14px 55px}.mastery-page-heading{flex-direction:column;align-items:flex-start}.mastery-page-heading h1{font-size:21px}.mastery-client{padding:5px}.mastery-full-trees{grid-template-columns:1fr}.mastery-client aside{grid-template-columns:52px 1fr auto}.mastery-client aside img{width:48px;height:48px}.mastery-client aside span{font-size:13px}.mastery-client aside button{grid-area:span 2/3;width:auto;padding:7px 10px}.mastery-full-row{gap:8px}.full-mastery-node{max-width:52px}.mastery-full-grid{gap:7px}}.embedded-masteries{margin:26px 0}.embedded-mastery-title{color:#bda776;letter-spacing:1.2px;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 0 10px;font:600 10px DM Mono;display:flex}.embedded-mastery-title b{color:#e6c56e;letter-spacing:0;font:600 18px Unbounded}.embedded-masteries .mastery-client aside{min-height:510px}@media (width<=900px){.embedded-masteries .mastery-client aside{min-height:0}}.skill-order{background:#0b1a2a;border:1px solid #203c55;margin:0 0 26px;padding:17px 18px}.skill-order header{color:#8ea1b3;letter-spacing:1px;text-transform:uppercase;border:0;justify-content:space-between;align-items:center;max-width:none;height:auto;margin:0 0 14px;padding:0;font:500 10px DM Mono;display:flex}.skill-order header b{color:#d9e3eb;letter-spacing:0;font:700 16px Unbounded}.skill-order-scroll{padding-bottom:2px;overflow-x:auto}.skill-order-grid{gap:2px;min-width:620px;display:grid}.skill-levels,.skill-row{grid-template-columns:34px repeat(18,minmax(0,1fr));gap:2px;display:grid}.skill-levels img,.skill-row img{object-fit:cover;border:1px solid #334c61;width:34px;height:30px}.skill-levels span{color:#7890a6;background:#101e2d;border:1px solid #263c50;place-items:center;height:30px;font:11px DM Mono;display:grid}.skill-cell{color:#0000;background:#111d2c;border:1px solid #263c50;place-items:center;height:30px;font:700 15px Unbounded;display:grid}.skill-cell.q{color:#4de895}.skill-cell.w{color:#f16d73}.skill-cell.e{color:#63a3fa}.skill-cell.r{color:#c74ed5}.skill-order-loading{color:#778da1;place-items:center;min-height:120px;font:10px DM Mono;display:grid}@media (width<=620px){.skill-order{padding:14px}.skill-order header{margin-bottom:11px}.skill-order-grid{min-width:570px}.skill-levels,.skill-row{grid-template-columns:30px repeat(18,minmax(0,1fr))}.skill-levels img,.skill-row img,.skill-levels span,.skill-cell{height:27px}.skill-levels img,.skill-row img{width:30px}.skill-levels span{font-size:10px}.skill-cell{font-size:13px}}.build-layout{grid-template-columns:minmax(0,1fr) minmax(390px,.95fr);gap:14px}.guide-aside>section{display:none}.classic-rune-page{background:linear-gradient(145deg,#0c1c2c,#081522);border:1px solid #29465d;height:100%;overflow:hidden}.classic-rune-header{background:#0e2132;border:0;border-bottom:1px solid #29465d;justify-content:space-between;align-items:center;max-width:none;height:auto;margin:0;padding:14px 16px;display:flex}.classic-rune-header div{align-items:baseline;gap:8px;display:flex}.classic-rune-header span{color:#8fa3b5;letter-spacing:1.3px;text-transform:uppercase;font:600 9px DM Mono}.classic-rune-header b{color:#e4edf4;font:600 15px Unbounded}.classic-rune-header strong{color:#dcb95e;font:600 21px Unbounded}.classic-rune-header strong small{color:#8196aa;letter-spacing:.8px;text-transform:uppercase;margin-left:5px;font:500 8px DM Mono}.classic-rune-grid{background:#203b50;grid-template-columns:1fr 1fr;gap:1px;display:grid}.classic-rune{background:#0a1928;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:13px 12px;display:grid}.classic-rune>img{object-fit:contain;filter:drop-shadow(0 4px 7px #0008);width:43px;height:43px;display:block}.classic-rune>div{min-width:0}.classic-rune small{color:#7c91a5;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font:600 8px DM Mono;display:block}.classic-rune b{text-overflow:ellipsis;white-space:nowrap;color:#edf3f7;font-size:11px;display:block;overflow:hidden}.classic-rune b em{color:#d7b75c;margin-right:5px;font:600 10px DM Mono}.classic-rune p{text-overflow:ellipsis;white-space:nowrap;color:#7f96aa;margin:4px 0 0;font:9px/1.3 DM Mono;overflow:hidden}.rune-mark{box-shadow:inset 2px 0 #a95745}.rune-seal{box-shadow:inset 2px 0 #b39839}.rune-glyph{box-shadow:inset 2px 0 #4b8fb4}.rune-quintessence{box-shadow:inset 2px 0 #8c65c7}.classic-rune-summary{border-top:1px solid #29465d;padding:13px 16px}.classic-rune-summary>span,.classic-rune-spells>span{color:#7f93a6;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px;font:600 8px DM Mono;display:block}.classic-rune-summary>div{grid-template-columns:1fr 1fr;gap:5px 12px;display:grid}.classic-rune-summary b{text-overflow:ellipsis;white-space:nowrap;color:#b8c7d3;min-width:0;font:500 9px DM Mono;overflow:hidden}.classic-rune-spells{background:#091725;border-top:1px solid #29465d;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;display:flex}.classic-rune-spells>span{margin:0}.classic-rune-spells .summoner-spells{gap:10px}.classic-rune-spells .summoner-spells img{width:28px;height:28px}.classic-rune-spells .summoner-spells span{font-size:9px}@media (width<=920px){.build-layout{grid-template-columns:1fr}.classic-rune-page{height:auto}}@media (width<=520px){.classic-rune-grid,.classic-rune-summary>div{grid-template-columns:1fr}.classic-rune{padding:11px 13px}.classic-rune-spells{flex-direction:column;align-items:flex-start}.classic-rune p{white-space:normal}}.guide-aside{display:none}.skill-order-grid{width:620px}@media (width<=620px){.skill-order-grid{width:570px}.skill-order:not(.skill-order-loading){margin-bottom:22px}}.skill-order:not(.skill-order-loading){width:100%;margin:0 0 26px}.skill-order-grid{width:min(100%,900px);margin:0 auto}.skill-compact{background:#091725;border:1px solid #29465d;margin:0 0 26px}.classic-rune-page{flex-direction:column;display:flex}.classic-rune-page>.skill-compact{background:#081522;border:0;border-top:1px solid #29465d;flex:1;margin:0}.classic-rune-page>.skill-compact .skill-order{border-bottom:0;border-left:0;border-right:0}.classic-rune-page.has-compact-skill{height:auto;min-height:100%;overflow:visible}.classic-rune-page.has-compact-skill>.skill-compact{visibility:visible;opacity:1;z-index:1;min-height:58px;display:block;position:relative}.champion-page{width:100%;max-width:1600px;padding-left:32px;padding-right:32px}#root>header,#root>footer{max-width:1600px}@media (width<=780px){.champion-page{padding-left:18px;padding-right:18px}}.skill-compact-open .skill-order{background:#081522;border:0;margin:0;padding:14px 12px}.skill-compact-open .skill-order header{margin-bottom:10px}.mastery-page{width:100%;max-width:var(--site-max-width);padding-right:var(--site-gutter);padding-left:var(--site-gutter)}.spell-page-card{max-width:100%}@media (width<=780px){.mastery-page{padding-left:18px;padding-right:18px}}.directory-page{max-width:1220px;margin:auto;padding:52px 70px 95px}.directory-hero{background:linear-gradient(120deg,#0d2638,#0a1727);border:1px solid #29465e;grid-template-columns:1fr auto;align-items:end;gap:22px;padding:32px;display:grid}.directory-hero h1{margin:0;font:600 35px Unbounded}.directory-hero p{color:#9db0c2;max-width:560px;margin:0;font-size:13px;line-height:1.7}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:26px;display:grid}.directory-card{background:#0b1a2a;border:1px solid #233f57;min-height:112px;transition:all .18s;display:flex;overflow:hidden}.directory-card:hover{border-color:#43b895;transform:translateY(-2px)}.directory-portrait{object-fit:cover;width:100px}.directory-info{flex:1;min-width:0;padding:13px}.directory-info h2{margin:0 0 11px;font:600 15px Unbounded}.spell-icons{gap:4px;display:flex}.spell-icon{position:relative}.spell-icon img{border:1px solid #3c586c;width:25px;height:25px;display:block}.spell-icon span{color:#c8d7e3;background:#07111f;border:1px solid #405a6c;padding:1px 2px;font:8px DM Mono;position:absolute;bottom:-3px;right:-2px}.spell-loading{color:#637b91;align-items:center;height:25px;font:9px DM Mono;display:flex}.directory-info button{color:#44e5b3;background:0 0;border:0;margin-top:12px;padding:0;font-size:10px;font-weight:700}.directory-info button span{margin-left:5px}@media (width<=900px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-page{padding:42px 22px 75px}}@media (width<=600px){.directory-hero{grid-template-columns:1fr;padding:24px}.directory-hero .search{width:100%}.directory-grid{grid-template-columns:1fr}.directory-card{min-height:105px}}.directory-page{width:100%;max-width:var(--site-max-width);padding-right:var(--site-gutter);padding-left:var(--site-gutter)}@media (width>=1300px){.directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.directory-page{padding-left:22px;padding-right:22px}}:root{--site-max-width:1600px;--site-gutter:32px;--panel:#0b1a2a;--panel-deep:#081522;--panel-raised:#0e2132;--line:#29465d;--line-soft:#20394f;--muted:#8fa3b5;--accent:#44e5b3}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 78% 8%,#0c2536 0,#07111f 34% 100%)}#root>header,#root>footer,.hero,.section,.directory-page,.champion-page,.mastery-page{width:100%;max-width:var(--site-max-width);margin-left:auto;margin-right:auto}#root>header{height:72px;padding-right:var(--site-gutter);padding-left:var(--site-gutter);border-bottom-color:var(--line-soft);background:#07111fe8}.hero{min-height:430px;padding:52px var(--site-gutter);border:1px solid var(--line);background:linear-gradient(118deg,#0d2436 0%,#091725 62%,#0d2233 100%);margin-top:28px}.hero-copy{max-width:720px}.hero h1{max-width:820px;font-size:clamp(38px,4vw,62px)}.hero-visual{width:43%}.trust{width:min(calc(100% - (var(--site-gutter) * 2)), calc(var(--site-max-width) - (var(--site-gutter) * 2)));border:1px solid var(--line-soft);background:#091725;max-width:none;min-height:52px;margin:16px auto 0}.section{padding:32px var(--site-gutter);margin-top:24px}.tiers.section,.method.section{border:1px solid var(--line);background:#091725}.section h2{font-size:28px}.roles{margin:27px 0 18px}.tier-grid{border-color:var(--line)}.tier-row{border-color:var(--line);min-height:116px}.champion-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.champion-card,.metric-cards div{background:var(--panel);border-color:var(--line-soft)}.method.section{gap:48px;margin-bottom:58px}.directory-page,.champion-page,.mastery-page{padding-right:var(--site-gutter);padding-left:var(--site-gutter)}.directory-page{padding-top:32px}.directory-hero{border-color:var(--line);background:linear-gradient(118deg,#0d2436,#091725 68%);grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:center;padding:28px 30px}.directory-hero>div{min-width:0}.directory-hero .eyebrow{grid-column:auto;margin-bottom:10px}.directory-hero h1{font-size:30px}.directory-hero p{margin-top:10px}.directory-hero .search{width:100%}.directory-toolbar{border-bottom:1px solid var(--line-soft);align-items:center;gap:7px;padding:15px 0;display:flex;overflow-x:auto}.directory-toolbar button{color:#8fa4b6;background:var(--panel-deep);border:1px solid var(--line);flex:none;padding:8px 12px;font-size:10px;font-weight:700}.directory-toolbar button i{color:#6f8ea3;margin-right:6px;font-style:normal}.directory-toolbar button.active,.directory-toolbar button:hover{color:#06151b;background:var(--accent);border-color:var(--accent)}.directory-toolbar button.active i{color:#06151b}.directory-toolbar>span{color:#71889d;text-transform:uppercase;flex:none;margin-left:auto;font:9px DM Mono}.directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:18px}.directory-card{background:var(--panel);border-color:var(--line);min-height:124px}.directory-portrait{width:108px}.directory-card-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.directory-card-heading h2{margin-bottom:10px}.role-badges{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.role-badges span{color:#7fa0b5;text-transform:uppercase;background:#081522;border:1px solid #29465d;padding:3px 5px;font:7px DM Mono}.champion-role-selector{border:1px solid var(--line);background:#091725;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:13px 16px;display:flex}.champion-role-selector>span{color:#8298aa;letter-spacing:1px;text-transform:uppercase;font:9px DM Mono}.champion-role-selector>div{flex-wrap:wrap;gap:7px;display:flex}.champion-role-selector button{color:#8fa4b6;border:1px solid var(--line);background:#081522;padding:7px 10px;font-size:10px;font-weight:700}.champion-role-selector button i{margin-right:6px;font-style:normal}.champion-role-selector button.active{color:#06151b;background:var(--accent);border-color:var(--accent)}.role-build-note{color:#8198aa;background:#091725;border-left:2px solid #d8b65b;margin:-8px 0 18px;padding:10px 13px;font:9px/1.6 DM Mono}.spell-page-card{border-color:var(--line);background:linear-gradient(118deg,#0d2436,#091725 68%);width:100%;max-width:none}.mastery-page{padding-top:32px}.mastery-page-heading{border:1px solid var(--line);background:#091725;margin-bottom:14px;padding:20px 22px}#root>footer{padding-right:var(--site-gutter);padding-left:var(--site-gutter);border-top-color:var(--line-soft)}@media (width<=1180px){.champion-cards,.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-visual{opacity:.7;width:48%}}@media (width<=900px){:root{--site-gutter:22px}.hero{min-height:470px;margin-top:18px;padding-top:44px;padding-bottom:44px}.hero-visual{opacity:.28;width:100%}.champion-cards,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-page{padding-top:22px}.directory-hero,.method.section{grid-template-columns:1fr}}@media (width<=620px){:root{--site-gutter:16px}#root>header{padding-right:var(--site-gutter);padding-left:var(--site-gutter)}.detailed-item-copy{gap:3px;min-width:0;display:grid}.detailed-item-copy b{color:#d7e1e9;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.detailed-item-copy small{color:#7890a4;font:8px/1.45 DM Mono}.source-link{color:var(--accent);text-decoration:none}.source-inline{color:var(--accent);margin-top:12px;font:10px DM Mono;text-decoration:none;display:inline-flex}.source-inline:hover,.source-link:hover{color:#8ff3d5}.build-choices>p b{color:#d6b85e;font-weight:600}.strategy-grid article>p:last-child{margin-bottom:0}.mastery-source{margin-top:28px}.mastery-source a{color:var(--accent);overflow-wrap:anywhere}.sourced-mastery-client{align-items:stretch}.sourced-mastery-trees{height:100%}.sourced-mastery-nodes{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:12px 8px;padding:8px;display:grid}.sourced-mastery-nodes>p{color:#6d7881;text-align:center;grid-column:1/-1;font:10px DM Mono}.sourced-mastery-node{text-align:center;justify-items:center;gap:5px;min-width:0;display:grid;position:relative}.sourced-mastery-node img{aspect-ratio:1;object-fit:cover;border:2px solid #d7b04e;width:min(58px,100%);box-shadow:0 0 11px #dfb03970}.sourced-mastery-node>span{color:#fff1b5;background:#171207;border:1px solid #c99b38;padding:2px 4px;font:8px DM Mono;position:absolute;top:42px;right:2px}.sourced-mastery-node small{color:#c8baa0;text-overflow:ellipsis;white-space:nowrap;width:100%;font:8px/1.3 DM Mono;overflow:hidden}@media (width>=1200px){.sourced-mastery-nodes{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.sourced-mastery-client aside{min-height:0}.sourced-mastery-nodes{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=620px){.sourced-mastery-nodes{grid-template-columns:repeat(3,minmax(0,1fr))}.sourced-mastery-node>span{top:38px}}.hero{min-height:500px;padding:38px 22px}.section{padding:24px 18px}.champion-cards,.directory-grid{grid-template-columns:1fr}.directory-page,.champion-page,.mastery-page{padding-right:var(--site-gutter);padding-left:var(--site-gutter)}.directory-hero{padding:23px 20px}.directory-toolbar>span{display:none}.directory-portrait{width:96px}.champion-role-selector,.mastery-page-heading{flex-direction:column;align-items:flex-start}}