.champion,.champion-traits-popup{--champion-common: var(--color-rarity-common);--champion-uncommon: var(--color-rarity-uncommon);--champion-rare: var(--color-rarity-rare);--champion-epic: var(--color-rarity-epic);--champion-legendary: var(--color-rarity-legendary);--champion-mythical: var(--color-rarity-mythical);--champion-magic: #4aa3ff;--champion-force: #ff5a4f;--champion-spirit: #46d17c;--champion-void: #b065ff;--champion-buff: #46d17c;--champion-debuff: #ff6b5e;--champion-link: #9fd8ff;--champion-card-bg: var(--color-surface-1);--champion-card-border: var(--color-gold-faint);--champion-hero-height: 780px}.champion{display:flex;flex-direction:column;gap:32px;padding:0 0 48px}.champion-hero{display:grid;grid-template-columns:minmax(0,1fr);padding:24px;border:1px solid var(--champion-card-border);border-radius:var(--radius-m, 12px);background:radial-gradient(120% 140% at 0% 0%,rgba(255,207,35,.07),transparent 55%),var(--champion-card-bg)}.champion-hero--model{grid-template-columns:auto minmax(0,1fr);gap:0 28px}.champion-hero__main{display:flex;flex-direction:column;gap:20px;min-width:0}.champion-hero__heading{display:flex;flex-direction:column;gap:6px}.champion-hero__name{margin:0;font-size:34px;font-family:var(--font-display);font-weight:400;line-height:1.15;color:var(--color-title)}.champion-hero__draft{align-self:flex-start;margin:0;padding:3px 10px;border-radius:var(--radius-xs, 6px);background:var(--champion-debuff);font-size:12px;font-weight:700;text-transform:uppercase;color:#fff}.champion-hero__updated{margin:0;font-size:14px;color:var(--color-text-muted, #FFFFFF80)}.champion-hero__card{display:grid;grid-template-columns:200px minmax(170px,230px) minmax(280px,330px);gap:24px;align-items:start}.champion-hero__figure{--rarity-color: var(--champion-rare);display:flex;flex-direction:column;align-items:center;gap:8px;width:fit-content;margin:0 auto}.champion-hero__figure[data-rarity=common]{--rarity-color: var(--champion-common)}.champion-hero__figure[data-rarity=uncommon]{--rarity-color: var(--champion-uncommon)}.champion-hero__figure[data-rarity=epic]{--rarity-color: var(--champion-epic)}.champion-hero__figure[data-rarity=legendary]{--rarity-color: var(--champion-legendary)}.champion-hero__figure[data-rarity=mythical]{--rarity-color: var(--champion-mythical)}.champion-hero__rarity{width:100%;padding:8px 12px;border-radius:var(--radius-xs, 6px);background:var(--rarity-color);font-size:18px;font-weight:700;text-align:center;color:#1d1406}.champion-hero__portrait{position:relative;width:100%;padding:4px;border:3px solid var(--rarity-color);border-radius:var(--radius-s, 8px);background:var(--color-surface-4);box-shadow:0 0 18px color-mix(in srgb,var(--rarity-color) 45%,transparent)}.champion-hero__portrait[data-portrait=avatar]{width:154px}.champion-hero__portrait:after{content:"";position:absolute;left:50%;bottom:-9px;width:14px;height:14px;border-right:3px solid var(--rarity-color);border-bottom:3px solid var(--rarity-color);background:var(--champion-card-bg);transform:translate(-50%) rotate(45deg)}.champion-hero__portrait img{display:block;width:100%;height:auto;border-radius:4px;object-fit:cover;object-position:50% 0}.champion-hero__identity{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0;padding:0;list-style:none;text-align:center}.champion-hero__emblem img{display:block;width:86px;height:auto}.champion-hero__faction,.champion-hero__fact{font-size:18px;font-weight:600;color:var(--color-text, #fff)}.champion-hero__fact{display:inline-flex;align-items:center;gap:8px}.champion-hero__fact-icon{flex:0 0 auto;width:28px;height:28px;object-fit:contain}.champion-hero__aura .champion-hero__fact-icon{width:26px;height:32px}.champion-hero__aura-note,.champion-hero__no-aura{font-size:14px;font-weight:500;color:var(--color-text-muted, #FFFFFF80)}.champion-stats{min-width:0}.champion-stats__table{width:100%;border-collapse:collapse}.champion-stats__caption{padding:12px 14px;border-radius:var(--radius-s, 8px) var(--radius-s, 8px) 0 0;background:var(--color-surface-3);font-size:15px;font-weight:700;text-align:center;color:var(--color-text, #fff)}.champion-stats__stars{color:var(--color-accent, #FFCF23);letter-spacing:.04em}.champion-stats__note{display:block;margin-top:2px;font-size:12px;font-weight:400;color:#ffffffa3}.champion-stats__row{border-bottom:1px solid var(--champion-card-border)}.champion-stats__row:hover{background:#ffffff08}.champion-stats__label,.champion-stats__value{padding:8px 14px;font-size:15px;text-align:left}.champion-stats__label{font-weight:500;color:#ffffffb8}.champion-stats__value{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-accent, #FFCF23)}.champion-traits{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--champion-card-border)}.champion-hero--model .champion-traits{width:0;min-width:100%}.champion-traits__row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:start}.champion-traits__row+.champion-traits__row{padding-top:10px;border-top:1px solid transparent;border-image:linear-gradient(90deg,rgba(233,196,106,.45),rgba(233,196,106,.12) 70%,transparent) 1}.champion-traits__head{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.champion-traits__label{padding-top:9px;font-size:15px;font-weight:700;color:var(--color-text, #fff)}.champion-traits__more{padding:0;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--color-gold-light);text-decoration:underline;text-decoration-color:#e9c46a66;text-underline-offset:3px;cursor:pointer}.champion-traits__more:hover{color:var(--color-accent, #FFCF23)}.champion-traits__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.champion-traits__list:not(.champion-traits__list--all)>li:nth-child(n+4){display:none}.champion-trait{display:inline-flex;align-items:center;gap:8px;min-width:140px;min-height:38px;padding:4px 12px 4px 4px;border:1px solid var(--champion-card-border);border-radius:var(--radius-xs, 6px);background:var(--color-surface-2);font-size:14px;color:var(--color-text, #fff)}.champion-trait__icon{flex:0 0 auto;width:28px;height:28px;border-radius:4px}.champion-trait--button{font:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease}.champion-trait--button:hover{border-color:#ffcf2373;background:var(--color-surface-3)}.champion-trait--button:focus-visible{outline:2px solid var(--color-accent, #FFCF23);outline-offset:2px}.champion-trait:not(:has(.champion-trait__icon)){padding-left:12px}.champion-trait .tooltip__text,.champion-trait.tooltip:after{display:none}.champion-score{display:flex;flex-direction:column;gap:12px;padding:16px 20px;border:1px solid var(--champion-card-border);border-radius:var(--radius-s, 10px)}.champion-score__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.champion-score__title{margin:0;font-size:18px;font-family:var(--font-display);font-weight:400;color:var(--color-title)}.champion-score__value{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;border-radius:999px;font-size:20px;font-weight:800;color:var(--color-accent, #FFCF23);background:color-mix(in srgb,var(--color-accent, #FFCF23) 14%,transparent)}.champion-score__value svg{fill:currentColor}.champion-score__formula,.champion-score__mechanics{font-size:13px;color:var(--color-text-muted, #9a9a9a)}.champion-score__advice{padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--color-surface-3)}.champion-score__advice[data-advice=keep]{color:#46d17c}.champion-score__how{margin-left:auto;font-size:13px;color:var(--color-accent, #FFCF23)}.champion-score__advice[data-advice=food]{color:#ff9a3c}.champion-score__stages{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0}.champion-score__label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent, #FFCF23)}.champion-score__stage{padding:3px 8px;border-radius:var(--radius-xs, 6px);font-size:13px;color:var(--color-text, #fff);background:var(--color-surface-3)}.champion-score__details{border-top:1px solid var(--champion-card-border);padding-top:10px}.champion-score__summary{cursor:pointer;list-style:none}.champion-score__summary::-webkit-details-marker{display:none}.champion-score__subtitle{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent, #FFCF23)}.champion-score__subtitle:after{content:"\25b8";color:var(--color-text-muted);transition:transform .2s ease}.champion-score__details[open] .champion-score__subtitle:after{transform:rotate(90deg)}.champion-score__details[open] .champion-score__areas{margin-top:12px}.champion-score__areas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px 24px;margin:0;padding:0;list-style:none}.champion-score__area{display:grid;grid-template-columns:minmax(110px,1fr) 2fr auto;align-items:center;gap:4px 10px;font-size:14px;color:var(--color-text, #fff)}.champion-score__bar{height:6px;border-radius:3px;background:var(--color-surface-3);overflow:hidden}.champion-score__bar span{display:block;height:100%;border-radius:3px;background:var(--color-accent, #FFCF23)}.champion-score__area-value{min-width:2ch;font-weight:700;text-align:right}.champion-score__mechanics{grid-column:1 / -1}.champion-score__verified{color:#46d17c}.champion-sources{display:flex;flex-direction:column;gap:10px;padding:16px 20px;border:1px solid var(--champion-card-border);border-radius:var(--radius-s, 10px)}.champion-sources__title{margin:0;font-size:18px;font-family:var(--font-display);font-weight:400;color:var(--color-title)}.champion-sources__tier{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}.champion-sources__label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent, #FFCF23)}.champion-sources__tier-value{padding:3px 10px;border-radius:999px;font-weight:700;background:var(--color-surface-3)}.champion-sources__tier[data-tier="1"] .champion-sources__tier-value{color:#46d17c}.champion-sources__tier[data-tier="2"] .champion-sources__tier-value{color:#9ad14a}.champion-sources__tier[data-tier="3"] .champion-sources__tier-value{color:#ffcf23}.champion-sources__tier[data-tier="4"] .champion-sources__tier-value{color:#ff9a3c}.champion-sources__tier[data-tier="5"] .champion-sources__tier-value{color:#ff5b5b}.champion-sources__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.champion-sources__item{display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:var(--radius-xs, 6px);background:var(--color-surface-3);font-size:13px;color:var(--color-text, #fff)}.champion-sources__item--link{padding:0}.champion-sources__link{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 6px;border:1px solid transparent;border-radius:inherit;color:inherit;text-decoration:none;transition:border-color .2s ease}.champion-sources__link:hover{border-color:#ffcf2373}.champion-sources__link:hover .champion-sources__name{color:var(--color-gold-light)}.champion-sources__link:focus-visible{outline:2px solid var(--color-accent, #FFCF23);outline-offset:2px}.champion-sources__icon{flex:0 0 auto;width:22px;height:22px;object-fit:contain}.champion-sources__detail,.champion-sources__pending{margin:0;font-size:13px;color:var(--color-text-muted, #9a9a9a)}.champion-editorial{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.champion-editorial__best-in{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.champion-editorial__label,.champion-skills__form{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent, #FFCF23)}.champion-editorial__area{padding:3px 8px;border-radius:var(--radius-xs, 6px);background:var(--color-surface-3);font-size:13px;color:var(--color-text, #fff)}.champion-editorial__summary{flex:1 1 100%;margin:0;font-size:15px;line-height:1.55;color:#ffffffc7}.champion-skills{display:flex;flex-direction:column;gap:16px}.champion-skills__head{display:flex;flex-direction:column;gap:6px}.champion-skills__title{margin:0;font-size:26px;font-family:var(--font-display);font-weight:400;color:var(--color-title)}.champion-skills__lead{margin:0;max-width:760px;font-size:14px;line-height:1.5;color:var(--color-text-muted, #FFFFFF80)}.champion-skills__lead strong{color:var(--color-accent, #FFCF23)}.champion-skills__form{margin:8px 0 0}.champion-skills__list{display:flex;flex-direction:column;gap:14px}.skill-card{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(200px,260px);gap:20px 24px;align-items:start;padding:22px;border:1px solid var(--champion-card-border);border-radius:var(--radius-m, 12px);background:var(--champion-card-bg)}.skill-card__icon-img{display:block;width:110px;height:110px;border-radius:50%;box-shadow:0 0 0 2px #ffffff14,0 8px 20px #00000073}.skill-card__body{display:flex;flex-direction:column;gap:10px;min-width:0}.skill-card__ascended{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--champion-card-border)}.skill-card__ascended-title{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;line-height:1.4;color:var(--color-accent, #FFCF23)}.skill-card__ascension-stars{display:inline-flex;gap:2px;color:var(--color-ascension)}.skill-card__ascension-stars svg{display:block;fill:currentColor}.skill-card__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;font-size:18px;font-weight:600;line-height:1.3}.skill-card__slot{color:var(--champion-epic)}.skill-card__slot--passive{color:var(--champion-spirit)}.skill-card__name{color:var(--color-accent, #FFCF23)}.skill-card__passive{font-size:15px;font-weight:500;color:var(--color-accent, #FFCF23)}.skill-card__unlock{padding:2px 8px;border-radius:6px;font-size:13px;font-weight:500;color:var(--color-text-muted, #9a9a9a);background:#ffffff0f}.skill-card__description p{margin:0;font-size:15px;line-height:1.6;color:#ffffffdb}.skill-card__description p+p{margin-top:8px}.skill-card__status{font-weight:700;color:var(--champion-spirit)}.skill-card__champion-link,.skill-card__champion-link:visited{font-weight:700;color:var(--champion-link);text-decoration:underline dotted rgba(159,216,255,.55);text-underline-offset:3px}@media(min-width:1355.98px){.skill-card__champion-link:hover{color:var(--color-accent, #FFCF23);text-decoration-color:currentColor}}.skill-card__status-icon{display:inline-flex;margin-right:4px;padding:0;border:1px solid transparent;border-radius:4px;background:none;vertical-align:-6px;cursor:pointer;transition:border-color .2s ease}.skill-card__status-icon img{width:22px;height:22px;border-radius:4px}.skill-card__status-icon:hover{border-color:#ffcf2399}.skill-card__status-icon:focus-visible{outline:2px solid var(--color-accent, #FFCF23);outline-offset:2px}.skill-card__formula{margin:0;font-size:15px;line-height:1.5;color:#ffffffdb}.skill-card__formula-stat{color:var(--champion-spirit)}.skill-card__formula-value{font-weight:700;color:var(--color-accent, #FFCF23)}.skill-card__formula-note{font-size:14px;color:#ffffffb3}.skill-card__side{display:flex;flex-direction:column;gap:8px}.skill-card__cooldown{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:600;color:var(--color-accent, #FFCF23)}.skill-card__cooldown svg{flex:0 0 auto;fill:var(--champion-magic)}.skill-card__booked,.skill-mechanics__booked{margin:0;font-size:13px;color:var(--color-text-muted, #FFFFFF80)}.skill-card__books{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;font-size:15px;line-height:1.45;color:#ffffffdb}.skill-mechanics__note{display:block;font-size:12px;color:#ffffffb3}.status-chip{display:inline-block;padding:0 6px;border-radius:4px;background:#ffcf2324;font-weight:600;color:var(--color-accent, #FFCF23);white-space:nowrap}.status-chip[data-kind=buff]{background:color-mix(in srgb,var(--champion-buff) 16%,transparent);color:var(--champion-buff)}.status-chip[data-kind=debuff]{background:color-mix(in srgb,var(--champion-debuff) 16%,transparent);color:var(--champion-debuff)}.status-chip+.status-chip{margin-left:4px}.status-chip__duration{font-weight:400;opacity:.8}.skill-card__popups{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:12px;border-top:1px solid var(--champion-card-border)}.skill-card__popup-toggle{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--color-accent, #FFCF23);cursor:pointer}.skill-card__popup-toggle:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}.skill-card__popup-toggle:hover{color:var(--color-text, #fff)}.skill-card__popup-toggle:focus-visible{outline:2px solid var(--color-accent, #FFCF23);outline-offset:3px;border-radius:4px}.skill-mechanics{width:100%;border-collapse:collapse;font-size:13px}.skill-mechanics th{padding:8px 10px;border-bottom:1px solid var(--champion-card-border);font-size:11px;font-weight:700;letter-spacing:.06em;text-align:left;text-transform:uppercase;color:var(--color-text-muted, #FFFFFF80)}.skill-mechanics td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top;color:#ffffffd9}.skill-mechanics__value{font-weight:700;color:var(--color-text, #fff)}@media(min-width:1400px){.champion-hero{min-height:var(--champion-hero-height)}.champion-traits__row{grid-template-columns:190px minmax(0,1fr)}.champion-traits__head{min-height:43px}.champion-traits__label{white-space:nowrap}.champion-traits__list:not(.champion-traits__list--all){flex-wrap:nowrap}.champion-traits__list:not(.champion-traits__list--all)>li{min-width:0}.champion-traits__list:not(.champion-traits__list--all) .champion-trait{max-width:100%}.champion-traits__list:not(.champion-traits__list--all) .champion-trait__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champion-traits__list:not(.champion-traits__list--all) .champion-trait[data-clipped] .tooltip__text,.champion-traits__list:not(.champion-traits__list--all) .champion-trait[data-clipped]:after{display:block}.champion-traits__list:not(.champion-traits__list--all)>li:nth-child(3) .tooltip__text{left:auto;right:0}}@media(max-width:1399.98px){.champion-hero--model{grid-template-columns:minmax(0,1fr)}.champion-hero__card{grid-template-columns:180px minmax(160px,210px) minmax(250px,300px);gap:20px}}@media(max-width:1199.98px){.champion-hero__card{grid-template-columns:200px minmax(0,1fr)}.champion-stats{grid-column:1 / -1}}@media(max-width:767.98px){.champion-hero{padding:16px}.champion-hero__name{font-size:26px}.champion-hero__card{grid-template-columns:minmax(0,1fr);gap:20px}.champion-traits__row{grid-template-columns:minmax(0,1fr);gap:6px}.champion-traits__label{padding-top:0}.champion-traits__head{flex-direction:row;align-items:baseline;justify-content:space-between}.skill-card{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:16px}.skill-card__icon-img{width:72px;height:72px}.skill-card__side{grid-column:1 / -1}.skill-mechanics thead{display:none}.skill-mechanics,.skill-mechanics tbody,.skill-mechanics tr,.skill-mechanics td{display:block;width:100%}.skill-mechanics tr{padding:12px 0;border-bottom:1px solid var(--champion-card-border)}.skill-mechanics tr:first-child{padding-top:4px}.skill-mechanics td{display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:12px;align-items:start;padding:4px 0;border:0;font-size:14px;line-height:1.4}.skill-mechanics td>*{grid-column:2;justify-self:start}.skill-mechanics td:before{content:attr(data-label);grid-column:1;grid-row:1 / span 8;padding-top:2px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-text-muted, #FFFFFF80)}.skill-mechanics .status-chip+.status-chip{margin-left:0}}.champion-model{display:flex;flex-direction:column;gap:12px;min-width:0;padding-left:28px;border-left:1px solid var(--champion-card-border)}.champion-model__title{font-weight:700;color:var(--color-title)}.champion-model__forms{position:absolute;z-index:1;top:14px;right:14px;display:flex;gap:6px}.champion-model__form{padding:6px 14px;border:1px solid var(--color-gold-faint);border-radius:var(--radius-s, 8px);background:var(--plate-gradient);font-size:13px;font-weight:600;color:var(--color-text, #fff);cursor:pointer}.champion-model__form[aria-pressed=true]{border-color:var(--color-gold-light);background:var(--gold-gradient);color:var(--color-text-inverse, #020202)}.champion-model__frame{flex:1 1 auto;min-height:480px;max-height:820px;container-type:size}.champion-model__stage{position:relative;height:100%;max-width:100%;aspect-ratio:10 / 13;overflow:hidden;border:1px solid var(--color-gold-faint);border-radius:var(--radius-s, 8px);background:radial-gradient(ellipse 45% 30% at 50% 88%,rgba(255,207,35,.16),transparent 70%),radial-gradient(ellipse 70% 60% at 50% 40%,rgba(90,130,200,.18),transparent 75%),var(--color-surface-1, #0b1220)}.champion-model__stage canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}.champion-model__poster{position:absolute;inset:0}.champion-model__poster[hidden],.champion-model[data-state=ready] .champion-model__poster{display:none}.champion-model__poster-img{display:block;width:100%;height:100%;object-fit:contain}.champion-model__start,.champion-model__status{position:absolute;z-index:1;bottom:22px;left:50%;transform:translate(-50%)}.champion-model__start{padding:12px 26px;border:1px solid var(--color-gold-light);border-radius:var(--radius-s, 8px);background:var(--gold-gradient);color:var(--color-text-inverse, #020202);font-family:var(--font-display);font-size:18px;white-space:nowrap;cursor:pointer;transition:filter .2s ease}.champion-model__start:hover{filter:brightness(1.1)}.champion-model__status{display:none;margin:0;padding:6px 14px;border-radius:var(--radius-s, 8px);background:#02060eb3;font-size:14px;white-space:nowrap;color:var(--color-text-muted, rgba(255, 255, 255, .5))}.champion-model[data-state] .champion-model__start,.champion-model[data-state=ready] .champion-model__status{display:none}.champion-model[data-state=loading] .champion-model__status--loading,.champion-model[data-state=error] .champion-model__status--error{display:block}.champion-model__pan{position:absolute;z-index:1;top:14px;left:14px;display:none;grid-template-areas:"zoom-in up zoom-out" "left reset right" "turn-left down turn-right";grid-template-columns:repeat(3,26px);grid-template-rows:repeat(3,26px);gap:2px}.champion-model[data-state=ready] .champion-model__pan{display:grid}.champion-model__pan-button{display:grid;place-items:center;border:1px solid rgba(233,196,106,.3);border-radius:6px;background:#02060e8c;color:var(--color-gold-light);cursor:pointer;touch-action:none;user-select:none;transition:border-color .15s ease,background .15s ease}.champion-model__pan-button:hover,.champion-model__pan-button:active{border-color:var(--color-gold);background:#02060ecc}.champion-model__pan-button--up{grid-area:up}.champion-model__pan-button--down{grid-area:down}.champion-model__pan-button--left{grid-area:left}.champion-model__pan-button--right{grid-area:right}.champion-model__pan-button--zoom-in,.champion-model__pan-button--zoom-out,.champion-model__pan-button--turn-left,.champion-model__pan-button--turn-right{border-color:#96d6b44d;color:#9fd8b8}.champion-model__pan-button--zoom-in:hover,.champion-model__pan-button--zoom-out:hover,.champion-model__pan-button--turn-left:hover,.champion-model__pan-button--turn-right:hover,.champion-model__pan-button--zoom-in:active,.champion-model__pan-button--zoom-out:active,.champion-model__pan-button--turn-left:active,.champion-model__pan-button--turn-right:active{border-color:#7cc49c}.champion-model__pan-button--reset{grid-area:reset}.champion-model__pan-button--zoom-in{grid-area:zoom-in}.champion-model__pan-button--zoom-out{grid-area:zoom-out}.champion-model__pan-button--turn-left{grid-area:turn-left}.champion-model__pan-button--turn-right{grid-area:turn-right}.champion-model__hint{max-width:560px;margin:0;font-size:13px;line-height:1.5;color:var(--color-text-muted, rgba(255, 255, 255, .5))}.champion-model__rotate{position:absolute;z-index:1;right:12px;bottom:12px;display:none;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--color-gold-faint);border-radius:var(--radius-s, 8px);background:#02060e99;font-size:13px;font-weight:600;color:var(--color-text, #fff);cursor:pointer}.champion-model[data-state=ready] .champion-model__rotate{display:inline-flex}.champion-model__rotate[aria-pressed=true]{border-color:var(--color-gold-light);color:var(--color-gold-light)}@media(max-width:1399.98px){.champion-model{margin-top:20px;padding:20px 0 0;border-left:0;border-top:1px solid var(--champion-card-border)}.champion-model__hint{width:min(100%,560px,85svh * 10 / 13);max-width:none;margin-inline:auto}.champion-model__frame{min-height:0;container-type:normal}.champion-model__stage{width:min(100%,560px,85svh * 10 / 13);height:auto;margin-inline:auto}}@media(orientation:landscape)and (max-height:600px){.champion-model__hint{width:100%}.champion-model__stage{width:100%;height:calc(100svh - var(--header-height) - 24px);aspect-ratio:auto}}.champion-model-print{display:flex;flex-direction:column;gap:12px;padding:16px 20px 20px;border:1px solid var(--champion-card-border);border-radius:var(--radius-s, 10px)}.champion-model-print__title{margin:0;font-size:18px;font-family:var(--font-display);font-weight:400;color:var(--color-title)}.champion-model-print__note{margin:0;font-size:13px;line-height:1.5;color:var(--color-text-muted, rgba(255, 255, 255, .5))}.champion-model-print__downloads{display:flex;flex-wrap:wrap;gap:8px}.champion-model-print__downloads[hidden]{display:none}.champion-model-print__download{padding:9px 16px;border:1px solid var(--color-gold-faint);border-radius:var(--radius-s, 8px);background:var(--plate-gradient);font-size:14px;font-weight:600;color:var(--color-text, #fff);transition:border-color .2s ease,color .2s ease}.champion-model-print__download:hover,.champion-model-print__download--main{border-color:var(--color-gold);color:var(--color-gold-light)}