:root{--ink:#f2f5f8;--muted:#8b95a4;--faint:#6a7482;--accent:#35cfd6;--accent-dim:#35cfd61f;--line:#1c2531;--line-soft:#161d27;--panel:#111822;--card:#141b25;--raise:#1a2330;--gold:#f0c45b;--bright:#ffe09a}html,body{overflow-anchor:none}body{background:#080b10;color:var(--ink);font-size:15px;display:flex;flex-direction:column;min-height:100vh}body>header,body>main,body>footer{min-width:0;width:100%}body>main{flex:1 0 auto}body>header,body>footer{flex-shrink:0}main{max-width:1460px;min-height:calc(100vh - 150px);margin:auto;padding:18px 28px 48px}h1,h2,h3{color:var(--ink)}::selection{background:var(--accent-dim)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lol-header{height:auto;min-height:60px;max-width:1460px;padding:10px 28px;gap:18px;display:flex;align-items:center;border-bottom:1px solid var(--line);flex-wrap:wrap}.site-brand,.lol-brand>a{font:700 22px var(--heading);color:var(--gold);text-decoration:none;letter-spacing:.04em}.lol-brand{display:flex;flex-direction:column;line-height:1.15;margin:0}.lol-brand>span{font-size:9px;letter-spacing:.16em;color:var(--faint)}.top-nav{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.top-nav button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 13px;color:var(--muted);font:inherit;font-size:14px;white-space:nowrap;flex:0 0 auto;min-width:max-content;overflow:visible}.top-nav button:hover{color:var(--ink)}.top-nav button[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent)}.lol-header select{background:var(--raise);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:8px 10px;font:inherit;font-size:13px;max-width:150px;margin-left:auto}.nav-button{background:var(--raise);border:1px solid var(--line);border-radius:7px;padding:7px 11px;color:var(--muted);font-size:13px}.nav-button:hover{color:var(--ink);border-color:#2a3644}.nav-button[hidden]{display:none}.catalog{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,388px);gap:26px;align-items:start}.cat-left{min-width:0}.cat-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.cat-head h1{font-size:26px;margin:0;white-space:nowrap}.cat-search{position:relative;flex:1;min-width:190px}.cat-search input{width:100%;padding:10px 14px 10px 38px;background:var(--panel);border:1px solid var(--line);border-radius:9px;color:var(--ink);font:inherit;font-size:14px}.cat-search input::placeholder{color:var(--faint)}.cat-search svg{position:absolute;left:13px;top:11px;width:16px;height:16px;stroke:var(--faint);fill:none;stroke-width:2}.cat-count{color:var(--faint);font-size:13px;white-space:nowrap}.lane-tabs{display:flex;flex-wrap:wrap;gap:2px;border-bottom:1px solid var(--line);margin-bottom:18px}.lane-tabs button{display:flex;align-items:center;gap:7px;background:none;border:0;border-bottom:2px solid transparent;padding:9px 12px;color:var(--muted);font:inherit;font-size:13px;white-space:nowrap;margin-bottom:-1px}.lane-tabs button img{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1);opacity:.45}.lane-tabs button:hover{color:var(--ink)}.lane-tabs button:hover img{opacity:.75}.lane-tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.lane-tabs button[aria-pressed=true] img{opacity:1}.champ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px}.champ-card{display:flex;flex-direction:column;padding:0;background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;text-align:left;color:inherit;transition:border-color .12s,background .12s}.champ-card .shot{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 30%;display:block;background:var(--raise)}.champ-card .shot.portrait{aspect-ratio:3/4;object-position:center 16%}.champ-card .meta{padding:8px 10px 10px;min-width:0}.champ-card .meta b{display:block;font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champ-card .meta span{display:flex;align-items:center;gap:5px;margin-top:4px;color:var(--faint);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.champ-card .meta span img{width:12px;height:12px;filter:brightness(0) invert(1);opacity:.45}.champ-card:hover{background:var(--raise);border-color:#2a3644}.champ-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.champ-card[aria-pressed=true] .meta b{color:var(--accent)}.detail{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;background:var(--panel);border:1px solid var(--line);border-radius:12px}.detail::-webkit-scrollbar{width:8px}.detail::-webkit-scrollbar-thumb{background:#243040;border-radius:8px}.detail-empty{padding:44px 26px;text-align:center;color:var(--faint);font-size:14px;line-height:1.7}.detail-hero{position:relative}.skin-hero{overflow:hidden;background:#080d12}.skin-hero>img{transition:opacity .18s ease}.skin-arrow{position:absolute;z-index:4;top:42%;width:42px;height:58px;border:1px solid rgba(255,255,255,.34);border-radius:12px;background:#04080eb3;color:#fff;font:700 38px/1 system-ui;backdrop-filter:blur(6px);cursor:pointer}.skin-arrow:hover,.skin-arrow:focus-visible{background:#11bed3d1;outline:2px solid #fff}.skin-arrow.prev{left:12px}.skin-arrow.next{right:12px}.skin-tools{position:absolute;z-index:5;top:12px;right:12px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:6px 7px 6px 11px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#04080eb8;color:#fff;backdrop-filter:blur(8px);font-size:12px}.skin-tools span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-tools button{border:1px solid #55dce8;border-radius:8px;background:#0b3138;color:#e9feff;padding:7px 10px;cursor:pointer;white-space:nowrap}@media(max-width:620px){.skin-arrow{width:36px;height:48px}.skin-tools{top:8px;right:8px;left:8px}.skin-tools span{flex:1}}.detail-hero>img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;object-position:center 20%;display:block;background:var(--raise)}.detail-plain{display:flex;align-items:center;gap:14px;padding:16px 18px}.detail-plain img{width:76px;height:76px;border-radius:10px;object-fit:cover;background:var(--raise);flex-shrink:0}.detail-plain h2{font-size:21px;margin:0;line-height:1.25}.detail-plain p{margin:3px 0 0;color:var(--muted);font-size:12.5px}.detail-hero .cap{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 14px;background:linear-gradient(to top,#0c121b 22%,rgba(12,18,27,.6) 62%,transparent)}.detail-hero h2{font-size:23px;margin:0;letter-spacing:.02em}.detail-hero p{margin:3px 0 0;color:var(--muted);font-size:12.5px}.detail-sec{padding:16px 18px;border-top:1px solid var(--line-soft)}.detail-sec>h3{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);margin:0 0 11px;font-family:inherit;font-weight:600}.role-row{display:flex;flex-wrap:wrap;gap:7px}.role-row button{display:flex;align-items:center;gap:6px;background:var(--raise);border:1px solid var(--line);border-radius:7px;padding:7px 11px;color:var(--muted);font:inherit;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.role-row button img{width:14px;height:14px;filter:brightness(0) invert(1);opacity:.45}.role-row button:hover{color:var(--ink)}.role-row button[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.role-row button[aria-pressed=true] img{opacity:1}.dir-row{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:12px}.dir-row button{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:8px 6px;color:var(--muted);font:inherit;font-size:13px;margin-bottom:-1px}.dir-row button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.cr-list{display:flex;flex-direction:column;gap:6px}.cr-item{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--card)}.cr-head{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:none;border:0;color:inherit;text-align:left}.cr-head>img{width:38px;height:38px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--raise)}.cr-head .who{flex:1;min-width:0}.cr-head .who b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-head .who small{color:var(--faint);font-size:10.5px}.cr-head .wr{font-size:14px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.cr-head .verdict-chip{font-size:10px;letter-spacing:.03em;color:var(--accent);border:1px solid #23414a;background:#0f1f24;border-radius:5px;padding:3px 7px;text-align:center;max-width:116px;line-height:1.3}.cr-head .verdict-chip.caution{color:#c9ad6a;border-color:#4a3f24;background:#1d1a12}.cr-head .chev{color:var(--faint);font-size:15px;transition:transform .15s;flex-shrink:0}.cr-item[data-open=true] .chev{transform:rotate(90deg)}.cr-item[data-open=true]{border-color:#2a3644}.cr-head:hover{background:var(--raise)}.cr-body{padding:2px 12px 12px;border-top:1px solid var(--line-soft)}.cr-body ul{margin:10px 0 0;padding-left:16px;display:flex;flex-direction:column;gap:7px}.cr-body li{font-size:13px;line-height:1.65;color:#cfd7e0}.cr-body li b{color:var(--ink);font-weight:600}.cr-meta{margin-top:10px;font-size:11px;color:var(--faint);line-height:1.6}.cr-meta a{color:var(--muted)}.tag-small{display:inline-block;margin-top:8px;padding:2px 7px;border:1px solid #4a3f24;border-radius:5px;color:#c9ad6a;font-size:10.5px}.detail-sec .note{padding:10px 12px;margin:0 0 11px;border-left:2px solid #30404f;background:var(--card);border-radius:0 7px 7px 0;color:var(--muted);font-size:12.5px;line-height:1.65}.ab-row{display:flex;gap:7px;flex-wrap:wrap}.ab-row button{background:var(--raise);border:1px solid var(--line);border-radius:8px;padding:5px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font:inherit}.ab-row button img{width:42px;height:42px;border-radius:5px;object-fit:cover;display:block;background:var(--card)}.ab-row button b{font-size:10px;letter-spacing:.06em}.ab-row button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ab-text{margin-top:13px}.ab-text h4{margin:0 0 8px;font-size:15px;color:var(--ink);font-family:inherit}.ab-text p{margin:0 0 8px;font-size:13px;line-height:1.75;color:#cfd7e0}.ab-text p:last-child{margin-bottom:0}.ab-points{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:7px}.ab-points li{font-size:13px;line-height:1.7;color:#cfd7e0}.ab-text .lol-muted{margin:0 0 9px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.ab-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.ab-facts span{background:var(--raise);border:1px solid var(--line);border-radius:6px;padding:4px 9px;font-size:11px;color:var(--muted)}.src-line{display:block;margin-top:12px;font-size:11px;color:var(--faint);text-decoration:none}.src-line:hover{color:var(--muted)}.back-to-list{display:none}.lol-head{margin:0 0 16px}.lol-head h1{font-size:23px;margin:0}.lol-head p,.lol-muted{color:var(--muted);font-size:13px}.lol-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.lol-toolbar button,.lol-action{padding:8px 14px;border:1px solid var(--line);border-radius:7px;background:var(--raise);color:var(--muted);font:inherit;font-size:13px;text-decoration:none}.lol-toolbar button:hover,.lol-action:hover{color:var(--ink)}.lol-toolbar button[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.lol-search,#picker-search{display:block;width:100%;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:9px;color:var(--ink);font:inherit;font-size:14px;margin:14px 0 20px}.lol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:18px 12px}.lol-tile{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;min-width:0;padding:4px;color:var(--muted)}.lol-tile img{width:74px;height:74px;object-fit:cover;border:1px solid var(--line);border-radius:7px;display:block;background:var(--raise)}.lol-tile span{font-size:12.5px;line-height:1.4;overflow-wrap:anywhere}.lol-tile:hover img{border-color:var(--accent)}.lol-tile:hover span{color:var(--ink)}.lol-subnav{display:flex;justify-content:center;gap:10px;margin:26px auto 0}.lol-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:22px auto;max-width:900px}.lol-hub button{min-height:96px;font-size:16px}.lol-profile{display:flex;align-items:center;gap:16px;margin:18px 0}.lol-profile>img{height:76px;width:76px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.lol-profile h1{font-size:22px}.lol-panel{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:18px;margin:14px 0;overflow-wrap:anywhere}.lol-panel p{white-space:pre-line;line-height:1.75;font-size:13.5px;color:#cfd7e0}.lol-panel h2{margin-bottom:12px;font-size:18px}.lol-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;color:var(--muted);font-size:12px}.lol-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lol-selection{min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.lol-selection>img{width:80px;height:80px;border-radius:9px;object-fit:cover}.game-symbol{font:700 42px var(--heading);color:var(--gold)}.lol-selected-items{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.lol-selected-items button{position:relative;background:transparent;border:0;padding:0}.lol-selected-items img{width:52px;height:52px;border:1px solid var(--line);border-radius:6px}.lol-selected-items .remove{position:absolute;right:-5px;top:-8px;background:var(--raise);border:1px solid var(--line);border-radius:50%;width:20px;height:20px;color:var(--ink);line-height:18px;font-size:12px}.lol-note{padding:11px 14px;border-left:2px solid #30404f;background:var(--card);border-radius:0 7px 7px 0;color:var(--muted);margin:14px 0;font-size:12.5px;line-height:1.65}.lol-stats{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.lol-stat{color:var(--accent);border:1px solid #21414a;background:#0f1f24;padding:4px 10px;border-radius:5px;font-size:12.5px}.lol-detail-text{white-space:pre-line;font-size:13.5px;line-height:1.75;color:#cfd7e0}.lol-mini-items{display:flex;flex-wrap:wrap;gap:10px}.lol-mini-items img{width:52px;height:52px;border-radius:6px}.lol-source{display:block;color:var(--faint);font-size:11.5px;margin-top:14px}.lol-source:hover{color:var(--muted)}.lol-empty{padding:34px 10px;color:var(--faint);text-align:center;grid-column:1/-1;font-size:13.5px}.lol-divider{margin:20px 0;border:0;border-top:1px solid var(--line)}.lol-objective-img{border-radius:50%!important}.lol-lane-select{background:var(--raise);color:var(--ink);border:1px solid var(--line);padding:8px;border-radius:7px;font:inherit;font-size:13px}#picker{background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--ink);width:min(880px,calc(100% - 24px));max-height:86vh}#picker-grid{max-height:54vh;overflow-y:auto;padding:6px}.dialog-close{position:absolute;right:14px;top:12px;background:var(--raise);border:1px solid var(--line);border-radius:6px;width:28px;height:28px;color:var(--muted);font-size:15px}footer{max-width:1460px;padding:0 28px;height:58px;color:var(--faint);font-size:11.5px;border-top:1px solid var(--line)}footer>span{font-family:var(--heading);letter-spacing:.07em}footer button,footer a{font-size:11.5px;background:none;border:0;color:var(--faint);text-decoration:none}footer button:hover,footer a:hover{color:var(--muted)}.loading{text-align:center;padding:16vh 10px;color:var(--muted)}.loading:not(:has(button)):before{content:"";display:block;width:240px;height:200px;max-width:100%;margin:0 auto 8px;background-image:url(assets/chibi/viego-run-hd.webp);background-size:2880px 186.6667px;background-position:0 0;background-repeat:no-repeat;animation:wi-chibi-run .6s steps(12,end) infinite;contain:strict}.loading:not(:has(button)){overflow:hidden}@keyframes wi-chibi-run{to{background-position:-2880px 0}}.wi-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.wi-empty img{display:block;width:min(190px,58vw);height:auto}.wi-empty.compact img{width:128px}.wi-empty p{margin:0}button:disabled{opacity:.5;cursor:not-allowed}#app:focus{outline:none}main.game-choice{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:auto;padding:4vh 28px 5vh}.site-intro{max-width:820px;text-align:center;margin:0 auto 12px}.site-intro h1{font-size:clamp(24px,3.4vw,38px);font-family:var(--heading);color:var(--text);line-height:1.15;margin:0 0 10px}.site-intro p{max-width:720px;margin:0 auto;color:var(--muted);line-height:1.65}.game-choice #choose-title{font-size:clamp(20px,2.4vw,26px);font-family:var(--heading);color:var(--gold);letter-spacing:.03em;margin:0 0 4px}.game-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(800px,100%);margin:6px 0 0}.game-option{display:grid;grid-template-rows:120px auto auto;justify-items:center;align-content:center;gap:14px;border:1px solid #2c3442;background:linear-gradient(180deg,#151d28,#101620);border-radius:14px;min-height:268px;text-decoration:none;text-align:center;padding:26px 22px;transition:border-color .15s,background .15s}.game-option:hover,.game-option:focus-visible{border-color:var(--gold);background:linear-gradient(180deg,#1b2532,#131a25)}.game-logo{display:flex;align-items:center;justify-content:center;height:120px;width:100%}.game-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.game-option h2{font-size:clamp(19px,2.1vw,25px);font-family:var(--heading);color:var(--gold);line-height:1.25;margin:0;overflow-wrap:anywhere}.game-edition{color:var(--muted);font-size:14px}@media(max-width:1080px){.catalog{grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:18px}main{padding:16px 20px 40px}.champ-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}@media(max-width:780px){main{padding:14px 14px 34px}.lol-header{padding:10px 14px;gap:10px}.lol-header select{font-size:12px;padding:6px 8px;max-width:130px}.lol-brand{order:-1}.top-nav{order:3;flex-basis:100%;border-top:1px solid var(--line-soft);padding-top:2px}.top-nav button{padding:10px;font-size:13px}.catalog{display:flex;flex-direction:column;gap:18px}.catalog .detail{order:-1;position:static;max-height:none;overflow:visible}.cat-head{gap:10px}.cat-head h1{font-size:20px;width:100%}.cat-search{min-width:0;width:100%}.lane-tabs button{padding:8px 9px;font-size:12px;gap:5px}.champ-grid{grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:10px}.champ-card .meta{padding:7px 8px 9px}.champ-card .meta b{font-size:12.5px}.detail-hero>img{aspect-ratio:4/3}.back-to-list{display:flex;align-items:center;gap:7px;margin:12px 18px 2px;padding:9px 13px;background:var(--raise);border:1px solid var(--line);border-radius:8px;color:var(--muted);font:inherit;font-size:13px}.lol-two{grid-template-columns:1fr;gap:10px}.lol-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.lol-tile img{width:66px;height:66px}.lol-hub{grid-template-columns:1fr 1fr;gap:10px}.lol-hub button{font-size:14px;min-height:84px}.lol-panel{padding:14px}.game-options{grid-template-columns:1fr;gap:14px}.game-option{grid-template-rows:86px auto auto;min-height:180px;gap:11px;padding:22px 18px}.game-logo{height:86px}.game-edition{font-size:13px}main.game-choice{min-height:auto;padding:26px 14px 30px}footer{height:auto;min-height:62px;padding:14px;gap:10px;flex-wrap:wrap}.nav-button{min-height:40px}}@media(max-width:380px){.champ-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.loading:not(:has(button)):before{animation:none!important;background-image:url(assets/chibi/viego-run-still.webp);background-size:240px 186.6667px}}:root{--tree-line:#2c3a4a}.lol-action.primary{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.lol-action.primary:disabled{opacity:.45}.center{text-align:center}.lib-title{font-size:23px;margin:0 0 10px}.lib-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.lib-head h1{font-size:24px;margin:0}.lib-head .cat-search{max-width:520px}.cat-tabs button small{color:var(--faint);font-size:11px;margin-left:3px}.chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px}.chip-label{color:var(--faint);font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-right:4px}.chip-row button{background:var(--raise);border:1px solid var(--line);border-radius:999px;padding:5px 12px;color:var(--muted);font:inherit;font-size:12.5px}.chip-row button:hover{color:var(--ink)}.chip-row button[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.note[hidden]{display:none}main>.note,.lib-head+.note,#purpose-note{padding:10px 12px;margin:0 0 14px;border-left:2px solid #30404f;background:var(--card);border-radius:0 7px 7px 0;color:var(--muted);font-size:12.5px;line-height:1.65}.detail-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:10px 12px 0}.icon-btn{display:inline-flex;align-items:center;gap:6px;background:var(--raise);border:1px solid var(--line);border-radius:7px;padding:5px 9px;color:var(--muted);font:inherit;font-size:12px}.icon-btn svg{width:14px;height:14px}.icon-btn:hover{color:var(--ink)}.detail-bar+.detail-hero,.detail-bar+.detail-plain{margin-top:8px}.catalog.is-expanded{grid-template-columns:1fr}.catalog.is-expanded .cat-left{display:none}.catalog.is-expanded .detail{position:static;max-height:none;overflow:visible}.catalog.is-expanded .detail-hero{margin:12px 18px 4px;border-radius:10px;overflow:hidden;max-width:760px}.catalog.is-expanded .detail-hero.wide>img{aspect-ratio:1215/717;object-position:center 30%}.catalog.is-expanded .detail-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;align-items:start}.catalog.is-expanded .champion-lore,.catalog.is-expanded #sec-roles,.catalog.is-expanded #sec-build{grid-column:1/-1}.stat-row{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:13px;margin-bottom:10px}.stat-row b{color:var(--ink);font-size:15px;margin-right:3px}.sub-h{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:14px 0 8px;font-family:inherit;font-weight:600}.mini-row{display:flex;flex-wrap:wrap;gap:10px}.mini-tile{width:78px;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;padding:2px;color:var(--muted);font:inherit;font-size:11.5px;line-height:1.3;text-align:center}.mini-tile img{width:44px;height:44px;border-radius:6px;border:1px solid var(--line);background:var(--raise)}.mini-tile:hover span{color:var(--ink)}.mini-tile:hover img{border-color:var(--accent)}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.item-tile{display:grid;grid-template-rows:56px auto auto;justify-items:center;align-content:start;gap:6px;padding:12px 8px 10px;background:var(--card);border:1px solid var(--line);border-radius:10px;color:inherit;font:inherit;text-align:center;min-height:148px}.item-tile img{width:56px;height:56px;border-radius:7px;background:var(--raise)}.it-name{font-size:12.5px;line-height:1.35;color:var(--ink);overflow-wrap:anywhere;hyphens:auto}.it-gold{font-size:11.5px;color:#c9ad6a;font-variant-numeric:tabular-nums}.item-tile:hover{background:var(--raise);border-color:#2a3644}.item-head{display:flex;align-items:center;gap:16px;margin:16px 0}.item-head img{width:64px;height:64px;border-radius:9px;border:1px solid var(--line)}.item-head h1{font-size:23px;margin:0}.price-row{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.price-row span{display:flex;flex-direction:column;background:var(--raise);border:1px solid var(--line);border-radius:8px;padding:5px 12px}.price-row small{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.price-row b{color:#e6c677;font-size:16px;font-variant-numeric:tabular-nums}.stat-list{margin:0;padding-left:18px}.stat-list.two{columns:2;column-gap:28px}.stat-list li{font-size:13.5px;line-height:1.9;color:#cfd7e0;break-inside:avoid}.effect{margin-bottom:12px}.effect h3{font-size:14px;color:var(--ink);margin:0 0 4px;font-family:inherit}.effect p,.lol-panel>p{font-size:13.5px;line-height:1.75;color:#cfd7e0;margin:0 0 8px;white-space:normal}.tree{overflow-x:auto;padding:4px 0 8px}.tree ul{display:flex;justify-content:center;margin:0;padding:18px 0 0;position:relative}.tree>ul{padding-top:0}.tree li{list-style:none;position:relative;padding:18px 5px 0;text-align:center}.tree>ul>li{padding-top:0}.tree li:before,.tree li:after{content:"";position:absolute;top:0;right:50%;width:50%;height:18px;border-top:1px solid var(--tree-line)}.tree li:after{right:auto;left:50%;border-left:1px solid var(--tree-line)}.tree li:only-child:before,.tree li:only-child:after{display:none}.tree li:only-child{padding-top:18px}.tree>ul>li:only-child{padding-top:0}.tree li:first-child:before,.tree li:last-child:after{border:0 none}.tree li:last-child:before{border-right:1px solid var(--tree-line);border-radius:0 6px 0 0}.tree li:first-child:after{border-radius:6px 0 0}.tree ul ul:before{content:"";position:absolute;top:0;left:50%;height:18px;border-left:1px solid var(--tree-line)}.tnode{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:3px;width:92px;padding:6px 4px;background:var(--card);border:1px solid var(--line);border-radius:8px;color:inherit;font:inherit}.tnode img{width:40px;height:40px;border-radius:6px}.tn-name{font-size:10.5px;line-height:1.25;color:var(--ink);overflow-wrap:anywhere}.tn-gold{font-size:10.5px;color:#c9ad6a;font-variant-numeric:tabular-nums}.tn-count{position:absolute;top:-7px;right:-7px;background:var(--accent);color:#081014;border-radius:999px;font-size:10.5px;padding:1px 6px}.tnode.root{border-color:var(--accent);width:104px}.tnode:hover{border-color:#2f4152;background:var(--raise)}.tnode.missing{width:auto;padding:8px 12px;color:var(--faint)}.rune-group{margin:0 0 18px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:11px}.rune-group h2{font-size:15px;margin:0 0 10px}.rune-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.rune-row.keys{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line-soft)}.rune-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;background:none;border:1px solid transparent;border-radius:9px;color:var(--muted);font:inherit;font-size:12px;line-height:1.3;text-align:center;min-height:92px}.rune-tile img{border-radius:50%;background:var(--raise)}.rune-tile.key span{color:var(--ink);font-weight:600}.rune-tile:hover{border-color:var(--line);background:var(--card);color:var(--ink)}.obj-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:26px;align-items:start}.group-h{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:14px 0 10px;font-family:inherit;font-weight:600}.obj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.obj-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--ink);font:inherit;font-size:13px;line-height:1.3;text-align:center;min-height:116px}.obj-card img{width:56px;height:56px;object-fit:contain}.obj-card:hover{background:var(--raise)}.obj-card[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.obj-detail{padding:18px}.obj-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.obj-head img{width:64px;height:64px}.obj-head h2{font-size:19px;margin:0}.obj-points{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.obj-points li{font-size:13.5px;line-height:1.7;color:#cfd7e0}.adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.adv-side{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.adv-side h2{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 10px;font-family:inherit}.adv-side h3{font-size:14px;margin:16px 0 8px;font-family:inherit}.adv-side h3 small{color:var(--faint);font-weight:400}.adv-champ{display:flex;align-items:center;gap:12px}.adv-champ img{width:56px;height:56px;border-radius:9px}.adv-champ b{font-size:17px;flex:1}.link-btn{background:var(--raise);border:1px solid var(--line);border-radius:7px;padding:6px 12px;color:var(--accent);font:inherit;font-size:12.5px}.adv-empty{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:var(--card);border:1px dashed #2f3d4c;border-radius:9px;color:var(--muted);font:inherit}.adv-empty .game-symbol{font-size:26px;color:var(--accent)}.sel-strip,.picker-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sel-item{position:relative;padding:0;background:none;border:0}.sel-item img{width:44px;height:44px;border-radius:7px;border:1px solid var(--line)}.sel-item .x{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--raise);border:1px solid var(--line);color:var(--ink);font-size:11px;line-height:16px}.sel-add{height:44px;padding:0 12px;background:var(--card);border:1px dashed #2f3d4c;border-radius:7px;color:var(--accent);font:inherit;font-size:12.5px}.sel-add:disabled{color:var(--faint)}.adv-summary{display:flex;align-items:center;gap:12px;margin:16px 0 6px;color:var(--muted)}.adv-summary span{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}.adv-summary img{border-radius:7px}.rec-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}.rec{display:flex;align-items:center;gap:14px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:inherit;font:inherit;text-align:left}.rec img{width:56px;height:56px;border-radius:8px;flex-shrink:0}.rec b{display:block;font-size:15px;color:var(--ink);margin-bottom:3px}.rec small{font-size:13px;line-height:1.6;color:#cfd7e0}.rec:hover{border-color:#2f4152}#picker{padding:18px;display:none;flex-direction:column;gap:10px;max-height:88vh}#picker[open]{display:flex}.picker-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.picker-top h2{font-size:18px;margin:0}#picker .dialog-close{position:static}#picker-search{margin:0}.picker-strip{padding:8px;background:var(--card);border:1px solid var(--line);border-radius:9px;min-height:60px}.picker-strip[hidden]{display:none}.strip-label{font-size:11.5px;color:var(--faint);margin-right:4px}.picker-msg{margin:0;min-height:0;color:#c9ad6a;font-size:12.5px}.picker-msg:empty{display:none}#picker-grid{flex:1 1 auto;min-height:120px;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:2px}.pick-h{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:10px 0 8px;font-family:inherit}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}.pick-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;background:var(--card);border:1px solid var(--line);border-radius:9px;color:var(--muted);font:inherit;font-size:11.5px;line-height:1.3;text-align:center;min-height:108px}.pick-tile img{width:56px;height:56px;border-radius:7px}.pick-tile span{overflow-wrap:anywhere}.pick-tile:hover{background:var(--raise);color:var(--ink)}.pick-tile[aria-pressed=true]{border-color:var(--accent);background:var(--accent-dim);color:var(--ink)}.pick-tile[aria-pressed=true]:after{content:"✓";position:absolute;top:5px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#081014;font-size:11px;line-height:18px}.picker-foot{display:flex;justify-content:flex-end}.picker-foot button[hidden]{display:none}@media(max-width:1080px){.obj-layout{grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:18px}}@media(max-width:780px){.catalog.is-expanded .detail-body{display:block}.catalog.is-expanded .detail-hero{margin:8px 12px 4px}.detail-bar{justify-content:space-between}.obj-layout{display:flex;flex-direction:column;gap:14px}.obj-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.obj-card{min-height:104px;font-size:12px;padding:10px 4px}.adv-grid{grid-template-columns:1fr}.item-grid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}.item-tile{min-height:136px;padding:10px 5px 8px}.stat-list{columns:1}.lib-head .cat-search{max-width:none;width:100%}.rune-row{grid-template-columns:repeat(3,minmax(0,1fr))}#picker{width:calc(100% - 16px);max-height:92vh;padding:14px}.pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tree{overflow-x:visible}.tree ul{display:block;padding:0 0 0 18px;border-left:1px solid var(--tree-line);margin-left:22px}.tree>ul{padding-left:0;border-left:0;margin-left:0}.tree li{padding:6px 0 0;text-align:left}.tree li:before,.tree li:after,.tree ul ul:before{display:none}.tree li:only-child{padding-top:6px}.tnode{flex-direction:row;width:auto;max-width:100%;gap:8px;padding:5px 12px 5px 5px;text-align:left}.tnode img{width:34px;height:34px}.tnode.root{width:auto}.tn-name{font-size:12.5px}.tn-gold{font-size:12px;margin-left:auto;padding-left:6px}.tn-count{position:static;margin-left:4px}}.lol-header~main input:focus,.lol-header~main input:focus-visible,#picker input:focus,#picker input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pick-filters{margin:0}.pick-filters[hidden]{display:none}.pick-filters summary{cursor:pointer;list-style:none;font-size:13px;color:var(--muted);padding:4px 2px;user-select:none}.pick-filters summary::-webkit-details-marker{display:none}.pick-filters summary:before{content:"▸";display:inline-block;width:14px;color:var(--accent)}.pick-filters[open] summary:before{content:"▾"}.pick-cats{margin:6px 0 2px;gap:6px}.pick-cats button{padding:4px 10px;font-size:12px}@media(max-width:640px){.pick-cats{max-height:132px;overflow-y:auto}}.src-flag{margin-left:6px;font-size:11px;color:#c9ad6a;white-space:nowrap}.theme-select{background:var(--raise);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:8px 10px;font:inherit;font-size:13px;max-width:140px}.community-link{text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}.champ-card{position:relative;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,background .22s}.champ-card .shot{transition:filter .28s,transform .45s cubic-bezier(.2,.8,.2,1)}.champ-card:hover,.champ-card:focus-visible{--hc:var(--hover,var(--accent));transform:translateY(-7px);border-color:var(--hc);background:var(--raise);box-shadow:0 14px 28px -12px color-mix(in srgb,var(--hc) 70%,transparent),0 0 0 1px var(--hc),0 0 22px -4px color-mix(in srgb,var(--hc) 55%,transparent);z-index:1}.champ-card:hover .shot,.champ-card:focus-visible .shot{filter:saturate(1.3) brightness(1.1);transform:scale(1.06)}.champ-card:hover .meta b,.champ-card:focus-visible .meta b{color:var(--hc)}.champ-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--hover,var(--accent)) 26%,transparent),transparent 45%);opacity:0;transition:opacity .25s}.champ-card:hover:after{opacity:1}@media(prefers-reduced-motion:reduce){.champ-card,.champ-card .shot{transition:none}.champ-card:hover,.champ-card:focus-visible{transform:none}.champ-card:hover .shot{transform:none}}.hero-row{display:grid;grid-template-columns:minmax(0,760px) minmax(260px,1fr);gap:18px;align-items:stretch;margin:12px 18px 4px}.catalog.is-expanded .hero-row .detail-hero{margin:0;max-width:none}.ctop{display:flex;flex-direction:column;gap:10px;background:linear-gradient(160deg,var(--raise),var(--card));border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0;max-width:100%;overflow:hidden}.ctop-title{margin:0;font-size:15px;color:var(--ink);letter-spacing:.02em;max-width:100%;overflow-wrap:anywhere}.ctop-list{display:flex;flex-direction:column;gap:8px;flex:1}.ctop-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--ink);text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.ctop-card:hover{transform:translate(4px);border-color:var(--accent);box-shadow:0 6px 18px -10px var(--accent)}.ctop-rank{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 16px var(--heading);background:var(--raise);border:1px solid var(--line);color:var(--muted)}.rank-1 .ctop-rank{background:linear-gradient(145deg,#f7d774,#b98a1c);color:#221700;border-color:#f0c45b}.rank-2 .ctop-rank{background:linear-gradient(145deg,#eef2f6,#9aa6b3);color:#1b2330;border-color:#cfd7e0}.rank-3 .ctop-rank{background:linear-gradient(145deg,#e7a36b,#8d5227);color:#1f1005;border-color:#d08a52}.ctop-body{min-width:0;display:flex;flex-direction:column;gap:3px}.ctop-body b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctop-body small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.ctop-items{display:flex;gap:3px;flex-wrap:wrap;margin-top:3px}.ctop-items img{border-radius:5px;border:1px solid var(--line)}.ctop-likes{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:13px;color:#ff8a9b;white-space:nowrap}.ctop-likes small{color:var(--muted);font-size:11px}.ctop-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;padding:18px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}.ctop-empty p{margin:0;color:var(--ink);font-size:14.5px}.ctop-actions{display:flex;gap:8px;flex-wrap:wrap}.ctop-actions .lol-action{text-decoration:none}.ctop-skel{height:62px;border-radius:10px;background:linear-gradient(90deg,var(--panel),var(--raise),var(--panel));background-size:200% 100%;animation:ctop-shimmer 1.2s linear infinite}@keyframes ctop-shimmer{to{background-position:-200% 0}}@media(max-width:980px){.hero-row{grid-template-columns:1fr;margin:8px 12px 4px}}@media(max-width:520px){.ctop-card{grid-template-columns:34px minmax(0,1fr)}.ctop-likes{grid-column:2;align-items:flex-start;flex-direction:row;gap:8px}.ctop-items{max-width:100%}}.champ-card{position:relative}.fav-star{position:absolute;top:7px;right:7px;z-index:3;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#080b11c7;border:1px solid rgba(255,255,255,.55);color:#fff;font-size:18px;line-height:1;cursor:pointer;backdrop-filter:blur(4px);text-shadow:0 1px 3px rgba(0,0,0,.9);box-shadow:0 2px 8px #00000073;opacity:.9;transition:opacity .18s,transform .18s,background .18s,color .18s}.champ-card:hover .fav-star,.champ-card:focus-within .fav-star,.fav-star:focus-visible,.fav-star.on{opacity:1;transform:none}.fav-star:hover{background:#06090ed9;color:#ffd36b;transform:scale(1.12)}.fav-star.on{color:#ffc933;border-color:#ffc933;background:#281c04cc;box-shadow:0 0 14px #ffc9338c}.fav-star.on:hover{color:#fff1c2}.champ-card:has(.fav-star.on){border-color:#ffc9338c}.bell-wrap{position:relative;display:inline-flex}.notif-bell{position:relative}.bell-n{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#e0485f;color:#fff;font:700 11px/18px system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px var(--panel,#0d1117)}.notif-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:60;width:min(360px,88vw);max-height:420px;overflow:auto;background:var(--panel,#0d1117);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #00000073;padding:10px}.notif-panel[hidden]{display:none}.np-title{margin:2px 6px 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.np-item{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:10px;color:var(--ink);text-decoration:none}.np-item:hover{background:var(--raise)}.np-item span:nth-child(2){flex:1;min-width:0}.np-item b{display:block;font-size:13.5px}.np-item small{display:block;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:transparent;flex-shrink:0}.np-item.unread .np-dot{background:var(--accent);box-shadow:0 0 8px var(--accent)}.np-empty{margin:6px;color:var(--muted);font-size:13px;line-height:1.5}.fav-toast{position:fixed;left:50%;bottom:22px;z-index:90;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--panel,#0d1117);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:11px 16px;font-size:13.5px;box-shadow:0 12px 34px #0006;transition:.25s;max-width:90vw}.fav-toast.on{opacity:1;transform:translate(-50%)}.quiz-link{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}@media(prefers-reduced-motion:reduce){.fav-star,.fav-toast{transition:none}}.champ-card .meta .orig{display:block;font-style:normal;font-size:11px;letter-spacing:.04em;color:var(--faint);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obj-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.obj-card{position:relative;overflow:hidden;min-height:150px;justify-content:flex-start;gap:10px;padding:16px 10px 14px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--oc,var(--accent)) 12%,var(--card)),var(--card) 70%);transition:transform .18s,border-color .18s,box-shadow .18s}.obj-card:before{content:"";position:absolute;inset:-40% -20% auto;height:120px;background:radial-gradient(closest-side,color-mix(in srgb,var(--oc,var(--accent)) 55%,transparent),transparent);opacity:.55;pointer-events:none}.obj-card .oc-art{position:relative;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--oc,var(--accent)) 26%,transparent),transparent 72%);border:1px solid color-mix(in srgb,var(--oc,var(--accent)) 45%,transparent)}.obj-card img{width:52px;height:52px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.obj-card .oc-name{font-weight:600;font-size:13px;color:var(--ink)}.obj-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--oc,var(--accent)) 60%,var(--line));box-shadow:0 10px 26px #00000047}.obj-card[aria-pressed=true]{border-color:var(--oc,var(--accent));box-shadow:0 0 0 1px var(--oc,var(--accent)),0 0 26px color-mix(in srgb,var(--oc,var(--accent)) 35%,transparent)}.obj-card[aria-pressed=true] .oc-art{background:radial-gradient(circle,color-mix(in srgb,var(--oc,var(--accent)) 42%,transparent),transparent 72%)}.obj-detail{padding:0;overflow:hidden}.obj-hero{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--oc,var(--accent)) 26%,transparent),transparent 65%),var(--panel);border-bottom:1px solid var(--line)}.obj-hero img{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}.obj-hero h2{margin:0;font-size:22px;line-height:1.15}.oh-sub{margin:2px 0 0;font-size:13px;color:var(--muted)}.oh-tag{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:999px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--oc,var(--accent)) 18%,transparent);border:1px solid color-mix(in srgb,var(--oc,var(--accent)) 50%,transparent);color:var(--ink)}.obj-points{padding:18px 20px;list-style:none;gap:12px}.obj-points li{position:relative;padding-left:22px;color:var(--ink)}.obj-points li:before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:2px;transform:rotate(45deg);background:var(--oc,var(--accent));box-shadow:0 0 10px color-mix(in srgb,var(--oc,var(--accent)) 60%,transparent)}.obj-detail .src-line,.obj-detail .cr-meta{display:block;padding:0 20px 14px;font-size:12.5px;color:var(--muted)}@media(max-width:640px){.obj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.obj-card{min-height:132px}.obj-card .oc-art{width:62px;height:62px}.obj-card img{width:44px;height:44px}.obj-hero{padding:14px;gap:12px}.obj-hero img{width:62px;height:62px}.obj-hero h2{font-size:18px}.obj-points{padding:14px}}.lang-hint{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);align-self:center;margin-right:-2px}@media(max-width:640px){.lang-hint{display:none}}.detail-hero .cap{padding:60px 18px 16px;background:linear-gradient(to top,rgba(6,9,14,.96) 0%,rgba(6,9,14,.82) 38%,rgba(6,9,14,.45) 68%,transparent 100%)}.detail-hero .cap h2{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.85)}.detail-hero .cap p{color:#dfe5ee;text-shadow:0 1px 8px rgba(0,0,0,.8)}.adv-res{display:flex;flex-direction:column;gap:18px;margin-bottom:28px}.adv-top{display:flex;flex-direction:column;gap:16px;padding:18px 20px 20px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(90% 120% at 0% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%),radial-gradient(80% 120% at 100% 0%,rgba(224,72,95,.16),transparent 60%),linear-gradient(180deg,var(--card),var(--panel))}.adv-top>.lol-action{align-self:flex-start}.adv-vs{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}.av-side{display:flex;align-items:center;gap:12px;min-width:0}.av-side>img{width:64px;height:64px;border-radius:14px;object-fit:cover;border:2px solid var(--accent)}.av-side small img{width:15px;height:15px;opacity:.8}.av-side.foe>img{border-color:#e0485f}.av-side b{display:block;font-size:17px}.av-side small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12.5px;margin-top:2px}.av-side.foe{flex-direction:row-reverse;text-align:right}.av-x{font:800 14px/1 var(--heading,inherit);letter-spacing:.12em;color:var(--muted);padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#00000040}.adv-stage{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;text-align:center}.stage-pill{padding:6px 16px;border-radius:999px;background:var(--accent);color:#061114;font-weight:700;font-size:13.5px}.adv-stage p{margin:0;color:var(--muted);font-size:12.5px}.adv-wr{display:flex;flex-direction:column;gap:6px;align-items:center}.aw-bar{width:min(100%,520px);height:10px;border-radius:6px;background:linear-gradient(90deg,#e0485f,#e0485f);overflow:hidden;position:relative;border:1px solid var(--line)}.aw-bar i{position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,var(--accent),#35d67a)}.aw-line{font-size:13px;color:var(--muted)}.aw-line b{color:var(--ink)}.adv-wr small{color:var(--faint);font-size:11.5px}.adv-note{margin:0;padding:11px 14px;border-radius:12px;border-left:3px solid var(--gold,#c9a45c);background:color-mix(in srgb,var(--gold,#c9a45c) 12%,var(--card));font-size:13.5px}.adv-h{margin:4px 0 0;font-size:22px}.rec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.rec-card{display:flex;align-items:flex-start;gap:14px;text-align:left;padding:16px;border-radius:16px;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--card)),var(--panel) 70%);transition:transform .16s,border-color .16s,box-shadow .16s}.rec-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 30px #00000047}.rc-art{flex-shrink:0;padding:6px;border-radius:14px;background:radial-gradient(circle,color-mix(in srgb,var(--gold,#c9a45c) 25%,transparent),transparent 70%);border:1px solid color-mix(in srgb,var(--gold,#c9a45c) 40%,transparent)}.rc-art img{width:72px;height:72px;border-radius:10px;display:block}.rc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.rc-body b{font-size:16px;line-height:1.2}.rc-stats{display:flex;flex-wrap:wrap;gap:6px}.rc-chip{padding:2px 9px;border-radius:999px;background:var(--raise);border:1px solid var(--line);font-size:11.5px;color:var(--muted)}.rc-gold{padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:700;color:#1c1405;background:linear-gradient(135deg,#f2cc61,#c9a45c)}.rc-body small{color:var(--muted);font-size:12.5px;line-height:1.55}.rc-go{align-self:center;color:var(--muted);font-size:18px}.rec-card:hover .rc-go{color:var(--accent);transform:translate(3px)}.adv-alt{margin:0}@media(max-width:640px){.adv-vs{gap:12px}.av-side img{width:52px;height:52px}.rec-grid{grid-template-columns:1fr}.rc-art img{width:56px;height:56px}}.duel-recommendation{border-radius:16px;transition:transform .16s,border-color .16s,box-shadow .16s}.duel-recommendation:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000040}.stage-banner{border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--card)),var(--panel) 70%);border:1px solid var(--line);padding:16px 18px}@media(min-width:981px){body:has(#wr-nav) header{gap:14px;flex-wrap:wrap;height:auto;min-height:82px;padding-top:8px;padding-bottom:8px}#wr-nav{min-width:0;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;white-space:nowrap}#wr-nav::-webkit-scrollbar{display:none}.header-tools{flex:0 1 auto;min-width:0;flex-wrap:wrap}}#wr-nav button{white-space:nowrap}@media(max-width:1500px){.header-tools .site-brand{display:none}}@media(min-width:1500px){body:has(#wr-nav) header{max-width:min(1720px,100%)}}.bc-champ,.main-champ img,.pf-avatar img,.ctop-card img,.av-side>img,.bv-champ,.inventory-champion img{object-position:center top}.forge-hero.has-art:before{background-position:center 12%}.riot-note{width:100%;margin:0;padding:6px 0 10px;text-align:center;font-size:9.5px;line-height:1.5;letter-spacing:.01em;color:var(--faint);opacity:.6;order:99}.riot-note:hover{opacity:.9}footer{flex-wrap:wrap}@media(max-width:640px){.riot-note{font-size:8.5px;padding:4px 10px 8px}}.party{margin:16px 0 40px}.pt-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;padding:18px 22px;margin-bottom:16px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(90% 130% at 0% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 60%),linear-gradient(160deg,var(--card),var(--panel))}.pt-hero h1{margin:0 0 6px;font-size:clamp(22px,3vw,30px)}.pt-hero p{margin:0;color:var(--muted);max-width:560px;font-size:13.5px;line-height:1.5}.pt-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.pt-card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,var(--card),var(--panel))}.pt-card.mine{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.pt-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pt-who{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;min-width:0}.pt-who:hover b{color:var(--accent)}.pt-av{width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);font-size:14px;flex-shrink:0}.pt-av img{width:100%;height:100%;object-fit:cover;object-position:center top}.pt-left{margin-left:auto;font-size:11.5px;color:var(--faint);white-space:nowrap}.pt-ranks{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pt-arrow{color:var(--muted);font-size:16px}.pt-lanes{display:flex;gap:6px;flex-wrap:wrap}.pt-when,.pt-text{margin:0;font-size:13.5px;color:var(--ink);line-height:1.5}.pt-when{color:var(--muted)}.pt-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.pt-mine-head{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:13px;color:var(--muted)}.pt-form{display:flex;flex-direction:column;gap:14px;padding:18px;margin-bottom:18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:linear-gradient(180deg,var(--card),var(--panel))}.pt-form-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pt-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pt-form input{width:100%;box-sizing:border-box;background:var(--panel);border:1px solid var(--line);border-radius:11px;color:var(--ink);font:inherit;font-size:14px;padding:11px 13px}.pt-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.pt-lane-pick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.pt-gate{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px;margin-bottom:18px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted)}.pt-form .rank-tiers{gap:6px}.pt-form .rank-tile{width:72px;padding:8px 3px 6px;font-size:10.5px}@media(max-width:640px){.pt-grid{grid-template-columns:1fr}.pt-lane-pick{grid-template-columns:repeat(3,minmax(0,1fr))}.pt-list{grid-template-columns:1fr}}.community-link{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.community-link:hover{border-color:var(--accent);color:var(--accent)}@keyframes m-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.m-enter{animation:m-enter .18s ease-out}.m-pop{position:fixed;z-index:120;transform:translate(-50%);pointer-events:none;font:800 18px/1 var(--heading,inherit);color:#35d67a;text-shadow:0 2px 10px rgba(0,0,0,.6);animation:m-float .85s cubic-bezier(.2,.7,.3,1) forwards}@keyframes m-float{0%{opacity:0;transform:translate(-50%,6px) scale(.9)}20%{opacity:1;transform:translate(-50%,-4px) scale(1.06)}to{opacity:0;transform:translate(-50%,-46px) scale(1)}}.game-option{transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s,filter .28s,opacity .28s;will-change:transform}.game-option:hover,.game-option:focus-visible{transform:translateY(-10px) scale(1.035);box-shadow:0 26px 60px #00000073,0 0 40px color-mix(in srgb,var(--accent) 28%,transparent);z-index:2}.game-options:hover .game-option:not(:hover),.game-options:focus-within .game-option:not(:focus-visible):not(:hover){filter:blur(1px) saturate(.85);opacity:.7;transform:scale(.99)}.game-options{perspective:900px}.champ-card{will-change:transform}@media(prefers-reduced-motion:reduce){.m-enter,.m-pop{animation:none}.game-option,.game-options:hover .game-option:not(:hover){transition:none;filter:none;opacity:1}}.lane-select{margin-top:18px}.lane-map-wrap{width:min(100%,264px)}.lane-map{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#080d12;box-shadow:0 12px 30px #00000073;overflow:visible}.lm-caption{margin:8px 0 0;text-align:center;font:600 12px inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lm-zone{fill:#fff;fill-opacity:.02;stroke:#fff;stroke-opacity:.06;stroke-width:.4;cursor:pointer;transition:fill-opacity .18s,stroke-opacity .18s}.lm-zone:hover{fill-opacity:.08}.lm-zone.on{fill:var(--accent);fill-opacity:.16;stroke:var(--accent);stroke-opacity:.55}.lm-ribbon{fill:none;stroke:#fff;stroke-opacity:.16;stroke-width:5.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s,stroke-opacity .2s}.lm-ribbon.on{stroke:var(--accent);stroke-opacity:.9}.lm-hit{fill:none;stroke:#fff;stroke-opacity:0;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;cursor:pointer;pointer-events:stroke;transition:stroke-opacity .18s}.lm-hit:hover{stroke-opacity:.1}.lm-node{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:transform .2s cubic-bezier(.2,.7,.3,1)}.lm-halo{fill:var(--accent);opacity:0;transition:opacity .2s}.lm-ring{fill:none;stroke:#fff;stroke-opacity:.35;stroke-width:1;transition:stroke .2s,stroke-width .2s}.lm-disc{fill:#070b11;fill-opacity:.85;stroke:#fff;stroke-opacity:.2;stroke-width:.6;transition:fill .2s}.lm-node image{opacity:.82;transition:opacity .2s,filter .2s}.lm-node:hover{transform:translateY(-2px) scale(1.06)}.lm-node:hover .lm-ring,.lm-node:focus-visible .lm-ring{stroke:var(--accent);stroke-opacity:1}.lm-node:hover image{opacity:1}.lm-node:focus{outline:none}.lm-node:focus-visible .lm-ring{stroke-width:1.6}.lm-node.on{transform:translateY(-4px) scale(1.16)}.lm-node.on .lm-halo{opacity:.3}.lm-node.on .lm-ring{stroke:var(--accent);stroke-opacity:1;stroke-width:1.3}.lm-node.on .lm-disc{fill:var(--accent);fill-opacity:1}.lm-node.on image{opacity:1;filter:brightness(0)}@media(prefers-reduced-motion:reduce){.lm-node,.lm-ribbon,.lm-zone,.lm-halo,.lm-hit{transition:none}.lm-node.on,.lm-node:hover{transform:none}}.lm-off{opacity:.3;pointer-events:none}.lm-node.lm-off image{filter:grayscale(1)}.role-map .role-row{margin-top:12px}@supports (content-visibility:auto){.champ,.item-tile,.rune-tile,.obj-card,.visual-option,.build-card,.party-card{content-visibility:auto;contain-intrinsic-size:auto 128px}.build-card,.party-card{contain-intrinsic-size:auto 190px}}.champion-lore{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,var(--accent) 8%),var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.champion-lore:before{content:"";position:absolute;inset:0 0 auto;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.8}.lore-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.lore-head h3{margin:3px 0 0}.lore-kicker{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:800}.region-chip{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;padding:7px 11px;font-size:.82rem;text-transform:capitalize;background:color-mix(in srgb,var(--accent) 10%,transparent)}.lore-story p{color:var(--text)}@media(max-width:620px){.lore-head{display:block}.region-chip{display:inline-block;margin-top:10px}}html[data-theme^=faction-]{--accent:#5cd7df;--accent2:#2b8c96}html[data-theme=faction-freljord]{--accent:#78dcff;--accent2:#3698c7;background-image:radial-gradient(circle at 10% 20%,#78dcff18,transparent 28%),linear-gradient(135deg,#06131b,#0b2634)}html[data-theme=faction-ionia]{--accent:#ef82b7;--accent2:#9b4f82;background-image:radial-gradient(ellipse at 85% 10%,#ef82b71c,transparent 30%)}html[data-theme=faction-noxus]{--accent:#d14b4b;--accent2:#7e2020}html[data-theme=faction-demacia]{--accent:#dfc272;--accent2:#9c7b2f}html[data-theme=faction-shurima]{--accent:#efc755;--accent2:#a8791d}html[data-theme=faction-void]{--accent:#bb66ff;--accent2:#6b2f9c}html[data-theme=faction-shadow-isles]{--accent:#48d6b0;--accent2:#247e69}html[data-theme=faction-zaun]{--accent:#9ddd48;--accent2:#4f7d22}html[data-theme=faction-piltover]{--accent:#dfb75e;--accent2:#8f6c26}html[data-theme=faction-bilgewater]{--accent:#d28b4b;--accent2:#7e4e25}html[data-theme=faction-targon]{--accent:#b4a2ff;--accent2:#6957b7}html[data-theme=faction-ixtal]{--accent:#4fd49a;--accent2:#24845d}html[data-theme=faction-bandle-city]{--accent:#efbd58;--accent2:#927127}html[data-theme=faction-runeterra]{--accent:#5cd7df;--accent2:#2b8c96}html[data-theme=faction-freljord] .champ-card{border-color:#78dcff88;box-shadow:inset 0 0 0 1px #d7f6ff44,0 0 16px #78dcff16}.lore-family{margin:12px 0 0;color:var(--muted)}.lore-family b{color:var(--accent)}@media(min-width:781px){.lol-header .top-nav{flex:0 0 auto;min-width:max-content;overflow:visible}}.syn .syn-sub{margin:-4px 0 10px;color:var(--muted);font-size:12.5px}.syn-list{display:grid;gap:8px}.syn-card{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.syn-card:hover,.syn-card:focus-visible{background:var(--raise);border-color:var(--accent)}.syn-rank{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--accent-dim);color:var(--accent);font-size:11px;font-weight:700}.syn-card img{flex:none;width:46px;height:46px;border-radius:9px;object-fit:cover}.syn-who{flex:1;min-width:0}.syn-who b{display:block;font-size:14px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.syn-who small{display:block;margin-top:2px;color:var(--faint);font-size:11.5px}.syn-wr{flex:none;text-align:right}.syn-wr b{display:block;color:var(--accent);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.syn-wr small{display:block;color:var(--faint);font-size:10.5px;max-width:110px}.who b,.cr-head .who b{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25;overflow-wrap:anywhere}.np-item small{white-space:normal;overflow:visible;text-overflow:clip}
