:root{--ink:#071217;--ink-2:#0b1b22;--ink-3:#102831;--panel:#0d2027;--panel-soft:#122a32;--line:#9fcdd324;--line-bright:#d1a94b66;--gold:#c89b3c;--gold-light:#e4c36e;--cream:#f1e6cd;--muted:#8ca4a9;--teal:#26a7a1;--cyan:#71d0cb;--red:#d35f53;--offense:#a9483c;--defense:#4478a6;--utility:#57916b;--font-title:"beaufort-pro",Georgia,serif;--font-body:"avenir-lt-pro",Inter,system-ui,sans-serif;--shadow:0 24px 80px #00000059;--header-h:76px;--footnote-h:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#3c5a60 #07161b;overflow-x:hidden}body{background:var(--ink);color:#dbe7e5;font-family:var(--font-body);background-image:radial-gradient(circle at 18% 6%,#1d6f722b,#0000 27rem),radial-gradient(circle at 83% 20%,#bb8b3014,#0000 30rem);min-width:320px;margin:0;font-weight:400;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,select{font:inherit}button,a{transition:all .18s}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--gold);color:var(--ink)}.asset-fallback{color:#b99b58;font-family:var(--font-title);background:linear-gradient(145deg,#17363e,#09181d);place-items:center;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--gold-light);font-size:10px;font-weight:700}.site-header{height:var(--header-h);z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#050f13e0;position:sticky;top:0}.header-inner{align-items:center;gap:30px;max-width:1500px;height:100%;margin:auto;padding:0 32px;display:flex}.brand{align-items:center;gap:12px;min-width:245px;display:flex}.brand img{object-fit:contain;width:82px;height:46px}.brand>span{flex-direction:column;display:flex}.brand b{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;color:var(--cream);font-size:14px}.brand small{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:2px;font-size:10px}.site-header nav{align-items:center;gap:4px;height:100%;display:flex}.site-header nav a{text-transform:uppercase;letter-spacing:.12em;color:#9bb0b2;opacity:.42;align-items:center;height:100%;padding:0 13px;font-size:12px;transition:opacity .18s,color .18s;display:flex;position:relative}.site-header nav a:hover,.site-header nav a.active{color:var(--cream);opacity:1}.site-header nav a.active:after{content:"";background:var(--gold);height:2px;box-shadow:0 0 9px var(--gold);position:absolute;bottom:0;left:13px;right:13px}.global-search{border:1px solid var(--line);background:#ffffff09;align-items:center;gap:8px;width:240px;height:40px;margin-left:auto;padding:0 11px;display:flex}.global-search svg{color:#66848a}.global-search input{color:#dce6e4;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.global-search input::placeholder{color:#647c81}.global-search kbd{color:#748b8f;border:1px solid #395158;border-radius:3px;padding:2px 5px;font-size:10px}.mobile-menu{background:0 0;border:0;display:none}.site-footnote{height:var(--footnote-h);opacity:.32;color:#5f787d;justify-content:center;align-items:center;padding:0 max(32px,50vw - 718px);display:flex}.site-footnote p{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:1130px;margin:0;font-size:7px;line-height:1;overflow:hidden}.tooltip-wrap{min-width:0;display:block;position:relative}.classic-tooltip{pointer-events:none;text-align:left;color:#9fb4b4;background:linear-gradient(170deg,#0c2129 0%,#071219 55%,#060f14 100%);border:1px solid #c89b3c8c;flex-direction:column;gap:7px;width:290px;padding:14px 16px 15px;font-size:11px;line-height:1.55;display:flex;box-shadow:0 18px 44px #000000a8,inset 0 0 0 1px #040a0de6,inset 0 1px #e4c36e24}.classic-tooltip:after{content:"";background:#060f14;border-bottom:1px solid #c89b3c8c;border-right:1px solid #c89b3c8c;width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.classic-tooltip strong{font-family:var(--font-title);color:var(--cream);font-size:16px;font-weight:500;line-height:1.2}.classic-tooltip em{color:var(--gold-light);letter-spacing:.04em;text-transform:uppercase;margin-top:-3px;font-size:10px;font-style:normal}.classic-tooltip>span:last-child:not(.tooltip-stats){color:#8ea6a6;white-space:pre-line}.tooltip-stats{color:#b1e0ab;border-top:1px solid #9fcdd31f;flex-direction:column;gap:2px;padding:7px 0 2px;font-size:10.5px;display:flex}.item-passive-line{display:block}.item-passive-line+.item-passive-line{margin-top:2px}.item-passive-name{color:#e0d576;font-weight:600}.item-base-stats,.item-catalog-grid p .item-base-stats{color:#b1e0ab}.classic-tooltip .tooltip-stats+span{border-top:1px solid #9fcdd31f;padding-top:7px}.classic-tooltip.tooltip-portal{z-index:10000;max-height:min(360px,100vh - 20px);position:fixed;overflow:auto;transform:translate(-50%,-100%)}.classic-tooltip.tooltip-portal[data-placement=below]{transform:translate(-50%)}.classic-tooltip.tooltip-portal[data-placement=below]:after{border:0;border-top:1px solid #c89b3c8c;border-left:1px solid #c89b3c8c;top:-5px;bottom:auto}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9000;background:#01080bd1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#09191f;border:1px solid #8d7336;flex-direction:column;width:min(520px,100%);max-height:min(760px,90vh);display:flex;box-shadow:0 40px 100px #000}.modal.wide{width:min(900px,100%)}.modal>header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:65px;padding:0 20px;display:flex}.modal h2{font-family:var(--font-title);color:var(--cream);font-size:21px;font-weight:500}.modal>header button{color:#779095;cursor:pointer;background:0 0;border:0}.global-search,.catalog-controls label,.local-search,.search-large,.modal-search{position:relative}.search-suggestions{z-index:120;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#051116fa;border:1px solid #7b6734;width:min(390px,90vw);padding:6px;position:absolute;top:calc(100% + 7px);left:-1px;box-shadow:0 22px 55px #0000009e}.global-search .search-suggestions{left:auto;right:-1px}.search-suggestions>a,.search-suggestions>button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #9fcdd317;align-items:center;gap:10px;width:100%;min-height:56px;padding:7px;display:flex}.search-suggestions>a:hover,.search-suggestions>button:hover{background:#102a31}.search-suggestions img,.search-suggestions .asset-fallback{object-fit:cover;border:1px solid #81682e;flex:none;width:40px;height:40px}.search-suggestions>a>span,.search-suggestions>button>span{flex:1;min-width:0;display:grid}.search-suggestions small{text-transform:uppercase;letter-spacing:.13em;color:var(--gold-light);font-size:7px}.search-suggestions b{font-family:var(--font-title);color:#e0e8e4;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.search-suggestions em{color:#718b90;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-style:normal;overflow:hidden}.search-suggestions svg{color:var(--gold)}.search-suggestion-empty{color:#789095;align-items:center;gap:9px;height:54px;padding:0 10px;font-size:10px;display:flex}.suggestion-action{text-transform:uppercase;letter-spacing:.12em;color:#58747a;padding:8px 9px 4px;font-size:7px}.filter-info{border-bottom:1px solid var(--line);z-index:20;flex:none;align-items:center;gap:22px;min-height:82px;display:flex;position:relative}.filter-info-tools{flex:1;min-width:0}.filter-info .catalog-controls{border:0;min-height:82px}.filter-info-count{flex:none;align-items:center;gap:11px;margin-left:auto;padding:0 8px 0 18px;display:flex}.filter-info-count b{font-family:var(--font-title);color:var(--gold-light);font-size:37px;font-weight:400;line-height:1}.filter-info-count span{text-transform:uppercase;letter-spacing:.13em;color:#71898d;font-size:8px;line-height:1.5}.filter-caption{color:#71898d;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.catalog-controls{border-bottom:1px solid var(--line);align-items:center;gap:16px;min-height:82px;display:flex}.catalog-controls label,.search-large{border:1px solid var(--line);color:#608087;background:#091a20;align-items:center;gap:9px;width:250px;height:41px;padding:0 11px;display:flex}.catalog-controls input,.search-large input{color:#d4dfdd;background:0 0;border:0;outline:0;flex:1;min-width:0}.catalog-controls>div{gap:6px;display:flex;overflow:auto}.catalog-controls select{color:#8ea2a4;border:1px solid var(--line);background:#0a1b21;margin-left:auto;padding:9px}.chip-row{gap:6px;min-width:0;max-width:100%;display:flex;overflow:auto}.chip-row button,.catalog-controls button{white-space:nowrap;border:1px solid var(--line);color:#7f989b;cursor:pointer;background:0 0;border-radius:20px;padding:7px 11px;font-size:10px}.chip-row button.active,.catalog-controls button.active{color:var(--gold-light);background:#be902f1f;border-color:#a78336}.catalog-page,.detail-page{max-width:1400px;min-height:760px;margin:0 auto;padding:58px 32px 90px}.builder-shell{max-width:1500px;margin:0 auto;padding:22px 32px 70px}@media (width>=901px){.catalog-page{height:calc(100vh - var(--header-h) - var(--footnote-h));flex-direction:column;min-height:0;padding:0 32px;display:flex;overflow:hidden}.detail-page{height:calc(100vh - var(--header-h) - var(--footnote-h));flex-direction:column;min-height:0;padding:13px 32px 0;display:flex;overflow:hidden}.builder-shell{height:calc(100vh - var(--header-h) - var(--footnote-h));padding:14px 32px 0;display:flex;overflow:hidden}.catalog-scroll-shell{flex:1}.catalog-scroll{height:100%;padding:14px 4px 16px 0;overflow-y:auto}.search-result-columns{grid-template-columns:1fr 1fr;gap:14px;min-height:0;padding-bottom:20px;display:grid;overflow:auto}.search-result-columns .search-results{min-width:0}.search-page .filter-info{margin-bottom:0}.detail-page .breadcrumbs{flex:none;height:22px;margin-bottom:8px}}.catalog-scroll-shell{flex-direction:column;min-height:0;display:flex;position:relative}.catalog-scroll-shell:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(#07121700,#071217 88%);height:48px;transition:opacity .18s;position:absolute;bottom:0;left:0;right:0}.catalog-scroll-shell.at-bottom:after{opacity:0}.catalog-scroll{min-height:0;padding-top:14px}.champion-catalog-grid{grid-template-columns:repeat(6,1fr);gap:11px;display:grid}.champion-catalog-card{border:1px solid var(--line);background:#0a1b21;padding:9px;position:relative;overflow:hidden}.champion-catalog-card:hover{border-color:#80692f;transform:translateY(-3px);box-shadow:0 14px 30px #0000004d}.champion-catalog-card>div:first-child{height:150px;position:relative;overflow:hidden}.champion-catalog-card img,.champion-catalog-card .asset-fallback{object-fit:cover;width:100%;height:100%}.champion-catalog-card .status{text-transform:uppercase;letter-spacing:.13em;color:#6cc2bd;margin-top:10px;font-size:8px;display:inline-block}.champion-catalog-card h2{font-family:var(--font-title);color:var(--cream);margin:6px 0 1px;font-size:18px}.champion-catalog-card p{color:#6f898d;min-height:24px;margin:0;padding-right:20px;font-size:9px}.champion-catalog-card .card-arrow{color:var(--gold);display:flex;position:absolute;bottom:9px;right:9px}.item-catalog-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.item-catalog-grid>a{border:1px solid var(--line);background:#091a20;grid-template-columns:86px 1fr;align-items:start;gap:14px;min-height:140px;padding:14px;display:grid}.item-catalog-grid>a:hover{background:#0e252b;border-color:#82692e;transform:translateY(-2px)}.item-catalog-grid img,.item-catalog-grid .asset-fallback{object-fit:cover;border:1px solid #80672b;width:86px;height:86px}.item-catalog-grid span{text-transform:uppercase;letter-spacing:.14em;color:#729095;font-size:8px}.item-catalog-grid h2{font-family:var(--font-title);color:var(--cream);margin:4px 0;font-size:16px}.item-catalog-grid p{color:#739094;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:9.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.item-catalog-grid footer{border-top:1px solid #9fcdd317;justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;display:flex}.item-catalog-grid footer b{color:var(--gold-light);font-size:12px}.item-catalog-grid footer i{color:#77612f;font-style:normal}.item-catalog-grid footer svg{color:var(--gold)}.data-list{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;display:grid}.data-list article{border:1px solid var(--line);background:#091a20;align-items:flex-start;gap:14px;min-height:105px;padding:16px;display:flex}.data-list article:hover{border-color:#c2993d66}.data-list.spells article>img,.data-list.spells article>.asset-fallback{object-fit:cover;border:1px solid #81682e;width:58px;height:58px}.data-list article span{min-width:0}.data-list small{text-transform:uppercase;letter-spacing:.14em;color:var(--gold-light);font-size:8px}.data-list h2{font-family:var(--font-title);color:var(--cream);margin:4px 0 6px;font-size:15px}.data-list p{color:#71898d;margin:0;font-size:10px;line-height:1.55}.search-large{width:100%;max-width:650px;height:55px;margin:24px 0}.search-large input{font-size:17px}.search-results{border:1px solid var(--line);background:#091a20;margin-top:24px}.search-results>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:55px;padding:0 17px;display:flex}.search-results h2{font-family:var(--font-title);color:var(--cream);font-size:18px}.search-results header span{color:#8facaf;background:#17343b;border-radius:12px;padding:4px 8px;font-size:9px}.search-results>a{border-bottom:1px solid #9ac9cd14;align-items:center;gap:12px;height:65px;padding:8px 17px;display:flex}.search-results>a:hover{background:#10262d}.search-results img,.search-results .asset-fallback{object-fit:cover;width:47px;height:47px}.search-results>a span{flex-direction:column;flex:1;display:flex}.search-results>a b{font-family:var(--font-title);color:#d8e3e0}.search-results>a small{color:#6f888d;font-size:9px}.search-results>a svg{color:var(--gold)}.no-results{border:1px dashed var(--line);color:#607b7f;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.no-results h2{font-family:var(--font-title);color:#a9b9b7;margin:10px 0 0}.no-results p{font-size:11px}.not-found{flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.not-found>span{font-family:var(--font-title);color:var(--gold);font-size:80px}.not-found h1{font-family:var(--font-title);color:var(--cream)}.not-found a{color:var(--gold-light);font-size:11px}.breadcrumbs{text-transform:uppercase;letter-spacing:.1em;color:#687f84;align-items:center;gap:8px;margin-bottom:22px;font-size:9px;display:flex}.breadcrumbs a{color:var(--gold-light)}.detail-page h1{font-family:var(--font-title);color:var(--cream);letter-spacing:-.025em;margin:12px 0 13px;font-size:clamp(42px,5vw,66px);font-weight:500;line-height:.95}.champion-detail-hero{background-color:#08171c;background-image:linear-gradient(180deg,#040e12c7 0%,#050f1447 16%,#050f140f 40%,#050f148c 76%,#040e12d9 100%), linear-gradient(90deg,#040e1275 0%,#0510151f 50%,#05101561 100%), var(--splash);background-position:50% 18%;background-repeat:no-repeat;background-size:cover;border:1px solid #c89b3c4d;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:18px 30px;min-height:520px;padding:24px 32px 26px;display:grid;position:relative;overflow:hidden}.hero-topline{z-index:1;grid-column:1/-1;align-items:baseline;gap:16px;min-width:0;display:flex;position:relative}.champion-detail-hero h1{letter-spacing:-.02em;text-shadow:0 4px 30px #0000008c;white-space:nowrap;flex:none;margin:0;font-size:clamp(44px,4.8vw,72px);line-height:.9}.hero-topline>p{min-width:0;font-family:var(--font-title);color:#c3cfca;text-shadow:0 2px 14px #0009;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:19px;overflow:hidden}.hero-topline .eyebrow{text-shadow:0 1px 8px #000000b3;flex:none;margin-left:34px}.hero-cta{-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);color:var(--gold-light);background:#040e1399;border:1px solid #c89b3c73;flex:none;align-self:center;align-items:center;gap:9px;margin-left:auto;padding:11px 18px;font-size:11px;font-weight:700;display:flex;box-shadow:0 10px 30px #00000059}.hero-cta:hover{border-color:var(--gold-light);color:var(--cream);background:#0e2027a8}.hero-stats{z-index:1;-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);background:#040e13ad;border:1px solid #9fcdd329;grid-area:2/2;grid-template-columns:1fr 1fr;align-self:end;gap:0 20px;padding:6px 15px 7px;display:grid;position:relative}.hero-stats>div{border-bottom:1px solid #9ac9cf1a;justify-content:space-between;align-items:baseline;gap:9px;min-width:0;padding:4.5px 0;font-size:10.5px;display:flex}.hero-stats>div:nth-last-child(-n+2){border-bottom:0}.hero-stats>div>span:first-child{color:#87a0a5;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.hero-stats .stat-icon{flex:none;width:13px;height:13px}.stat-values{align-items:baseline;gap:7px;display:flex}.stat-values b{color:#e8efec;font-size:11.5px}.stat-values small{color:#6fcac3;white-space:nowrap;font-size:9px}.hero-abilities{z-index:1;scrollbar-width:thin;flex-direction:column;grid-area:2/1;gap:8px;min-width:0;min-height:0;display:flex;position:relative;overflow-y:auto}.hero-ability:first-child{margin-top:auto}.hero-ability{-webkit-backdrop-filter:blur(14px)saturate(1.1);backdrop-filter:blur(14px)saturate(1.1);background:#040e13a8;border:1px solid #9fcdd326;flex:none;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:10px 14px 11px;display:grid}.hero-ability:hover{border-color:#c89b3c6b}.hero-ability>img,.hero-ability>.asset-fallback{object-fit:cover;border:1px solid #81672c;width:44px;height:44px}.hero-ability>div{min-width:0}.hero-ability header{align-items:center;gap:9px;display:flex}.hero-ability header b{width:20px;height:20px;color:var(--gold-light);background:#153239eb;border:1px solid #9fcdd333;flex:none;place-items:center;font-size:9px;display:grid}.hero-ability h2{min-width:0;font-family:var(--font-title);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:500;overflow:hidden}.hero-ability header small{letter-spacing:.06em;color:var(--gold-light);white-space:nowrap;margin-left:auto;font-size:8.5px}.hero-ability p{color:#a3b7b8;margin:4px 0 0;font-size:10px;line-height:1.45}.hero-ability footer{color:#8ba3a7;flex-wrap:wrap;gap:5px;margin-top:7px;font-size:8.5px;display:flex}.hero-ability footer span{background:#09191fb8;border:1px solid #9fcdd324;padding:3px 8px}.hero-ability footer b{color:#6fcac3;font-weight:600}.hero-abilities .empty-detail{margin:auto 0}.item-detail-card aside>div{border-bottom:1px solid #9ac9cf14;justify-content:space-between;align-items:baseline;padding:3.5px 0;font-size:11px;display:flex}.item-detail-card aside span{color:#71898e}.item-detail-card aside b{color:#d8e3e0}.item-detail-card{border:1px solid var(--line);background:#091a20;grid-template-columns:150px 1fr 340px;align-content:center;align-items:start;gap:34px;padding:34px;display:grid}.item-detail-card>img,.item-detail-card>.asset-fallback{border:1px solid var(--gold);object-fit:cover;background:#08161a;width:150px;height:150px;padding:6px}.item-detail-card h1{margin:9px 0;font-size:44px}.item-detail-card p{color:#839a9d;max-width:550px;font-size:14px;line-height:1.6}.enchant-chip-row{flex-wrap:wrap;gap:6px;margin:12px 0 2px;display:flex}.enchant-chip-row button{white-space:nowrap;border:1px solid var(--line);color:#7f989b;cursor:pointer;background:0 0;border-radius:20px;padding:6px 11px;font-size:10px}.enchant-chip-row button.active{color:var(--gold-light);background:#be902f1f;border-color:#a78336}.item-detail-text .item-base-stats,.item-detail-card p.item-base-stats{color:#b1e0ab;flex-direction:column;gap:3px;font-size:13.5px;display:flex}.item-detail-text .item-passive-line+.item-passive-line{margin-top:7px}.item-cost{align-items:baseline;gap:8px;margin-top:14px;display:flex}.item-cost b{font-family:var(--font-title);color:var(--gold-light);font-size:26px}.item-cost span{color:#887137;text-transform:uppercase;font-size:10px}.item-detail-card aside{border-left:1px solid var(--line);padding-left:28px}.item-detail-card aside h2{font-family:var(--font-title);color:var(--cream)}.item-detail-card aside>div{padding:10px 0}.item-detail-card aside .aside-note{color:#71898e;font-size:10px;line-height:1.6}.item-detail-card aside>a{background:var(--gold);color:#071217;justify-content:space-between;align-items:center;margin-top:20px;padding:13px 14px;font-size:11px;font-weight:700;display:flex}.item-detail-card aside>a:hover{filter:brightness(1.08)}@media (width>=901px){.champion-detail-hero{flex:1;min-height:0;margin-bottom:12px}.item-detail-card{flex:1;min-height:0;overflow:auto}}@media (width>=901px) and (height<=820px){.champion-detail-hero{gap:14px 26px;padding:18px 26px 20px}.champion-detail-hero h1{font-size:clamp(34px,3.2vw,46px)}.hero-topline{gap:13px}.hero-topline>p{font-size:16px}.hero-topline .eyebrow{margin-left:26px}.hero-cta{padding:9px 15px}.hero-stats>div{padding:3.5px 0;font-size:10px}.hero-abilities{gap:6px}.hero-ability{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:8px 12px 9px}.hero-ability>img,.hero-ability>.asset-fallback{width:40px;height:40px}.hero-ability h2{font-size:13.5px}.hero-ability p{font-size:9.5px}.hero-ability footer{margin-top:5px;font-size:8px}.hero-ability footer span{padding:2px 7px}}.builder-grid{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:16px;display:grid}.build-workspace,.build-summary{border:1px solid var(--line);box-shadow:var(--shadow);background:#091a20e6}.build-workspace{flex-direction:column;min-width:0;display:flex}.build-summary{flex-direction:column;min-height:720px;display:flex;position:relative}@media (width>=901px){.builder-grid{flex:1;align-items:stretch;width:100%;min-height:0;margin:0}.build-workspace,.build-summary{height:100%;min-height:0}.build-workspace>.workspace-content{flex:1;min-height:0;overflow:hidden}.item-layout{height:calc(100% - 77px)}.result-grid{height:100%;max-height:none}}.summary-actions{border-bottom:1px solid var(--line);flex:none;grid-template-columns:1fr 1fr;height:39px;display:grid}.summary-actions button{color:#81999d;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;background:#08191f;border:0;font-size:8px}.summary-actions button+button{border-left:1px solid var(--line);color:var(--gold-light)}.summary-actions button:hover{color:var(--cream);background:#112930}.summary-identity{border-bottom:1px solid var(--line);background:radial-gradient(circle at 95% 0,#be8f2e24,#0000 55%);flex:none;grid-template-columns:1fr;gap:6px;padding:10px 12px;display:grid}.champion-select{text-align:left;cursor:pointer;background:#08191f;border:1px solid #c99c3c3d;align-items:center;gap:11px;width:100%;height:64px;padding:6px;display:flex}.champion-select:hover{border-color:var(--gold)}.champion-select>span{flex-direction:column;flex:1;min-width:0;display:flex}.champion-select small{text-transform:uppercase;letter-spacing:.16em;color:var(--gold-light);font-size:9px}.champion-select b{font-family:var(--font-title);color:var(--cream);font-size:20px}.champion-select svg{color:var(--gold)}.champion-frame{border:1px solid var(--gold);background:#08161a;flex:none;width:52px;height:52px;padding:2px}.champion-frame img,.champion-frame>.asset-fallback{object-fit:cover;width:100%;height:100%}.summary-champion-select .champion-frame{border:0;padding:0}.summary-champion-row{position:relative}.summary-champion-row .champion-select>span{padding-right:86px}.open-champion-page{border:1px solid var(--line);color:#8fa6a9;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;background:#0a2026;align-items:center;gap:5px;padding:5px 8px;font-size:7.5px;display:flex;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.open-champion-page:hover{color:var(--cream);background:#112930;border-color:#8b7132}.open-champion-page svg{color:var(--gold)}.summary-champion-select .champion-frame.empty{color:#587a81;border:1px dashed #2c4850;place-items:center;display:grid}.summary-empty{text-align:center;color:#5f797e;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:0;padding:20px;display:flex}.summary-empty svg{color:#3d5a61}.summary-empty span{max-width:220px;font-size:10.5px;line-height:1.5}.summary-level-control{align-items:center;gap:9px;height:30px;display:flex}.summary-level-control>span{justify-content:space-between;align-items:baseline;width:47px;display:flex}.summary-level-control small{text-transform:uppercase;letter-spacing:.12em;color:#6f898e;font-size:7px}.summary-level-control b{font-family:var(--font-title);color:var(--cream)}.summary-level-control input{min-width:0;accent-color:var(--gold);flex:1}.view-toggle{border:1px solid var(--line);background:#07161b;flex:none;grid-template-columns:1fr 1fr;height:46px;margin:10px 13px 0;padding:3px;display:grid}.view-toggle button{cursor:pointer;text-transform:uppercase;letter-spacing:.1em;color:#6f898e;background:0 0;border:0;font-size:9px}.view-toggle button.active{color:#e3d9bd;box-shadow:inset 0 -1px var(--gold);background:#19333a}.stat-list{scrollbar-width:thin;flex:auto;grid-template-columns:1fr 1fr;align-content:start;min-height:0;padding:8px 15px 0;display:grid;overflow-y:auto}.stat-list>div{border-bottom:1px solid #97c6cb14;justify-content:space-between;padding:7px;font-size:11.5px;display:flex}.stat-list>div:nth-child(odd){border-right:1px solid #97c6cb14;padding-left:0}.stat-list>div:nth-child(2n){padding-right:0}.stat-list span{color:#7f979c;align-items:center;gap:7px;display:flex}.stat-list .stat-icon{flex:none;width:15px;height:15px}.stat-list b{color:#d9e5e2}.summary-loadout{border-top:1px solid var(--line);background:#0511158c;justify-content:center;margin-top:auto;padding:10px 17px;display:flex}.summary-loadout-icons{grid-template-columns:43px 143px;grid-template-areas:".clear""spells items";align-items:center;gap:9px 26px;display:grid}.summary-loadout-clear{border:1px solid var(--line);height:23px;color:var(--gold-light);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:#0a2026;grid-area:clear;justify-self:center;padding:0 10px;font-size:7px}.summary-loadout-clear:hover:not(:disabled){color:var(--cream);background:#112930;border-color:#8b7132}.summary-loadout-clear:disabled{opacity:.35;cursor:not-allowed}.summary-spell-stack{grid-area:spells}.summary-inventory-grid{grid-area:items}.summary-slot-wrap{width:43px;height:43px;display:block;position:relative}.summary-slot-wrap>.tooltip-wrap{width:43px;height:43px}.enchant-badge{z-index:3;width:15px;height:15px;color:var(--gold-light);cursor:pointer;background:#0d2830;border:1px solid #8b7132;padding:0;font-size:11px;line-height:1;position:absolute;top:-6px;right:-6px}.enchant-badge:hover{border-color:var(--gold);background:#17333a}.enchant-menu{z-index:30;background:linear-gradient(#0d252c,#07171c);border:1px solid #8b7132;width:172px;padding:5px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 14px 34px #000000a6}.enchant-menu>b{text-transform:uppercase;letter-spacing:.1em;color:var(--gold-light);padding:4px 6px 6px;font-size:7.5px;display:block}.enchant-menu>button{color:#a9bcbc;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:6px 7px;font-size:10px;display:flex}.enchant-menu>button:hover{color:var(--cream);background:#102a31}.enchant-menu>button.active{color:var(--gold-light)}.enchant-menu>button i{color:#77612f;font-size:8.5px;font-style:normal}.summary-spell-stack{grid-template-rows:repeat(2,43px);grid-template-columns:43px;gap:7px;display:grid}.summary-inventory-grid{grid-template-rows:repeat(2,43px);grid-template-columns:repeat(3,43px);gap:7px;display:grid}.summary-spell-stack>.tooltip-wrap,.summary-inventory-grid>.tooltip-wrap{width:43px;height:43px}.summary-loadout-icon{color:#466269;background:#07161b;border:1px solid #856a2d;place-items:center;width:43px;height:43px;padding:0;font-size:9px;display:grid;position:relative}button.summary-loadout-icon{cursor:pointer}.summary-loadout-icon.empty{border-style:dashed;border-color:#2c4850}.summary-loadout-icon img,.summary-loadout-icon .asset-fallback{object-fit:cover;width:100%;height:100%}.summary-loadout-icon>small{color:#07161b;z-index:1;text-align:center;background:#d7b354;width:15px;height:15px;padding-top:1px;font-size:9px;font-weight:800;position:absolute;top:-6px;left:-6px}button.summary-loadout-icon>span{opacity:0;background:#061014c2;place-items:center;display:grid;position:absolute;inset:0}button.summary-loadout-icon:hover>span{opacity:1}@keyframes loadout-pop{0%{opacity:0;filter:brightness(1.9);transform:scale(.35)}55%{opacity:1;transform:scale(1.16)}to{filter:brightness();transform:scale(1)}}@keyframes loadout-pulse{0%{box-shadow:0 0 #e0b94f8c}to{box-shadow:0 0 0 10px #e0b94f00}}.summary-loadout-icon.just-added{animation:.34s cubic-bezier(.2,.8,.3,1.1) loadout-pop,.55s ease-out .1s loadout-pulse}.build-summary>.ability-list{flex:1;grid-template-rows:repeat(5,minmax(0,1fr));min-height:0;padding:4px 10px 6px;display:grid;position:relative;overflow:hidden}.ability-card-wrap{border-bottom:1px solid var(--line);min-height:0;display:block;position:relative}.ability-card-wrap:last-child{border-bottom:0}.ability-card-wrap.expanded{z-index:8}.ability-card-wrap.expanded .ability-row{height:auto;min-height:100%;position:absolute;top:0;left:0;right:0}.ability-card-wrap:nth-child(n+3).expanded .ability-row{top:auto;bottom:0}.ability-row{background:0 0;grid-template-columns:42px minmax(0,1fr);gap:9px;width:100%;height:100%;min-height:0;padding:7px 2px;display:grid;position:relative;overflow:hidden}.ability-row>img,.ability-row>.asset-fallback{object-fit:cover;border:1px solid #80672b;width:42px;height:42px}.ability-row-content{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.ability-row header{justify-content:space-between;align-items:center;gap:5px;height:20px;min-height:20px;display:flex}.ability-row header>span{align-items:center;gap:5px;min-width:0;display:flex}.ability-row header b{width:18px;height:18px;color:var(--gold-light);background:#16333a;flex:none;place-items:center;font-size:8px;display:grid}.ability-row strong{min-width:0;font-family:var(--font-title);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.ability-row select{border:1px solid var(--line);color:#9eb0b0;background:#0a1b21;flex:none;width:56px;padding:2px;font-size:8px}.ability-row p{color:#748d91;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:none;margin:2px 0;font-size:8px;line-height:1.35;display:-webkit-box;overflow:hidden}.ability-row footer{color:#759095;flex-wrap:nowrap;align-items:center;gap:5px;min-height:15px;margin-top:auto;padding-right:22px;font-size:8px;display:flex;overflow:hidden}.ability-row footer>b{font-family:var(--font-title);color:#6fd0ca;white-space:nowrap;font-size:10px}.ability-row footer small{font-family:var(--font-body);font-weight:400}.ability-row footer>span{white-space:nowrap}.ability-text .ab-val{color:#eef3ef;font-weight:600}.ability-text .ab-scaling{white-space:nowrap}.ability-text .ab-scale-icon{vertical-align:-1px;width:10px;height:10px;display:inline-block}.ability-text .ab-dmg-physical{color:#ff8c34}.ability-text .ab-dmg-magic{color:#00b0f0}.ability-text .ab-dmg-true{color:#f9966b}.ability-expand{width:19px;height:19px;color:var(--gold-light);cursor:pointer;z-index:2;background:#0b2026;border:1px solid #3b555b;place-items:center;padding:0;display:grid;position:absolute;bottom:4px;right:2px}.ability-expand svg{transition:transform .18s;transform:rotate(90deg)}.ability-row.expanded{background:linear-gradient(145deg,#0c242b,#07161b);border:1px solid #80682f;padding:10px 2px;box-shadow:0 14px 36px #000000a8}.ability-row.expanded .ability-row-content{height:auto;overflow:visible}.ability-row.expanded p{display:block;overflow:visible}.ability-row.expanded footer{white-space:normal;flex-wrap:wrap;margin-top:4px;overflow:visible}.ability-row.expanded .ability-expand svg{transform:rotate(-90deg)}.empty-detail{text-align:center;color:#5f797e;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:35px;display:flex}.empty-detail b{color:#aabbb9;font-family:var(--font-title);margin:9px 0}.empty-detail span{max-width:280px;font-size:10px;line-height:1.5}.workspace-tabs{border-bottom:1px solid var(--line);background:#09191f;flex:none;grid-template-columns:repeat(4,1fr);height:66px;display:grid}.workspace-tabs button{border:0;border-right:1px solid var(--line);color:#7f989c;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex;position:relative}.workspace-tabs button:last-child{border-right:0}.workspace-tabs button:hover{color:#c1d0cf;background:#10262d}.workspace-tabs button.active{color:var(--cream);background:linear-gradient(#204a50a6,#0c2229cc)}.workspace-tabs button.active:after{content:"";background:var(--gold);height:2px;box-shadow:0 0 8px var(--gold);position:absolute;bottom:-1px;left:24%;right:24%}.workspace-tabs button.active svg{color:var(--gold-light)}.workspace-tabs button b{background:var(--gold);color:var(--ink);border-radius:10px;padding:2px 6px;font-size:9px}.workspace-content{min-width:0;min-height:630px}.workspace-content.summoner-workspace{overflow-y:auto}.workspace-content.rune-workspace{display:block;overflow-y:auto}.tool-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-width:0;padding:18px;display:flex}.local-search,.modal-search{border:1px solid var(--line);color:#5e7e83;background:#07171c;align-items:center;gap:8px;width:210px;height:40px;padding:0 10px;display:flex}.local-search input,.modal-search input{color:#d7e3e1;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.item-layout{grid-template-columns:minmax(0,1fr);min-width:0;display:grid;position:relative}.item-layout:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(#091a2000,#09191f 88%);height:48px;transition:opacity .18s;position:absolute;bottom:0;left:0;right:0}.item-layout.at-bottom:after{opacity:0}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;max-height:570px;padding:16px;display:grid;overflow:auto}.item-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#0a1b21;align-items:center;gap:10px;width:100%;min-height:70px;padding:9px;display:flex;position:relative}.item-card:hover{background:#112b32;border-color:#c2993d6b;transform:translateY(-1px)}.item-card:active:not(:disabled){border-color:var(--gold);transition-duration:60ms;transform:scale(.965)}.item-card:disabled{opacity:.5;cursor:not-allowed}.item-card img,.item-card>.asset-fallback{object-fit:cover;border:1px solid #806625;width:42px;height:42px}.item-card>span{flex-direction:column;flex:1;min-width:0;display:flex}.item-card strong{font-family:var(--font-title);color:#d9e4e1;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.item-card small{color:#6e888d;margin-top:3px;font-size:9.5px}.item-card>b{color:var(--gold-light);font-size:11px;position:absolute;bottom:5px;right:7px}.item-card>b i{color:#9b7b36;font-style:normal}.item-card>svg{color:#68858a;align-self:flex-start}.summoner-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:10px;padding:16px;display:grid}.summoner-grid button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#07171c;flex-direction:column;gap:9px;padding:13px 14px;display:flex}.summoner-grid button:hover{background:#0d2127;border-color:#cda34173}.summoner-grid button.active{border-color:var(--gold);background:#10252b;box-shadow:inset 0 0 0 1px #c89b3c38,0 0 16px #c89b3c1f}.summoner-grid header{align-items:center;gap:11px;min-width:0;display:flex}.summoner-icon-frame{flex:none;width:44px;height:44px;position:relative}.summoner-icon-frame img,.summoner-icon-frame .asset-fallback{object-fit:cover;border:1px solid #7f652b;width:44px;height:44px}.summoner-icon-frame i{color:#07161b;text-align:center;background:#d7b354;width:16px;height:16px;font-size:9px;font-style:normal;font-weight:800;line-height:16px;position:absolute;top:-6px;right:-6px}.summoner-card-title{flex-direction:column;gap:3px;min-width:0;display:flex}.summoner-grid strong{font-family:var(--font-title);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;line-height:1.1;overflow:hidden}.summoner-grid small{text-transform:uppercase;letter-spacing:.1em;color:var(--gold-light);font-size:8px}.summoner-grid p{color:#70888c;margin:0;font-size:9.5px;line-height:1.5}.modal-search{flex:none;width:auto;margin:17px}.champion-picker-grid{grid-template-columns:repeat(4,1fr);gap:7px;padding:0 17px 17px;display:grid;overflow:auto}.champion-picker-grid button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#0b2026;align-items:center;gap:8px;height:59px;padding:6px;display:flex}.champion-picker-grid button:hover{background:#133039;border-color:#8f7333}.champion-picker-grid img,.champion-picker-grid .asset-fallback{object-fit:cover;width:45px;height:45px}.champion-picker-grid span{flex-direction:column;min-width:0;display:flex}.champion-picker-grid strong{font-family:var(--font-title);color:#e1e8e5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.champion-picker-grid small{color:#718a8e;margin-top:3px;font-size:8px}.calculator-catalog{padding-top:0}.calculator-catalog>.mastery-calculator,.calculator-catalog>.rune-calculator{flex:1;min-height:0;margin:14px 0 0}.mastery-calculator,.rune-calculator{border:1px solid var(--line);box-shadow:var(--shadow);background:#07151beb;margin-top:14px;overflow:hidden}.mastery-calculator{background:#06151a;flex-direction:column;height:100%;display:flex}.mastery-calculator.compact,.rune-calculator.compact{box-shadow:none;background:0 0;border:0;margin:0}.calculator-status{border-bottom:1px solid var(--line);color:#81999d;flex:none;align-items:center;gap:16px;height:48px;padding:0 15px;font-size:9px;display:flex}.calculator-status>span{white-space:nowrap}.calculator-status span b{font-family:var(--font-title);color:var(--gold-light);font-size:20px}.calculator-status>small{color:#536f74;margin-right:auto;transform:translateY(2px)}.calculator-status button{border:1px solid var(--line);color:#9eb0b0;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:#0a2026;padding:7px 10px;font-size:8px}.calculator-status button:hover{border-color:var(--gold);background:#c89b3c29}.rune-status .rune-allocation-breakdown{color:#78979b;font-size:10px;display:block}.calculator-inline-controls{border-bottom:1px solid var(--line);z-index:12;background:0 0;flex:none;align-items:center;gap:14px;padding:18px;display:flex;position:relative}.calculator-inline-controls>label{border:1px solid var(--line);color:#5e7e83;background:#07171c;flex:none;align-items:center;gap:8px;width:210px;height:40px;padding:0 10px;display:flex;position:relative}.calculator-inline-controls input{color:#d7e3e1;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.calculator-inline-controls>div{gap:6px;min-width:0;display:flex;overflow-x:auto}.calculator-inline-controls>div>button{white-space:nowrap;border:1px solid var(--line);color:#7f989b;cursor:pointer;background:0 0;border-radius:20px;padding:7px 11px;font-size:10px}.calculator-inline-controls>div>button.active{color:var(--gold-light);background:#be902f1f;border-color:#a78336}.calculator-search-controls .search-suggestions{z-index:1000}.calculator-search-controls .calculator-reset{border:1px solid var(--line);color:#9eb0b0;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:#0a2026;flex:none;height:40px;margin-left:auto;padding:0 14px;font-size:8px}.calculator-search-controls .calculator-reset:hover{border-color:var(--gold);color:var(--cream);background:#c89b3c29}.mastery-tree-grid{flex:1;grid-template-columns:repeat(3,1fr);align-items:start;gap:7px;min-height:0;padding:8px;display:grid;overflow-y:auto}.classic-mastery-tree{background:#09171b;border:1px solid #6f5928;flex-direction:column;align-self:start;min-width:0;transition:opacity .18s;display:flex}.classic-mastery-tree.filtered-out{opacity:.18}.classic-mastery-tree>header{background:#03090cb8;border-bottom:1px solid #d3ab4938;justify-content:space-between;align-items:center;height:36px;padding:0 10px;display:flex}.classic-mastery-tree h3{font-family:var(--font-title);color:var(--cream);margin:0;font-size:13px;font-weight:500}.classic-mastery-tree>header b{font-family:var(--font-title);color:var(--gold-light)}.mastery-node-grid{--mastery-node-half:25px;aspect-ratio:512/928;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex:none;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(4,1fr);place-items:center;width:100%;padding:5px;display:grid;position:relative}.classic-mastery-tree.offense .mastery-node-grid{background-image:linear-gradient(#0e070773,#070a0c8f),url(/assets/classic/mastery-trees/season-3-offense.jpg)}.classic-mastery-tree.defense .mastery-node-grid{background-image:linear-gradient(#050b1073,#060a0d8f),url(/assets/classic/mastery-trees/season-3-defense.jpg)}.classic-mastery-tree.utility .mastery-node-grid{background-image:linear-gradient(#050e0873,#060a0b8f),url(/assets/classic/mastery-trees/season-3-utility.jpg)}.mastery-connection-layer{z-index:1;pointer-events:none;position:absolute;inset:5px}.mastery-connection{background:#2e3a3bf2;width:3px;position:absolute;transform:translate(-50%);box-shadow:0 2px 2px #0009}.mastery-connection.active{background:#d3aa4e;box-shadow:0 0 4px #e0b94fb8}.mastery-node-position{z-index:2;width:50px;height:50px;display:block;position:relative}.mastery-node-position>.tooltip-wrap{width:100%;height:100%}.classic-mastery-node{cursor:pointer;background:#0b1113;border:1px solid #4b5150;width:50px;height:50px;padding:2px;position:relative}.classic-mastery-node img,.classic-mastery-node .asset-fallback{object-fit:cover;filter:grayscale(.9)brightness(.55);width:44px;height:44px}.classic-mastery-node span{color:#b4c1be;text-align:center;background:#03090b;border:1px solid #857136;min-width:22px;font-size:7px;line-height:13px;position:absolute;bottom:-4px;right:-4px}.classic-mastery-node:not(.locked):hover{filter:grayscale(.4)brightness(.95);border-color:#d2ae54}.classic-mastery-node.active{border-color:#e0b94f;box-shadow:0 0 10px #e0b94f70}.classic-mastery-node.active img{filter:none}.classic-mastery-node.locked{cursor:not-allowed;opacity:.32}.classic-mastery-node.search-match{opacity:1}.classic-mastery-node.filtered-out{opacity:.13}.classic-mastery-tree>footer{text-transform:uppercase;letter-spacing:.1em;color:#c8d2cf;height:25px;font-family:var(--font-title);background:#02080ad1;justify-content:center;align-items:center;gap:5px;font-size:9px;display:flex}.classic-mastery-tree>footer b{color:var(--gold-light)}.mastery-calculator.compact .mastery-node-grid{--mastery-node-half:22px}.mastery-calculator.compact .mastery-node-position,.mastery-calculator.compact .classic-mastery-node{width:44px;height:44px}.mastery-calculator.compact .classic-mastery-node img,.mastery-calculator.compact .classic-mastery-node .asset-fallback{width:38px;height:38px}@media (width>=901px){.calculator-catalog .mastery-tree-grid{grid-template-columns:repeat(3,minmax(0,calc(55.17vh - 185.371px)));justify-content:center;gap:12px;padding:10px}.mastery-calculator.compact .mastery-tree-grid{grid-template-columns:repeat(3,minmax(0,calc(55.17vh - 189.233px)));place-content:center}.rune-calculator.compact>.rune-calculator-layout{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}}.rune-calculator{background:#07161b;flex-direction:column;height:100%;display:flex;overflow:visible}.rune-calculator>.rune-calculator-layout{flex:none;width:100%;min-height:0;display:block;overflow:visible}.rune-page-board{aspect-ratio:1312/864;isolation:isolate;background:#c6a65f url(/assets/classic/rune-page.jpg) 50%/100% 100% no-repeat;align-self:start;width:100%;position:relative}.rune-page-board.has-rune-filter:after{content:"";z-index:1;pointer-events:none;background:#040e1242;position:absolute;inset:0}.rune-page-board.has-rune-filter .rune-slot-group{opacity:.48;transition:opacity .18s}.rune-page-board.has-rune-filter .rune-slot-group.spotlight{opacity:1;z-index:3}.rune-page-board.has-rune-filter .rune-slot-group.spotlight button{filter:drop-shadow(0 0 6px #ffe286b3);background:#ffe8a12e}.rune-slot-group{pointer-events:none;z-index:2;position:absolute;inset:0}.rune-slot-group .tooltip-wrap{left:var(--rune-x);top:var(--rune-y);aspect-ratio:1;pointer-events:auto;width:7.6%;height:auto;position:absolute;transform:translate(-50%,-50%)}.rune-slot-group.quintessence .tooltip-wrap{width:10.6%}.rune-slot-group button{cursor:pointer;clip-path:polygon(50% 0,92% 23%,92% 77%,50% 100%,8% 77%,8% 23%);background:0 0;border:0;width:100%;height:100%;padding:5%}.rune-slot-group button>span{background:0 0;width:100%;height:100%;display:block}.rune-slot-group button:hover,.rune-slot-group button:focus-visible{background:#ffe8a129;outline:0}.rune-slot-group button.filled{background:#251b12cc}:is(.rune-slot-group .tooltip-wrap:has(button:hover),.rune-slot-group .tooltip-wrap:has(button:focus-visible)){filter:drop-shadow(0 0 5px #ffe286bf)}.rune-slot-group .tooltip-wrap:has(button.filled){filter:drop-shadow(0 0 2px #ffde84)drop-shadow(0 0 7px #fac434e6)}.rune-slot-group.mark .tooltip-wrap:has(button.filled){filter:drop-shadow(0 0 2px #ff461c)drop-shadow(0 0 7px #f42c0ae6)}.rune-slot-group.seal .tooltip-wrap:has(button.filled){filter:drop-shadow(0 0 2px #ffe664)drop-shadow(0 0 7px #fcbe1ee6)}.rune-slot-group.glyph .tooltip-wrap:has(button.filled){filter:drop-shadow(0 0 2px #8cc6ff)drop-shadow(0 0 7px #408cfce6)}.rune-slot-group.quintessence .tooltip-wrap:has(button.filled){filter:drop-shadow(0 0 3px #ffe664)drop-shadow(0 0 9px #fcbe1ef2)}.rune-slot-group button img,.rune-slot-group button .asset-fallback{width:100%;height:100%;clip-path:inherit;object-fit:contain;object-position:center}.rune-bonus-panel{display:none}@media (width>=901px){.calculator-catalog .rune-calculator>.rune-calculator-layout{justify-content:center;align-items:stretch;gap:14px;height:auto;min-height:0;padding:14px;display:flex;overflow:visible}.calculator-catalog .rune-page-board{border:1px solid #7a612d8c;flex:none;width:min(100%,151.8vh - 455.4px);box-shadow:0 22px 55px #0006}.rune-calculator.compact .rune-page-board{border:1px solid #7a612d73;align-self:center;width:min(100% - 24px,145.776cqh);margin:0}.calculator-catalog .rune-bonus-panel{border:1px solid var(--line);background:#08191f;flex-direction:column;flex:none;width:300px;display:flex}.rune-bonus-panel>header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:47px;padding:0 15px;display:flex}.rune-bonus-panel>header b{font-family:var(--font-title);color:var(--cream);font-size:15px;font-weight:500}.rune-bonus-panel>header small{color:var(--gold-light);font-size:10px}.rune-bonus-list{flex:1;min-height:0;padding:6px 15px 12px;overflow-y:auto}.rune-bonus-list>div{border-bottom:1px solid #9ac9cf14;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;font-size:11px;display:flex}.rune-bonus-list span{color:#7d959a;text-transform:capitalize}.rune-bonus-list b{color:#6fcac3;white-space:nowrap}.rune-bonus-list p{color:#617d82;margin:10px 0 0;font-size:10.5px;line-height:1.6}.rune-bonus-panel>footer{border-top:1px solid var(--line);color:#5e7a7f;flex:none;padding:11px 15px;font-size:9px;line-height:1.5}}.rune-picker-popover{z-index:10020;background:linear-gradient(#0d252c,#07171c);border:1px solid #8b7132;flex-direction:column;max-height:min(500px,100vh - 20px);display:flex;position:fixed;overflow:hidden;box-shadow:0 16px 42px #000000ad,inset 0 0 0 1px #d2ae511a}.rune-picker-popover>header{border-bottom:1px solid var(--line);background:#10272d;flex:none;align-items:center;gap:9px;padding:8px 10px;display:flex}.rune-picker-popover>header button{color:#9db1b3;cursor:pointer;background:#091b20;border:1px solid #3b555b;flex:none;width:28px;height:28px;font-size:20px;line-height:1}.rune-picker-popover>header button:hover{border-color:var(--gold);color:var(--gold-light)}.rune-picker-search{border:1px solid var(--line);color:#648188;background:#061419;flex:1;align-items:center;gap:9px;min-width:0;height:36px;margin:0;padding:0 11px;display:flex}.rune-picker-search input{color:#d8e3e1;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.rune-popup-list{min-height:0;padding:4px 14px 14px;overflow-y:auto}.rune-popup-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:66px;padding:7px;display:flex}.rune-popup-row:hover{background:#102a31}.rune-popup-row>img,.rune-popup-row>.asset-fallback{object-fit:contain;border:1px solid #80672b;flex:none;width:46px;height:46px}.rune-popup-row>span{flex-direction:column;flex:1;min-width:0;display:flex}.rune-popup-row>span b{font-family:var(--font-title);color:#dce5e2;font-size:12px}.rune-popup-row>span small{color:#718b90;margin-top:3px;font-size:8px;line-height:1.35}.rune-quantity-controls{flex:none;align-items:center;gap:5px;padding-right:7px;display:flex}.rune-quantity-controls button{width:28px;height:28px;color:var(--gold-light);cursor:pointer;background:#0b2026;border:1px solid #3b555b}.rune-quantity-controls button:hover:not(:disabled){border-color:var(--gold);background:#17333a}.rune-quantity-controls button:disabled{opacity:.3;cursor:not-allowed}.rune-quantity-controls>b{text-align:center;width:20px;color:var(--cream);font-size:10px}.rune-search-suggestions{width:min(510px,90vw);max-height:360px;overflow-y:auto}.rune-search-result{border-bottom:1px solid #9fcdd317;align-items:center;min-height:58px;display:flex}.rune-search-result:hover{background:#102a31}.rune-search-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;min-height:58px;padding:7px;display:flex}.rune-search-main:disabled{cursor:not-allowed;opacity:.55}.rune-search-main img,.rune-search-main .asset-fallback{object-fit:contain;border:1px solid #81682e;flex:none;width:40px;height:40px}.rune-search-main>span{flex:1;min-width:0;display:grid}.rune-search-main small{text-transform:uppercase;letter-spacing:.13em;color:var(--gold-light);font-size:7px}.rune-search-main b{font-family:var(--font-title);color:#e0e8e4;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.rune-search-main em{color:#718b90;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-style:normal;overflow:hidden}@media (width<=1150px){.site-header nav a{padding:0 8px}.header-inner{gap:15px}.brand{min-width:200px}.brand>span{display:none}.global-search{width:180px}.builder-grid{grid-template-columns:335px minmax(0,1fr)}.champion-catalog-grid{grid-template-columns:repeat(4,1fr)}.summoner-grid,.data-list{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){html,body,#root{height:100%;overflow:hidden}#root{flex-direction:column;display:flex}.site-header{flex:none;height:64px}.header-inner{padding:0 18px}.brand{min-width:0}.brand img{width:72px}.mobile-menu{margin-left:auto;display:block}.site-header nav{border-bottom:1px solid var(--line);background:#07161b;flex-direction:column;align-items:stretch;height:auto;padding:10px;display:none;position:absolute;top:64px;left:0;right:0}.site-header nav.open{display:flex}.site-header nav a{height:44px}.global-search{display:none}.site-footnote{flex:none;height:22px;min-height:22px;padding:0 12px;overflow:hidden}.site-footnote p{font-size:6px}.catalog-page,.detail-page{flex-direction:column;height:calc(100svh - 86px);min-height:0;padding:0 14px;display:flex;overflow:hidden}.filter-info{padding:12px 0}.filter-info-count{display:none}.filter-info,.detail-page>.breadcrumbs{flex:none}.catalog-scroll-shell{flex:1;min-height:0}.catalog-scroll{height:100%;padding:12px 0 14px;overflow-y:auto}.search-result-columns{flex:1;min-height:0;display:block;overflow-y:auto}.champion-detail-hero{flex:1;min-height:0;margin-bottom:10px;padding:20px 18px;display:block;overflow-y:auto}.hero-topline{flex-wrap:wrap;gap:8px 14px}.hero-topline>p{white-space:normal}.hero-topline .eyebrow{width:100%;margin-left:0}.hero-cta{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:center;width:100%;margin-left:0}.hero-abilities{margin-top:16px;overflow:visible}.hero-ability:first-child{margin-top:0}.hero-stats{margin-top:14px}.item-detail-card{grid-template-columns:120px 1fr}.item-detail-card aside{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;padding:20px 0 0}.builder-shell{flex:1;min-height:0;padding:12px 14px 18px;overflow-y:auto}.builder-grid{grid-template-columns:1fr}.build-summary{min-height:680px}.build-summary>.ability-list{min-height:440px}.summary-actions{height:44px}.workspace-content{min-height:560px}.workspace-content.mastery-workspace{max-height:680px;overflow:auto}.calculator-catalog>.mastery-calculator,.calculator-catalog>.rune-calculator{flex:1;min-height:0;overflow-y:auto}.mastery-tree-grid{grid-template-columns:1fr;overflow-y:auto}.classic-mastery-tree{width:100%;min-height:420px}.calculator-catalog .rune-calculator-layout{height:auto;overflow:visible}.champion-catalog-grid{grid-template-columns:repeat(3,1fr)}.item-catalog-grid{grid-template-columns:repeat(2,1fr)}.modal.wide{height:90vh}.champion-picker-grid,.summoner-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.calculator-inline-controls{flex-direction:column;align-items:stretch;height:auto}.calculator-inline-controls>label{flex:none;width:100%}.calculator-inline-controls>div{width:100%;padding-bottom:2px}.calculator-status small{display:none}.classic-mastery-node,.mastery-node-position{width:46px;height:46px}.mastery-node-grid{--mastery-node-half:23px}.classic-mastery-node img{width:40px;height:40px}.rune-status{flex-wrap:wrap;gap:6px 12px;height:auto;min-height:70px;padding:9px 11px}.rune-status>span{order:1}.rune-status>button{order:2;margin-left:auto}.rune-status .rune-allocation-breakdown{white-space:nowrap;text-overflow:ellipsis;order:3;width:100%;margin:0;overflow:hidden;transform:none}}@media (width<=600px){.champion-detail-hero h1{white-space:normal;font-size:44px}.workspace-tabs{height:58px}.workspace-tabs button{gap:4px;font-size:0}.workspace-tabs button span{display:none}.item-layout,.result-grid{grid-template-columns:1fr}.tool-row{display:block}.local-search{width:100%;margin-bottom:10px}.chip-row{padding-bottom:2px}.build-summary{min-height:760px}.stat-list{grid-template-columns:1fr 1fr}.summoner-grid{grid-template-columns:1fr}.champion-picker-grid{grid-template-columns:repeat(2,1fr)}.catalog-controls{flex-direction:column;align-items:stretch;padding:15px 0}.catalog-controls label,.catalog-controls>div{width:100%}.catalog-controls select{margin-left:0}.champion-catalog-grid{grid-template-columns:repeat(2,1fr)}.champion-catalog-card>div:first-child{height:125px}.item-catalog-grid,.data-list{grid-template-columns:1fr}.item-detail-card{padding:22px;display:block}.item-detail-card>img,.item-detail-card>.asset-fallback{width:95px;height:95px}.item-detail-card h1{font-size:38px}.item-detail-card>div{margin-bottom:20px}.hero-ability{grid-template-columns:40px 1fr;padding:10px}.hero-ability>img,.hero-ability>.asset-fallback{width:40px;height:40px}.hero-ability header{flex-wrap:wrap;row-gap:2px}.hero-ability h2{white-space:normal}.hero-ability footer{flex-direction:column;align-items:flex-start;gap:3px}.hero-stats{grid-template-columns:1fr}.hero-stats>div:nth-last-child(2){border-bottom:1px solid #9ac9cf1a}.filter-info{display:block}.search-suggestions{width:calc(100vw - 40px)}.global-search .search-suggestions{display:none}}