.hub-controls,.library-controls{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.field-lg{border-radius:14px;height:58px}.field-lg input{font-size:18px}.library-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.library-row>.pills{flex:auto;min-width:0}.library-row-end{align-items:center;gap:8px;display:flex}.pill-sm{height:40px;padding:0 13px;font-size:13px}.select-sm{height:40px;font-size:14px}.pill:disabled{opacity:.45;cursor:not-allowed}@media (min-width:900px){.hub-controls{grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center}}.item-card .item-sub{min-width:0}.item-card .item-meta{align-items:center}.chip-gold{font-size:16px}.item-hero{isolation:isolate;border-bottom:1px solid var(--line);background:radial-gradient(ellipse 60% 90% at 10% 50%, rgb(var(--gold-rgb) / .1), transparent 60%);padding:clamp(28px,5vw,56px) 0 clamp(26px,4vw,40px);position:relative;overflow:clip}.item-hero>.item-hero-radar{z-index:-1;opacity:.35;width:560px;position:absolute;top:-150px;right:-120px}.item-hero .breadcrumbs{margin-bottom:24px}.item-hero-grid{flex-wrap:wrap;align-items:center;gap:24px 32px;display:flex}.item-hero-icon{background:linear-gradient(135deg, var(--gold), #b9861f 60%, rgb(var(--gold-rgb) / .4));box-shadow:0 0 50px rgb(var(--gold-rgb) / .3);border-radius:28px;flex:none;padding:6px;position:relative}.item-hero-icon img{background:var(--bg-2);border-radius:22px;width:128px;height:128px}.item-hero-name{font:900 clamp(52px, 8vw, 100px) / .86 var(--f-display);text-transform:uppercase;margin-top:12px}.item-hero-en{font:700 16px/1.2 var(--f-hud);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-top:10px}.item-hero-chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.item-panels{gap:16px;display:grid}@media (min-width:900px){.item-panels{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}.item-panels .panel h2{margin-bottom:14px}.item-stats{gap:2px;display:grid}.item-stats>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;display:flex}.item-stats>div:last-child{border-bottom:0}.item-stats dt{color:var(--text-2);font-size:17px}.item-stats dd{font:900 30px/1 var(--f-display);color:var(--buff);margin:0}.item-passive-name{font:900 26px/1 var(--f-display);text-transform:uppercase;color:var(--gold);margin-bottom:10px}.item-desc{color:var(--text);font-size:18px;line-height:1.65}.item-effect+.item-effect{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.item-passive-name .trend{vertical-align:4px;margin-left:10px}.item-note{border:1px solid rgb(var(--gold-rgb) / .4);background:rgb(var(--gold-rgb) / .08);color:var(--text-2);border-radius:10px;margin-top:16px;padding:12px 14px;font-size:16px;line-height:1.5}.item-users{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px;display:grid}.item-user{border:1px solid var(--line);background:var(--panel-2);transition:border-color .2s, transform .2s var(--ease);border-radius:16px;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:12px 16px 12px 12px;display:grid}.item-user:hover{border-color:rgb(var(--cyan-rgb) / .55);transform:translateY(-2px)}.item-user img{border-radius:12px;width:56px;height:56px}.item-user b{font:900 24px/1 var(--f-display);text-transform:uppercase;display:block}.item-user small{color:var(--text-3);align-items:center;gap:6px;margin-top:5px;font-size:14px;display:flex}.item-user-slot{background:var(--cyan);color:#04121a;width:42px;height:42px;font:900 20px/1 var(--f-display);border-radius:50%;place-items:center;display:grid}.rune-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;display:grid}.rune-card{border:1px solid var(--line);background:var(--panel-2);scroll-margin-top:calc(var(--header-h) + 20px);border-radius:16px;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:12px 16px 12px 12px;display:grid}.rune-card:target{border-color:var(--cyan);box-shadow:0 0 0 3px rgb(var(--cyan-rgb) / .2)}.rune-card img{border:2px solid var(--line-3);background:#0c0a20;border-radius:50%;width:56px;height:56px}.rune-card.keystone img{border-color:var(--cyan);box-shadow:0 0 16px rgb(var(--cyan-rgb) / .35)}.rune-card h3{font-size:17px;font-weight:800;line-height:1.25}.rune-card small{color:var(--text-3);margin-top:3px;font-size:14px;display:block}.rune-jump{margin-top:18px}#spells,[id^=tree-]{scroll-margin-top:calc(var(--header-h) + 20px)}.rune-grid.detailed{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-items:stretch}.rune-grid.detailed .rune-card{grid-template-rows:auto 1fr;align-content:start;row-gap:10px;padding:14px 16px}.rune-grid.detailed .rune-desc{align-self:start}.rune-grid.detailed .rune-meta{align-self:end}.rune-tagline{color:var(--gold);margin-top:4px;font-size:14px;font-weight:600;line-height:1.35}.rune-desc{color:var(--text-2);grid-column:1/-1;gap:8px;font-size:16px;line-height:1.55;display:grid}.rune-desc b{color:var(--text);font-weight:700}.rune-card .rune-meta{grid-column:1/-1;margin-top:0}.spell-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.spell-card{border:1px solid var(--line-2);background:linear-gradient(160deg, rgb(var(--cyan-rgb) / .07), transparent 45%), var(--panel-2);scroll-margin-top:calc(var(--header-h) + 20px);border-radius:16px;grid-template-rows:auto 1fr auto;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;padding:16px;display:grid}.spell-card:target{border-color:var(--cyan);box-shadow:0 0 0 3px rgb(var(--cyan-rgb) / .2)}.spell-card img{border:2px solid var(--line-3);background:#0c0a20;border-radius:14px;width:64px;height:64px}.spell-head{gap:7px;min-width:0;display:grid}.spell-head h3{font-size:20px;font-weight:800;line-height:1.15}.spell-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.spell-cd{border:1px solid rgb(var(--gold-rgb) / .4);background:rgb(var(--gold-rgb) / .12);height:24px;color:var(--gold);font:700 12px/1 var(--f-hud);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.spell-card .rune-desc{align-self:start}.spell-maps{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;align-self:end;gap:6px;padding-top:12px;display:flex}.spell-maps li{border:1px solid var(--line-2);color:var(--text-3);font:600 13px/1.2 var(--f-hud);letter-spacing:.04em;border-radius:999px;padding:5px 10px}.spell-card.is-wide{grid-column:1/-1}.spell-card.is-wide .rune-desc{columns:3 260px;column-gap:32px;display:block}.spell-card.is-wide .rune-desc p{break-inside:avoid;margin-bottom:10px}@media (max-width:1180px){.spell-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.spell-grid{grid-template-columns:minmax(0,1fr);gap:12px}.spell-card{grid-template-columns:56px minmax(0,1fr);padding:14px}.spell-card img{width:56px;height:56px}}.video-grid-lg{grid-template-columns:repeat(auto-fill,minmax(min(46%,250px),1fr))}.video-detail{gap:28px;padding-top:clamp(20px,4vw,44px);display:grid}@media (min-width:900px){.video-detail{grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:start}.video-detail-player{top:calc(var(--header-h) + 20px);position:sticky}}.player-frame{aspect-ratio:3/4;max-height:calc(100svh - var(--header-h) - 120px);border:1px solid var(--line-2);background:#000;border-radius:22px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c}.player-frame.playing{aspect-ratio:9/16}.player-frame iframe{border:0;width:100%;height:100%}.player-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.player-overlay{background:linear-gradient(#0000 50%,#06050da6);place-items:center;display:grid;position:absolute;inset:0}.player-play{background:var(--cyan);color:#04121a;width:96px;height:96px;box-shadow:0 0 0 10px rgb(var(--cyan-rgb) / .2), 0 20px 50px #00000080;transition:transform .2s var(--ease);border-radius:50%;place-items:center;display:grid}.player-play:hover{transform:scale(1.08)}.player-links{text-align:center;justify-items:center;gap:10px;max-width:300px;padding:20px;display:grid}.player-links p{color:var(--text);font-weight:600}.player-note{color:var(--text-3);text-align:center;margin-top:12px;font-size:14px}.player-note a{color:var(--cyan);align-items:center;gap:4px;display:inline-flex}.video-detail-copy h1{font:900 clamp(40px, 5vw, 64px) / .92 var(--f-display);text-transform:uppercase;margin-top:14px}.video-detail-copy .breadcrumbs{margin-bottom:18px}.video-champ{border:1px solid rgb(var(--cyan-rgb) / .3);background:rgb(var(--cyan-rgb) / .06);border-radius:16px;align-items:center;gap:14px;margin-top:22px;padding:12px;display:flex}.video-champ img{border-radius:12px;width:56px;height:56px}.video-champ>span:nth-child(2){flex:1}.video-champ b{font:900 28px/1 var(--f-display);text-transform:uppercase;display:block}@media (max-width:560px){.video-champ{flex-wrap:wrap}.video-champ .btn{flex:100%}}.transcript{border:1px solid var(--line);background:var(--panel-2);border-radius:18px;margin-top:26px;padding:22px}.transcript h2{color:var(--cyan);margin-bottom:12px}.transcript p{color:var(--text-2);font-size:17px;line-height:1.7}.transcript p+p,.transcript details{margin-top:12px}.transcript summary{cursor:pointer;min-height:44px;color:var(--cyan);font:700 14px/1.2 var(--f-hud);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;list-style:none;display:inline-flex}.transcript summary::-webkit-details-marker{display:none}.transcript details[open] summary{margin-bottom:12px}.article-lead{border:1px solid var(--line);background:var(--panel);transition:border-color .25s, transform .25s var(--ease);border-radius:24px;display:grid;overflow:hidden}.article-lead:hover{border-color:rgb(var(--cyan-rgb) / .5);transform:translateY(-3px)}.article-lead-art{background:var(--bg-2);min-height:260px}.article-lead-art img{object-fit:cover;width:100%;height:100%}.article-lead-copy{align-content:center;justify-items:start;gap:14px;padding:clamp(22px,3vw,40px);display:grid}.article-lead-copy h2{font:900 clamp(38px, 4.4vw, 58px) / .95 var(--f-display);text-transform:uppercase}.article-lead-copy p{color:var(--text-2);font-size:18px}@media (min-width:900px){.article-lead{grid-template-columns:1.15fr 1fr}}.article-hero{isolation:isolate;border-bottom:1px solid var(--line);padding:clamp(36px,6vw,80px) 0 clamp(28px,4vw,48px);position:relative;overflow:clip}.article-hero-bg{z-index:-2;object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.article-hero:before{content:"";z-index:-1;background:linear-gradient(0deg, var(--bg-0) 5%, #06050db3 60%, #06050d80);position:absolute;inset:0}.article-hero .breadcrumbs{margin-bottom:20px}.article-hero h1{font:900 clamp(42px, 6vw, 76px) / .95 var(--f-display);text-transform:uppercase;margin-top:14px}.article-summary{color:var(--text-2);margin-top:18px;font-size:clamp(18px,2vw,21px);line-height:1.55}.article-byline{color:var(--text-3);font:600 14px/1.2 var(--f-hud);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:22px;display:flex}.article-byline a{color:var(--text);align-items:center;gap:10px;display:inline-flex}.article-byline img{border-radius:50%;width:36px;height:36px}.article-layout{gap:32px;padding-top:40px;display:grid}.toc{border:1px solid var(--line);background:var(--panel-2);border-radius:18px;align-self:start;padding:18px}.toc h2{color:var(--cyan);margin-bottom:10px}.toc ol{gap:2px;display:grid}.toc a{color:var(--text-2);border-radius:10px;gap:10px;padding:9px 8px;font-size:15px;line-height:1.4;display:flex}.toc a:hover{color:#fff;background:#ffffff0d}.toc-no{font:900 17px/1.3 var(--f-display);color:var(--cyan)}@media (min-width:1000px){.article-layout{grid-template-columns:280px minmax(0,760px);justify-content:center}.toc{top:calc(var(--header-h) + 24px);position:sticky}}.prose{color:var(--text-2);font-size:18px;line-height:1.8}.prose section+section{margin-top:38px}.prose h2{font:900 clamp(30px, 3.4vw, 40px) / 1 var(--f-display);text-transform:uppercase;color:var(--text);scroll-margin-top:calc(var(--header-h) + 20px);align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.prose-no{color:var(--cyan)}.prose p+p{margin-top:16px}.prose ul{gap:10px;margin:18px 0 0;display:grid}.prose li{padding-left:28px;position:relative}.prose li:before{content:"";background:var(--cyan);width:10px;height:10px;box-shadow:0 0 10px rgb(var(--cyan-rgb) / .6);position:absolute;top:.62em;left:4px;transform:rotate(45deg)}.prose a{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.prose-figure{margin:6px 0 22px}.prose-figure a{max-width:560px;box-shadow:0 0 0 1px var(--line-2), 0 18px 40px #00000059;border-radius:16px;display:block;overflow:hidden}.prose-figure img{width:100%;height:auto;display:block}.prose-figure figcaption{max-width:560px;color:var(--text-3);margin-top:10px;font-size:15px;line-height:1.5}.prose .prose-links{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.prose .prose-links a{border:1px solid rgb(var(--cyan-rgb) / .4);background:rgb(var(--cyan-rgb) / .08);min-height:44px;font:700 15px/1 var(--f-hud);letter-spacing:.04em;border-radius:12px;align-items:center;gap:6px;padding:0 16px;text-decoration:none;display:inline-flex}.prose .prose-links a:hover{background:rgb(var(--cyan-rgb) / .16)}.source-box{border:1px solid var(--line-2);background:var(--panel-2);border-radius:18px;margin-top:40px;padding:22px;font-size:16px;line-height:1.6}.source-box h3{color:var(--cyan);margin-bottom:10px}.source-box p+p{margin-top:8px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(46%,240px),1fr));gap:16px;display:grid}.gallery-item{gap:10px;display:grid}.gallery-thumb{border:1px solid var(--line);background:var(--bg-2);width:100%;transition:transform .25s var(--ease), border-color .25s;border-radius:16px;display:block;position:relative;overflow:hidden}.gallery-thumb:hover{border-color:rgb(var(--cyan-rgb) / .6);transform:translateY(-4px)}.gallery-thumb img{width:100%}.gallery-zoom{color:#fff;opacity:0;background:#06050db3;border-radius:10px;place-items:center;width:38px;height:38px;transition:opacity .2s;display:grid;position:absolute;top:10px;right:10px}.gallery-thumb:hover .gallery-zoom,.gallery-thumb:focus-visible .gallery-zoom{opacity:1}.gallery-item figcaption b{font:900 21px/1 var(--f-display);text-transform:uppercase;display:block}.gallery-item figcaption small{color:var(--text-3);margin-top:4px;font-size:13px;display:block}.load-more{justify-content:center;margin-top:28px;display:flex}.lightbox{background:#04030af5;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.lightbox[open]{grid-template-rows:auto 1fr;display:grid}.lightbox-top{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.lightbox-top>div{flex:1;min-width:0}.lightbox-top b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;display:block;overflow:hidden}.lightbox-top small{color:var(--text-3);font-size:13px}.lightbox-stage{place-items:center;min-height:0;padding:16px 64px;display:grid;position:relative}.lightbox-stage img{object-fit:contain;border-radius:10px;width:auto;max-width:100%;max-height:calc(100dvh - 110px)}.lightbox-nav{color:#fff;background:#ffffff14;border-radius:12px;place-items:center;width:48px;height:64px;margin-top:-32px;display:grid;position:absolute;top:50%}.lightbox-nav:hover{background:var(--cyan);color:#04121a}.lightbox-nav.prev{left:8px}.lightbox-nav.next{right:8px}@media (max-width:640px){.lightbox-stage{padding:10px}.lightbox-nav{width:52px;height:52px;margin:0;top:auto;bottom:16px}}.saved-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:14px;display:grid}.saved-card{border:1px solid var(--line);background:var(--panel-2);border-radius:18px;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.saved-card>img{border:2px solid rgb(var(--cyan-rgb) / .5);border-radius:14px;width:72px;height:72px}.saved-copy .hud{align-items:center;gap:6px;font-size:12px;display:inline-flex}.saved-copy h2{font:900 30px/.95 var(--f-display);text-transform:uppercase;margin-top:4px}.saved-copy p{margin-top:4px;font-weight:700}.saved-copy small{color:var(--text-3);font-size:13px}.saved-actions{justify-items:end;gap:8px;display:grid}@media (max-width:480px){.saved-card{grid-template-columns:56px 1fr}.saved-card>img{width:56px;height:56px}.saved-actions{grid-column:1/-1;justify-content:flex-end;display:flex}}.bio-page{isolation:isolate;text-align:center;justify-items:center;width:min(100% - 32px,560px);margin:0 auto;padding:44px 0 64px;display:grid;position:relative;overflow:clip}.bio-page>.bio-radar{z-index:-1;opacity:.4;width:640px;position:absolute;top:-60px;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 70%);mask-image:radial-gradient(circle,#000 35%,#0000 70%)}.bio-head{text-align:left;align-items:center;gap:16px;width:100%;display:flex}.bio-avatar{width:84px;height:84px;box-shadow:0 0 0 3px rgb(var(--cyan-rgb) / .5), 0 0 40px rgb(var(--cyan-rgb) / .35);border-radius:50%;flex:none}.bio-title .wordmark{font-size:52px}.bio-lead{color:var(--text-2);margin-top:8px;font-size:16px}.bio-latest{border:1px solid rgb(var(--buff-rgb) / .45);background:linear-gradient(90deg, rgb(var(--buff-rgb) / .12), #0d0b1ee6);text-align:left;width:100%;transition:transform .2s var(--ease);border-radius:18px;grid-template-columns:96px 1fr;align-items:center;gap:16px;margin-top:22px;padding:12px;display:grid}.bio-latest:hover{transform:translateY(-2px)}.bio-latest img{object-fit:cover;border-radius:12px;width:96px;height:128px}.bio-latest-copy{justify-items:start;gap:8px;display:grid}.bio-latest-copy b{font-size:17px;line-height:1.35}.bio-search{text-align:left;width:100%}.bio-search .hero-search{max-width:none;margin-top:18px}.bio-links{gap:12px;width:100%;margin-top:26px;display:grid}.bio-link{border:1px solid var(--line-2);text-align:left;transition:border-color .2s, transform .2s var(--ease);background:#0d0b1ed9;border-radius:16px;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:14px 16px 14px 14px;display:grid}.bio-link:hover{border-color:var(--cyan);transform:translateY(-2px)}.bio-link.hot{border-color:rgb(var(--cyan-rgb) / .7);background:linear-gradient(90deg, rgb(var(--cyan-rgb) / .16), #0d0b1ed9)}.bio-link-icon{background:rgb(var(--cyan-rgb) / .12);width:48px;height:48px;color:var(--cyan);border-radius:12px;place-items:center;display:grid}.bio-link b{font-size:18px;display:block}.bio-link small{color:var(--text-3);margin-top:3px;font-size:14px;display:block}.bio-social{gap:10px;margin-top:26px;display:flex}.legal-layout{gap:28px;display:grid}.legal-nav{scrollbar-width:none;align-self:start;gap:8px;display:flex;overflow-x:auto}.legal-nav a{border:1px solid var(--line);color:var(--text-2);border-radius:10px;flex:none;padding:10px 14px;font-size:15px;font-weight:600}.legal-nav a[aria-current]{border-color:var(--cyan);color:var(--cyan);background:rgb(var(--cyan-rgb) / .08)}.legal-updated{margin-bottom:18px;font-size:13px}@media (min-width:1000px){.legal-layout{grid-template-columns:260px minmax(0,760px)}.legal-nav{top:calc(var(--header-h) + 24px);flex-direction:column;position:sticky}}.error-page{isolation:isolate;min-height:calc(100svh - var(--header-h) - 80px);padding:40px var(--gutter);place-items:center;display:grid;position:relative;overflow:clip}.error-page>.error-radar{z-index:-1;opacity:.5;width:min(760px,140vw);position:absolute}.error-copy{text-align:center;justify-items:center;max-width:640px;display:grid}.error-copy h1{font:900 clamp(48px, 8vw, 96px) / .9 var(--f-display);text-transform:uppercase;margin-top:16px}.error-copy p{color:var(--text-2);margin-top:16px;font-size:18px}.error-copy .hero-cta{justify-content:center}
.quick-view{border:0;border-left:1px solid var(--line-2);background:var(--bg-1);width:min(560px,100vw);max-width:none;height:100dvh;max-height:none;color:var(--text);margin:0 0 0 auto;padding:0;overflow:hidden}.quick-view[open]{animation:qv-in .28s var(--ease)}@keyframes qv-in{0%{opacity:0;transform:translate(48px)}}.qv-panel{grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid;position:relative}.qv-head{isolation:isolate;border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:12px;min-height:236px;padding:14px 18px 16px;display:flex;position:relative;overflow:hidden}.qv-art{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.qv-head:before{content:"";z-index:-1;background:linear-gradient(0deg, var(--bg-1) 4%, #0b0a1b8c 55%, #0b0a1b40), linear-gradient(90deg, #0b0a1bcc, transparent 70%);position:absolute;inset:0}.qv-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.qv-toolbar .icon-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080614b3}.qv-steps{align-items:center;gap:8px;display:flex}.qv-steps .hud{text-align:center;min-width:52px;color:var(--text-2)}.qv-chips{flex-wrap:wrap;gap:6px;display:flex}.qv-title h2{font:900 clamp(46px, 9vw, 64px) / .86 var(--f-display);text-transform:uppercase;text-shadow:0 4px 18px #0009;margin-top:8px}.qv-title .hud{color:var(--text-2);margin-top:8px;font-size:12px}.qv-stats{align-items:flex-end;gap:18px;display:flex}.qv-stats .pennant{align-self:flex-start}.qv-stats .stat b{font-size:26px}.qv-stats .qv-win{color:var(--c,#fff);font-size:34px!important}.qv-body{overscroll-behavior:contain;grid-auto-rows:max-content;align-content:start;gap:14px;padding:16px 18px 24px;display:grid;overflow-y:auto}.qv-lanes .pill{height:40px}.qv-meta{color:var(--text-3);font:600 13px/1.3 var(--f-hud);letter-spacing:.08em;text-transform:uppercase}.qv-build{border:1px solid rgb(var(--c-rgb) / .35);background:linear-gradient(90deg, rgb(var(--c-rgb) / .08), transparent 55%), var(--panel-2);border-radius:16px;gap:10px;padding:14px;display:grid}.qv-build-head{grid-template-columns:30px 1fr auto;align-items:center;gap:10px;display:grid}.qv-build-head h3{font:900 24px/.95 var(--f-display);text-transform:uppercase}.qv-copy{border-radius:10px;width:38px;height:38px}.qv-fit{gap:4px;font-size:15px;display:grid}.qv-fit>div{grid-template-columns:96px 1fr;align-items:baseline;gap:8px;display:grid}.qv-fit dt{font:700 12px/1.2 var(--f-hud);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:4px;display:inline-flex}.qv-fit dd{margin:0;font-weight:600}.qv-items{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding-top:6px;display:grid}.qv-items li{position:relative}.qv-items img{aspect-ratio:1;border:2px solid rgb(var(--c-rgb) / .5);background:var(--bg-2);border-radius:12px;width:100%;max-width:60px}.qv-items .order{background:var(--c);color:#0b0716;width:22px;height:22px;font:900 14px/1 var(--f-display);box-shadow:0 0 0 2px var(--panel-solid);border-radius:50%;place-items:center;display:grid;position:absolute;top:-7px;left:-6px}.qv-names{color:var(--text-2);font-size:14px;line-height:1.5}.qv-loadout{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.qv-runes,.qv-spells{align-items:center;gap:6px;display:flex}.qv-runes img{border:1.5px solid var(--line-3);background:#0c0a20;border-radius:50%;width:32px;height:32px}.qv-runes img.keystone{border:2px solid var(--c);width:46px;height:46px;box-shadow:0 0 14px rgb(var(--c-rgb) / .4)}.qv-spells img{border:1.5px solid var(--line-3);border-radius:9px;width:36px;height:36px}.qv-issue{border:1px solid rgb(var(--mixed-rgb) / .35);background:rgb(var(--mixed-rgb) / .08);color:var(--text-2);border-radius:10px;padding:8px 10px;font-size:13px}.qv-matchups{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.qv-match{border:1px solid rgb(var(--c-rgb) / .3);background:rgb(var(--c-rgb) / .05);border-radius:14px;gap:8px;padding:10px;display:grid}.qv-match-title{font:700 12px/1.2 var(--f-hud);letter-spacing:.1em;text-transform:uppercase;color:var(--c);align-items:center;gap:4px;display:inline-flex}.qv-match>div{gap:5px;display:flex}.qv-match img{border:2px solid var(--c);border-radius:9px;width:36px;height:36px}.qv-empty{border:1px dashed var(--line-2);color:var(--text-2);border-radius:16px;justify-items:start;gap:12px;padding:18px;display:grid}.qv-empty h3{font:900 30px/.95 var(--f-display);text-transform:uppercase;color:var(--text)}.qv-empty b{color:#fff}.qv-loading{gap:12px;display:grid}.qv-loading span{background:linear-gradient(90deg, var(--panel-2), #ffffff0f, var(--panel-2));background-size:200% 100%;border-radius:16px;height:150px;animation:1.2s linear infinite qv-shimmer}@keyframes qv-shimmer{to{background-position:-200% 0}}.qv-foot{padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#070610eb}.qv-toast{bottom:calc(84px + env(safe-area-inset-bottom))}@media (max-width:700px){.quick-view{border-left:0;border-top:1px solid var(--line-2);border-radius:22px 22px 0 0;width:100vw;height:92dvh;margin:auto 0 0}.quick-view[open]{animation-name:qv-up}@keyframes qv-up{0%{opacity:0;transform:translateY(60px)}}.qv-head{min-height:210px;padding:12px 14px 14px}.qv-body{padding:14px 14px 22px}.qv-matchups{grid-template-columns:1fr}.qv-match{grid-template-columns:120px 1fr;align-items:center}}
.ad-slot{gap:6px;max-width:970px;min-height:280px;margin:clamp(28px,4vw,44px) auto;display:grid}.ad-slot small{color:var(--text-3);font:600 12px/1 var(--f-hud);letter-spacing:.16em;text-align:center}.ad-slot ins{min-height:250px}.ad-slot:has(ins[data-ad-status=unfilled]){display:none}.ad-preview{min-height:250px}.ad-preview>div{border:2px dashed rgb(var(--gold-rgb) / .45);background:repeating-linear-gradient(-45deg, rgb(var(--gold-rgb) / .04) 0 12px, transparent 12px 24px);min-height:230px;color:var(--gold);font:700 14px/1.2 var(--f-hud);letter-spacing:.12em;text-transform:uppercase;border-radius:16px;place-items:center;display:grid}@media (min-width:900px){.ad-slot{min-height:250px}}.affiliate-disclosure{color:var(--text-3);align-items:flex-start;gap:8px;margin:0 0 16px;font-size:14px;line-height:1.5;display:flex}.affiliate-disclosure svg{color:var(--blue);flex:none;margin-top:2px}.affiliate-disclosure a{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.preview-flag{border:1px dashed rgb(var(--gold-rgb) / .6);background:rgb(var(--gold-rgb) / .08);color:var(--gold);font:700 12px/1.2 var(--f-hud);letter-spacing:.1em;border-radius:8px;margin:0 0 12px;padding:6px 12px;display:inline-block}.product-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px;display:grid}.product-card{--m:#a9a3cf;--media-h:210px;border:1px solid var(--line);background:var(--panel);height:100%;transition:transform .25s var(--ease), border-color .25s;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.product-card:hover{border-color:color-mix(in srgb, var(--m) 60%, transparent);transform:translateY(-3px)}.m-shopee{--m:#ff5a36}.m-lazada{--m:#8b7bff}.m-tiktok{--m:#fe2c55}.m-tiki{--m:#1a94ff}.m-accesstrade{--m:#2cf5a0}.product-media{height:var(--media-h);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--m) 22%, transparent), transparent 65%), var(--bg-2);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.product-media img{object-fit:contain;background:#fff;width:100%;height:100%;padding:10px}.product-glyph{border:1px solid color-mix(in srgb, var(--m) 45%, transparent);width:88px;height:88px;color:var(--m);background:#08061499;border-radius:24px;place-items:center;display:grid}.merchant-badge{background:var(--m);color:#fff;font:700 12px/1 var(--f-hud);letter-spacing:.08em;text-transform:uppercase;border-radius:7px;padding:5px 9px;position:absolute;top:10px;left:10px}.product-pick{background:var(--gold);color:#1a1206;font:700 12px/1 var(--f-hud);letter-spacing:.08em;text-transform:uppercase;border-radius:7px;padding:5px 9px;position:absolute;top:10px;right:10px}.product-body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.product-cat,.product-note{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.product-cat{color:var(--m);font:700 12px/1.3 var(--f-hud);letter-spacing:.14em;text-transform:uppercase}.product-body h3,.product-summary{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-body h3{min-height:2.6em;font-size:17px;font-weight:800;line-height:1.3}.product-body h3 a:hover{color:var(--cyan)}.product-summary{min-height:3em;color:var(--text-2);font-size:15px;line-height:1.5}.product-foot{align-items:center;gap:10px;margin-top:auto;padding-top:6px;display:flex}.product-price{white-space:nowrap;text-overflow:ellipsis;color:var(--gold);font:700 14px/1.3 var(--f-hud);overflow:hidden}.product-cta{--bc:color-mix(in srgb, var(--m) 70%, transparent);background:color-mix(in srgb, var(--m) 16%, transparent);color:#fff;flex:1;justify-content:center;min-height:44px}.product-cta:hover{--bc:var(--m);background:var(--m);color:#fff}.product-note{color:var(--text-3);font-size:13px}.product-card.compact .product-glyph{border-radius:18px;width:72px;height:72px}.setup-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.setup-tile{border:1px solid var(--line);background:linear-gradient(160deg, rgb(var(--cyan-rgb) / .08), transparent 55%), var(--panel-2);transition:transform .25s var(--ease), border-color .25s;border-radius:20px;align-content:start;justify-items:start;gap:8px;padding:20px;display:grid}.setup-tile:hover{border-color:rgb(var(--cyan-rgb) / .55);transform:translateY(-3px)}.setup-tile-icon{background:rgb(var(--cyan-rgb) / .12);border:1px solid rgb(var(--cyan-rgb) / .4);width:56px;height:56px;color:var(--cyan);border-radius:16px;flex:none;place-items:center;display:grid}.setup-tile b{font:900 26px/.95 var(--f-display);text-transform:uppercase;margin-top:4px}.setup-tile small{color:var(--text-2);font-size:15px;line-height:1.45}.setup-tile .text-link{margin-top:4px}@media (max-width:1000px){.setup-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.setup-tiles{grid-template-columns:minmax(0,1fr);gap:10px}.setup-tile{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:3px 14px;padding:14px 16px}.setup-tile-icon{border-radius:14px;grid-row:span 2;width:48px;height:48px}.setup-tile b{margin-top:0;font-size:22px}.setup-tile small{font-size:14px}.setup-tile .text-link{display:none}}.setup-nav{margin-bottom:18px}.setup-nav .pill{height:44px}.setup-category{scroll-margin-top:calc(var(--header-h) + 20px)}.setup-category-head{align-items:center;gap:16px;margin-bottom:18px;display:flex}.setup-category-head h2{font:900 clamp(34px, 4.6vw, 52px) / .92 var(--f-display);text-transform:uppercase}.setup-category-head p{color:var(--text-2);margin-top:6px;font-size:17px}.setup-category-body{align-items:start;gap:18px;display:grid}.setup-criteria{border:1px solid var(--line);background:var(--panel-2);border-radius:18px;padding:18px 20px}.setup-criteria h3{color:var(--cyan);margin-bottom:12px}.setup-criteria ul{gap:10px;display:grid}.setup-criteria li{grid-template-columns:22px 1fr;gap:8px;font-size:16px;line-height:1.5;display:grid}.setup-criteria li svg{color:var(--buff);margin-top:3px}.setup-empty{border:1px dashed var(--line-2);color:var(--text-2);border-radius:18px;align-content:center;justify-items:start;gap:12px;padding:20px;display:grid}.setup-empty-all{margin-top:18px}@media (min-width:1000px){.setup-category-body{grid-template-columns:minmax(280px,.8fr) minmax(0,2fr)}.setup-category-body.only-criteria{grid-template-columns:minmax(0,1fr)}.only-criteria .setup-criteria ul{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));column-gap:28px}}@media (max-width:560px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card,.product-card.compact{--media-h:150px;border-radius:16px}.product-media img{padding:6px}.product-glyph,.product-card.compact .product-glyph{border-radius:16px;width:60px;height:60px}.product-glyph svg{width:30px;height:30px}.merchant-badge{padding:4px 6px;font-size:11px;top:8px;left:8px}.product-pick{display:none}.product-body{gap:5px;padding:10px 12px 12px}.product-cat{letter-spacing:.1em;font-size:11px}.product-body h3{font-size:15px}.product-summary{font-size:13px}.product-cta{padding:0 8px;font-size:12px}.product-note{font-size:11px}.product-checked{display:none}}
.counter-tool{align-items:start;gap:24px;display:grid}.counter-picker{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.counter-picker .result-count{margin:2px 0 0}.counter-hot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.counter-hot .hud{margin-right:4px;font-size:12px}.hero-chip[aria-pressed=true]{border-color:var(--cyan);background:rgb(var(--cyan-rgb) / .14)}.counter-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px 10px;display:grid}.counter-pick{text-align:center;border:1px solid #0000;border-radius:14px;justify-items:center;gap:7px;padding:8px 4px 10px;transition:background .2s,border-color .2s;display:grid}.counter-pick:hover{background:#ffffff0a}.counter-pick[aria-pressed=true]{border-color:rgb(var(--cyan-rgb) / .7);background:rgb(var(--cyan-rgb) / .1)}.counter-pick-face{width:72px;height:72px;position:relative}.counter-pick-face img{object-fit:cover;border:2px solid rgb(var(--c-rgb,255 255 255) / .35);background:var(--bg-2);border-radius:16px;width:72px;height:72px}.counter-pick[aria-pressed=true] .counter-pick-face img{border-color:var(--cyan)}.counter-pick-face .mini-tag{height:22px;padding:0 6px;font-size:12px;position:absolute;top:-6px;right:-8px}.counter-pick-name{max-width:100%;font:700 14px/1.15 var(--f-hud);letter-spacing:.02em;color:var(--text-2);overflow-wrap:break-word}.counter-pick[aria-pressed=true] .counter-pick-name{color:#fff}.counter-result{border-radius:var(--radius-l);border:1px solid var(--line-2);background:var(--panel-2);min-width:0;scroll-margin-top:calc(var(--header-h) + 12px);gap:16px;padding:clamp(16px,2vw,22px);display:grid}.counter-idle{text-align:center;color:var(--text-3);justify-items:center;gap:10px;padding:36px 12px;display:grid}.counter-idle svg{color:var(--cyan)}.counter-idle h2{font:900 34px/1 var(--f-display);text-transform:uppercase;color:var(--text)}.counter-idle p{max-width:340px;font-size:16px}.counter-head{isolation:isolate;border-radius:var(--radius-l) var(--radius-l) 0 0;border-bottom:1px solid rgb(var(--c-rgb,var(--cyan-rgb)) / .4);align-items:flex-end;min-height:170px;margin:calc(-1*clamp(16px,2vw,22px)) calc(-1*clamp(16px,2vw,22px)) 0;padding:clamp(16px,2vw,22px);display:flex;position:relative;overflow:hidden}.counter-head-art{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.counter-head:before{content:"";z-index:-1;background:linear-gradient(0deg, #080614f5 8%, #08061473 60%, #08061426), linear-gradient(90deg, rgb(var(--nerf-rgb) / .18), transparent 60%);position:absolute;inset:0}.counter-back{background:#080712b8;position:absolute;top:12px;right:12px}.counter-head-copy .hud{background:rgb(var(--nerf-rgb) / .92);color:#0a0716;border-radius:6px;padding:5px 8px;font-size:12px;display:inline-block}.counter-head-copy h2{font:900 clamp(48px, 7vw, 64px) / .86 var(--f-display);text-transform:uppercase;margin-top:4px}.counter-head-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.counter-h{font:900 30px/1 var(--f-display);text-transform:uppercase;color:#fff;flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.counter-h svg{color:var(--c)}.counter-h small{font:700 12px/1 var(--f-hud);letter-spacing:.14em;color:var(--text-3);margin-left:auto}.counter-list{gap:10px;display:grid}.counter-card{border:1px solid var(--line);background:#ffffff08;border-radius:16px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px 10px 10px;display:grid}.counter-card-face img{object-fit:cover;border:2px solid rgb(var(--c-rgb,var(--nerf-rgb)) / .7);border-radius:14px;width:64px;height:64px}.counter-card-copy{gap:5px;min-width:0;display:grid}.counter-card-copy b{font:900 26px/.9 var(--f-display);text-transform:uppercase}.counter-card-tags{flex-wrap:wrap;gap:5px;display:flex}.counter-card-tags .mini-tag{height:22px;font-size:12px}.counter-card-tags .mini-tag .lane-icon{width:13px;height:13px}.counter-card-copy small{color:var(--text-3);font-size:14px;line-height:1.35}.counter-card-cta{min-height:44px}.counter-sub h3{font:700 13px/1.2 var(--f-hud);letter-spacing:.14em;text-transform:uppercase;color:var(--c);align-items:center;gap:8px;margin-bottom:10px;display:flex}.counter-sub-faces{flex-wrap:wrap;gap:10px;display:flex}.counter-sub-faces a{text-align:center;justify-items:center;gap:4px;width:64px;display:grid}.counter-sub-faces img{border:2px solid rgb(var(--c-rgb) / .65);border-radius:12px;width:48px;height:48px}.counter-sub-faces span{font:600 12px/1.2 var(--f-hud);color:var(--text-2)}.counter-link{margin-top:14px}@media (min-width:1024px){.counter-tool{grid-template-columns:minmax(0,1fr) minmax(0,500px)}.counter-result{top:calc(var(--header-h) + 16px);max-height:calc(100vh - var(--header-h) - 32px);overscroll-behavior:contain;position:sticky;overflow-y:auto}}@media (max-width:640px){.counter-hot,.situation-nav{scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}.counter-hot::-webkit-scrollbar{display:none}.situation-nav::-webkit-scrollbar{display:none}.counter-hot>*,.situation-chip{flex:none}.situation-chip{white-space:nowrap}}@media (max-width:1023px){.counter-tool.has-result .counter-result{order:-1}.counter-tool:not(.has-result) .counter-result{display:none}}@media (max-width:480px){.counter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 4px}.counter-pick-face,.counter-pick-face img{width:64px;height:64px}.counter-pick-name{letter-spacing:0;font-size:13px}.counter-card{grid-template-columns:56px minmax(0,1fr)}.counter-card-face img{width:56px;height:56px}.counter-card-cta{grid-column:1/-1;width:100%}}.counter-az{border-radius:var(--radius-l)}.counter-az>summary{cursor:pointer;list-style:none}.counter-az>summary::-webkit-details-marker{display:none}.counter-az[open]>summary{margin-bottom:18px}.counter-az-letters{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.counter-az-letters a{border:1px solid var(--line-2);min-width:40px;height:40px;font:700 15px/1 var(--f-hud);border-radius:10px;place-items:center;display:grid}.counter-az-letters a:hover{border-color:var(--cyan);color:var(--cyan)}.counter-az-group{border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 16px);grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 0;display:grid}.counter-az-group h3{font:900 30px/1 var(--f-display);color:var(--cyan)}.counter-az-group ul{gap:8px;font-size:16px;line-height:1.55;display:grid}.counter-az-group a:hover{color:var(--cyan)}.counter-az-group small{color:var(--text-3)}.matchup-face small{font:600 12px/1 var(--f-hud);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-top:-3px}@media (min-width:900px){.matchup-panel.wide.cols-2{grid-template-columns:repeat(2,1fr)}.matchup-panel.wide.cols-1{grid-template-columns:1fr}.matchup-panel.cols-1 .matchup-faces,.matchup-panel.cols-2 .matchup-faces{grid-template-columns:repeat(auto-fill,minmax(96px,128px))}}.rune-card.retired{opacity:.6}.build-totals{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.build-totals .gold{font-size:17px}.build-totals>small{color:var(--text-3);font:600 13px/1 var(--f-hud);letter-spacing:.06em;text-transform:uppercase;margin-right:6px}.build-view{grid-template-columns:minmax(0,1fr)}.build-compare{border:1px solid var(--line);background:var(--panel-2);border-radius:18px;min-width:0;margin-top:22px;padding:clamp(16px,2vw,22px)}.build-compare-title{font:900 30px/1 var(--f-display);text-transform:uppercase;margin-bottom:14px}.compare-wrap{overflow-x:auto}.compare-table{width:100%;font-size:16px}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;padding:10px 12px}.compare-table th:first-child{text-align:left;white-space:normal}.compare-table thead th{font:700 13px/1.2 var(--f-hud);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.compare-table thead th[class*=is-b]{color:var(--c)}.compare-table tbody th{color:var(--text-2);font-weight:600}.compare-table td{font:700 17px/1 var(--f-hud);font-variant-numeric:tabular-nums;color:var(--text-2)}.compare-table td .gold{justify-content:flex-end;font-size:16px}.compare-table td.is-max{color:var(--c);background:rgb(var(--c-rgb) / .08)}.compare-table tbody tr:last-child>*{border-bottom:0}.compare-same{color:var(--text-2);margin-top:12px;font-size:15px;line-height:1.5}.compare-same b{color:var(--text);font-weight:700}@media (max-width:560px){.build-compare{padding:14px 12px}.compare-table{font-size:15px}.compare-table th,.compare-table td{padding:9px 5px}.compare-table td{font-size:15px}.compare-table td .gold{gap:4px;font-size:14px}.compare-table td .gold:before{width:9px;height:9px}.compare-table thead th{letter-spacing:.06em;font-size:12px}}.qv-build-head{grid-template-columns:30px minmax(0,1fr) auto auto}.qv-gold{font-size:14px}.situation-nav{flex-wrap:wrap;gap:8px;display:flex}.situation-chip{border:1px solid rgb(var(--c-rgb) / .4);background:rgb(var(--c-rgb) / .08);min-height:44px;font:700 14px/1.25 var(--f-hud);letter-spacing:.04em;color:var(--text);border-radius:12px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.situation-chip svg{color:var(--c);flex:none}.situation-chip:hover{border-color:var(--c)}.situation-list{gap:18px;margin-top:26px;display:grid}.situation-card{border-radius:var(--radius-l);border:1px solid rgb(var(--c-rgb) / .3);background:linear-gradient(90deg, rgb(var(--c-rgb) / .07), transparent 40%), var(--panel-2);scroll-margin-top:calc(var(--header-h) + 16px);padding:clamp(18px,2.4vw,26px)}.situation-card:target{border-color:var(--c);box-shadow:0 0 0 3px rgb(var(--c-rgb) / .2)}.situation-head{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:16px;display:grid}.situation-icon{background:rgb(var(--c-rgb) / .16);border:1px solid rgb(var(--c-rgb) / .5);width:52px;height:52px;color:var(--c);border-radius:14px;place-items:center;display:grid}.situation-head h2{font:900 clamp(30px, 4vw, 40px) / .95 var(--f-display);text-transform:uppercase}.situation-head p{max-width:820px;color:var(--text-2);margin-top:8px;font-size:16px;line-height:1.6}.situation-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px 22px;margin-top:20px;display:grid}.situation-group h3{color:var(--text-3);margin-bottom:8px;font-size:12px}.situation-group ul{gap:6px;display:grid}.situation-group li a{border-radius:12px;align-items:center;gap:12px;padding:6px;transition:background .2s;display:flex}.situation-group li a:hover{background:#ffffff0d}.situation-group li img{border:1px solid var(--line-2);border-radius:10px;flex:none;width:48px;height:48px}.situation-item{gap:2px;min-width:0;display:grid}.situation-item b{font-size:16px;line-height:1.25}.situation-item small{color:var(--text-3);font-size:14px;line-height:1.3}.situation-reason{color:var(--c,var(--buff));font-style:normal;font-weight:700}.situation-more{margin-top:6px}.situation-more>summary{cursor:pointer;min-height:40px;color:var(--cyan);font:700 13px/1 var(--f-hud);letter-spacing:.1em;text-transform:uppercase;align-items:center;padding:0 6px;display:inline-flex}.situation-more li img{width:36px;height:36px}.situation-teaser{border:1px solid rgb(var(--gold-rgb) / .35);background:linear-gradient(90deg, rgb(var(--gold-rgb) / .09), transparent 55%), var(--panel-2);border-radius:16px;gap:12px;margin-bottom:22px;padding:16px 18px;display:grid}.situation-teaser-head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.situation-teaser-head svg{color:var(--gold)}.situation-teaser-head h2{font:900 28px/1 var(--f-display);text-transform:uppercase}.situation-teaser-head .text-link{margin-left:auto}.situation-teaser .pill{height:42px;font-size:13px}.container-glossary{max-width:980px}.glossary-group{margin-top:28px}.glossary-group-title{border-bottom:1px solid var(--line-2);font:900 clamp(32px, 4vw, 42px) / 1 var(--f-display);text-transform:uppercase;padding-bottom:10px}.glossary-list{display:grid}.glossary-term{border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 16px);gap:6px 26px;padding:18px 4px;display:grid}.glossary-term:target{background:rgb(var(--cyan-rgb) / .08);box-shadow:inset 3px 0 0 var(--cyan);border-radius:14px;margin-inline:-12px;padding-inline:16px}.glossary-term dt{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.glossary-anchor{color:#fff;font-size:21px;font-weight:800;line-height:1.25}.glossary-anchor:hover{color:var(--cyan)}.glossary-aka{flex-wrap:wrap;gap:5px;display:flex}.glossary-aka .mini-tag{text-transform:none;letter-spacing:.02em;font-size:13px}.glossary-term dd{margin:0}.glossary-term dd p{color:var(--text-2);font-size:17px;line-height:1.65}.glossary-term dd .text-link{margin-top:8px;font-size:13px}@media (min-width:860px){.glossary-term{grid-template-columns:260px minmax(0,1fr)}.glossary-term dt{flex-direction:column;align-items:flex-start}}.search-recent h3{align-items:center;gap:8px;display:flex}.search-clear{min-height:32px;color:var(--text-3);font:700 12px/1 var(--f-hud);letter-spacing:.12em;border-radius:8px;margin-left:auto;padding:0 10px}.search-clear:hover{color:var(--nerf);background:rgb(var(--nerf-rgb) / .1)}.search-recent-row{scrollbar-width:none;gap:10px;padding:2px 8px 10px;display:flex;overflow-x:auto}.search-recent-face{text-align:center;flex:none;justify-items:center;gap:6px;width:68px;display:grid}.search-recent-face img{border:2px solid rgb(var(--cyan-rgb) / .45);border-radius:14px;width:52px;height:52px}.search-recent-face span{font:600 12px/1.2 var(--f-hud);color:var(--text-2)}.search-recent-face:hover img{border-color:var(--cyan)}.search-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px 8px 8px;display:grid}.search-tool{border:1px solid var(--line-2);min-height:48px;font:700 14px/1.2 var(--f-hud);letter-spacing:.04em;border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-tool svg{color:var(--cyan);flex:none}.search-tool:hover{border-color:var(--cyan);background:rgb(var(--cyan-rgb) / .06)}.saved-alert{border:1px solid rgb(var(--gold-rgb) / .45);background:rgb(var(--gold-rgb) / .08);border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 18px;font-size:16px;line-height:1.5;display:flex}.saved-alert svg{color:var(--gold);flex:none;margin-top:1px}.saved-alert a{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.saved-flags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.saved-flags .mini-tag{height:26px;font-size:12px}.tools-section{margin-top:clamp(40px,6vw,64px)}.tools-section>.eyebrow{margin-bottom:16px}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.tool-card{border:1px solid rgb(var(--c-rgb) / .35);background:linear-gradient(135deg, rgb(var(--c-rgb) / .12), transparent 60%), var(--panel-2);transition:transform .2s var(--ease), border-color .2s;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:4px 14px;padding:16px 18px;display:grid}.tool-card:hover{border-color:var(--c);transform:translateY(-3px)}.tool-icon{background:rgb(var(--c-rgb) / .16);width:46px;height:46px;color:var(--c);border-radius:13px;grid-row:span 2;place-items:center;display:grid}.tool-card b{font:900 26px/.95 var(--f-display);text-transform:uppercase}.tool-card small{color:var(--text-2);font-size:14px;line-height:1.35}@media (max-width:1100px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.tool-grid{gap:10px}.tool-card{grid-template-columns:minmax(0,1fr);padding:14px}.tool-icon{grid-row:auto;width:40px;height:40px;margin-bottom:4px}.tool-card b{font-size:23px}.tool-card small{font-size:14px}}
.ip-wrap{display:contents}.item-pop{z-index:90;pointer-events:none;width:min(340px,100vw - 16px);display:none;position:fixed}.item-pop[data-open]{animation:ip-in .14s var(--ease);display:block}@keyframes ip-in{0%{opacity:0;transform:translateY(4px)}}@media (hover:none){.item-pop{display:none!important}}.ip{color:#d4dceb;text-align:left;background:linear-gradient(#14253c 0%,#0c1626 62%,#0a1220 100%);border:1px solid #c8aa6e8c;border-radius:10px;padding:14px 16px 16px;font-size:14.5px;line-height:1.55;box-shadow:0 24px 60px #0009,inset 0 1px #ffffff0d}.ip-head{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;display:grid}.ip-icon{background:#0b1322;border:2px solid #c8aa6e;border-radius:4px;width:52px;height:52px}.ip-name{color:#fff;font-size:17px;font-weight:800;line-height:1.25;display:block}.ip-price{font-size:15px}.ip-meta{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:6px;display:flex}.ip-tag{font:700 13px/1.2 var(--f-hud);letter-spacing:.03em;align-items:center;gap:6px;display:inline-flex}.ip-tag .shop-badge{border-width:1.5px;width:18px;height:18px}.ip-tag .shop-badge svg{width:11px;height:11px}.ip-tag.is-new{color:#f6c35a}.ip-tag.is-buff{color:#5fe39a}.ip-tag.is-nerf{color:#ff7d8a}.ip-tag.is-adjust{color:#6ec6ff}.ip-changes{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;margin-top:12px;padding:9px 11px;font-size:13.5px;line-height:1.45}.ip-changes-title{color:#fff;font:700 12px/1.3 var(--f-hud);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;display:block}.ip-changes ul{gap:3px;display:grid}.ip-changes s,.ip-changes-group{color:#9ba9c2}.ip-changes li b{color:#fff}.ip-stats{gap:4px;margin-top:12px;display:grid}.ip-stats li{color:#5fe39a;align-items:center;gap:9px;font-weight:600;display:flex}.ip-stats svg{width:16px;height:16px;color:var(--ic,#e8ecf4);flex:none}.ip-hp{--ic:#4fd18b}.ip-ad{--ic:#ffa04d}.ip-ap{--ic:#a68bff}.ip-armor{--ic:#ffcf6b}.ip-mr{--ic:#4fc3ff}.ip-as{--ic:#ffd84d}.ip-crit{--ic:#ff7b6b}.ip-mana{--ic:#5aa8ff}.ip-ten{--ic:#c58cff}.ip-ls{--ic:#ff5a7a}.ip-effects{border-top:1px solid #ffffff1a;gap:9px;margin-top:12px;padding-top:12px;display:grid}.ip-effects b{color:#fff;font-weight:700}.ip-effects .ip-num{color:#6ec6ff}.ip-active{background:rgb(var(--gold-rgb) / .16);color:var(--gold);font:700 12px/1.7 var(--f-hud);letter-spacing:.1em;text-transform:uppercase;vertical-align:1px;border-radius:4px;margin-right:7px;padding:0 6px;display:inline-block}.ip-relation,.ip-note{color:#9ba9c2;margin-top:10px;font-size:13px;line-height:1.45}.ip-note{font-style:italic}.item-sheet{width:100vw;max-width:none;max-height:82dvh;color:var(--text);background:0 0;border:0;margin:auto 0 0;padding:0;overflow:visible}.item-sheet[open]{animation:sheet-in .24s var(--ease)}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}.item-sheet::backdrop{background:#03020ab3}.item-sheet-panel{overscroll-behavior:contain;max-height:82dvh;padding:10px 10px calc(10px + env(safe-area-inset-bottom));position:relative;overflow-y:auto}.item-sheet-panel .ip{border-radius:16px 16px 12px 12px;padding:18px 18px 20px;font-size:16px}.item-sheet-panel .ip-name{padding-right:44px;font-size:19px}.item-sheet-close{z-index:2;background:#08061499;position:absolute;top:18px;right:18px}.shop-section{margin-top:18px}.shop-section+.shop-section{margin-top:26px}.shop-section-title{font:700 14px/1.2 var(--f-hud);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);background:linear-gradient(90deg,#ffffff14,#0000 70%);border-left:3px solid #c8aa6e;margin-bottom:14px;padding:7px 14px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px 8px;display:grid}.shop-results .shop-grid{margin-top:6px}.shop-tile-btn{text-align:center;border:1px solid #0000;border-radius:12px;align-content:start;justify-items:center;gap:15px;width:100%;height:100%;padding:10px 6px 12px;transition:background .18s,border-color .18s;display:grid}.shop-tile-btn img{background:#0b1322;border:2px solid #c8aa6e8c;border-radius:6px;width:64px;height:64px;transition:border-color .18s;box-shadow:0 6px 16px #0006}.shop-tile-btn:hover,.shop-tile-btn:focus-visible{border-color:var(--line);background:#ffffff0d}.shop-tile-btn:hover img,.shop-tile-btn:focus-visible img{border-color:#e8cf94}.shop-tile-name{max-width:100%;color:var(--text-2);overflow-wrap:break-word;font-size:14px;font-weight:600;line-height:1.3}.shop-tile.is-focused .shop-tile-btn{border-color:rgb(var(--cyan-rgb) / .6);background:rgb(var(--cyan-rgb) / .08)}.shop-tile.is-focused img{border-color:var(--cyan)}.shop-tile-icon{line-height:0;display:block;position:relative}.shop-tile-icon .shop-badge{position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.shop-badge{color:#fff;border:2px solid #0b1322;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:inline-grid;box-shadow:0 2px 6px #00000073}.shop-badge svg{width:13px;height:13px}.shop-badge b{font:800 12px/1 var(--f-hud);color:#fff8e6}.shop-badge.is-new{background:radial-gradient(circle at 35% 30%,#f8c65a,#c98512)}.shop-badge.is-buff{background:radial-gradient(circle at 35% 30%,#4fd17f,#1c8a45)}.shop-badge.is-nerf{background:radial-gradient(circle at 35% 30%,#f0485a,#b51b2d)}.shop-badge.is-adjust{background:radial-gradient(circle at 35% 30%,#4cb2f5,#1f74c4)}.shop-legend{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px 18px;margin:-4px 0 14px;font-size:14px;line-height:1.4;display:flex}.shop-legend-item{border:1px solid var(--line);min-height:44px;color:var(--text-2);font:inherit;cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:7px;padding:4px 12px 4px 6px;font-weight:600;transition:background .18s,border-color .18s;display:inline-flex}.shop-legend-item:hover,.shop-legend-item:focus-visible{border-color:var(--line-2);background:#ffffff0f}.shop-legend-item[aria-pressed=true]{border-color:rgb(var(--cyan-rgb) / .6);background:rgb(var(--cyan-rgb) / .12);color:#fff}.shop-legend .count{color:var(--text-3);font:600 13px/1 var(--f-hud)}.shop-section-hint{color:var(--text-3);margin:-4px 0 14px;font-size:14px;line-height:1.45}.evolve-grid{flex-wrap:wrap;gap:12px 20px;display:flex}.evolve-pair{border:1px solid var(--line);background:#ffffff08;border-radius:14px;align-items:center;gap:2px;padding:2px 8px;display:flex}.evolve-pair .shop-tile{width:116px}.evolve-arrow{width:22px;height:22px;color:var(--gold);flex:none}@media (max-width:480px){.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 4px}.shop-tile-btn{gap:14px;padding:8px 2px 10px}.shop-tile-btn img{width:58px;height:58px}.shop-tile-name{font-size:13px}.shop-badge{width:20px;height:20px}.shop-tile-icon .shop-badge{bottom:-10px}.shop-badge svg{width:12px;height:12px}.shop-legend{gap:6px 12px;font-size:13.5px}.shop-legend>span:first-child{flex-basis:100%}.evolve-grid{gap:10px;display:grid}.evolve-pair{justify-content:center}.evolve-pair .shop-tile{width:104px}}.search-result img.is-muted{filter:grayscale();opacity:.55}button.item-slot,.situation-btn{width:100%;font:inherit;color:inherit;cursor:pointer}.situation-btn{text-align:left;border-radius:12px;align-items:center;gap:12px;padding:6px;transition:background .2s;display:flex}.situation-btn:hover,.situation-btn:focus-visible{background:#ffffff0d}.situation-btn img{border:1px solid var(--line-2);border-radius:10px;flex:none;width:48px;height:48px}.situation-more .situation-btn img{width:36px;height:36px}
.skin-section{scroll-margin-top:calc(var(--header-h) + 20px);margin-top:clamp(40px,6vw,64px)}.skin-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:16px;margin-bottom:20px;display:grid}.skin-head>div{display:contents}.skin-head .eyebrow{grid-column:1/-1}.skin-head h2{grid-area:2/1}.skin-head p{grid-area:3/1/auto/-1}.skin-count{grid-area:2/2;font-size:46px}.skin-count small{letter-spacing:.04em;font-size:.56em}.skin-feature{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;height:clamp(440px,40vw,580px);display:grid}.skin-feature .is-lead,.skin-feature.n2 .skin-card{grid-row:span 2}.skin-feature.n1{grid-template-columns:minmax(0,1fr)}.skin-card{isolation:isolate;border-radius:var(--radius-l);border:1px solid rgb(var(--c-rgb) / .45);background:var(--panel-solid);min-height:0;color:var(--text);text-align:left;cursor:zoom-in;transition:transform .25s var(--ease), border-color .25s, box-shadow .25s;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:18px 20px 20px;display:flex;position:relative;overflow:hidden}.skin-card .bg{z-index:-2;object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.skin-card:before{content:"";z-index:-1;background:linear-gradient(0deg, #080614f2 0%, #0806148c 30%, transparent 60%), linear-gradient(90deg, rgb(var(--c-rgb) / .22), transparent 45%);position:absolute;inset:0}.skin-card:after{content:"";background:var(--c);height:4px;box-shadow:0 0 18px rgb(var(--c-rgb) / .8);position:absolute;inset:auto 0 0}.skin-card:hover{border-color:rgb(var(--c-rgb) / .9);box-shadow:0 22px 50px #00000080, 0 0 0 1px rgb(var(--c-rgb) / .35);transform:translateY(-4px)}.skin-card:hover .bg{transform:scale(1.05)}.skin-card:focus-visible{outline:3px solid var(--c);outline-offset:3px}.skin-tags{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:14px;left:14px}.skin-rarity,.skin-date{font:700 12px/1 var(--f-hud);letter-spacing:.12em;text-transform:uppercase;border-radius:8px;padding:7px 10px}.skin-rarity{background:rgb(var(--c-rgb) / .94);color:#0a0716}.skin-date{border:1px solid var(--line-3);color:#fff;background:#06050dc7}.is-lead .skin-rarity{background:linear-gradient(100deg, var(--c) 30%, #fff 50%, var(--c) 70%) 0 0 / 250% 100%;animation:3.2s linear infinite skin-shine}@keyframes skin-shine{0%{background-position:100% 0}to{background-position:-150% 0}}.skin-zoom{border:1px solid var(--line-2);color:#fff;background:#06050d99;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:12px;right:12px}.skin-copy{justify-items:start;gap:5px;display:grid}.skin-champ{font:900 clamp(40px, 4.4vw, 62px) / .86 var(--f-display);text-transform:uppercase;text-shadow:0 4px 18px #000000b3}.is-lead .skin-champ{font-size:clamp(60px,7.4vw,108px)}.skin-name{font:800 clamp(17px, 1.6vw, 22px) / 1.2 var(--f-body);color:var(--c);text-shadow:0 2px 10px #000000d9}.is-lead .skin-name{font-size:clamp(20px,2vw,28px)}.skin-note{border:1px solid rgb(var(--c-rgb) / .6);background:rgb(var(--c-rgb) / .16);font:700 12px/1 var(--f-hud);letter-spacing:.12em;text-transform:uppercase;color:#fff;border-radius:999px;margin-top:6px;padding:6px 11px}.skin-released{margin-top:26px}.skin-sub{font:700 14px/1.3 var(--f-hud);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);margin-bottom:14px}.skin-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.skin-strip .skin-card{aspect-ratio:3/4;padding:12px 14px 16px}.skin-strip .skin-tags{top:10px;left:10px}.skin-strip .skin-rarity{padding:6px 8px;font-size:12px}.skin-strip .skin-zoom{display:none}.skin-strip .skin-champ{font-size:clamp(28px,2.5vw,36px)}.skin-strip .skin-name{font-size:15px}@media (max-width:1100px){.skin-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.skin-strip .skin-card{aspect-ratio:4/3}}@media (max-width:899px){.skin-feature{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.skin-feature .skin-card{aspect-ratio:4/3}.skin-feature .is-lead,.skin-feature.n1 .skin-card{aspect-ratio:2;grid-area:auto/1/auto/-1}.skin-feature.n2 .skin-card{grid-row:auto}.skin-strip{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:30%;grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}.skin-strip>*{scroll-snap-align:start}.skin-strip .skin-card{aspect-ratio:3/4}}@media (max-width:560px){.skin-count{font-size:38px}.skin-feature{gap:10px}.skin-feature .skin-card{aspect-ratio:4/5}.skin-feature .is-lead,.skin-feature.n1 .skin-card{aspect-ratio:16/11}.skin-strip{grid-auto-columns:44%}.skin-card{padding:12px 14px 16px}.skin-tags{top:10px;left:10px}.skin-rarity,.skin-date{padding:6px 8px;font-size:12px}.skin-zoom{width:34px;height:34px;top:8px;right:8px}.skin-champ{font-size:34px}.is-lead .skin-champ{font-size:58px}.skin-name{font-size:16px}.is-lead .skin-name{font-size:19px}.skin-feature .skin-card:not(.is-lead) .skin-zoom{display:none}}.skin-lightbox[open]{grid-template-rows:auto 1fr auto}.skin-lightbox .lightbox-stage img{max-height:calc(100dvh - 160px)}.lightbox-top>.skin-lb-title{flex:1;min-width:0}.skin-lb-title b{white-space:normal}.lightbox-top>.skin-lb-actions{flex:none;gap:8px;display:flex}.skin-credit{text-align:center;color:var(--text-3);padding:4px 16px 14px;font-size:14px}.skin-credit a{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}@media (max-width:640px){.skin-lightbox .lightbox-top{flex-wrap:wrap}.lightbox-top>.skin-lb-title{flex:calc(100% - 64px)}.lightbox-top>.skin-lb-actions{flex:100%;order:3}.skin-lb-actions .btn{flex:1}.skin-lightbox .lightbox-stage{padding:10px 0 80px}.skin-lightbox .lightbox-stage img{border-radius:0}}