/* /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-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/views-champion-list-champion-list-DGyjYvpN.css */
.champion-list-head{gap:var(--space-3)}.champion-list-head h1{font-size:var(--text-4xl);letter-spacing:var(--tracking-tight)}form.champion-filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4);margin-block-end:var(--space-6);background-color:var(--color-surface-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);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))}.champion-filterbar label{display:flex}.champion-filterbar label:has(select){min-width:200px}.champion-filterbar label:has(input[type=search]){flex:1;min-width:180px}.champion-filterbar select,.champion-filterbar input[type=search]{width:100%;min-height:42px;padding-inline:var(--space-3);font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--duration-base) var(--ease-out)}.champion-filterbar select{appearance:none;padding-inline-end:var(--space-6);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a2a3c5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-size:10px 6px;background-repeat:no-repeat;cursor:pointer}.champion-filterbar select option{color:var(--color-text);background-color:var(--color-surface)}.champion-filterbar select:hover,.champion-filterbar input[type=search]:hover{border-color:var(--color-border-strong)}.champion-filterbar__note{margin-inline-start:auto;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-faint);white-space:nowrap}.champion-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.champion-grid .g-champion-card--tile{--_frame: calc(var(--space-1) / 2);border-radius:var(--radius-sm);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))}.champion-grid .g-champion-card--tile .g-champion-card__portrait{clip-path:polygon(var(--_inner-bevel) 0,100% 0,100% calc(100% - var(--_inner-bevel)),calc(100% - var(--_inner-bevel)) 100%,0 100%,0 var(--_inner-bevel))}.champion-grid[data-empty]:after{content:attr(data-empty);grid-column:1 / -1;padding:var(--space-7);font-size:var(--text-sm);text-align:center;color:var(--color-text-muted);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-md)}@media(min-width:768px){.champion-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(106px,1fr))}}