:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--g-S:#f5a97f;--g-A:#a6da95;--g-B:#8aadf4;--g-C:#c6a0f6;--g-D:#939ab7}*{box-sizing:border-box}body{color:#cad3f5;background:#24273a;margin:0;font-family:system-ui,sans-serif}.stats-page section{margin-top:2rem}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.stats-cards>div,.stats-patch{background:#1e2030;border:1px solid #363a4f;border-radius:8px;padding:1rem}.stats-cards strong{margin-top:.4rem;font-size:1.65rem;display:block}.stats-patch>div:first-child{justify-content:space-between;gap:.5rem;display:flex}.stats-tag{color:#a6da95;margin-left:.6rem}.stats-track{background:#363a4f;border-radius:3px;height:6px;margin-top:.7rem}.stats-track>div{border-radius:inherit;background:#8aadf4;height:100%}.stats-ranks{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.stats-pie{border-radius:50%;flex:0 0 240px;width:240px;height:240px;margin:.5rem auto}.stats-legend{flex:300px;margin:0;padding:0;list-style:none}.stats-legend li{font-variant-numeric:tabular-nums;grid-template-columns:12px 1fr auto auto;align-items:center;gap:.6rem;padding:.3rem 0;display:grid}.stats-legend li>span:last-child{text-align:right;min-width:5.5rem}.stats-swatch{border-radius:3px;width:12px;height:12px}.stats-note{font-size:.8rem}.stats-warning{border:1px solid #ed8796;border-radius:6px;padding:.75rem}.stats-page .stat-row{flex-wrap:wrap}@media (width<=380px){.stats-legend{flex-basis:100%;font-size:.85rem}}header{z-index:10;background:#1e2030;border-bottom:1px solid #363a4f;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}header .brand{color:#cad3f5;font-weight:700;text-decoration:none}header nav{white-space:nowrap;display:flex}header nav a{color:#8aadf4;margin-right:1rem;font-weight:600;text-decoration:none}header nav a:hover{text-decoration:underline}@media (width<=600px){header{gap:.6rem .75rem;padding:.6rem .9rem}header .brand{flex:auto}.palette-trigger{order:2;margin-left:0}.palette-trigger kbd{display:none}header nav{flex-wrap:nowrap;flex:100%;order:3;overflow-x:auto}header nav a{margin-right:.9rem}header nav a:last-child{margin-right:0}}#patchinfo{white-space:nowrap;font-weight:400}main{max-width:920px;margin:0 auto;padding:1rem 1.25rem 3rem}#site-footer{text-align:center;max-width:920px;margin:0 auto;padding:0 1.25rem 1.5rem;font-size:.8rem}h1{font-size:1.3rem}h2{border-bottom:1px solid #363a4f;padding-bottom:.25rem;font-size:1.05rem}a{color:#8aadf4}.muted{color:#a5adcb}.hsub{font-size:.85rem;font-weight:400}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:.3rem .5rem}th{color:#a5adcb;font-weight:600}.patchnotice{background:#1e2030;border:1px solid #363a4f;border-radius:6px;flex-direction:column;gap:.35rem;margin:.5rem 0 .9rem;padding:.55rem .7rem;display:flex}.patchnotice .pn-title{color:#cad3f5;font-size:.9rem}.patchnotice .pn-served{color:#ed8796}.patchnotice .pn-bar{background:#363a4f;border-radius:3px;width:100%;max-width:420px;height:6px;display:block;overflow:hidden}.patchnotice .pn-fill{background:#8aadf4;border-radius:3px;height:100%;display:block}.patchnotice .pn-meta{color:#a5adcb;font-variant-numeric:tabular-nums;font-size:.8rem}.statlist{flex-direction:column;gap:.35rem;display:flex}.stat-row{background:#1e2030;border:1px solid #363a4f;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .65rem;display:flex}.stat-row .slabel{flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.stat-row .sstats{white-space:nowrap;align-items:baseline;gap:.6rem;display:flex}.stat-row .swr{font-variant-numeric:tabular-nums;font-weight:600}.stat-row .smeta{color:#a5adcb;font-variant-numeric:tabular-nums;font-size:.78rem}.buildstrip{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.buildstrip .arrow{color:#6e748f;font-size:.85rem}.corestrip{flex-wrap:nowrap;align-items:stretch;gap:.6rem;padding:.25rem .25rem .6rem;display:flex;overflow-x:auto}.corestrip::-webkit-scrollbar{height:8px}.corestrip::-webkit-scrollbar-thumb{background:#494d64;border-radius:4px}.corestrip .champ-card{cursor:default;flex:none;justify-content:center}.corestrip .champ-card:hover{background:#1e2030;border-color:#363a4f}.corestrip .champ-card img{width:64px;height:64px}.corestrip .champ-card .cname{font-size:.8rem}.corestrip .arrow{color:#8aadf4;align-self:center;font-size:1.2rem;font-weight:700}img.icon{vertical-align:middle;background:#363a4f;border-radius:4px;width:32px;height:32px}img.icon.big{width:48px;height:48px}img.item{vertical-align:middle;background:#363a4f;border-radius:3px;width:28px;height:28px}.items{flex-wrap:wrap;gap:.25rem;display:flex}img.rune{width:64px;height:64px}#search{width:100%;color:inherit;background:#181926;border:1px solid #363a4f;border-radius:6px;margin:.75rem 0;padding:.5rem .75rem;font-size:1rem}.grid{flex-wrap:wrap;gap:.5rem;display:flex}.card{cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;width:72px;padding:.4rem;display:flex}.card:hover{background:#363a4f}.card img{background:#363a4f;border-radius:4px;width:48px;height:48px}.card span{text-align:center;margin-top:.2rem;font-size:.72rem}.hidden{display:none}.note{color:#a5adcb;font-size:.85rem;font-style:italic}.tabs{flex-wrap:wrap;gap:.25rem;margin:.75rem 0 1rem;display:flex}.tab{background:#1e2030;border:1px solid #363a4f;border-radius:6px;padding:.3rem .8rem;text-decoration:none}.tab.active{background:#494d64;border-color:#8aadf4}.tab .muted{margin-left:.3rem}.skill{text-align:center;background:#494d64;border:1px solid #363a4f;border-radius:4px;width:1.4em;height:1.4em;margin-right:.25rem;font-weight:600;line-height:1.4em;display:inline-block}.skillpath{flex-direction:column;gap:.3rem;padding:.25rem 0 .35rem;display:flex;overflow-x:auto}.skillpath::-webkit-scrollbar{height:8px}.skillpath::-webkit-scrollbar-thumb{background:#494d64;border-radius:4px}.sp-row{align-items:center;display:flex}.sp-row .sp-cell{margin-right:.3rem}.sp-cell{font-variant-numeric:tabular-nums;background:#1e2030;border:1px solid #363a4f;border-radius:4px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;display:inline-flex}.sp-cell.on{color:#1e2030;background:#8aadf4;border-color:#8aadf4;font-weight:700}.sp-head .sp-lvl{color:#a5adcb;background:#181926;font-weight:600}table.summary{width:100%;margin:.35rem 0}table.summary th{color:#a5adcb;text-align:left;border-bottom:1px solid #313244;padding:.2rem .9rem .2rem 0;font-size:.85rem;font-weight:600}table.summary td{text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px solid #313244;font-size:.9rem}table.summary tr:last-child th,table.summary tr:last-child td{border-bottom:none}table.gradetable{width:100%}table.gradetable th:first-child{padding-right:.55rem}table.gradetable td{text-align:left}section.block{margin-top:1.4rem}.buildgrid{flex-direction:column;display:flex}@media (width>=1100px){.buildgrid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:1.75rem;display:grid}.buildgrid .bg-left,.buildgrid .bg-right{display:contents}.buildgrid .champstats{grid-area:1/1/auto/6}.buildgrid .sec-keystones{grid-area:1/6/auto/13}.buildgrid .sec-starting{grid-area:2/1/auto/6}.buildgrid .sec-core{grid-area:2/6/auto/13}.buildgrid .sec-skillpath{grid-area:3/1/auto/9}.buildgrid .sec-boots{grid-area:3/9/auto/13}.buildgrid .bg-rails{grid-area:4/1/auto/13;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:start;column-gap:1.25rem;display:grid}.buildgrid .sec-keystones .champ-card .cname{min-height:2.3em}.buildgrid .bg-rails .champ-card .cname{min-height:3.45em}.buildgrid .sec-keystones .champ-card .cwr,.buildgrid .bg-rails .champ-card .cwr{margin-top:auto}.buildgrid .sec-core .champ-card .cname{min-height:0}.buildgrid .champ-card .cname{overflow-wrap:break-word}.buildgrid .champ-card .cwr,.buildgrid .champ-card .cpick,.buildgrid .champ-card .cgames{white-space:nowrap}.buildgrid .corestrip{align-items:stretch}.buildgrid .sec-keystones .champ-card,.buildgrid .sec-core .champ-card{flex:100px;justify-content:center}.buildgrid .corestrip .arrow{flex:none}.buildgrid .bg-rails .corestrip{flex-wrap:nowrap;overflow-x:auto}.buildgrid .bg-rails .champ-card{flex:0 0 90px}}section.block h3{color:#b8c0e0;margin:0 0 .4rem;font-size:.95rem}section.block table td{vertical-align:middle;border-bottom:1px solid #313244;padding:.3rem .5rem .3rem 0}section.block table tr:last-child td{border-bottom:none}td.num{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}table.roletable{width:100%;margin:.35rem 0}table.roletable th{color:#a5adcb;text-align:left;border-bottom:1px solid #313244;padding:.2rem .9rem .2rem 0;font-size:.85rem;font-weight:600}table.roletable td{border-bottom:1px solid #313244;padding:.28rem .9rem .28rem 0;font-size:.9rem}table.roletable tr:last-child td,table.roletable tr:last-child th{border-bottom:none}table.roletable th.num{text-align:right}table.roletable td a{color:#cad3f5}table.roletable td a:hover{color:#8aadf4}table.roletable td a.champcell{align-items:center;gap:.5rem;display:inline-flex}table.roletable .sortbtn{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:none;padding:0}table.roletable .sortbtn:hover{color:#cad3f5}table.roletable .sortarrow{color:#8aadf4;margin-left:.25rem;font-size:.7em}table.roletable tbody tr{cursor:pointer}table.roletable tbody tr:hover{background:#1e2030}.grade-chip{font-variant-numeric:tabular-nums;min-width:1.4rem;font-weight:700;display:inline-block}.rolelink{color:inherit}.rolelink:hover{color:#8aadf4}.roleblock{margin-top:1.5rem}.roleblock>h2{margin:0 0 .5rem}.rail{gap:.5rem;padding:.25rem .25rem .6rem;display:flex;overflow-x:auto}@media (width>=1100px){.tiergrid{grid-template-columns:repeat(5,max-content);justify-content:center;align-items:start;gap:0 1rem;display:grid}.rail{flex-direction:column;overflow-x:visible}}.rail::-webkit-scrollbar{height:8px}.rail::-webkit-scrollbar-thumb{background:#494d64;border-radius:4px}.champ-card{cursor:pointer;background:#1e2030;border:1px solid #363a4f;border-radius:8px;flex-direction:column;flex:none;align-items:center;width:100px;padding:.5rem .4rem .45rem;display:flex}.champ-card:hover{background:#363a4f;border-color:#8aadf4}.champ-card.g-S{border-color:var(--g-S)}.champ-card.g-A{border-color:var(--g-A)}.champ-card.g-B{border-color:var(--g-B)}.champ-card.g-C{border-color:var(--g-C)}.champ-card.g-D{border-color:var(--g-D)}.champ-card img{background:#363a4f;border-radius:6px;width:56px;height:56px}.champ-card .cname{text-align:center;overflow-wrap:anywhere;margin-top:.35rem;font-size:.78rem;font-weight:600;line-height:1.15}.champ-card .cwr{text-align:center;font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:.78rem}.champ-card .cgames{text-align:center;font-variant-numeric:tabular-nums;margin-top:.1rem;font-size:.7rem}.champ-card .cinfo{display:contents}.champ-card .cpick,.champ-card .cgrade,.champ-card .clab{display:none}@media (width>=1100px){.rail .champ-card{flex-direction:row;align-items:center;gap:.6rem;width:auto;padding:.45rem .6rem .45rem .5rem;position:relative}.rail .champ-card .cinfo{text-align:left;flex-direction:column;align-items:flex-start;padding-right:1.1rem;display:flex}.rail .champ-card .cwr{color:#cad3f5;font-size:1.05rem;font-weight:700}.rail .champ-card .cpick,.rail .champ-card .cgames{margin-top:.1rem;font-size:.78rem;display:block}.rail .champ-card .clab{color:#a5adcb;text-transform:lowercase;margin-left:.35rem;font-size:.68rem;font-weight:600;display:inline-block}.rail .champ-card .cgrade{font-size:.95rem;font-weight:700;line-height:1;display:block;position:absolute;top:.25rem;right:.45rem}.rail .champ-card.g-S .cgrade{color:var(--g-S)}.rail .champ-card.g-A .cgrade{color:var(--g-A)}.rail .champ-card.g-B .cgrade{color:var(--g-B)}.rail .champ-card.g-C .cgrade{color:var(--g-C)}.rail .champ-card.g-D .cgrade{color:var(--g-D)}}.keystone-card .clab{color:#a5adcb;text-transform:lowercase;margin-left:.35rem;font-size:.68rem;font-weight:600;display:inline-block}.keystone-card .cwr{color:#cad3f5;font-size:.95rem;font-weight:700}.keystone-card .cpick{margin-top:.1rem;font-size:.78rem;display:block}.about-img{border-radius:10px;width:100%}.palette-trigger{color:#a5adcb;font:inherit;cursor:pointer;white-space:nowrap;background:#24273a;border:1px solid #363a4f;border-radius:6px;margin-left:auto;padding:.3rem .6rem;font-size:.8rem}.palette-trigger:hover{color:#cad3f5;border-color:#8aadf4}.palette-trigger kbd{font:inherit;background:#1e2030;border:1px solid #363a4f;border-radius:4px;margin-left:.35rem;padding:0 .3rem;font-size:.72rem}.palette-overlay{z-index:50;background:#11121ba6;justify-content:center;align-items:flex-start;padding:12vh 1rem 1rem;display:flex;position:fixed;inset:0}.palette{background:#1e2030;border:1px solid #363a4f;border-radius:10px;width:100%;max-width:480px;max-height:70vh;padding:.75rem;overflow-y:auto}.palette input{color:#cad3f5;width:100%;font:inherit;background:#24273a;border:1px solid #363a4f;border-radius:6px;padding:.5rem .65rem}.palette input:focus{border-color:#8aadf4;outline:none}.palette ul{margin:.5rem 0 0;padding:0;list-style:none}.palette-group{text-transform:uppercase;letter-spacing:.04em;color:#a5adcb;padding:.5rem .5rem .2rem;font-size:.72rem;font-weight:700}.palette-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:baseline;gap:1rem;padding:.4rem .5rem;display:flex}.palette-item.sel{background:#363a4f}.palette-sub{white-space:nowrap;font-size:.78rem}.palette-empty{padding:.5rem}.palette-hint{margin:.5rem .5rem 0;font-size:.75rem}.badge-section{margin-top:1.4rem}.badge-section h2{margin-bottom:.5rem}.badge-rail{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;display:grid}.bcard{text-align:center;background:#1e2030;border:1px solid #363a4f;border-radius:8px;flex-direction:column;align-items:center;min-width:0;padding:.7rem .6rem;display:flex}.bcard img{background:#363a4f;border-radius:6px;width:64px;height:64px}.bcard .bname{color:#cad3f5;overflow-wrap:break-word;margin-top:.4rem;font-size:.85rem;font-weight:600}.bcard .baward{color:#8aadf4;margin-top:.35rem;font-size:.72rem;font-weight:600}.bcard .bscope{margin-top:.1rem;font-size:.72rem}.bcard .bdetail{font-variant-numeric:tabular-nums;text-wrap:balance;min-height:2.6em;margin-top:.3rem;font-size:.75rem}.bcard.pending{background:#181926;border-style:dashed}.bcard.pending .bname{color:#939ab7}.pring{margin-top:.2rem}.pring-bg{fill:none;stroke:#363a4f;stroke-width:6px}.pring-fg{fill:none;stroke:#8aadf4;stroke-width:6px;stroke-linecap:round}.pring text{fill:#cad3f5;text-anchor:middle;font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:600}@media (width>=700px){.badge-rail{grid-template-columns:repeat(3,1fr)}}.badge-strip{flex-wrap:nowrap;gap:.6rem;padding:.25rem .25rem .6rem;display:flex;overflow-x:auto}.badge-strip::-webkit-scrollbar{height:8px}.badge-strip::-webkit-scrollbar-thumb{background:#494d64;border-radius:4px}.badge-chip{color:#cad3f5;white-space:nowrap;background:#1e2030;border:1px solid #363a4f;border-radius:999px;flex:none;padding:.35rem .9rem;font-size:.85rem;font-weight:600;text-decoration:none}.badge-chip:hover{border-color:#8aadf4}
