/* /assets/components-champion-card-champion-card-Di33KEpw.css */
.g-champion-card{--_cost-color: var(--color-border);position:relative;display:block;color:inherit}.g-champion-card[data-cost="1"]{--_cost-color: var(--cost-1)}.g-champion-card[data-cost="2"]{--_cost-color: var(--cost-2)}.g-champion-card[data-cost="3"]{--_cost-color: var(--cost-3)}.g-champion-card[data-cost="4"]{--_cost-color: var(--cost-4)}.g-champion-card[data-cost="5"]{--_cost-color: var(--cost-5)}.g-champion-card[data-cost="6"]{--_cost-color: var(--cost-6)}.g-champion-card[hidden]{display:none}.g-champion-card__portrait{object-fit:cover;background-image:linear-gradient(155deg,color-mix(in srgb,var(--_cost-color) 42%,var(--color-surface)),var(--color-surface))}.g-champion-card--tile{--_frame: var(--space-1);padding:var(--_frame);background-color:var(--_cost-color);transition:transform var(--duration-base) var(--ease-out),filter var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.g-champion-card--tile .g-champion-card__portrait{--_inner-bevel: calc(var(--bevel-sm) - var(--_frame));width:100%;height:auto;aspect-ratio:1 / 1;clip-path:polygon(var(--_inner-bevel) 0,calc(100% - var(--_inner-bevel)) 0,100% var(--_inner-bevel),100% calc(100% - var(--_inner-bevel)),calc(100% - var(--_inner-bevel)) 100%,var(--_inner-bevel) 100%,0 calc(100% - var(--_inner-bevel)),0 var(--_inner-bevel))}.g-champion-card--tile .g-champion-card__label{position:absolute;inset-inline:var(--_frame);inset-block-end:var(--_frame);display:flex;flex-direction:column;gap:2px;padding:var(--space-5) var(--space-2) var(--space-2);text-align:center;background-image:linear-gradient(to top,rgb(var(--scrim-rgb) / .92),transparent)}.g-champion-card--tile .g-champion-card__name{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text)}.g-champion-card--tile .g-champion-card__meta{font-size:var(--text-xs);color:var(--color-text-muted)}a.g-champion-card--tile:hover{transform:translateY(-3px);filter:brightness(1.15);box-shadow:var(--shadow-glow-cost)}a.g-champion-card--tile:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--border-width-thick) var(--color-focus-ring)}.g-champion-card--chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);font-size:var(--text-sm);background-color:var(--color-bg);border:var(--border-width) solid var(--color-border);border-inline-start:var(--border-width-thick) solid var(--_cost-color);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.g-champion-card--chip .g-champion-card__portrait{width:26px;height:26px;flex-shrink:0;border-radius:var(--radius-sm)}a.g-champion-card--chip:hover{background-color:var(--color-surface-alt);border-color:var(--color-border-strong);border-inline-start-color:var(--_cost-color)}.g-champion-card--chip[data-current]{font-weight:var(--weight-semibold);background-color:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg));border-color:color-mix(in srgb,var(--color-accent) 45%,transparent)}



/* /assets/components-item-icon-item-icon-DRy5m4eT.css */
.g-item-icon{--item-color: var(--item-completed);--item-size: var(--space-7);display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%}.g-item-icon[data-kind=component]{--item-color: var(--item-component)}.g-item-icon[data-kind=artifact]{--item-color: var(--item-artifact)}.g-item-icon[data-kind=emblem]{--item-color: var(--item-emblem)}.g-item-icon[data-kind=radiant]{--item-color: var(--item-radiant)}.g-item-icon[data-kind=support]{--item-color: var(--item-support)}.g-item-icon[data-size=sm]{--item-size: var(--space-6)}.g-item-icon[data-size=lg]{--item-size: var(--space-8)}.g-item-icon__link{display:inline-flex;flex-shrink:0;padding:var(--space-1);border:var(--border-width) solid var(--item-color);border-radius:var(--radius-sm);background-color:var(--color-surface-sunken)}.g-item-icon__img{width:var(--item-size);height:var(--item-size);object-fit:contain}.g-item-icon__name{font-size:var(--text-sm);min-width:0}



/* /assets/components-rich-text-rich-text-DTD1_Pw7.css */
.richtext{font-size:var(--text-base);line-height:var(--leading-loose);color:var(--color-text)}.richtext>*+*{margin-top:var(--space-4)}.richtext--compact>*+*{margin-top:var(--space-2)}.richtext--compact ul[class],.richtext--compact ol[class]{padding-left:var(--space-5)}.richtext--compact li+li{margin-top:var(--space-1)}.richtext h2{margin-top:var(--space-7);font-size:var(--text-2xl)}.richtext h3{margin-top:var(--space-6);font-size:var(--text-xl)}.richtext h4,.richtext h5,.richtext h6{margin-top:var(--space-5);font-size:var(--text-lg)}.richtext h2+p,.richtext h3+p,.richtext h4+p,.richtext h5+p,.richtext h6+p{margin-top:var(--space-2)}.richtext :is(h2,h3,h4,h5,h6)[id]{scroll-margin-top:calc(var(--header-height) + var(--space-4))}.richtext a{color:var(--color-text-accent);text-decoration:underline;text-underline-offset:3px}.richtext a:hover{color:var(--color-accent-hover)}.richtext ul[class],.richtext ol[class]{padding-left:var(--space-6);list-style-position:outside}.richtext ul[class]{list-style-type:disc}.richtext ol[class]{list-style-type:decimal}.richtext ul[class] ul[class]{list-style-type:circle}.richtext ul[class] ul[class] ul[class]{list-style-type:square}.richtext ol[class] ol[class]{list-style-type:upper-alpha}.richtext ol[class] ol[class] ol[class]{list-style-type:lower-alpha}.richtext li+li,.richtext li>ul,.richtext li>ol{margin-top:var(--space-2)}.richtext .nestedListItem{margin-top:0}.richtext .list-item-checkbox{display:flex;align-items:baseline;gap:var(--space-2)}.richtext .list-item-checkbox br{display:none}.richtext blockquote{padding-left:var(--space-5);color:var(--color-text-muted);font-style:italic;border-left:var(--border-width-thick) solid var(--color-border-accent)}.richtext hr{height:var(--border-width);margin-block:var(--space-6);background-color:var(--color-border);border:0}.richtext code{padding:0 var(--space-1);font-family:var(--font-mono);font-size:.9em;background-color:var(--color-surface-sunken);border-radius:var(--radius-sm)}.richtext img,.richtext picture{max-width:100%;height:auto;border-radius:var(--radius-md)}.richtext .tft-icon,.richtext .tft-mention__icon{width:auto;border-radius:0}.richtext .lexical-table-container{overflow-x:auto}.richtext .lexical-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.richtext .lexical-table-cell{padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top;border:var(--border-width) solid var(--color-border)}.richtext th.lexical-table-cell{font-weight:var(--weight-semibold);background-color:var(--color-surface-sunken)}.richtext .lexical-table-cell>*+*{margin-top:var(--space-2)}.richtext .itemize-block{padding:var(--space-5);background-color:var(--color-surface)}.richtext .itemize-block>p:first-of-type{margin-block:0 var(--space-3);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-faint)}.richtext .itemize-block>p:last-of-type{font-size:var(--text-sm);color:var(--color-text-muted)}.richtext .table-scroll{margin-block-start:var(--space-4);overflow-x:auto}.richtext .itemize-table{width:100%;border-collapse:collapse}.richtext .itemize-table th,.richtext .itemize-table td{padding:var(--space-3);text-align:left;vertical-align:middle;font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.richtext .itemize-table thead th{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-faint);border-block-end:var(--border-width) solid var(--color-border)}.richtext .itemize-table tbody tr{border-block-end:var(--border-width) solid color-mix(in srgb,var(--color-border) 55%,transparent)}.richtext .itemize-table tbody tr:last-child{border-block-end:none}.richtext .itemize-table tbody tr:first-child td{color:var(--color-text);background-color:color-mix(in srgb,var(--color-accent) 7%,transparent)}.richtext .item-chips{display:flex;flex-wrap:wrap;gap:var(--space-1);white-space:normal}.richtext .item-chips>span{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);font-size:var(--text-xs);color:var(--color-text);background-color:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm)}.richtext .item-chips img{width:24px;height:24px;border-radius:var(--radius-sm)}.richtext .rate-bar{display:inline-block;width:56px;height:4px;margin-inline-end:var(--space-2);overflow:hidden;vertical-align:middle;background-color:var(--color-bg);border-radius:var(--radius-full)}.richtext .rate-bar>span{display:block;height:100%;background-color:var(--color-accent)}.richtext .row-block{display:flex;flex-wrap:wrap;gap:var(--space-2)}.richtext .row-block__entry{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;width:36px}.richtext .row-block__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.richtext .row-block__icon{width:28px;height:28px;border-radius:var(--radius-sm);flex-shrink:0}.richtext .row-block__icon[data-cost]{border:2px solid var(--color-border)}.richtext .row-block__icon[data-cost="1"]{border-color:var(--cost-1)}.richtext .row-block__icon[data-cost="2"]{border-color:var(--cost-2)}.richtext .row-block__icon[data-cost="3"]{border-color:var(--cost-3)}.richtext .row-block__icon[data-cost="4"]{border-color:var(--cost-4)}.richtext .row-block__icon[data-cost="5"]{border-color:var(--cost-5)}@media(min-width:768px){.richtext .row-block__entry{width:40px}.richtext .row-block__icon{width:36px;height:36px}}.richtext .tft-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;margin:0 .1em}.richtext .tft-mention{display:inline-flex;align-items:center;gap:.25em;padding:0 .4em 0 .2em;border-radius:var(--radius-full);color:inherit;text-decoration:none;font-weight:var(--weight-semibold);white-space:nowrap;vertical-align:-.3em}.richtext .tft-mention:hover{background:var(--color-surface-hover);color:inherit}.richtext .tft-mention__icon{width:1.4em;height:1.4em;object-fit:cover}.richtext .board-block{display:flex;flex-direction:column;gap:var(--space-3);max-width:46rem;padding:var(--space-3);margin-inline:auto;background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.richtext .board-block__traits{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);list-style:none;padding:0!important;margin:0}.richtext .board-block__trait{display:inline-flex;align-items:center;gap:var(--space-1);margin:0;padding:var(--space-1) var(--space-2);background-color:var(--color-surface-sunken);border:var(--border-width) solid color-mix(in srgb,var(--tier-color, var(--color-border)) 45%,transparent);border-radius:var(--radius-md)}.richtext .board-block__trait-count{font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}



/* /assets/components-search-box-search-box-Dlct8yXy.css */
.search-box{position:relative;width:100%}.search-box__field{display:flex;align-items:stretch;height:40px;background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-sm);overflow:hidden;clip-path:polygon(var(--bevel-sm) 0,100% 0,100% calc(100% - var(--bevel-sm)),calc(100% - var(--bevel-sm)) 100%,0 100%,0 var(--bevel-sm));transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.search-box__field:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-glow-accent)}.search-box__field:focus-within .search-box__server{border-right-color:transparent}.search-box__field .search-box__input:focus-visible{outline:none}.search-box__field .search-box__server:focus-visible,.search-box__field .search-box__submit:focus-visible{outline-offset:-2px}.search-box__server{padding-inline:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--color-text-accent);background-color:var(--color-surface-alt);border:0;border-right:var(--border-width) solid var(--color-border);outline:none;cursor:pointer;transition:border-color var(--duration-base) var(--ease-out)}.search-box__server option{color:var(--color-text);background-color:var(--color-surface)}.search-box__input{flex:1;min-width:0;padding-inline:var(--space-3);font-size:var(--text-sm);background:none;border:0;outline:none}.search-box__submit{padding-inline:var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;color:var(--color-accent);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.search-box__submit:hover{color:var(--color-accent-contrast);background-color:var(--color-accent)}.search-box[data-size=lg] .search-box__field{height:56px;box-shadow:var(--shadow-glow-accent-lg)}.search-box[data-size=lg] .search-box__server{padding-inline:var(--space-4);font-size:var(--text-sm)}.search-box[data-size=lg] .search-box__input{padding-inline:var(--space-4);font-size:var(--text-base)}.search-box[data-size=lg] .search-box__submit{padding-inline:var(--space-5);font-size:var(--text-sm)}.search-box__dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;max-height:380px;overflow-y:auto;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown)}.search-box__section-title{padding:var(--space-2) var(--space-2) var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-accent)}.search-box__row{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);background:none;color:var(--color-text);text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.search-box__row:hover,.search-box__row.is-active{background-color:var(--color-surface-hover);border-color:var(--color-border)}.search-box__row-icon{flex-shrink:0;border-radius:var(--radius-full);border:var(--border-width) solid var(--color-border)}.search-box__row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-semibold)}.search-box__row-rank{flex-shrink:0;width:24px;height:24px;object-fit:contain}.search-box__row-tag{flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-accent)}.search-box__row-search{width:28px;height:28px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-lg);line-height:1;color:var(--color-text-accent)}.search-box__row--exact .search-box__row-name{color:var(--color-text-accent)}.search-box__empty{padding:var(--space-3) var(--space-2);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}@media(max-width:767px){.search-box__server,.search-box__input{font-size:var(--text-base)}.search-box__dropdown{max-width:calc(100vw - var(--space-4))}}



/* /assets/components-teamcomp-card-teamcomp-card-Bc8vKao9.css */
.b-comp-card{overflow:hidden;border-radius:var(--radius-md);transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast)}.b-comp-card:hover{transform:translateY(calc(var(--space-0) - var(--border-width)))}.b-comp-card__link{display:block;color:inherit;text-decoration:none}.b-comp-card__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0}.b-comp-card__tier{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);color:var(--color-text);font-weight:var(--weight-bold);font-size:var(--text-sm);background-color:var(--tier-color, var(--color-text-muted));border-radius:var(--radius-sm)}.b-comp-card__tier[data-tier=silver]{color:var(--color-text-inverse)}.b-comp-card__tier[data-tier=prismatic]{background:linear-gradient(135deg,var(--tier-gold),var(--tier-unique),var(--tier-prismatic))}.b-comp-card__title{flex:1 1 0%;overflow:hidden;font-weight:var(--weight-semibold);font-size:var(--text-base);white-space:nowrap;text-overflow:ellipsis}.b-comp-card__arrow{flex-shrink:0;width:var(--space-5);height:var(--space-5);color:var(--color-text-muted);transition:transform var(--duration-fast)}.b-comp-card:hover .b-comp-card__arrow{color:var(--color-text);transform:translate(var(--border-width-thick))}.b-comp-card__body{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-height:calc(var(--space-9) + var(--space-1));padding:var(--space-3);overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent-2) 25%,var(--color-surface)) 0%,var(--color-surface) 35%);border:var(--border-width) solid var(--color-border);border-top:0;border-radius:0 0 var(--radius-md) var(--radius-md)}.b-comp-card__splash{position:absolute;inset-block:0;left:0;display:none;width:calc(var(--space-9) + var(--space-5));overflow:hidden;pointer-events:none}.b-comp-card__splash-img{width:100%;height:100%;object-fit:cover;opacity:.5;-webkit-mask-image:linear-gradient(to right,var(--color-bg) 0%,transparent 100%);mask-image:linear-gradient(to right,var(--color-bg) 0%,transparent 100%)}.b-comp-card__champs-wrap{position:relative;z-index:1;flex:1 1 100%;padding-left:0}.b-comp-card__champs{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:0;list-style:none}.b-comp-card__champ{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.b-comp-card__stars{min-height:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);line-height:1;letter-spacing:var(--tracking-tight)}.b-comp-card__champ-portrait{width:calc(var(--space-6) + var(--space-2));height:calc(var(--space-6) + var(--space-2));object-fit:cover;border:var(--border-width-thick) solid var(--color-border);border-radius:var(--radius-sm)}.b-comp-card__champ-portrait[data-cost="1"]{border-color:var(--cost-1)}.b-comp-card__champ-portrait[data-cost="2"]{border-color:var(--cost-2)}.b-comp-card__champ-portrait[data-cost="3"]{border-color:var(--cost-3)}.b-comp-card__champ-portrait[data-cost="4"]{border-color:var(--cost-4)}.b-comp-card__champ-portrait[data-cost="5"]{border-color:var(--cost-5)}.b-comp-card__champ-items{display:flex;gap:var(--space-1)}.b-comp-card__champ-item-wrap{display:inline-flex}.b-comp-card__champ-item{width:var(--space-4);height:var(--space-4);object-fit:contain;border-radius:var(--radius-sm)}.b-comp-card__traits{position:relative;z-index:1;display:flex;flex-shrink:0;flex-wrap:wrap;align-content:center;gap:var(--space-1);max-width:none;padding:0;list-style:none}.b-comp-card__augments{position:relative;z-index:1;display:flex;flex-shrink:0;gap:var(--space-1);padding:var(--space-2);background-color:var(--color-surface-sunken);border-radius:var(--radius-sm)}.b-comp-card__augments .g-item-icon__link{border-color:var(--color-border)}@media(min-width:768px){.b-comp-card__body{flex-wrap:nowrap;gap:var(--space-5);padding:var(--space-4) var(--space-5)}.b-comp-card__splash{display:block}.b-comp-card__champs-wrap{flex:1 1 auto;padding-left:calc(var(--space-9) - var(--space-4))}.b-comp-card__traits{flex:0 1 auto;max-width:calc(var(--space-9) + var(--space-9) + var(--space-7))}}



/* /assets/components-trait-hex-icon-trait-hex-icon-CmN2kbzB.css */
.g-trait-hex{--hex-size: 2rem;display:inline-flex;align-items:center;justify-content:center;width:var(--hex-size);height:var(--hex-size);flex-shrink:0}.g-trait-hex[data-size=sm]{--hex-size: 1.625rem}.g-trait-hex__badge{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--tier-bg) center / contain no-repeat}.g-trait-hex[data-tier=bronze]{--tier-bg: url(/trait-tier/bronze.webp)}.g-trait-hex[data-tier=silver]{--tier-bg: url(/trait-tier/silver.webp)}.g-trait-hex[data-tier=gold]{--tier-bg: url(/trait-tier/gold.webp)}.g-trait-hex[data-tier=prismatic]{--tier-bg: url(/trait-tier/prismatic.webp)}.g-trait-hex[data-tier=unique]{--tier-bg: url(/trait-tier/unique.svg)}.g-trait-hex__glyph{width:55%;height:55%;background-color:var(--color-bg);-webkit-mask:var(--trait-glyph) center / contain no-repeat;mask:var(--trait-glyph) center / contain no-repeat}.g-trait-hex__svg{display:block;width:100%;height:100%}.g-trait-hex__hex-fill{fill:var(--color-bg-alt, var(--color-surface-sunken))}.g-trait-hex__hex-ring{fill:transparent;stroke:var(--tier-inactive);stroke-width:1.5}.g-trait-hex__hex-glyph{opacity:.87}



/* /assets/views-champion-detail-champion-detail-DP9lSbf8.css */
html{scroll-behavior:smooth}.season-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-block-end:var(--space-6);color:var(--color-warning);background-color:color-mix(in srgb,var(--color-warning) 10%,var(--color-bg));border-inline-start:var(--space-1) solid var(--color-warning)}.season-banner>span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:24px;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--weight-extrabold);color:var(--color-accent-contrast);background-color:var(--color-warning);clip-path:var(--clip-hex)}.season-banner p{flex:1;min-width:220px;font-size:var(--text-sm);color:var(--color-text)}.season-banner p b{color:var(--color-warning)}.season-banner a{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-warning);white-space:nowrap}.season-banner a:hover{text-decoration:underline}.champion-title{gap:var(--space-3);margin-block-end:var(--space-5)}.champion-title h1{font-size:var(--text-4xl);letter-spacing:var(--tracking-tight)}.champion-title:after{content:"";width:var(--space-8);height:var(--border-width-thick);background-color:var(--color-accent)}.champion-hero{display:flex;flex-direction:column;gap:var(--space-5);margin-block-end:var(--space-7)}.champion-hero__portrait{position:relative;flex-shrink:0;width:260px;max-width:100%}.champion-hero__portrait[data-cost="1"]{--tag-color: var(--cost-1)}.champion-hero__portrait[data-cost="2"]{--tag-color: var(--cost-2)}.champion-hero__portrait[data-cost="3"]{--tag-color: var(--cost-3)}.champion-hero__portrait[data-cost="4"]{--tag-color: var(--cost-4)}.champion-hero__portrait[data-cost="5"]{--tag-color: var(--cost-5)}.champion-hero__portrait>div{padding:var(--border-width-thick);background-color:var(--tag-color);box-shadow:var(--shadow-glow-cost)}.champion-hero__portrait img{--_inner-bevel: calc(var(--bevel) - var(--border-width-thick));width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;background-color:var(--color-bg);clip-path:polygon(var(--_inner-bevel) 0,calc(100% - var(--_inner-bevel)) 0,100% var(--_inner-bevel),100% calc(100% - var(--_inner-bevel)),calc(100% - var(--_inner-bevel)) 100%,var(--_inner-bevel) 100%,0 calc(100% - var(--_inner-bevel)),0 var(--_inner-bevel))}.champion-hero__portrait>.tag{position:absolute;top:var(--space-3);left:var(--space-3);z-index:1;justify-content:center;width:34px;height:38px;padding:0;font-size:var(--text-base);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--color-accent-contrast);background-color:var(--tag-color);border:none;border-radius:0;clip-path:var(--clip-hex);filter:drop-shadow(0 1px 3px rgb(var(--scrim-rgb) / .7))}.champion-hero__meta{display:flex;flex:1;flex-direction:column;gap:var(--space-4);min-width:0}.champion-hero__traits{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none}.champion-hero__trait-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent-2-hover);background-color:color-mix(in srgb,var(--color-accent-2) 14%,var(--color-bg));border:var(--border-width) solid color-mix(in srgb,var(--color-accent-2) 45%,transparent);border-radius:var(--radius-sm)}.champion-hero__traits img{width:22px;height:22px}.champion-hero__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--border-width);overflow:hidden;background-color:var(--color-border);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm)}.champion-hero__stats>div{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background-color:var(--color-surface)}.champion-hero__stats dt{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-faint)}.champion-hero__stats dd{font-size:var(--text-xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight)}@media(min-width:768px){.champion-hero{flex-direction:row;align-items:center}.champion-hero__stats{grid-template-columns:repeat(4,1fr)}}.champion-layout{display:flex;flex-direction:column;gap:var(--space-6)}.champion-toc{order:-1;font-size:var(--text-sm)}.champion-toc ul{display:flex;gap:var(--space-2);overflow-x:auto;list-style:none;padding:0;scrollbar-width:none}.champion-toc ul::-webkit-scrollbar{display:none}.champion-toc a{position:relative;display:inline-flex;padding:var(--space-2) var(--space-4);white-space:nowrap;color:var(--color-text-faint);background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.champion-toc a:hover{color:var(--color-text);border-color:var(--color-border-strong)}.champion-toc a[aria-current=true]{font-weight:var(--weight-semibold);color:var(--color-text-accent);border-color:var(--color-accent)}.champion-content{display:flex;flex-direction:column;gap:var(--space-8);min-width:0}.champion-section{scroll-margin-block-start:calc(var(--header-height) + var(--space-5))}.related-teamcomps{display:flex;flex-direction:column;gap:var(--space-3)}.champion-section h2{display:flex;align-items:center;gap:var(--space-4);margin-block-end:var(--space-4);font-size:var(--text-2xl);letter-spacing:var(--tracking-tight)}.champion-section h2:after{content:"";flex:1;height:var(--border-width);background-color:var(--color-border)}@media(min-width:900px){.champion-layout{flex-direction:row;align-items:flex-start;gap:var(--space-7)}.champion-toc{position:sticky;top:calc(var(--header-height) + var(--space-5));order:1;flex-shrink:0;width:208px}.champion-toc:before{content:"Mục lục";display:block;margin-block-end:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-faint)}.champion-toc ul{flex-direction:column;gap:0;overflow-x:visible;border-inline-start:var(--border-width) solid var(--color-border)}.champion-toc a{width:100%;padding:var(--space-3) var(--space-4);background-color:transparent;border:none;border-radius:0}.champion-toc a:hover{background-color:var(--color-surface-sunken)}.champion-toc a:before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(var(--border-width) * -1);width:var(--border-width-thick);background-color:transparent;transition:background-color var(--duration-base) var(--ease-out)}.champion-toc a:hover:before{background-color:var(--color-border-strong)}.champion-toc a[aria-current=true]{background-color:color-mix(in srgb,var(--color-accent) 8%,transparent)}.champion-toc a[aria-current=true]:before{background-color:var(--color-accent)}.champion-content{flex:1}}.skill-card__head{display:flex;align-items:center;gap:var(--space-3);margin-block-end:var(--space-3)}.skill-card__icon{width:48px;height:52px;flex-shrink:0}.skill-card__icon img{width:100%;height:100%;object-fit:cover}.skill-card h3{font-size:var(--text-lg)}.mana-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-accent-2-hover);background-color:color-mix(in srgb,var(--color-accent-2) 16%,var(--color-bg));border-radius:var(--radius-sm)}.skill-card>p,.skill-card .richtext{color:var(--color-text-muted);line-height:var(--leading-loose)}.scale-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--color-text);background-color:var(--color-bg);border-radius:var(--radius-sm);white-space:nowrap}.scale-badge img{width:16px;height:16px}.trait-block{margin-block-end:var(--space-4)}.trait-block header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding-block-end:var(--space-3);margin-block-end:var(--space-4);border-block-end:var(--border-width) solid var(--color-border)}.trait-block header h3{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl)}.trait-block header img{width:30px;height:34px}.trait-block>ul{display:flex;flex-direction:column;gap:var(--space-2);padding-inline-start:0;list-style:none}.trait-block>ul>li{display:flex;align-items:start;gap:var(--space-4);padding:var(--space-3);background-color:var(--color-bg);border-radius:var(--radius-sm)}.trait-block__pending{font-size:var(--text-sm);color:var(--color-text-faint)}.trait-block>ul>li .richtext{font-size:var(--text-sm);line-height:var(--leading-loose);color:var(--color-text-muted)}.trait-roster{margin-block-start:var(--space-4);padding-block-start:var(--space-4);border-block-start:var(--border-width) solid var(--color-border)}.trait-roster h4{margin-block-end:var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-faint)}.trait-roster ul{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding-left:0}