/* /Components/Index.razor.rz.scp.css */
.home-page[b-9u4esi7bl8] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-64);
    padding-bottom: var(--l2-space-64);
}

.home-hero[b-9u4esi7bl8] {
    position: relative;
    z-index: 1;
    isolation: isolate;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--l2-space-24);
    padding: var(--l2-space-64) 0;
}

.home-hero[b-9u4esi7bl8]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        ellipse 60% 70% at 50% 35%,
        color-mix(in srgb, var(--l2-color-tenant-tint) 60%, transparent) 0%,
        transparent 80%);
    pointer-events: none;
    z-index: -1;
}

.home-hero[b-9u4esi7bl8]  .l2-page-header {
    flex-direction: column;
    align-items: center;
    padding: 0;
    border-bottom: none;
    background: transparent;
}

.home-hero[b-9u4esi7bl8]  .l2-page-header__main {
    align-items: center;
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
    gap: var(--l2-space-16);
}

.home-hero[b-9u4esi7bl8]  .l2-page-header .l2-page-header__title {
    font-size: var(--l2-type-size-48);
    font-weight: 700;
    line-height: 1.10;
    letter-spacing: -0.02em;
}

.home-hero[b-9u4esi7bl8]  .l2-page-header .l2-page-header__subtitle {
    font-size: var(--l2-type-size-18);
    line-height: 1.6;
    max-width: 56ch;
    margin: var(--l2-space-4) auto 0;
}

.home-hero__search[b-9u4esi7bl8] {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
}

.home-hero__chips[b-9u4esi7bl8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--l2-space-8);
    align-items: center;
    justify-content: center;
}

.home-hero__chips-label[b-9u4esi7bl8] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
    margin-right: var(--l2-space-4);
}

.home-hero__chip[b-9u4esi7bl8] {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 var(--l2-space-12);
    border-radius: var(--l2-radius-pill);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    color: var(--l2-color-text-secondary);
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.06em;
    text-decoration: none;
    transition: border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
                color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
                background-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.home-hero__chip:hover[b-9u4esi7bl8],
.home-hero__chip:focus-visible[b-9u4esi7bl8] {
    border-color: var(--l2-color-accent-tenant);
    color: var(--l2-color-accent-tenant-strong);
    background: var(--l2-color-accent-tenant-bg-tint);
    outline: none;
}

.home-section[b-9u4esi7bl8] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-24);
}

.home-section__head[b-9u4esi7bl8] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-4);
}

.home-section__eyebrow[b-9u4esi7bl8] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-accent-tenant-strong);
}

[b-9u4esi7bl8] .home-section__title {
    font-family: var(--l2-font-display);
    color: var(--l2-color-text-primary);
    margin: 0;
}

.home-codex__grid[b-9u4esi7bl8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--l2-space-16);
}

@media (max-width: 1024px) {
    .home-codex__grid[b-9u4esi7bl8] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .home-page[b-9u4esi7bl8] {
        gap: var(--l2-space-48);
    }

    .home-hero[b-9u4esi7bl8] {
        padding: var(--l2-space-48) var(--l2-space-24);
    }

    .home-hero[b-9u4esi7bl8]  .l2-page-header .l2-page-header__subtitle {
        font-size: var(--l2-type-size-16);
    }

    .home-codex__grid[b-9u4esi7bl8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .home-hero[b-9u4esi7bl8] {
        padding: var(--l2-space-32) var(--l2-space-16);
    }

    .home-hero[b-9u4esi7bl8]  .l2-page-header .l2-page-header__title {
        font-size: var(--l2-type-size-32);
    }

    .home-hero[b-9u4esi7bl8]  .l2-page-header .l2-page-header__subtitle {
        display: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page-transition[b-a3pgjo7am0] {
    animation: page-enter-b-a3pgjo7am0 var(--l2-motion-duration-base) var(--l2-motion-easing-standard);
}

@keyframes page-enter-b-a3pgjo7am0 {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Page404.razor.rz.scp.css */
.l2-page-404[b-306nump19l] {
    max-width: 640px;
    margin: var(--l2-space-48) auto;
    padding: var(--l2-space-24);
    text-align: center;
    color: var(--l2-color-text-primary);
}

.l2-page-404__code[b-306nump19l] {
    font-family: var(--l2-font-display);
    font-size: clamp(96px, 12vw, 144px);
    font-weight: 700;
    line-height: 1;
    color: var(--l2-color-accent-tenant);
    margin: 0 0 var(--l2-space-16);
}

.l2-page-404__title[b-306nump19l] {
    font-family: var(--l2-font-display);
    font-size: clamp(var(--l2-type-size-24), 5vw, var(--l2-type-size-32));
    font-weight: 600;
    margin: 0 0 var(--l2-space-12);
}

.l2-page-404__subtitle[b-306nump19l] {
    font-size: var(--l2-type-size-16);
    color: var(--l2-color-text-secondary);
    margin: 0 0 var(--l2-space-32);
}

.l2-page-404__home[b-306nump19l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 var(--l2-space-24);
    background-color: var(--l2-color-accent-tenant);
    color: var(--l2-color-text-on-action);
    border-radius: var(--l2-radius-4);
    font-family: var(--l2-font-body);
    font-size: var(--l2-type-size-14);
    font-weight: 500;
    text-decoration: none;
}

.l2-page-404__home:hover[b-306nump19l] {
    background-color: var(--l2-color-accent-tenant-hover);
}
/* /Components/Pages/Classes/Components/ClassesWithSkillComponent.razor.rz.scp.css */
.l2db-classes-with-skill[b-gecdtkzhpf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 16px;
    padding: 4px 0;
    margin: 0;
}

.l2db-classes-with-skill__label[b-gecdtkzhpf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.l2db-classes-with-skill__label-text[b-gecdtkzhpf] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--l2-color-accent-tenant) 55%, var(--mud-palette-text-secondary) 45%);
    white-space: nowrap;
}

.l2db-classes-with-skill__count[b-gecdtkzhpf] {
    font-size: 0.78rem;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

.l2db-classes-with-skill__chips[b-gecdtkzhpf] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}

.l2db-classes-with-skill__more[b-gecdtkzhpf] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--mud-palette-text-secondary);
    font-family: inherit;
    font-size: 0.78rem;
    line-height: 1.2;
    cursor: pointer;
    opacity: 0.85;
    transition: opacity 120ms ease, border-color 120ms ease, background 120ms ease, color 120ms ease;
}

.l2db-classes-with-skill__more:hover[b-gecdtkzhpf] {
    opacity: 1;
    color: var(--l2-color-accent-tenant);
    border-color: color-mix(in srgb, var(--l2-color-accent-tenant) 40%, transparent);
    background: color-mix(in srgb, var(--l2-color-accent-tenant) 8%, transparent);
}

.l2db-classes-with-skill__more:focus-visible[b-gecdtkzhpf] {
    outline: 2px solid var(--l2-color-focus);
    outline-offset: 1px;
}

@media (max-width: 600px) {
    .l2db-classes-with-skill[b-gecdtkzhpf] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
}
/* /Components/Pages/Design/Index.razor.rz.scp.css */
.token-grid[b-95jbbi5cp6] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--l2-space-12, 12px);
    margin-bottom: var(--l2-space-16, 16px);
}

.l2-item-effects-list[b-95jbbi5cp6] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
}

.token-swatch[b-95jbbi5cp6] {
    min-width: 96px;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-4, 4px);
}

.token-swatch-color[b-95jbbi5cp6] {
    width: 96px;
    height: 56px;
    border-radius: var(--l2-radius-8, 6px);
    border: 1px solid var(--l2-color-border-default, var(--mud-palette-lines-default));
}

.token-swatch-label[b-95jbbi5cp6] {
    font-size: var(--l2-type-size-12, 12px);
    font-weight: 500;
    font-family: var(--l2-font-mono, ui-monospace, monospace);
    line-height: 1.3;
    word-break: break-all;
}

.token-swatch-value[b-95jbbi5cp6] {
    font-size: var(--l2-type-size-12, 12px);
    font-family: var(--l2-font-mono, ui-monospace, monospace);
    opacity: 0.65;
    line-height: 1.3;
    word-break: break-all;
}

.type-size-row[b-95jbbi5cp6] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-4, 4px);
    min-width: 120px;
}
/* /Components/Pages/ItemSets/Components/L2SetCard.razor.rz.scp.css */
.l2-set-card[b-ve2dhpg452] {
    position: relative;
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-left: 4px solid var(--l2-grade-accent, var(--l2-color-cobalt-500));
    border-radius: var(--l2-radius-8);
    padding: var(--l2-space-24);
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-16);
    transition: box-shadow var(--l2-motion-duration-fast) var(--l2-motion-easing-decelerate),
                border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-set-card:hover[b-ve2dhpg452] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--l2-grade-accent, var(--l2-color-cobalt-500)) 40%, transparent);
}

.l2-set-card__head[b-ve2dhpg452] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--l2-space-16);
    flex-wrap: wrap;
}

.l2-set-card__title-link[b-ve2dhpg452] {
    text-decoration: none;
    color: inherit;
}

.l2-set-card__title-link:hover[b-ve2dhpg452] {
    text-decoration: none;
}

.l2-set-card__title-link:hover .l2-set-card__title[b-ve2dhpg452] {
    color: var(--l2-color-text-link);
}

.l2-set-card__title[b-ve2dhpg452] {
    margin: 0;
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-18);
    font-weight: 600;
    line-height: 1.25;
    color: var(--l2-color-text-primary);
    letter-spacing: -0.005em;
}

.l2-set-card__chips[b-ve2dhpg452] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-8);
}

.l2-set-card__pieces[b-ve2dhpg452] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--l2-space-12);
}

.l2-set-card__effects[b-ve2dhpg452] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
}

.l2-effects-section[b-ve2dhpg452] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
}

.l2-effects-section__label[b-ve2dhpg452] {
    margin: 0;
    font-family: var(--l2-font-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
}

.l2-effects-section__row[b-ve2dhpg452] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--l2-space-8);
}

.l2-effect-chip[b-ve2dhpg452] {
    display: inline-flex;
    align-items: center;
    padding: var(--l2-space-2) var(--l2-space-8);
    border-radius: var(--l2-radius-pill);
    border: 1px solid var(--l2-color-border-default);
    background: transparent;
    color: var(--l2-color-text-primary);
    font-size: var(--l2-type-size-12);
    font-family: var(--l2-font-mono);
    letter-spacing: 0.02em;
    line-height: 1.4;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

/* Raw .l2-info-chip rules for spans rendered directly in this card.
   The L2InfoChip primitive uses a different (uppercase, fixed-height) shape
   and its scoped CSS does not reach spans authored here. */
.l2-info-chip[b-ve2dhpg452] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-4);
    padding: var(--l2-space-2) var(--l2-space-8);
    border-radius: var(--l2-radius-pill);
    border: 1px solid var(--l2-color-border-default);
    background: transparent;
    color: var(--l2-color-text-secondary);
    font-size: var(--l2-type-size-12);
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
}

.l2-info-chip--grade[b-ve2dhpg452] {
    border-color: transparent;
    color: var(--l2-chip-grade-text-light);
    font-family: var(--l2-font-mono);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 600;
}

.l2-info-chip--grade[data-grade="NG"][b-ve2dhpg452] { background: var(--l2-chip-grade-ng-bg); }
.l2-info-chip--grade[data-grade="D"][b-ve2dhpg452] { background: var(--l2-chip-grade-d-bg); }
.l2-info-chip--grade[data-grade="C"][b-ve2dhpg452] { background: var(--l2-chip-grade-c-bg); }
.l2-info-chip--grade[data-grade="B"][b-ve2dhpg452] { background: var(--l2-chip-grade-b-bg); }
.l2-info-chip--grade[data-grade="A"][b-ve2dhpg452] { background: var(--l2-chip-grade-a-bg); }
.l2-info-chip--grade[data-grade="S"][b-ve2dhpg452] { background: var(--l2-chip-grade-s-bg); }
.l2-info-chip--grade[data-grade="S80"][b-ve2dhpg452] { background: var(--l2-chip-grade-s80-bg); }
.l2-info-chip--grade[data-grade="S84"][b-ve2dhpg452] {
    background: var(--l2-chip-grade-s84-bg);
    color: var(--l2-chip-grade-text-dark);
}

.l2-set-card__mw-section[b-ve2dhpg452] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
    margin-top: var(--l2-space-16);
    padding-top: var(--l2-space-16);
    border-top: 1px solid var(--l2-color-border-default);
}

.l2-set-card__mw-header[b-ve2dhpg452] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-8);
}

.l2-set-card__mw-star[b-ve2dhpg452] {
    width: 16px;
    height: 16px;
    color: var(--l2-color-gold-400);
    flex-shrink: 0;
}

.l2-set-card__mw-label[b-ve2dhpg452] {
    font-family: var(--l2-font-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
}

.l2-set-card__mw-count[b-ve2dhpg452] {
    font-family: var(--l2-font-mono);
}

.l2-set-card__mw-row[b-ve2dhpg452] {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: var(--l2-space-12);
    align-items: start;
}

.l2-set-card__mw-row__body[b-ve2dhpg452] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-4);
    min-width: 0;
}

.l2-set-card__mw-row__title[b-ve2dhpg452] {
    font-size: 13px;
    color: var(--l2-color-text-link);
    line-height: 1.3;
    text-decoration: none;
}

.l2-set-card__mw-row__title:hover[b-ve2dhpg452] {
    text-decoration: underline;
}

.l2-set-card__mw-row__skills[b-ve2dhpg452] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.l2-set-card__mw-row__skills li[b-ve2dhpg452] {
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-muted);
    line-height: 1.4;
}

.l2-set-card__mw-row__skills li[b-ve2dhpg452]::before {
    content: "·";
    margin-right: 4px;
    color: var(--l2-color-text-muted);
}
/* /Components/Pages/ItemSets/Components/L2SetDetailHeader.razor.rz.scp.css */
.entity-hero.page[b-ds6aekprej] {
    padding: var(--l2-space-32) 0 var(--l2-space-24);
    border-bottom: 2px solid var(--l2-grade-accent, var(--l2-color-border-default));
}

.entity-hero[b-ds6aekprej]  .entity-hero__eyebrow {
    margin: 0 0 var(--l2-space-12);
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-grade-accent, var(--l2-color-accent-tenant));
}

.entity-hero[b-ds6aekprej]  .entity-hero__title {
    margin: 0 0 var(--l2-space-16);
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-32);
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--l2-color-text-primary);
}

.l2-info-chip[b-ds6aekprej] {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 var(--l2-space-12);
    border-radius: var(--l2-radius-pill);
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.04em;
    color: var(--l2-color-text-secondary);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
}

.l2-info-chip--grade[b-ds6aekprej] {
    font-weight: 600;
    color: var(--l2-chip-grade-text-light);
    border-color: transparent;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.l2-info-chip--grade[data-grade="NG"][b-ds6aekprej] { background: var(--l2-chip-grade-ng-bg); }
.l2-info-chip--grade[data-grade="D"][b-ds6aekprej] { background: var(--l2-chip-grade-d-bg); }
.l2-info-chip--grade[data-grade="C"][b-ds6aekprej] { background: var(--l2-chip-grade-c-bg); }
.l2-info-chip--grade[data-grade="B"][b-ds6aekprej] { background: var(--l2-chip-grade-b-bg); }
.l2-info-chip--grade[data-grade="A"][b-ds6aekprej] { background: var(--l2-chip-grade-a-bg); }
.l2-info-chip--grade[data-grade="S"][b-ds6aekprej] { background: var(--l2-chip-grade-s-bg); }
.l2-info-chip--grade[data-grade="S80"][b-ds6aekprej] { background: var(--l2-chip-grade-s80-bg); }
.l2-info-chip--grade[data-grade="S84"][b-ds6aekprej] {
    background: var(--l2-chip-grade-s84-bg);
    color: var(--l2-chip-grade-text-dark);
}

.l2-info-chip--type[b-ds6aekprej] {
    color: var(--l2-color-text-primary);
}

.l2-info-chip--count[b-ds6aekprej] {
    color: var(--l2-color-text-secondary);
}
/* /Components/Pages/ItemSets/Components/L2SetDetailRail.razor.rz.scp.css */
.l2-set-detail-rail[b-wjhry34zq1] {
    padding: var(--l2-space-16);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
}

.l2-set-detail-rail[b-wjhry34zq1]  .l2-set-detail-rail__heading {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
    margin: 0;
}

.l2-set-detail-rail__row[b-wjhry34zq1] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-12);
    padding: var(--l2-space-8) var(--l2-space-12);
    border-left: 2px solid var(--l2-grade-accent, var(--l2-color-accent-tenant));
    background: var(--l2-color-surface-sunken);
    border-radius: var(--l2-radius-4);
    color: var(--l2-color-text-primary);
    text-decoration: none;
    transition: background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-set-detail-rail__row:hover[b-wjhry34zq1] {
    background: var(--l2-color-surface-overlay);
}

.l2-set-detail-rail__row .l2-set-piece-tile__frame[b-wjhry34zq1] {
    width: 32px;
    height: 32px;
    border-radius: var(--l2-radius-4);
}

.l2-set-detail-rail__row .l2-set-piece-tile__frame svg[b-wjhry34zq1] {
    width: 18px;
    height: 18px;
}

.l2-set-detail-rail[b-wjhry34zq1]  .l2-set-detail-rail__row-name {
    font-size: var(--l2-type-size-14);
    line-height: 1.4;
}

.l2-set-detail-rail[b-wjhry34zq1]  .l2-set-detail-rail__empty {
    margin: 0;
    font-size: var(--l2-type-size-12);
    line-height: 1.55;
    color: var(--l2-color-text-muted);
}

@media (prefers-reduced-motion: reduce) {
    .l2-set-detail-rail__row[b-wjhry34zq1] {
        transition: none;
    }
}
/* /Components/Pages/ItemSets/Components/L2SetPieceTile.razor.rz.scp.css */
.l2-set-piece-tile[b-34fbw5lr4m] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: var(--l2-space-4);
    text-decoration: none;
    color: var(--l2-color-text-secondary);
    transition: color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-set-piece-tile:hover[b-34fbw5lr4m] {
    color: var(--l2-color-text-primary);
    text-decoration: none;
}

.l2-set-piece-tile__frame[b-34fbw5lr4m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.l2-set-piece-tile__label[b-34fbw5lr4m] {
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
    font-family: var(--l2-font-mono);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
}

.l2-set-piece-tile--detail[b-34fbw5lr4m] {
    width: 100%;
    height: 100%;
    gap: var(--l2-space-8);
    padding: var(--l2-space-12);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-md);
    color: var(--l2-color-text-primary);
    text-align: center;
    transition: border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
                box-shadow var(--l2-motion-duration-fast) var(--l2-motion-easing-decelerate);
}

.l2-set-piece-tile--detail:hover[b-34fbw5lr4m],
.l2-set-piece-tile--detail:focus-visible[b-34fbw5lr4m] {
    border-color: var(--l2-grade-accent, var(--l2-color-border-strong));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--l2-grade-accent, var(--l2-color-border-strong)) 40%, transparent);
    color: var(--l2-color-text-primary);
}

.l2-set-piece-tile--detail .l2-set-piece-tile__frame[b-34fbw5lr4m] {
    width: 48px;
    height: 48px;
    background: var(--l2-color-surface-sunken);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-sm);
}

.l2-set-piece-tile__slot[b-34fbw5lr4m] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
}

.l2-set-piece-tile__name[b-34fbw5lr4m] {
    font-size: var(--l2-type-size-12);
    line-height: 1.3;
    color: var(--l2-color-text-primary);
    word-break: break-word;
}
/* /Components/Pages/ItemSets/Details.razor.rz.scp.css */
.l2-set-detail[b-ysea3kmx8t] {
    --l2-grade-accent: var(--grade-ng);
    display: block;
}

.l2-set-detail[b-ysea3kmx8t]  .l2-set-detail__heading {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-14);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-text-primary);
    margin: 0 0 var(--l2-space-24);
    line-height: 1;
}

section.page.l2-set-detail__section[b-ysea3kmx8t] {
    margin: 0;
    padding: 0;
}

section.page.l2-set-detail__section + section.page.l2-set-detail__section[b-ysea3kmx8t] {
    margin-top: var(--l2-space-32);
    padding-top: var(--l2-space-32);
    border-top: 1px solid var(--l2-color-border-default);
}

.l2-set-detail[b-ysea3kmx8t]  .l2-set-detail__pieces {
    margin: 0;
}

.l2-stat-delta-row[b-ysea3kmx8t] {
    margin: 0;
}

.l2-set-detail-mw-row[b-ysea3kmx8t] {
    display: flex;
    align-items: flex-start;
    gap: var(--l2-space-16);
    padding: var(--l2-space-12);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-4);
}

.l2-set-detail-mw-row + .l2-set-detail-mw-row[b-ysea3kmx8t] {
    margin-top: var(--l2-space-8);
}

.l2-set-detail-mw-row__frame[b-ysea3kmx8t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.l2-set-detail-mw-row__body[b-ysea3kmx8t] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-4);
    min-width: 0;
}

.l2-set-detail-mw-row__name[b-ysea3kmx8t] {
    color: var(--l2-color-text-primary);
    font-weight: 500;
    text-decoration: none;
    line-height: 1.3;
}

.l2-set-detail-mw-row__name:hover[b-ysea3kmx8t],
.l2-set-detail-mw-row__name:focus-visible[b-ysea3kmx8t] {
    color: var(--l2-grade-accent);
    text-decoration: underline;
}

.l2-set-detail[b-ysea3kmx8t]  .l2-set-detail-mw-row__effect {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-secondary);
    letter-spacing: 0.02em;
    line-height: 1.4;
}

/* /Components/Pages/ItemSets/Index.razor.rz.scp.css */
.l2-sets-index[b-0mmrl4wdzr] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-24);
}

.l2-sets-index__body[b-0mmrl4wdzr] {
    margin-top: var(--l2-space-12);
}

.l2-sets-index__results[b-0mmrl4wdzr] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-24);
}

.l2-sets-index__sidebar-sticky[b-0mmrl4wdzr] {
    position: sticky;
    top: 128px;
    max-height: calc(100vh - 128px - var(--l2-space-16));
    overflow-y: auto;
}

.l2-sets-toolbar__search[b-0mmrl4wdzr] {
    flex: 1 1 320px;
    min-width: 0;
}

.l2-sets-toolbar__meta[b-0mmrl4wdzr] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-12);
    flex: 1 1 auto;
    min-width: 0;
}

.l2-sets-toolbar__count[b-0mmrl4wdzr] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--l2-space-4);
    color: var(--l2-color-text-secondary);
    font-size: var(--l2-type-size-13);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.l2-sets-toolbar__count strong[b-0mmrl4wdzr] {
    color: var(--l2-color-text-primary);
    font-weight: 600;
}

.l2-sets-toolbar__meta .l2-sets-toolbar__clear.d-flex.d-md-none[b-0mmrl4wdzr] {
    margin-left: auto;
}

.l2-sets-toolbar__meta:not(:has(.l2-sets-toolbar__clear.d-flex.d-md-none)) .l2-sets-toolbar__mobile-filters[b-0mmrl4wdzr] {
    margin-left: auto;
}

.l2-sets-index__recent[b-0mmrl4wdzr] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
}

.l2-sets-index__recent-label[b-0mmrl4wdzr] {
    margin: 0;
    color: var(--l2-color-text-secondary);
    font-size: var(--l2-type-size-12);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.l2-sets-index__recent-row[b-0mmrl4wdzr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--l2-space-8);
}

.l2-sets-index__recent-chip[b-0mmrl4wdzr] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-8);
    padding: var(--l2-space-4) var(--l2-space-12) var(--l2-space-4) var(--l2-space-4);
    border-radius: 999px;
    border: 1px solid var(--l2-color-border-subtle);
    background: var(--l2-color-surface-raised);
    color: var(--l2-color-text-primary);
    text-decoration: none;
    transition: border-color 120ms ease, background-color 120ms ease;
}

.l2-sets-index__recent-chip:hover[b-0mmrl4wdzr],
.l2-sets-index__recent-chip:focus-visible[b-0mmrl4wdzr] {
    border-color: var(--l2-color-accent-tenant);
    background-color: var(--l2-color-surface-hover);
}

.l2-sets-index__recent-title[b-0mmrl4wdzr] {
    font-size: var(--l2-type-size-13);
    line-height: 1.2;
    color: inherit;
}

.l2-set-card-stack[b-0mmrl4wdzr] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-16);
}
/* /Components/Pages/Items/Components/L2DropSortPicker.razor.rz.scp.css */
.l2-drop-sort-picker[b-i3i3gedlld] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--l2-space-8);
    padding: var(--l2-space-8) 0;
    margin-bottom: var(--l2-space-12);
}

.l2-drop-sort-picker__label[b-i3i3gedlld] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--l2-color-text-muted);
}

.l2-drop-sort-picker__key[b-i3i3gedlld] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-4);
    padding: var(--l2-space-4) var(--l2-space-12);
    min-height: 32px;
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-chip-radius, 9999px);
    background: var(--l2-color-surface-raised);
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--l2-color-text-secondary);
    cursor: pointer;
    transition: background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
                color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
                border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-drop-sort-picker__key:hover[b-i3i3gedlld] {
    color: var(--l2-color-text-primary);
    border-color: var(--l2-color-accent-tenant);
}

.l2-drop-sort-picker__key:focus-visible[b-i3i3gedlld] {
    outline: var(--l2-focus-ring-width) solid var(--l2-focus-ring-color);
    outline-offset: var(--l2-focus-ring-offset);
}

.l2-drop-sort-picker__key--active[b-i3i3gedlld] {
    background: var(--l2-color-action-primary);
    color: var(--l2-color-text-on-action);
    border-color: var(--l2-color-action-primary);
    font-weight: 600;
}

.l2-drop-sort-picker__key--active:hover[b-i3i3gedlld] {
    background: var(--l2-color-action-primary);
    color: var(--l2-color-text-on-action);
    border-color: var(--l2-color-action-primary);
}

.l2-drop-sort-picker__caret[b-i3i3gedlld] {
    font-size: var(--l2-type-size-12);
    line-height: 1;
    opacity: 0.55;
    flex-shrink: 0;
}

.l2-drop-sort-picker__key--active .l2-drop-sort-picker__caret[b-i3i3gedlld] {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .l2-drop-sort-picker__key[b-i3i3gedlld] {
        transition: none;
    }
}
/* /Components/Pages/Items/Details.razor.rz.scp.css */
/* Items/Details.razor scoped styles.
   V3 entity-hero + 65/35 page-grid + section heads.
   Stats-rail / SA banner / variations card retained until 2b/2d migrate them to V3 primitives.
   Hero grade glow consumes --frame-border-color (set inline by L2IconFrame from --grade-* tokens).
   Tabular numerals on numeric clusters for vertical alignment in dense stat surfaces. */

.l2-entity-hero[b-abfclfi77g] {
    display: block;
    padding-block-start: var(--l2-space-32);
    padding-block-end: var(--l2-space-24);
    margin-block-end: var(--l2-space-32);
    border-block-end: 1px solid var(--l2-color-border-default);
}

.l2-entity-hero__centre[b-abfclfi77g] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
}

.l2-entity-hero__title-row[b-abfclfi77g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--l2-space-12);
}

.l2-entity-hero__title-lead[b-abfclfi77g] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-8);
    min-width: 0;
    max-width: 100%;
}

.l2-entity-hero__title-lead .l2-entity-hero__name[b-abfclfi77g] {
    min-width: 0;
}

.l2-entity-hero__name[b-abfclfi77g] {
    font-family: var(--l2-font-display, var(--mud-typography-h4-family));
    font-size: var(--l2-type-size-32, 2rem);
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    color: var(--l2-color-text-primary);
}

.l2-entity-hero__desc[b-abfclfi77g] {
    margin: 0;
    font-size: var(--l2-type-size-14, 0.875rem);
    line-height: 1.55;
    color: var(--l2-color-text-secondary);
}

.l2-entity-hero__variations-link[b-abfclfi77g] {
    font-size: var(--l2-type-size-12, 0.75rem);
    color: var(--l2-color-accent-tenant);
    text-decoration: none;
}

.l2-entity-hero__variations-link:hover[b-abfclfi77g] {
    text-decoration: underline;
}

.l2-entity-hero__icon[b-abfclfi77g]  .l2-icon-frame.size-md {
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--frame-border-color) 35%, transparent),
        0 0 12px 1px color-mix(in srgb, var(--frame-border-color) 22%, transparent);
}

.l2-entity-hero__icon[b-abfclfi77g]  .l2-icon-frame.size-md:hover {
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--frame-border-color) 55%, transparent),
        0 0 16px 2px color-mix(in srgb, var(--frame-border-color) 32%, transparent);
}

.l2-item-detail-grid__primary[b-abfclfi77g] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.l2-item-detail-grid__aside[b-abfclfi77g] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-24);
    min-width: 0;
    height: 100%;
}

.l2-item-detail-section[b-abfclfi77g] {
    display: flex;
    flex-direction: column;
    padding-block: var(--l2-space-32);
    border-block-end: 1px solid var(--l2-color-border-default);
}

.l2-item-detail-section:first-of-type[b-abfclfi77g] {
    padding-block-start: 0;
}

.l2-item-detail-section:last-of-type[b-abfclfi77g] {
    border-block-end: 0;
}

.l2-item-variations__groups[b-abfclfi77g] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-24);
}

.l2-item-composing__panel[b-abfclfi77g] {
    display: flex;
    flex-direction: column;
}

.l2-item-effects-list[b-abfclfi77g] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
}

.l2-item-composing__row[b-abfclfi77g] {
    display: grid;
    grid-template-columns: 32px max-content minmax(0, 1fr) max-content;
    align-items: center;
    gap: var(--l2-space-12);
    padding: var(--l2-space-8) 0;
    border-bottom: 1px dashed var(--l2-color-border-default);
}

.l2-item-composing__row:last-child[b-abfclfi77g] {
    border-bottom: 0;
}

.l2-item-composing__icon[b-abfclfi77g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
}

.l2-item-composing__count[b-abfclfi77g] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-muted);
    font-variant-numeric: tabular-nums;
}

.l2-item-composing__name[b-abfclfi77g] {
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-primary);
    text-decoration: none;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.l2-item-composing__name:hover[b-abfclfi77g],
.l2-item-composing__name:focus-visible[b-abfclfi77g] {
    color: var(--l2-color-accent-tenant);
    text-decoration: underline;
}

.l2-item-recipe__grid[b-abfclfi77g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--l2-space-24);
}

@media (min-width: 1024px) {
    /* MudBlazor breakpoints: Sm=600, Md=960, Lg=1280. The mockup's 1024px cutoff
       falls in Md (960-1279); using a custom @media because no Mud breakpoint sits at 1024
       and the visual split changes at exactly the secondary-column-width threshold. */
    .l2-item-recipe__grid[b-abfclfi77g] {
        grid-template-columns: minmax(0, 1fr) 360px;
    }
}

.l2-item-recipe__left[b-abfclfi77g],
.l2-item-recipe__right[b-abfclfi77g] {
    min-width: 0;
}

.l2-item-recipe__sub-title[b-abfclfi77g] {
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-18);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--l2-color-text-primary);
    margin: 0 0 var(--l2-space-12);
}

.l2-item-recipe__sub-head[b-abfclfi77g] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
    margin: 0 0 var(--l2-space-12);
}

.l2-item-recipe__rewards[b-abfclfi77g] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
}

.l2-item-recipe__reward[b-abfclfi77g] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: var(--l2-space-12);
    padding: var(--l2-space-12);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    text-decoration: none;
    color: var(--l2-color-text-primary);
    transition: border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-item-recipe__reward:hover[b-abfclfi77g],
.l2-item-recipe__reward:focus-visible[b-abfclfi77g] {
    border-color: var(--l2-color-border-strong);
}

.l2-item-recipe__reward-icon[b-abfclfi77g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.l2-item-recipe__reward-body[b-abfclfi77g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.l2-item-recipe__reward-row1[b-abfclfi77g] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-8);
    flex-wrap: wrap;
}

.l2-item-recipe__reward-count[b-abfclfi77g] {
    font-family: var(--l2-font-mono);
    color: var(--l2-color-text-muted);
    font-variant-numeric: tabular-nums;
}

.l2-item-recipe__reward-name[b-abfclfi77g] {
    font-weight: 600;
    color: var(--l2-color-text-primary);
}

.l2-item-recipe__chance-pill[b-abfclfi77g] {
    display: inline-flex;
    align-items: center;
    height: 18px;
    padding: 0 var(--l2-space-8);
    border-radius: 999px;
    background: color-mix(in srgb, var(--l2-color-accent-tenant) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--l2-color-accent-tenant) 30%, transparent);
    color: var(--l2-color-accent-tenant);
    font-family: var(--l2-font-mono);
    font-size: 11px;
    letter-spacing: 0.04em;
}

.l2-item-recipe__reward-desc[b-abfclfi77g] {
    font-style: italic;
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-muted);
}

.l2-item-recipe__craft-count[b-abfclfi77g] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 32px;
    gap: var(--l2-space-8);
    align-items: center;
    margin-bottom: var(--l2-space-16);
}

.l2-item-recipe__craft-count-label[b-abfclfi77g] {
    grid-column: 1 / -1;
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
    margin-bottom: var(--l2-space-4);
}

.l2-item-recipe__craft-count[b-abfclfi77g]  .l2-item-recipe__craft-count-pill.mud-icon-button {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0;
    border-radius: var(--l2-radius-4);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    color: var(--l2-color-accent-tenant);
    margin: 0;
}

.l2-item-recipe__craft-count[b-abfclfi77g]  .l2-item-recipe__craft-count-pill.mud-icon-button:hover:not(:disabled) {
    background: color-mix(in srgb, var(--l2-color-accent-tenant) 14%, var(--l2-color-surface-raised));
    border-color: color-mix(in srgb, var(--l2-color-accent-tenant) 40%, var(--l2-color-border-default));
}

.l2-item-recipe__craft-count[b-abfclfi77g]  .l2-item-recipe__craft-count-pill.mud-icon-button:disabled {
    opacity: 0.4;
    color: var(--l2-color-text-muted);
}

.l2-item-recipe__craft-count[b-abfclfi77g]  .l2-item-recipe__craft-count-pill .mud-icon-root {
    font-size: var(--l2-type-size-16);
}

.l2-item-recipe__craft-count-input[b-abfclfi77g] {
    width: 100%;
    height: 32px;
    box-sizing: border-box;
    text-align: center;
    background: var(--l2-color-surface-sunken);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-4);
    color: var(--l2-color-text-primary);
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-14);
    font-variant-numeric: tabular-nums;
    padding: 0;
    margin: 0;
    -moz-appearance: textfield;
}

.l2-item-recipe__craft-count-input[b-abfclfi77g]::-webkit-outer-spin-button,
.l2-item-recipe__craft-count-input[b-abfclfi77g]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.l2-item-recipe__craft-count-input:focus-visible[b-abfclfi77g] {
    outline: none;
    border-color: var(--l2-color-accent-tenant);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--l2-color-accent-tenant) 25%, transparent);
}

.l2-item-recipe__tree[b-abfclfi77g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.l2-item-recipes-list[b-abfclfi77g] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.l2-item-recipes-list > li[b-abfclfi77g] {
    border-bottom: 1px dashed var(--l2-color-border-default);
}

.l2-item-recipes-list > li:last-child[b-abfclfi77g] {
    border-bottom: 0;
}

.l2-item-recipes-list__row[b-abfclfi77g] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: var(--l2-space-12);
    padding: var(--l2-space-8) 0;
    color: var(--l2-color-text-primary);
    text-decoration: none;
    transition: color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-item-recipes-list__icon[b-abfclfi77g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
}

.l2-item-recipes-list__name[b-abfclfi77g] {
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-primary);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.l2-item-recipes-list__row:hover .l2-item-recipes-list__name[b-abfclfi77g],
.l2-item-recipes-list__row:focus-visible .l2-item-recipes-list__name[b-abfclfi77g] {
    color: var(--l2-color-accent-tenant);
    text-decoration: underline;
}

.l2-item-recipe__right[b-abfclfi77g]  .mud-treeview-item {
    list-style: none;
}

.l2-item-recipe__right[b-abfclfi77g]  .mud-treeview-item-content {
    padding: 4px 0;
    gap: var(--l2-space-8);
    border-radius: var(--l2-radius-4);
}

.l2-item-recipe__right[b-abfclfi77g]  .mud-treeview-group {
    list-style: none;
    padding-left: var(--l2-space-16);
    margin-left: 12px;
    border-left: 1px solid var(--l2-color-border-default);
}

.l2-recipe-tree__body[b-abfclfi77g] {
    display: grid;
    grid-template-columns: 24px max-content minmax(0, 1fr);
    align-items: center;
    gap: var(--l2-space-8);
    width: 100%;
    min-width: 0;
}

.l2-recipe-tree__icon[b-abfclfi77g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.l2-recipe-tree__count[b-abfclfi77g] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-muted);
    font-variant-numeric: tabular-nums;
}

.l2-recipe-tree__name[b-abfclfi77g] {
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-primary);
    text-decoration: none;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.l2-recipe-tree__name:hover[b-abfclfi77g],
.l2-recipe-tree__name:focus-visible[b-abfclfi77g] {
    color: var(--l2-color-accent-tenant);
    text-decoration: underline;
}

.l2-item-detail-section[b-abfclfi77g]  .l2-item-drops-table__chance {
    width: 200px;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* Mobile swaps to cards because L2Table's overflow-x: auto traps position: sticky. */
.l2-item-drops-view--cards[b-abfclfi77g] {
    display: none;
}

@media (max-width: 767.98px) {
    .l2-item-drops-view--table[b-abfclfi77g] {
        display: none;
    }

    .l2-item-drops-view--cards[b-abfclfi77g] {
        display: block;
    }
}

/* overflow-x: clip releases the scroll context so thead sticks to the viewport, not the table. */
@media (min-width: 768px) {
    .l2-item-detail-section[b-abfclfi77g]  .l2-table-container {
        overflow-x: clip;
    }

    .l2-item-detail-section[b-abfclfi77g]  .l2-item-drops-table thead {
        position: sticky;
        top: var(--l2-sticky-toolbar-top, 56px);
        z-index: 2;
    }

    .l2-item-detail-section[b-abfclfi77g]  .l2-item-drops-table thead th {
        position: sticky;
        top: var(--l2-sticky-toolbar-top, 56px);
        z-index: 2;
        background: var(--l2-color-surface-overlay);
    }
}

.l2-item-drops-card-list[b-abfclfi77g] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
}

.l2-item-drops-card[b-abfclfi77g] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
    padding: var(--l2-space-16);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
}

.l2-item-drops-card__head[b-abfclfi77g] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--l2-space-12);
}

.l2-item-drops-card__name[b-abfclfi77g] {
    font-weight: 500;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.l2-item-drops-card__lv[b-abfclfi77g] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--l2-color-text-muted);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}

.l2-item-drops-card__foot[b-abfclfi77g] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--l2-space-12);
    padding-top: var(--l2-space-8);
    border-top: 1px solid var(--l2-color-border-default);
}

.l2-item-drops-card__foot-label[b-abfclfi77g] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--l2-color-text-muted);
}
/* /Components/Pages/Items/Index.razor.rz.scp.css */
.l2-items-index[b-yp9nawh7uh] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-24);
}

.l2-items-index__body[b-yp9nawh7uh] {
    margin-top: var(--l2-space-12);
}

.l2-items-index__results[b-yp9nawh7uh] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-24);
}

.l2-items-index__sidebar-sticky[b-yp9nawh7uh] {
    position: sticky;
    top: 144px;
    max-height: calc(100vh - 144px - var(--l2-space-16));
    overflow-y: auto;
}

.l2-items-toolbar__search[b-yp9nawh7uh] {
    flex: 1 1 320px;
    min-width: 220px;
    max-width: 480px;
}

@media (max-width: 768px) {
    .l2-items-toolbar__search[b-yp9nawh7uh] {
        width: 100%;
        max-width: none;
        min-width: 0;
    }
}

.l2-items-toolbar__count[b-yp9nawh7uh] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--l2-space-4);
    color: var(--l2-color-text-secondary);
    font-size: var(--l2-type-size-13);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.l2-items-toolbar__count strong[b-yp9nawh7uh] {
    color: var(--l2-color-text-primary);
    font-weight: 600;
}

.l2-items-toolbar__meta[b-yp9nawh7uh] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-12);
    flex: 1 1 auto;
    min-width: 0;
}

.l2-items-toolbar__meta .l2-items-toolbar__clear.d-flex.d-md-none[b-yp9nawh7uh] {
    margin-left: auto;
}

.l2-items-toolbar__meta:not(:has(.l2-items-toolbar__clear.d-flex.d-md-none)) .l2-items-toolbar__mobile-filters[b-yp9nawh7uh] {
    margin-left: auto;
}

.l2-items-toolbar__clear[b-yp9nawh7uh] {
    font-size: var(--l2-type-size-13);
    color: var(--l2-color-text-link);
    white-space: nowrap;
}

.l2-items-table[b-yp9nawh7uh] {
    width: 100%;
}

.l2-items-table[b-yp9nawh7uh]  .l2-items-table__name-cell {
    min-width: 220px;
}

.l2-items-table[b-yp9nawh7uh]  .l2-items-table__additional-name {
    color: var(--l2-color-text-muted);
    font-size: var(--l2-type-size-12);
}

.l2-items-table[b-yp9nawh7uh]  .l2-items-table__cell--muted {
    color: var(--l2-color-text-muted);
}

.l2-items-table[b-yp9nawh7uh]  td.l2-table-cell--icon img {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: var(--l2-radius-4);
    border: 1px solid var(--l2-color-border-default);
    background-color: var(--l2-color-surface-overlay);
    object-fit: contain;
}
/* /Components/Pages/Npcs/Details.razor.rz.scp.css */
.l2-entity-hero[b-fqm21qe08l] {
    padding-block: var(--l2-space-32) var(--l2-space-24);
    margin-block-end: var(--l2-space-32);
    border-block-end: 1px solid var(--l2-color-border-default);
}

.l2-entity-hero__centre[b-fqm21qe08l] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
    min-width: 0;
}

.l2-entity-hero__eyebrow[b-fqm21qe08l] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-accent-tenant);
    margin: 0;
}

.l2-entity-hero__name[b-fqm21qe08l] {
    font-family: var(--l2-font-display, var(--l2-font-display-fallback));
    font-size: var(--l2-type-size-32);
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.2;
    color: var(--l2-color-text-primary);
    margin: 0;
}

.l2-entity-hero__chips[b-fqm21qe08l] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--l2-space-8);
    margin-top: var(--l2-space-4);
}

.l2-npc-detail-body[b-fqm21qe08l] { width: 100%; }

.l2-npc-detail-section[b-fqm21qe08l] { scroll-margin-top: var(--l2-space-80, 80px); }

.l2-npc-detail-aside[b-fqm21qe08l] {
    position: relative;
    height: 100%;
}
/* /Components/Pages/Npcs/Index.razor.rz.scp.css */
.l2-npcs-index[b-f7a6ykpi0v] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-24);
}

.l2-npcs-index__body[b-f7a6ykpi0v] {
    margin-top: var(--l2-space-12);
}

.l2-npcs-index__results[b-f7a6ykpi0v] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-24);
}

.l2-npcs-index__sidebar-sticky[b-f7a6ykpi0v] {
    position: sticky;
    top: 128px;
    max-height: calc(100vh - 128px - var(--l2-space-16));
    overflow-y: auto;
}

.l2-npcs-toolbar__search[b-f7a6ykpi0v] {
    flex: 1 1 320px;
    min-width: 0;
}

.l2-npcs-toolbar__count[b-f7a6ykpi0v] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--l2-space-4);
    color: var(--l2-color-text-secondary);
    font-size: var(--l2-type-size-13);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.l2-npcs-toolbar__count strong[b-f7a6ykpi0v] {
    color: var(--l2-color-text-primary);
    font-weight: 600;
}

.l2-npcs-toolbar__meta[b-f7a6ykpi0v] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-12);
    flex: 1 1 auto;
    min-width: 0;
}

.l2-npcs-toolbar__meta .l2-npcs-toolbar__clear.d-flex.d-md-none[b-f7a6ykpi0v] {
    margin-left: auto;
}

.l2-npcs-toolbar__meta:not(:has(.l2-npcs-toolbar__clear.d-flex.d-md-none)) .l2-npcs-toolbar__mobile-filters[b-f7a6ykpi0v] {
    margin-left: auto;
}

.l2-npcs-toolbar__clear[b-f7a6ykpi0v] {
    font-size: var(--l2-type-size-13);
    color: var(--l2-color-text-link);
    white-space: nowrap;
}

.l2-npcs-index[b-f7a6ykpi0v]  .l2-npcs-table {
    width: 100%;
}

.l2-npcs-index[b-f7a6ykpi0v]  .l2-npcs-table__name-cell {
    min-width: 180px;
}

.l2-npcs-index[b-f7a6ykpi0v]  .l2-npcs-table__icon-cell {
    width: 48px;
}

.l2-npcs-index[b-f7a6ykpi0v]  .l2-npcs-table__affordances-cell {
    white-space: nowrap;
}

.l2-npcs-index[b-f7a6ykpi0v]  .l2-npc-affordances {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-8);
    flex-wrap: wrap;
}

.l2-npcs-index[b-f7a6ykpi0v]  .l2-npcs-card__affordances {
    width: 100%;
}

.l2-npcs-index[b-f7a6ykpi0v]  .l2-npcs-table__name-cell a,
.l2-npcs-card__name[b-f7a6ykpi0v] {
    color: var(--l2-color-text-link);
}

.l2-npcs-index[b-f7a6ykpi0v]  .l2-npcs-table__name-cell a:hover,
.l2-npcs-card__name:hover[b-f7a6ykpi0v] {
    color: var(--l2-color-text-primary);
}

.l2-npcs-index[b-f7a6ykpi0v]  .l2-npcs-index__table-wrapper .l2-table-container {
    overflow-x: clip;
}

.l2-npcs-index[b-f7a6ykpi0v]  .l2-npcs-index__table-wrapper .l2-npcs-table thead,
.l2-npcs-index[b-f7a6ykpi0v]  .l2-npcs-index__table-wrapper .l2-npcs-table thead th {
    position: sticky;
    top: 128px;
    z-index: 2;
    background: var(--l2-color-surface-overlay);
}

.l2-npcs-index__race-search[b-f7a6ykpi0v] {
    margin-bottom: var(--l2-space-8);
}

.l2-npcs-index__race-list[b-f7a6ykpi0v] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-4);
    max-height: 320px;
    overflow-y: auto;
}

.l2-npcs-index__race-loading[b-f7a6ykpi0v],
.l2-npcs-index__race-empty[b-f7a6ykpi0v] {
    color: var(--l2-color-text-muted);
}
/* /Components/Pages/Quests/Components/L2ClassQuestMatrix.razor.rz.scp.css */
.l2-quests-matrix[b-pdyror7kuo] {
    max-width: 1248px;
    margin: 0 auto;
    padding: var(--l2-space-24) var(--l2-space-16) var(--l2-space-48);
}

.l2-quests-matrix__race-group[b-pdyror7kuo] {
    margin-bottom: var(--l2-space-24);
}

.l2-quests-matrix__race-group:last-child[b-pdyror7kuo] {
    margin-bottom: 0;
}
/* /Components/Pages/Quests/Components/L2ClassQuestMatrixBlock.razor.rz.scp.css */
.l2-class-quest-block[b-dapom6wkiu] {
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    background: var(--l2-color-surface-raised);
    overflow: hidden;
}

.l2-class-quest-block__header[b-dapom6wkiu] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-12);
    height: 56px;
    padding: 0 var(--l2-space-16);
    border-bottom: 1px solid var(--l2-color-border-default);
}

.l2-class-quest-block__title[b-dapom6wkiu] {
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-18);
    font-weight: 600;
    color: var(--l2-color-text-primary);
    text-decoration: none;
    transition: color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-class-quest-block__title:hover[b-dapom6wkiu] { color: var(--l2-color-cobalt-400); }

.l2-class-quest-block__title:focus-visible[b-dapom6wkiu] {
    outline: 2px solid var(--l2-color-cobalt-400);
    outline-offset: 2px;
    border-radius: var(--l2-radius-4);
}

.l2-class-quest-block__table-scroll[b-dapom6wkiu] {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.l2-class-quest-block__table[b-dapom6wkiu] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--l2-type-size-14);
}

.l2-class-quest-block__table th[scope="col"][b-dapom6wkiu] {
    height: 36px;
    padding: 0 var(--l2-space-16);
    background: var(--l2-color-surface-sunken);
    text-align: left;
    text-transform: uppercase;
    font-size: var(--l2-type-size-12);
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--l2-color-text-muted);
    border-bottom: 1px solid var(--l2-color-border-default);
}

.l2-class-quest-block__table th[scope="row"][b-dapom6wkiu],
.l2-class-quest-block__table td[b-dapom6wkiu] {
    height: 40px;
    padding: 0 var(--l2-space-16);
    color: var(--l2-color-text-secondary);
    border-top: 1px solid var(--l2-color-border-default);
    text-align: left;
    font-weight: 400;
}

.l2-class-quest-block__table tbody tr:first-child > th[scope="row"][b-dapom6wkiu],
.l2-class-quest-block__table tbody tr:first-child > td[b-dapom6wkiu] {
    border-top: none;
}

.l2-class-quest-block__table th[scope="col"]:first-child[b-dapom6wkiu],
.l2-class-quest-block__table th[scope="row"][b-dapom6wkiu] {
    position: sticky;
    left: 0;
    z-index: 1;
}

.l2-class-quest-block__table th[scope="col"]:first-child[b-dapom6wkiu] {
    background: var(--l2-color-surface-sunken);
}

.l2-class-quest-block__table th[scope="row"][b-dapom6wkiu] {
    background: var(--l2-color-surface-raised);
}

.l2-class-quest-block__table tbody tr:nth-child(even) > th[scope="row"][b-dapom6wkiu],
.l2-class-quest-block__table tbody tr:nth-child(even) > td[b-dapom6wkiu] {
    background: var(--l2-color-surface-base);
}

.l2-class-quest-block__col-profession[b-dapom6wkiu] { width: 38%; }
.l2-class-quest-block__col-quest[b-dapom6wkiu] { width: 62%; }

.l2-class-quest-block__profession-link[b-dapom6wkiu],
.l2-class-quest-block__quest-link[b-dapom6wkiu] {
    color: var(--l2-color-text-secondary);
    text-decoration: none;
    transition: color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-class-quest-block__profession-link:hover[b-dapom6wkiu],
.l2-class-quest-block__quest-link:hover[b-dapom6wkiu] { color: var(--l2-color-cobalt-400); }

.l2-class-quest-block__profession-link:focus-visible[b-dapom6wkiu],
.l2-class-quest-block__quest-link:focus-visible[b-dapom6wkiu] {
    outline: 2px solid var(--l2-color-cobalt-400);
    outline-offset: 2px;
    border-radius: var(--l2-radius-4);
}
/* /Components/Pages/Quests/Components/L2EpicBossCard.razor.rz.scp.css */
.l2-epic-boss-card[b-oh9laugz4g] {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: var(--l2-space-24);
    padding: var(--l2-space-24);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-left: 4px solid var(--l2-tier-accent);
    border-radius: var(--l2-radius-16);
}

.l2-epic-boss-card[data-tier="raid"][b-oh9laugz4g] {
    --l2-tier-accent: var(--l2-color-gold-500);
}

.l2-epic-boss-card[data-tier="instance-raid"][b-oh9laugz4g] {
    --l2-tier-accent: var(--l2-color-cobalt-500);
}

.l2-epic-boss-card__icon[b-oh9laugz4g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--l2-space-8);
}

.l2-epic-boss-card__icon-caption[b-oh9laugz4g] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.04em;
    color: var(--l2-color-text-muted);
    text-align: center;
    line-height: 1.3;
}

.l2-epic-boss-card__icon-caption .label-prefix[b-oh9laugz4g] {
    text-transform: uppercase;
    font-weight: 500;
}

.l2-epic-boss-card__body[b-oh9laugz4g] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
    min-width: 0;
}

.l2-epic-boss-card__boss-name[b-oh9laugz4g] {
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-24);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.005em;
    color: var(--l2-color-text-primary);
    margin: 0;
}

.l2-epic-boss-card__quest-link[b-oh9laugz4g] {
    font-size: var(--l2-type-size-18);
    font-weight: 600;
    color: var(--l2-color-text-link);
    line-height: 1.3;
    text-decoration: none;
}

.l2-epic-boss-card__quest-link:hover[b-oh9laugz4g] {
    text-decoration: underline;
}

.l2-epic-boss-card__quest-link:focus-visible[b-oh9laugz4g] {
    outline: 2px solid var(--l2-color-focus);
    outline-offset: 2px;
    border-radius: var(--l2-radius-4);
}

.l2-epic-boss-card__description[b-oh9laugz4g] {
    font-size: var(--l2-type-size-14);
    line-height: 1.55;
    color: var(--l2-color-text-secondary);
    margin: 0;
}

.l2-epic-boss-card__meta[b-oh9laugz4g] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--l2-space-16);
}

.l2-epic-boss-card__meta-item[b-oh9laugz4g] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--l2-space-4);
    font-size: var(--l2-type-size-12);
}

.l2-epic-boss-card__meta-label[b-oh9laugz4g] {
    font-family: var(--l2-font-mono);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
    font-weight: 500;
}

.l2-epic-boss-card__meta-value[b-oh9laugz4g] {
    color: var(--l2-color-text-secondary);
}

.l2-epic-boss-card__cta[b-oh9laugz4g] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-4);
    height: 36px;
    padding: 0 var(--l2-space-16);
    border: 1px solid var(--l2-tier-accent);
    border-radius: var(--l2-radius-pill);
    color: var(--l2-tier-accent);
    font-size: var(--l2-type-size-14);
    font-weight: 500;
    margin-top: var(--l2-space-4);
    text-decoration: none;
    transition: background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-epic-boss-card__cta:hover[b-oh9laugz4g] {
    background: var(--l2-table-row-hover-bg);
}

.l2-epic-boss-card__cta:focus-visible[b-oh9laugz4g] {
    outline: 2px solid var(--l2-tier-accent);
    outline-offset: 2px;
}
/* /Components/Pages/Quests/Components/L2QuestRewardPanel.razor.rz.scp.css */
.l2-quest-reward-panel[b-63yldn1zqm] {
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    background: var(--l2-color-surface-raised);
    padding: var(--l2-space-16);
}

.l2-quest-reward-panel__list[b-63yldn1zqm] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
}

.l2-quest-reward-panel__row[b-63yldn1zqm] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-12);
    padding: var(--l2-space-8) var(--l2-space-12);
    background: var(--l2-color-surface-sunken);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-4);
}

.l2-quest-reward-panel__name[b-63yldn1zqm] {
    flex: 1;
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-primary);
}

.l2-quest-reward-panel__qty[b-63yldn1zqm] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.l2-quest-reward-panel__empty[b-63yldn1zqm] {
    margin: 0;
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-secondary);
    font-style: italic;
}

[b-63yldn1zqm] .l2-quest-reward-panel__cross-ref {
    margin: var(--l2-space-16) 0 0;
    padding-top: var(--l2-space-12);
    border-top: 1px solid var(--l2-color-border-default);
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-secondary);
    line-height: 1.55;
}
/* /Components/Pages/Quests/Components/L2QuestRewardStrip.razor.rz.scp.css */
/* Tint is applied to the chassis border (not inner SVG currentColor as in the
   mockup) because the real DTO Icon is a raster game-asset slug rendered via
   <MudImage>, not inline SVG — border-color is the only colour signal that
   reads on a raster element. */

.l2-quest-reward-strip[b-qpnosersuy] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-4);
    flex-wrap: nowrap;
}

.l2-quest-reward-strip__icon[b-qpnosersuy] {
    width: 22px;
    height: 22px;
    border-radius: var(--l2-radius-4);
    background: var(--l2-color-surface-sunken);
    border: 1px solid var(--l2-color-border-default);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.l2-quest-reward-strip__icon--accent[b-qpnosersuy] {
    border-color: var(--l2-color-accent-tenant);
}

.l2-quest-reward-strip__icon--gold[b-qpnosersuy] {
    border-color: var(--l2-color-gold-400);
}

.l2-quest-reward-strip[b-qpnosersuy]  img,
.l2-quest-reward-strip[b-qpnosersuy]  .mud-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    pointer-events: none;
}

.l2-quest-reward-strip__more[b-qpnosersuy] {
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-muted);
    margin-left: var(--l2-space-4);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.l2-empty-cell[b-qpnosersuy] {
    color: var(--l2-color-text-muted);
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Quests/Components/L2QuestStepCard.razor.rz.scp.css */
.l2-quest-step-card[b-0se51i4wb0] {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: var(--l2-space-16);
    padding: var(--l2-space-16);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-left: 4px solid var(--l2-color-accent-tenant);
    border-radius: var(--l2-radius-8);
}

.l2-quest-step-card + .l2-quest-step-card[b-0se51i4wb0] {
    margin-top: var(--l2-space-16);
}

.l2-quest-step-card__num[b-0se51i4wb0] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-18);
    color: var(--l2-color-accent-tenant);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    line-height: 1.2;
    font-weight: 600;
}

.l2-quest-step-card__col[b-0se51i4wb0] {
    min-width: 0;
}

.l2-quest-step-card__head[b-0se51i4wb0] {
    margin-bottom: var(--l2-space-8);
}

.l2-quest-step-card__title[b-0se51i4wb0] {
    font-family: var(--l2-font-body);
    font-size: var(--l2-type-size-18);
    font-weight: 600;
    color: var(--l2-color-text-primary);
    line-height: 1.3;
    letter-spacing: -0.005em;
    margin: 0;
}

.l2-quest-step-card__body[b-0se51i4wb0] {
    margin: 0;
    font-size: var(--l2-type-size-14);
    line-height: 1.6;
    color: var(--l2-color-text-secondary);
}

.l2-quest-step-card__goals[b-0se51i4wb0] {
    list-style: none;
    padding: 0;
    margin: var(--l2-space-12) 0 0;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
}

.l2-quest-step-card__goal[b-0se51i4wb0] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-12);
    padding: var(--l2-space-8) var(--l2-space-12);
    background: var(--l2-color-surface-sunken);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-4);
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-primary);
}

.l2-quest-step-card__goal-name[b-0se51i4wb0] {
    flex: 1;
    min-width: 0;
}

.l2-quest-step-card__goal-qty[b-0se51i4wb0] {
    font-family: var(--l2-font-mono);
    color: var(--l2-color-text-secondary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.l2-quest-step-card__map[b-0se51i4wb0] {
    margin: var(--l2-space-16) 0 0;
    max-width: 480px;
}
/* /Components/Pages/Quests/Components/L2RaceEmblem.razor.rz.scp.css */
.l2-race-emblem[b-djuuilzni9] {
    width: var(--l2-size-icon-sm);
    height: var(--l2-size-icon-sm);
    flex-shrink: 0;
}
/* /Components/Pages/Quests/Details.razor.rz.scp.css */
.l2-quest-details[b-37yqhvaxt9] {
    display: block;
}

.l2-quest-details__hero[b-37yqhvaxt9] {
    margin-block-end: var(--l2-space-32);
}

.l2-quest-details__chips[b-37yqhvaxt9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--l2-space-8);
    align-items: center;
    justify-content: flex-end;
}

.l2-quest-details__body[b-37yqhvaxt9] {
    align-items: flex-start;
}

.l2-quest-details__primary > .l2-quest-details__section + .l2-quest-details__section[b-37yqhvaxt9] {
    margin-block-start: var(--l2-space-48);
}

.l2-quest-details__section-heading[b-37yqhvaxt9] {
    margin: 0 0 var(--l2-space-16);
    font-size: var(--l2-type-size-20);
    font-weight: 600;
    color: var(--l2-color-text-primary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-block-end: 1px solid var(--l2-color-border-default);
    padding-block-end: var(--l2-space-8);
}

.l2-quest-details__overview-body[b-37yqhvaxt9] {
    margin: 0 0 var(--l2-space-16);
    color: var(--l2-color-text-secondary);
    line-height: 1.6;
}

.l2-quest-details__overview-meta[b-37yqhvaxt9] {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: var(--l2-space-16);
    row-gap: var(--l2-space-8);
    margin: 0;
}

.l2-quest-details__overview-meta dt[b-37yqhvaxt9] {
    color: var(--l2-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: var(--l2-type-size-12);
}

.l2-quest-details__overview-meta dd[b-37yqhvaxt9] {
    margin: 0;
    color: var(--l2-color-text-primary);
}

.l2-quest-details__start-lede[b-37yqhvaxt9],
.l2-quest-details__start-empty[b-37yqhvaxt9],
.l2-quest-details__walkthrough-empty[b-37yqhvaxt9] {
    margin: 0 0 var(--l2-space-16);
    color: var(--l2-color-text-secondary);
    line-height: 1.6;
}

.l2-quest-details__start-link[b-37yqhvaxt9] {
    color: var(--l2-color-accent-tenant);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.l2-quest-details__start-link:hover[b-37yqhvaxt9],
.l2-quest-details__start-link:focus-visible[b-37yqhvaxt9] {
    color: var(--l2-color-accent-tenant-strong);
}

.l2-quest-details__steps[b-37yqhvaxt9] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-16);
}

.l2-quest-details__step[b-37yqhvaxt9] {
    display: block;
}

.l2-quest-details__sidebar[b-37yqhvaxt9] {
    align-self: stretch;
}

.l2-quest-details__sidebar-inner[b-37yqhvaxt9] {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
}
/* /Components/Pages/Quests/Epics.razor.rz.scp.css */
.l2-epics-page[b-5ouwzwutac] {
    padding-bottom: var(--l2-space-48);
}

.l2-epic-bosses[b-5ouwzwutac] {
    margin-top: var(--l2-space-24);
}
/* /Components/Pages/Quests/FrintezzaQuest.razor.rz.scp.css */
.l2-frintezza-page[b-h7km0xldbx] {
    width: 100%;
}

/* === ENTITY HERO === */
.entity-hero[b-h7km0xldbx] {
    background: transparent;
    margin: 0 0 var(--l2-space-24);
    padding: 0;
}

.entity-hero.page[b-h7km0xldbx] {
    border-bottom: 1px solid var(--l2-color-border-default);
    padding-bottom: var(--l2-space-24);
}

.entity-hero__inner[b-h7km0xldbx] {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr) 280px;
    column-gap: var(--l2-space-24);
    align-items: start;
}

.entity-hero__icon[b-h7km0xldbx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--l2-space-8);
}

.entity-hero__icon-caption[b-h7km0xldbx] {
    font-family: var(--l2-font-mono);
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
    text-align: center;
    line-height: 1.4;
}

.entity-hero__centre[b-h7km0xldbx] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
}

.entity-hero__eyebrow[b-h7km0xldbx] {
    margin: 0;
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
}

.entity-hero__title[b-h7km0xldbx] {
    margin: 0;
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-32);
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.2;
    color: var(--l2-color-text-primary);
}

.entity-hero__subtitle[b-h7km0xldbx] {
    margin: 0;
    font-size: var(--l2-type-size-16);
    line-height: 1.4;
    color: var(--l2-color-text-secondary);
    max-width: 64ch;
}

.entity-hero__chips[b-h7km0xldbx] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--l2-space-8);
    margin-top: var(--l2-space-8);
}

/* === WALKTHROUGH MAIN COLUMN === */
.l2-walkthrough__main[b-h7km0xldbx] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-32);
}

.l2-walkthrough__main > .walkthrough-section[b-h7km0xldbx] {
    margin: 0;
    padding: 0;
}

.l2-walkthrough__main > .walkthrough-section + .walkthrough-section[b-h7km0xldbx] {
    border-top: 1px solid var(--l2-color-border-default);
    padding-top: var(--l2-space-32);
}

/* === SECTION HEADINGS === */
.section-head[b-h7km0xldbx] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--l2-space-16);
    margin: 0 0 var(--l2-space-16);
}

.section-head__title[b-h7km0xldbx] {
    margin: 0;
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-24);
    font-weight: 600;
    letter-spacing: -0.005em;
    line-height: 1.25;
    color: var(--l2-color-text-primary);
    font-variant-numeric: tabular-nums;
}

.section-head__subtitle[b-h7km0xldbx] {
    margin: var(--l2-space-24) 0 var(--l2-space-8);
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-18);
    font-weight: 600;
    letter-spacing: -0.005em;
    line-height: 1.3;
    color: var(--l2-color-text-primary);
}

.section-head__quest-link[b-h7km0xldbx] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-link);
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
}

/* === SECTION BODY PROSE === */
.l2-walkthrough__lede[b-h7km0xldbx] {
    margin: 0 0 var(--l2-space-16);
    font-size: var(--l2-type-size-16);
    line-height: 1.5;
    color: var(--l2-color-text-secondary);
    max-width: 68ch;
}

.l2-walkthrough__main p[b-h7km0xldbx] {
    margin: 0 0 var(--l2-space-16);
    font-size: var(--l2-type-size-16);
    line-height: 1.5;
    color: var(--l2-color-text-secondary);
    max-width: 68ch;
}

.l2-walkthrough__main p:last-child[b-h7km0xldbx] {
    margin-bottom: 0;
}

.l2-walkthrough__main strong[b-h7km0xldbx] {
    color: var(--l2-color-text-primary);
    font-weight: 600;
}

.l2-walkthrough__steps[b-h7km0xldbx] {
    margin: 0 0 var(--l2-space-24);
    padding-left: var(--l2-space-24);
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
    font-variant-numeric: tabular-nums;
}

.l2-walkthrough__steps li[b-h7km0xldbx] {
    font-size: var(--l2-type-size-16);
    line-height: 1.5;
    color: var(--l2-color-text-secondary);
    max-width: 64ch;
    padding-left: var(--l2-space-4);
}

.l2-walkthrough__steps li[b-h7km0xldbx]::marker {
    color: var(--l2-color-text-muted);
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-14);
}

.l2-walkthrough__quote[b-h7km0xldbx] {
    margin: var(--l2-space-24) 0;
    padding: var(--l2-space-16);
    background: var(--l2-color-surface-sunken);
    border: 1px solid var(--l2-color-border-default);
    border-left: 4px solid var(--l2-color-cobalt-500);
    border-radius: var(--l2-radius-4);
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    line-height: 1.6;
    color: var(--l2-color-text-secondary);
}

.l2-walkthrough__quote p[b-h7km0xldbx] {
    margin: 0;
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-secondary);
}

.l2-walkthrough__quote p + p[b-h7km0xldbx] {
    margin-top: var(--l2-space-4);
}
/* /Components/Pages/Quests/Index.razor.rz.scp.css */
.l2-quests-index[b-bxupe9jc4t] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-24);
}

.l2-quests-index__body[b-bxupe9jc4t] {
    margin-top: var(--l2-space-12);
}

.l2-quests-index__results[b-bxupe9jc4t] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-24);
}

.l2-quests-index__sidebar-sticky[b-bxupe9jc4t] {
    position: sticky;
    top: 128px;
    max-height: calc(100vh - 128px - var(--l2-space-16));
    overflow-y: auto;
}

.l2-quests-toolbar__search[b-bxupe9jc4t] {
    flex: 1 1 320px;
    min-width: 0;
}

.l2-quests-toolbar__count[b-bxupe9jc4t] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--l2-space-4);
    color: var(--l2-color-text-secondary);
    font-size: var(--l2-type-size-13);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.l2-quests-toolbar__count strong[b-bxupe9jc4t] {
    color: var(--l2-color-text-primary);
    font-weight: 600;
}

.l2-quests-toolbar__meta[b-bxupe9jc4t] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-12);
    flex: 1 1 auto;
    min-width: 0;
}

.l2-quests-toolbar__meta .l2-quests-toolbar__clear.d-flex.d-md-none[b-bxupe9jc4t] {
    margin-left: auto;
}

.l2-quests-toolbar__meta:not(:has(.l2-quests-toolbar__clear.d-flex.d-md-none)) .l2-quests-toolbar__mobile-filters[b-bxupe9jc4t] {
    margin-left: auto;
}

.l2-quests-toolbar__clear[b-bxupe9jc4t] {
    font-size: var(--l2-type-size-13);
    color: var(--l2-color-text-link);
    white-space: nowrap;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-table {
    width: 100%;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-table__name-cell {
    min-width: 220px;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-table__icon-cell {
    width: 48px;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-table__level-cell {
    white-space: nowrap;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-table__start-cell {
    min-width: 180px;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-table__rewards-cell {
    min-width: 220px;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-table__name-cell a,
.l2-quests-card__name[b-bxupe9jc4t] {
    color: var(--l2-color-text-link);
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-table__name-cell a:hover,
.l2-quests-card__name:hover[b-bxupe9jc4t] {
    color: var(--l2-color-text-primary);
}

.l2-quests-table__start-empty[b-bxupe9jc4t] {
    color: var(--l2-color-text-muted);
    font-variant-numeric: tabular-nums;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-index__table-wrapper .l2-table-container {
    overflow-x: auto;
}

.l2-quests-card__start[b-bxupe9jc4t] {
    color: var(--l2-color-text-link);
    font-size: var(--l2-type-size-13);
}

.l2-quests-card__rewards[b-bxupe9jc4t] {
    display: flex;
}

.l2-quests-index__category-radios[b-bxupe9jc4t] {
    display: flex;
    flex-direction: column;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-index__category-radios .mud-radio-group {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-index__category-radio {
    padding: 0;
    margin: 0;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-index__category-radio .mud-radio {
    padding: var(--l2-space-4) 0;
    gap: var(--l2-space-8);
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-index__category-radio .mud-button-root.mud-icon-button {
    padding: 0;
    margin: 0;
    width: 14px;
    height: 14px;
    min-width: 14px;
    min-height: 14px;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-index__category-radio .mud-icon-root.mud-svg-icon {
    font-size: 14px;
    width: 14px;
    height: 14px;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-quests-index__category-radio .mud-typography-body1 {
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-secondary);
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-filter-facet-group__label {
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-filter-facet-group__summary {
    padding: var(--l2-space-8) 0;
}

.l2-quests-index[b-bxupe9jc4t]  .l2-filter-facet-group__body {
    padding: var(--l2-space-12) 0 var(--l2-space-8);
    margin-top: 0;
}

.l2-quests-index__reward-search[b-bxupe9jc4t] {
    margin-bottom: var(--l2-space-8);
}

.l2-quests-index__reward-option[b-bxupe9jc4t] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-8);
}

.l2-quests-index__reward-option-img[b-bxupe9jc4t] {
    width: 24px;
    height: 24px;
    flex: none;
}
/* /Components/Pages/Search/SearchResults.razor.rz.scp.css */
.l2-search-main[b-5ihj1h1yho] {
    display: block;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 var(--l2-space-24);
}

.l2-search-section[b-5ihj1h1yho] {
    scroll-margin-top: 120px;
    padding: 0 0 var(--l2-space-48);
}

.l2-search-section__header[b-5ihj1h1yho] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--l2-space-16);
    flex-wrap: wrap;
}

.l2-search-section__title[b-5ihj1h1yho] {
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-24);
    font-weight: 600;
    color: var(--l2-color-text-primary);
    margin: 0;
    letter-spacing: -0.005em;
    font-variant-numeric: tabular-nums;
}

.l2-search-section__view-all[b-5ihj1h1yho] {
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-muted);
    transition: color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-search-section__view-all:hover[b-5ihj1h1yho] {
    color: var(--l2-color-text-primary);
    text-decoration: underline;
}

.l2-search-section__rule[b-5ihj1h1yho] {
    height: 1px;
    background: var(--l2-color-border-default);
    margin: var(--l2-space-24) 0;
}

.l2-search-section__rows[b-5ihj1h1yho] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-2);
}

.l2-search-section__rows > li[b-5ihj1h1yho] {
    margin: 0;
}

@media (max-width: 768px) {
    .l2-search-main[b-5ihj1h1yho] {
        padding: 0 var(--l2-space-16);
    }

    .l2-search-section[b-5ihj1h1yho] {
        padding-bottom: var(--l2-space-32);
    }
}
/* /Components/Pages/Skills/Details.razor.rz.scp.css */
.l2-entity-hero[b-28m882mpus] {
    padding-block: var(--l2-space-32) var(--l2-space-24);
    margin-block-end: var(--l2-space-32);
    border-block-end: 1px solid var(--l2-color-border-default);
}

.l2-entity-hero__inner[b-28m882mpus] {
    width: 100%;
}

.l2-entity-hero__icon[b-28m882mpus] {
    flex: 0 0 auto;
}

.l2-entity-hero__centre[b-28m882mpus] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
    min-width: 0;
}

.l2-entity-hero__eyebrow[b-28m882mpus] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-accent-tenant);
    margin: 0;
}

.l2-entity-hero__name[b-28m882mpus] {
    font-family: var(--l2-font-display, var(--l2-font-display-fallback));
    font-size: var(--l2-type-size-32);
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.2;
    color: var(--l2-color-text-primary);
    margin: 0;
}

.l2-entity-hero__desc[b-28m882mpus] {
    font-size: var(--l2-type-size-16);
    line-height: 1.4;
    color: var(--l2-color-text-secondary);
    margin: 0;
}

.l2-entity-hero__chips[b-28m882mpus] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--l2-space-8);
    margin-top: var(--l2-space-4);
}

.l2-entity-hero__meta[b-28m882mpus] {
    max-width: 280px;
}

.l2-skill-detail-body[b-28m882mpus] { width: 100%; }

.l2-skill-detail-section[b-28m882mpus] { scroll-margin-top: var(--l2-space-80, 80px); }

.l2-skill-detail-aside[b-28m882mpus] {
    position: relative;
    height: 100%;
}

.l2-skill-levels-table-wrapper[b-28m882mpus] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    background: var(--l2-color-surface-overlay);
}

.l2-skill-levels-table[b-28m882mpus] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--l2-type-size-14);
}

.l2-skill-levels-table thead th[b-28m882mpus] {
    text-align: left;
    padding: var(--l2-space-8) var(--l2-space-12);
    background: var(--l2-color-surface-raised);
    border-bottom: 1px solid var(--l2-color-border-default);
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--l2-color-text-muted);
    font-weight: 500;
    white-space: nowrap;
}

.l2-skill-levels-table__expander[b-28m882mpus] { width: 32px; padding: 0; }

.l2-skill-levels-table tbody tr.l2-row > td[b-28m882mpus] {
    padding: var(--l2-space-8) var(--l2-space-12);
    border-bottom: 1px solid var(--l2-color-border-subtle, var(--l2-color-border-default));
    vertical-align: top;
}

.l2-row__cell--num[b-28m882mpus] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    white-space: nowrap;
}

.l2-row__cell--deltas[b-28m882mpus] { min-width: 200px; }

.l2-row__cell--desc[b-28m882mpus] {
    color: var(--l2-color-text-muted);
    font-size: var(--l2-type-size-13);
    line-height: 1.45;
}

.l2-row__cell-desc-text[b-28m882mpus] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.l2-row--chips-expanded .l2-row__cell-desc-text[b-28m882mpus],
.l2-row:has(details[open]) .l2-row__cell-desc-text[b-28m882mpus] {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
    text-overflow: clip;
}

.l2-skill-row-card[b-28m882mpus] { background: var(--l2-color-surface-overlay); }

.l2-skill-row-card__lv[b-28m882mpus] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-14);
    font-weight: 700;
    color: var(--l2-color-text-primary);
}

.l2-skill-row-card__magic[b-28m882mpus] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--l2-color-text-muted);
}

.l2-skill-row-card__label[b-28m882mpus] {
    display: block;
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-11);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--l2-color-text-muted);
    margin-bottom: 2px;
}

.l2-skill-row-card__value[b-28m882mpus] {
    display: block;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--l2-color-text-primary);
}

.l2-skill-row-card__desc[b-28m882mpus] {
    margin: 0;
    color: var(--l2-color-text-muted);
    font-size: var(--l2-type-size-13);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.l2-skill-row-card--chips-expanded .l2-skill-row-card__desc[b-28m882mpus],
.l2-skill-row-card:has(.l2-skill-row-card__effects[open]) .l2-skill-row-card__desc[b-28m882mpus] {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
    text-overflow: clip;
}

.l2-skill-row-card__effects > summary[b-28m882mpus] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--l2-color-text-muted);
    cursor: pointer;
    padding: var(--l2-space-4) 0;
}

.l2-skill-row-card__effects[open] > summary[b-28m882mpus] { color: var(--l2-color-text-primary); }
/* /Components/Pages/Skills/Index.razor.rz.scp.css */
.l2-skills-index[b-inrdfb1qm0] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-24);
}

.l2-skills-index__body[b-inrdfb1qm0] {
    margin-top: var(--l2-space-12);
}

.l2-skills-index__results[b-inrdfb1qm0] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-24);
}

.l2-skills-index__sidebar-sticky[b-inrdfb1qm0] {
    position: sticky;
    top: 128px;
    max-height: calc(100vh - 128px - var(--l2-space-16));
    overflow-y: auto;
}

.l2-skills-toolbar__search[b-inrdfb1qm0] {
    flex: 1 1 320px;
    min-width: 0;
}

.l2-skills-toolbar__count[b-inrdfb1qm0] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--l2-space-4);
    color: var(--l2-color-text-secondary);
    font-size: var(--l2-type-size-13);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.l2-skills-toolbar__count strong[b-inrdfb1qm0] {
    color: var(--l2-color-text-primary);
    font-weight: 600;
}

.l2-skills-toolbar__meta[b-inrdfb1qm0] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-12);
    flex: 1 1 auto;
    min-width: 0;
}

.l2-skills-toolbar__meta .l2-skills-toolbar__clear.d-flex.d-md-none[b-inrdfb1qm0] {
    margin-left: auto;
}

.l2-skills-toolbar__meta:not(:has(.l2-skills-toolbar__clear.d-flex.d-md-none)) .l2-skills-toolbar__mobile-filters[b-inrdfb1qm0] {
    margin-left: auto;
}

.l2-skills-toolbar__clear[b-inrdfb1qm0] {
    font-size: var(--l2-type-size-13);
    color: var(--l2-color-text-link);
    white-space: nowrap;
}

.l2-skills-index[b-inrdfb1qm0]  .l2-skills-table {
    width: 100%;
}

.l2-skills-index[b-inrdfb1qm0]  .l2-skills-table__name-cell {
    min-width: 200px;
}

.l2-skills-index[b-inrdfb1qm0]  .l2-skills-table__cell--muted {
    color: var(--l2-color-text-muted);
}

.l2-skills-index[b-inrdfb1qm0]  .l2-skills-table__name-cell a,
.l2-skills-card__name[b-inrdfb1qm0] {
    color: var(--l2-color-text-link);
}

.l2-skills-index[b-inrdfb1qm0]  .l2-skills-table__name-cell a:hover,
.l2-skills-card__name:hover[b-inrdfb1qm0] {
    color: var(--l2-color-text-primary);
}

.l2-skills-index[b-inrdfb1qm0]  .l2-skills-index__table-wrapper .l2-table-container {
    overflow-x: clip;
}

.l2-skills-index[b-inrdfb1qm0]  .l2-skills-index__table-wrapper .l2-skills-table thead,
.l2-skills-index[b-inrdfb1qm0]  .l2-skills-index__table-wrapper .l2-skills-table thead th {
    position: sticky;
    top: 128px;
    z-index: 2;
    background: var(--l2-color-surface-overlay);
}
/* /Components/Shared/Affordance/L2NpcAffordanceButton.razor.rz.scp.css */
.l2-npc-affordance[b-yvvry2qgfz] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-4);
    padding: var(--l2-chip-padding-y) var(--l2-chip-padding-x);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-pill);
    background: var(--l2-color-surface-raised);
    color: var(--l2-color-text-secondary);
    font-family: var(--l2-font-body);
    font-size: var(--l2-type-size-12);
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
    transition:
        border-color var(--l2-motion-duration-base) ease,
        color var(--l2-motion-duration-base) ease,
        background var(--l2-motion-duration-base) ease;
}

.l2-npc-affordance:hover[b-yvvry2qgfz] {
    border-color: var(--l2-color-cobalt-400);
    color: var(--l2-color-text-primary);
    background: var(--l2-color-surface-overlay);
}

.l2-npc-affordance:focus-visible[b-yvvry2qgfz] {
    outline: var(--l2-focus-ring-width) solid var(--l2-focus-ring-color);
    outline-offset: var(--l2-focus-ring-offset);
    color: var(--l2-color-text-primary);
}

.l2-npc-affordance[b-yvvry2qgfz]  .l2-npc-affordance__glyph {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: var(--l2-color-text-muted);
    transition: color var(--l2-motion-duration-base) ease;
}

.l2-npc-affordance:hover[b-yvvry2qgfz]  .l2-npc-affordance__glyph,
.l2-npc-affordance:focus-visible[b-yvvry2qgfz]  .l2-npc-affordance__glyph {
    color: var(--l2-color-accent-tenant);
}

.l2-npc-affordance__label[b-yvvry2qgfz] {
    display: inline-block;
}

@media (prefers-reduced-motion: reduce) {
    .l2-npc-affordance[b-yvvry2qgfz],
    .l2-npc-affordance[b-yvvry2qgfz]  .l2-npc-affordance__glyph {
        transition: none;
    }
}
/* /Components/Shared/AppShell/L2AppShellFooter.razor.rz.scp.css */
footer.site-footer[b-qcex0h2303] {
    border-top: 1px solid var(--l2-color-border-default);
    background: var(--l2-color-surface-chrome);
    padding: var(--l2-space-64) 0 var(--l2-space-32);
}

footer.site-footer[b-qcex0h2303]  .mud-container {
    max-width: 1200px;
}

footer.site-footer[b-qcex0h2303]  .l2-footer-col-heading {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
    margin: 0 0 var(--l2-space-16);
}

footer.site-footer[b-qcex0h2303]  .l2-footer-col-link {
    font-family: var(--l2-font-sans);
    font-size: var(--l2-type-size-14);
    font-weight: 400;
    color: var(--l2-color-text-secondary);
    transition: color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

footer.site-footer[b-qcex0h2303]  .l2-footer-col-link:hover {
    color: var(--l2-color-text-primary);
}

footer.site-footer[b-qcex0h2303]  .l2-footer-bottom {
    border-top: 1px solid var(--l2-color-border-default);
    padding-top: var(--l2-space-24);
}

footer.site-footer[b-qcex0h2303]  .l2-footer-wordmark {
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-18);
    color: var(--l2-color-text-primary);
}

footer.site-footer[b-qcex0h2303]  .l2-footer-disclaimer {
    font-family: var(--l2-font-sans);
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-muted);
}

footer.site-footer[b-qcex0h2303]  .l2-footer-tenant-chip {
    background: var(--l2-color-tenant-tint);
    color: var(--l2-color-accent-tenant);
    border-color: var(--l2-color-tenant-sigil);
    font-family: var(--l2-font-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

footer.site-footer[b-qcex0h2303]  .l2-footer-tenant-chip__sigil {
    background-color: var(--l2-color-tenant-sigil);
    mask: var(--tenant-sigil-url) center / contain no-repeat;
    -webkit-mask: var(--tenant-sigil-url) center / contain no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: var(--l2-space-8);
}
/* /Components/Shared/AppShell/L2AppShellHeader.razor.rz.scp.css */
header.hdr[b-sloducmazw] {
    position: sticky;
    top: 0;
    z-index: 50;
    height: 56px;
    background: var(--l2-color-surface-chrome);
    border-bottom: 1px solid var(--l2-color-border-default);
    display: flex;
    align-items: center;
    gap: var(--l2-space-12);
    padding: 0 var(--l2-space-16);
}

header.hdr[b-sloducmazw]  .hdr__wordmark {
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-18);
    letter-spacing: -0.005em;
    color: var(--l2-color-text-primary);
    white-space: nowrap;
    transition: color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
    display: inline-flex;
    align-items: center;
    height: 100%;
    line-height: 1;
}

header.hdr[b-sloducmazw]  .hdr__wordmark:hover {
    color: var(--l2-color-accent-tenant);
}

header.hdr[b-sloducmazw]  .hdr__nav {
    display: flex;
    align-items: center;
    gap: var(--l2-space-24);
    height: 100%;
}

header.hdr[b-sloducmazw]  .hdr__nav-item {
    font-family: var(--l2-font-sans);
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-secondary);
    transition: color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
    white-space: nowrap;
    height: 100%;
    text-transform: none;
    letter-spacing: 0;
    min-width: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
}

header.hdr[b-sloducmazw]  .hdr__nav-item:hover,
header.hdr[b-sloducmazw]  .hdr__nav-item--active {
    color: var(--l2-color-text-primary);
    background: transparent;
}

header.hdr[b-sloducmazw]  .hdr__nav-item .mud-button-root {
    text-transform: none;
    font-family: var(--l2-font-sans);
    font-size: var(--l2-type-size-14);
    font-weight: 400;
    color: var(--l2-color-text-secondary);
    padding: 0;
    min-width: 0;
    height: auto;
    background: transparent;
    letter-spacing: 0;
    gap: 4px;
}

header.hdr[b-sloducmazw]  .hdr__nav-item .mud-button-root:hover {
    background: transparent;
    color: var(--l2-color-text-primary);
}

header.hdr[b-sloducmazw]  .hdr__nav-item--active .mud-button-root {
    color: var(--l2-color-text-primary);
}

header.hdr[b-sloducmazw]  .hdr__nav-item .mud-button-root .mud-icon-root {
    width: 14px;
    height: 14px;
    font-size: 14px;
}

header.hdr[b-sloducmazw]  .hdr__nav-item .mud-button-root .mud-button-icon-end {
    margin-inline-start: 0;
}

header.hdr[b-sloducmazw]  .hdr__nav-item .mud-icon-button {
    color: inherit;
}

header.hdr[b-sloducmazw]  .hdr__external::after {
    content: "↗";
    margin-left: 4px;
    font-size: 11px;
    color: var(--l2-color-text-muted);
}

header.hdr .hdr__spacer[b-sloducmazw] {
    flex: 1;
    min-width: 0;
}

header.hdr[b-sloducmazw]  .hdr__server {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 var(--l2-space-12);
    gap: var(--l2-space-8);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-4);
    font-family: var(--l2-font-sans);
    font-size: var(--l2-type-size-14);
    font-weight: 400;
    color: var(--l2-color-text-secondary);
    text-transform: none;
    letter-spacing: 0;
    transition: border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

header.hdr[b-sloducmazw]  .hdr__server:hover {
    border-color: var(--l2-color-border-strong);
    background: var(--l2-color-surface-raised);
}

header.hdr[b-sloducmazw]  .hdr__server .sigil {
    background-color: var(--l2-color-tenant-sigil);
    mask: var(--tenant-sigil-url) center / contain no-repeat;
    -webkit-mask: var(--tenant-sigil-url) center / contain no-repeat;
    width: var(--l2-size-icon-xs);
    height: var(--l2-size-icon-xs);
    display: inline-block;
}

header.hdr[b-sloducmazw]  .hdr__server .tenant-code {
    color: var(--l2-color-text-primary);
    letter-spacing: 0.04em;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

header.hdr[b-sloducmazw]  .hdr__server .caret {
    font-size: 10px;
}

header.hdr[b-sloducmazw]  .hdr__menu-toggle {
    color: var(--l2-color-text-secondary);
}

header.hdr[b-sloducmazw]  .hdr__menu-toggle:hover {
    color: var(--l2-color-text-primary);
    background: transparent;
}

header.hdr[b-sloducmazw]  .hdr__drawer.mud-drawer {
    background: var(--l2-color-surface-chrome);
    border-right: 1px solid var(--l2-color-border-default);
    color: var(--l2-color-text-primary);
}

header.hdr[b-sloducmazw]  .hdr__drawer-header {
    border-bottom: 1px solid var(--l2-color-border-default);
    padding: var(--l2-space-16) var(--l2-space-24);
    min-height: 56px;
}

header.hdr[b-sloducmazw]  .hdr__drawer-header .mud-icon-button {
    color: var(--l2-color-text-muted);
}

header.hdr[b-sloducmazw]  .hdr__drawer-header .mud-icon-button:hover {
    color: var(--l2-color-text-primary);
    background: transparent;
}

header.hdr[b-sloducmazw]  .hdr__drawer-wordmark {
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-18);
    color: var(--l2-color-text-primary);
    letter-spacing: -0.005em;
    margin: 0;
}

header.hdr[b-sloducmazw]  .hdr__drawer-nav {
    padding: var(--l2-space-8) 0;
}

header.hdr[b-sloducmazw]  .hdr__drawer-nav .mud-nav-link {
    font-family: var(--l2-font-sans);
    font-size: var(--l2-type-size-14);
    font-weight: 400;
    color: var(--l2-color-text-secondary);
    padding: var(--l2-space-8) var(--l2-space-16);
    min-height: 40px;
    letter-spacing: 0;
    transition: color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
                background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

header.hdr[b-sloducmazw]  .hdr__drawer-nav .mud-nav-link .mud-nav-link-text {
    font-family: var(--l2-font-sans);
    font-size: var(--l2-type-size-14);
    font-weight: 400;
    line-height: 1.4;
    color: inherit;
    letter-spacing: 0;
}

header.hdr[b-sloducmazw]  .hdr__drawer-nav .mud-nav-link .mud-nav-link-icon {
    font-size: 18px;
    width: 18px;
    height: 18px;
    min-width: 24px;
    margin-right: var(--l2-space-12);
    color: var(--l2-color-text-muted);
}

header.hdr[b-sloducmazw]  .hdr__drawer-nav .mud-nav-link:hover,
header.hdr[b-sloducmazw]  .hdr__drawer-nav .mud-nav-link:hover .mud-nav-link-text {
    color: var(--l2-color-text-primary);
}

header.hdr[b-sloducmazw]  .hdr__drawer-nav .mud-nav-link:hover {
    background: var(--l2-color-surface-raised);
}

header.hdr[b-sloducmazw]  .hdr__drawer-nav .mud-nav-link.active,
header.hdr[b-sloducmazw]  .hdr__drawer-nav .mud-nav-link.active .mud-nav-link-text {
    color: var(--l2-color-text-primary);
}

header.hdr[b-sloducmazw]  .hdr__drawer-nav .mud-nav-link.active {
    background: color-mix(in srgb, var(--l2-color-accent-tenant) 8%, transparent);
}

header.hdr[b-sloducmazw]  .hdr__drawer-nav .mud-nav-link.active .mud-nav-link-icon {
    color: var(--l2-color-accent-tenant);
}

header.hdr[b-sloducmazw]  .hdr__drawer-nav .mud-nav-group .mud-collapse .mud-nav-link {
    padding-left: var(--l2-space-48);
}

header.hdr[b-sloducmazw]  .hdr__drawer-nav .mud-nav-group .mud-nav-group-title-link {
    font-family: var(--l2-font-sans);
    font-size: var(--l2-type-size-14);
    font-weight: 400;
    color: var(--l2-color-text-secondary);
    padding: var(--l2-space-8) var(--l2-space-16);
    min-height: 40px;
}

header.hdr .hdr__mobile-only[b-sloducmazw],
header.hdr .hdr__desktop-only[b-sloducmazw] {
    height: 100%;
    align-items: center;
}
/* /Components/Shared/AppShell/L2AppShellSearchForm.razor.rz.scp.css */
.l2-search-form[b-hor95debcq] {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--l2-space-8);
    background: var(--l2-color-surface-sunken);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-4);
    transition: border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-search-form:hover[b-hor95debcq] {
    border-color: var(--l2-color-border-strong);
}

.l2-search-form:focus-within[b-hor95debcq] {
    border-color: var(--l2-color-accent-tenant);
    outline: 2px solid color-mix(in srgb, var(--l2-color-accent-tenant) 40%, transparent);
    outline-offset: 0;
}

.l2-search-form--header[b-hor95debcq] {
    width: 280px;
    height: 32px;
    padding: 0 var(--l2-space-8);
}

.l2-search-form--drawer[b-hor95debcq] {
    margin: var(--l2-space-12) var(--l2-space-16);
    height: 36px;
    padding: 0 var(--l2-space-12);
}

[b-hor95debcq] .l2-search-form__icon {
    color: var(--l2-color-text-muted);
    flex-shrink: 0;
}

.l2-search-form--header[b-hor95debcq]  .l2-search-form__icon {
    width: 14px;
    height: 14px;
}

.l2-search-form--drawer[b-hor95debcq]  .l2-search-form__icon {
    width: 16px;
    height: 16px;
}

[b-hor95debcq] .l2-search-form__input {
    flex: 1;
    background: none;
    border: none;
    outline: none;
    color: var(--l2-color-text-primary);
    font-family: var(--l2-font-sans);
    height: 100%;
    padding: 0;
    min-width: 0;
}

[b-hor95debcq] .l2-search-form__input::placeholder {
    color: var(--l2-color-text-muted);
}

.l2-search-form--header[b-hor95debcq]  .l2-search-form__input {
    font-size: var(--l2-type-size-14);
}

.l2-search-form--drawer[b-hor95debcq]  .l2-search-form__input {
    font-size: 16px;
}
/* /Components/Shared/Autocomplete/L2AutocompleteDropdown.razor.rz.scp.css */
.l2-autocomplete-dropdown[b-n73vbpapxm] {
    position: absolute;
    top: calc(100% + var(--l2-space-8));
    left: 0;
    right: 0;
    z-index: var(--l2-autocomplete-dropdown-z);
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
    max-height: 480px;
    padding: var(--l2-space-8);
    background: var(--l2-autocomplete-dropdown-bg);
    border: 1px solid var(--l2-autocomplete-dropdown-border);
    border-radius: var(--l2-autocomplete-dropdown-radius);
    box-shadow: 0 12px 32px var(--l2-autocomplete-dropdown-scrim);
    overflow-y: auto;
    overflow-x: hidden;
}

.l2-autocomplete-dropdown[hidden][b-n73vbpapxm] {
    display: none;
}
/* /Components/Shared/Autocomplete/L2AutocompleteEmptyState.razor.rz.scp.css */
.l2-autocomplete-empty-state[b-tj368mecml] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
    padding: var(--l2-space-12);
}

.l2-autocomplete-empty-state__headline[b-tj368mecml] {
    margin: 0;
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-primary);
}

.l2-autocomplete-empty-state__hint[b-tj368mecml] {
    margin: 0;
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.04em;
    color: var(--l2-color-text-muted);
}
/* /Components/Shared/Autocomplete/L2AutocompleteLoadingSkeleton.razor.rz.scp.css */
.l2-autocomplete-loading-skeleton[b-wmiat634dh] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
    padding: var(--l2-space-8);
}

.l2-autocomplete-loading-skeleton__heading[b-wmiat634dh] {
    width: 40%;
    height: 12px;
    border-radius: 4px;
    background: var(--l2-autocomplete-skeleton-bg, var(--l2-color-surface-2));
    background-image: linear-gradient(
        90deg,
        transparent 0%,
        var(--l2-autocomplete-skeleton-shimmer, rgba(255, 255, 255, 0.08)) 50%,
        transparent 100%);
    background-size: 200% 100%;
    animation: l2-autocomplete-skeleton-shimmer-b-wmiat634dh 1.4s linear infinite;
}

.l2-autocomplete-loading-skeleton__rows[b-wmiat634dh] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-6);
}

.l2-autocomplete-loading-skeleton__row[b-wmiat634dh] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-8);
    padding: var(--l2-space-6) var(--l2-space-8);
    border-radius: 6px;
    background: var(--l2-autocomplete-skeleton-row-bg, transparent);
}

.l2-autocomplete-loading-skeleton__icon[b-wmiat634dh] {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    background: var(--l2-autocomplete-skeleton-bg, var(--l2-color-surface-2));
    background-image: linear-gradient(
        90deg,
        transparent 0%,
        var(--l2-autocomplete-skeleton-shimmer, rgba(255, 255, 255, 0.08)) 50%,
        transparent 100%);
    background-size: 200% 100%;
    animation: l2-autocomplete-skeleton-shimmer-b-wmiat634dh 1.4s linear infinite;
}

.l2-autocomplete-loading-skeleton__text[b-wmiat634dh] {
    flex: 1 1 auto;
    height: 14px;
    border-radius: 4px;
    background: var(--l2-autocomplete-skeleton-bg, var(--l2-color-surface-2));
    background-image: linear-gradient(
        90deg,
        transparent 0%,
        var(--l2-autocomplete-skeleton-shimmer, rgba(255, 255, 255, 0.08)) 50%,
        transparent 100%);
    background-size: 200% 100%;
    animation: l2-autocomplete-skeleton-shimmer-b-wmiat634dh 1.4s linear infinite;
}

@keyframes l2-autocomplete-skeleton-shimmer-b-wmiat634dh {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .l2-autocomplete-loading-skeleton__heading[b-wmiat634dh],
    .l2-autocomplete-loading-skeleton__icon[b-wmiat634dh],
    .l2-autocomplete-loading-skeleton__text[b-wmiat634dh] {
        animation: none;
    }
}
/* /Components/Shared/Autocomplete/L2AutocompleteResultGroup.razor.rz.scp.css */
.l2-autocomplete-group[b-ylvqok2vyt] {
    display: flex;
    flex-direction: column;
}

.l2-autocomplete-group__header[b-ylvqok2vyt] {
    height: 24px;
    padding: 0 var(--l2-space-12);
    display: flex;
    align-items: center;
    font-family: var(--l2-font-mono);
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
}
/* /Components/Shared/Breadcrumb/L2Breadcrumb.razor.rz.scp.css */
.l2-breadcrumb[b-2hexemx7vf] {
    width: 100%;
}

.l2-breadcrumb--band[b-2hexemx7vf] {
    background: var(--l2-color-surface-base);
    border-bottom: 1px solid var(--l2-color-border-default);
    padding: var(--l2-space-12) var(--l2-space-24);
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-secondary);
}

.l2-breadcrumb--band .l2-breadcrumb__inner[b-2hexemx7vf] {
    max-width: 1248px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--l2-space-8);
}

.l2-breadcrumb--inline[b-2hexemx7vf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--l2-space-8);
    padding: var(--l2-space-16) 0;
    border-bottom: 1px solid var(--l2-color-border-default);
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.04em;
    color: var(--l2-color-text-muted);
}

.l2-breadcrumb__link[b-2hexemx7vf] {
    color: inherit;
    text-decoration: none;
    transition: color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-breadcrumb__link:hover[b-2hexemx7vf] {
    color: var(--l2-color-text-primary);
}

.l2-breadcrumb__link:focus-visible[b-2hexemx7vf] {
    outline: 2px solid var(--l2-color-accent-tenant);
    outline-offset: 2px;
    border-radius: 2px;
}

.l2-breadcrumb__link--no-href[b-2hexemx7vf] {
    cursor: default;
}

.l2-breadcrumb__link--no-href:hover[b-2hexemx7vf] {
    color: inherit;
}

.l2-breadcrumb__separator[b-2hexemx7vf] {
    color: var(--l2-color-text-muted);
    user-select: none;
}

.l2-breadcrumb--band .l2-breadcrumb__current[b-2hexemx7vf] {
    color: var(--l2-color-text-primary);
    font-weight: 600;
}

.l2-breadcrumb--inline .l2-breadcrumb__current[b-2hexemx7vf] {
    color: var(--l2-color-text-primary);
    font-weight: 500;
}

@media (max-width: 768px) {
    .l2-breadcrumb--band[b-2hexemx7vf] {
        padding: var(--l2-space-12) var(--l2-space-16);
    }
}
/* /Components/Shared/Callout/L2Callout.razor.rz.scp.css */
.l2-callout[b-zpyb7n5o8l] {
    display: flex;
    align-items: flex-start;
    gap: var(--l2-space-16);
    padding: var(--l2-space-16);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    margin: var(--l2-space-32) 0;
}

.l2-callout--warning[b-zpyb7n5o8l] {
    border-left: 4px solid var(--l2-color-warning-base);
}

.l2-callout--info[b-zpyb7n5o8l] {
    border-left: 4px solid var(--l2-color-info-base);
}

.l2-callout--success[b-zpyb7n5o8l] {
    border-left: 4px solid var(--l2-color-success-base);
}

.l2-callout--error[b-zpyb7n5o8l] {
    border-left: 4px solid var(--l2-color-danger-base);
}

.l2-callout__icon[b-zpyb7n5o8l] {
    width: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: var(--l2-space-2);
}

.l2-callout--warning .l2-callout__icon[b-zpyb7n5o8l] {
    color: var(--l2-color-warning-base);
}

.l2-callout--info .l2-callout__icon[b-zpyb7n5o8l] {
    color: var(--l2-color-info-base);
}

.l2-callout--success .l2-callout__icon[b-zpyb7n5o8l] {
    color: var(--l2-color-success-base);
}

.l2-callout--error .l2-callout__icon[b-zpyb7n5o8l] {
    color: var(--l2-color-danger-base);
}

.l2-callout__body[b-zpyb7n5o8l] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-4);
}

.l2-callout__heading[b-zpyb7n5o8l] {
    margin: 0;
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
}

.l2-callout__lede[b-zpyb7n5o8l] {
    margin: 0;
    font-size: var(--l2-type-size-14);
    line-height: 1.5;
    color: var(--l2-color-text-secondary);
}
/* /Components/Shared/Chip/L2GradeChip.razor.rz.scp.css */
.l2-grade-chip[b-vmpaje2pdm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 var(--l2-chip-padding-x);
    border-radius: var(--l2-chip-radius);
    background: var(--l2-chip-grade-ng-bg);
    color: var(--l2-chip-grade-text-light);
    border: 1px solid transparent;
    font-family: var(--l2-font-mono);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
}

.l2-grade-chip--ng[b-vmpaje2pdm]  { background: var(--l2-chip-grade-ng-bg); }
.l2-grade-chip--d[b-vmpaje2pdm]   { background: var(--l2-chip-grade-d-bg); }
.l2-grade-chip--c[b-vmpaje2pdm]   { background: var(--l2-chip-grade-c-bg); }
.l2-grade-chip--b[b-vmpaje2pdm]   { background: var(--l2-chip-grade-b-bg); }
.l2-grade-chip--a[b-vmpaje2pdm]   { background: var(--l2-chip-grade-a-bg); }
.l2-grade-chip--s[b-vmpaje2pdm] {
    background: var(--l2-chip-grade-s-bg);
    color: var(--l2-chip-grade-text-dark);
}
.l2-grade-chip--s80[b-vmpaje2pdm] {
    background: var(--l2-chip-grade-s80-bg);
    color: var(--l2-chip-grade-text-dark);
}
.l2-grade-chip--s84[b-vmpaje2pdm] {
    background: var(--l2-chip-grade-s84-bg);
    color: var(--l2-chip-grade-text-dark);
}
/* /Components/Shared/Chip/L2InfoChip.razor.rz.scp.css */
.l2-info-chip[b-fwm3f8dynz] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-4);
    height: 20px;
    padding: 0 var(--l2-chip-padding-x);
    border-radius: var(--l2-chip-radius);
    background: transparent;
    color: var(--l2-color-text-muted);
    border: 1px solid var(--l2-color-border-default);
    font-family: var(--l2-font-mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
}

.l2-info-chip__glyph[b-fwm3f8dynz] {
    display: inline-flex;
    align-items: center;
    color: inherit;
    line-height: 1;
}

.l2-info-chip__label[b-fwm3f8dynz] {
    display: inline-flex;
    align-items: center;
}

.l2-info-chip.l2-info-chip--trait[b-fwm3f8dynz] {
    color: var(--l2-color-text-primary);
    border-color: var(--l2-color-accent-tenant);
    background: color-mix(in srgb, var(--l2-color-accent-tenant) 12%, transparent);
}

.l2-info-chip.l2-info-chip--combat[b-fwm3f8dynz] {
    border-color: var(--l2-color-cobalt-400);
    color: var(--l2-color-cobalt-300);
}

.l2-info-chip.l2-info-chip--non-combat[b-fwm3f8dynz] {
    border-color: var(--l2-color-border-default);
    color: var(--l2-color-text-muted);
}

.l2-info-chip[data-tier="raid"][b-fwm3f8dynz] {
    border-color: var(--l2-color-gold-500);
    color: var(--l2-color-gold-500);
}

.l2-info-chip[data-tier="instance-raid"][b-fwm3f8dynz] {
    border-color: var(--l2-color-cobalt-300);
    color: var(--l2-color-cobalt-300);
}
/* /Components/Shared/Chip/L2SkillElementDot.razor.rz.scp.css */
.l2-element-dot[b-l7tbq020oh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    border-radius: var(--l2-radius-pill);
    flex-shrink: 0;
    vertical-align: middle;
}

.l2-element-dot--fire[b-l7tbq020oh]  { background: var(--l2-color-element-fire); }
.l2-element-dot--water[b-l7tbq020oh] { background: var(--l2-color-element-water); }
.l2-element-dot--wind[b-l7tbq020oh]  { background: var(--l2-color-element-wind); }
.l2-element-dot--earth[b-l7tbq020oh] { background: var(--l2-color-element-earth); }
.l2-element-dot--holy[b-l7tbq020oh]  {
    background: var(--l2-color-element-holy);
    border: 1px solid color-mix(in srgb, var(--l2-color-element-holy) 50%, var(--l2-color-text-primary));
}
.l2-element-dot--unholy[b-l7tbq020oh]  {
    background: var(--l2-color-element-unholy);
    border: 1px solid var(--l2-color-cobalt-400);
}
.l2-element-dot--none[b-l7tbq020oh]  {
    background: transparent;
    border: 1px dashed var(--l2-color-border-default);
}
/* /Components/Shared/Chip/L2StatDeltaChip.razor.rz.scp.css */
.l2-stat-delta-chip[b-xrcoijwftj] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-4);
    padding: var(--l2-space-2) var(--l2-space-8);
    border-radius: var(--l2-radius-pill);
    border: 1px solid var(--l2-color-border-default);
    background: transparent;
    font-size: var(--l2-type-size-12);
    font-family: var(--l2-font-mono);
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.l2-stat-delta-chip__stat[b-xrcoijwftj] {
    color: var(--l2-color-text-secondary);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 600;
}

.l2-stat-delta-chip__delta[b-xrcoijwftj] {
    font-weight: 600;
}

.l2-stat-delta-chip[data-sign="positive"][b-xrcoijwftj] {
    border-color: color-mix(in srgb, var(--l2-color-state-success) 60%, var(--l2-color-border-default));
}

.l2-stat-delta-chip[data-sign="positive"] .l2-stat-delta-chip__delta[b-xrcoijwftj] {
    color: var(--l2-color-state-success);
}

.l2-stat-delta-chip[data-sign="negative"][b-xrcoijwftj] {
    border-color: color-mix(in srgb, var(--l2-color-state-danger) 60%, var(--l2-color-border-default));
}

.l2-stat-delta-chip[data-sign="negative"] .l2-stat-delta-chip__delta[b-xrcoijwftj] {
    color: var(--l2-color-state-danger);
}

.l2-stat-delta-chip[data-sign="zero"] .l2-stat-delta-chip__delta[b-xrcoijwftj] {
    color: var(--l2-color-text-muted);
}
/* /Components/Shared/Class/L2ClassLineageCard.razor.rz.scp.css */
.l2-class-lineage-card[b-qr7mc1xdnd] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-4);
    padding: var(--l2-space-12) var(--l2-space-16);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    min-width: 190px;
    color: var(--l2-color-text-primary);
    transition:
        border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
        background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

a.l2-class-lineage-card[b-qr7mc1xdnd] {
    text-decoration: none;
}

a.l2-class-lineage-card:hover[b-qr7mc1xdnd] {
    border-color: var(--l2-class-accent, var(--l2-color-accent-tenant));
    background: var(--l2-color-surface-overlay);
    text-decoration: none;
}

a.l2-class-lineage-card:focus-visible[b-qr7mc1xdnd] {
    outline: 2px solid var(--l2-color-focus);
    outline-offset: 2px;
}

.l2-class-lineage-card[aria-current="page"][b-qr7mc1xdnd] {
    outline: 2px solid var(--l2-class-accent, var(--l2-color-accent-tenant));
    outline-offset: -2px;
}

.l2-class-lineage-card__head[b-qr7mc1xdnd] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--l2-space-8);
}

.l2-class-lineage-card__tier[b-qr7mc1xdnd] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-accent-tenant);
    letter-spacing: 0.08em;
}

.l2-class-lineage-card__name[b-qr7mc1xdnd] {
    font-size: var(--l2-type-size-16);
    font-weight: 600;
    color: var(--l2-color-text-primary);
}

.l2-class-lineage-card__role[b-qr7mc1xdnd] {
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-muted);
    font-family: var(--l2-font-mono);
    letter-spacing: 0.04em;
}

.l2-class-lineage-card__via[b-qr7mc1xdnd] {
    font-family: var(--l2-font-mono);
    font-size: 11px;
    color: var(--l2-color-text-muted);
    margin-top: var(--l2-space-4);
}
/* /Components/Shared/Class/L2ClassLineageChain.razor.rz.scp.css */
/* Connector arrows */
.l2-class-lineage-chain__arrow[b-8fl2cm4053] {
  align-items: center;
  color: var(--l2-color-text-muted);
  font-size: var(--l2-type-size-18);
}

.l2-class-lineage-chain__arrow--horizontal[b-8fl2cm4053] {
  padding: 0 var(--l2-space-4);
}

.l2-class-lineage-chain__arrow--vertical[b-8fl2cm4053] {
  padding: var(--l2-space-4) 0;
}

/* /Components/Shared/Class/L2ClassLineageMini.razor.rz.scp.css */
.l2-class-lineage-mini__node[b-kl54kx7asc] {
  display: flex;
  align-items: center;
  gap: var(--l2-space-8);
  padding: var(--l2-space-4) var(--l2-space-8);
  font-size: var(--l2-type-size-14);
  color: var(--l2-color-text-secondary);
  border-radius: var(--l2-radius-4);
  text-decoration: none;
  min-width: 0;
}

.l2-class-lineage-mini__node:hover[b-kl54kx7asc] {
  color: var(--l2-color-text-primary);
  text-decoration: none;
}

.l2-class-lineage-mini__node[data-depth="0"][b-kl54kx7asc] {
  padding-left: var(--l2-space-8);
}

.l2-class-lineage-mini__node[data-depth="1"][b-kl54kx7asc] {
  padding-left: var(--l2-space-16);
}

.l2-class-lineage-mini__node[data-depth="2"][b-kl54kx7asc] {
  padding-left: var(--l2-space-24);
}

.l2-class-lineage-mini__node[data-depth="3"][b-kl54kx7asc] {
  padding-left: var(--l2-space-32);
}

.l2-class-lineage-mini__node[aria-current="page"][b-kl54kx7asc] {
  background: var(--l2-color-surface-overlay);
  color: var(--l2-color-text-primary);
  outline: 1px solid var(--l2-class-accent, var(--l2-color-accent-tenant));
}

.l2-class-lineage-mini__node[aria-current="page"] .l2-class-lineage-mini__name[b-kl54kx7asc] {
  font-weight: 600;
  color: var(--l2-color-text-primary);
}

.l2-class-lineage-mini__tier[b-kl54kx7asc] {
  font-family: var(--l2-font-mono);
  font-size: var(--l2-type-size-12);
  color: var(--l2-color-accent-tenant);
  letter-spacing: 0.08em);
  width: 28px;
  flex-shrink: 0;
}

.l2-class-lineage-mini__name[b-kl54kx7asc] {
  color: inherit;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* /Components/Shared/Class/L2ClassSkillTable.razor.rz.scp.css */
/* Wide viewport table (≥Md 960px) */
.l2-class-skill-table[b-wn3c640skc] {
  width: 100%;
  font-variant-numeric: tabular-nums;
  border-collapse: separate;
  border-spacing: 0 var(--l2-space-8);
}

.l2-class-skill-table th[b-wn3c640skc],
.l2-class-skill-table td[b-wn3c640skc] {
  text-align: left;
  padding: var(--l2-space-8) var(--l2-space-12);
  vertical-align: middle;
  font-size: var(--l2-type-size-14);
}

.l2-class-skill-table thead th[b-wn3c640skc] {
  font-family: var(--l2-font-mono);
  font-size: var(--l2-type-size-12);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--l2-color-text-muted);
  font-weight: 400;
  padding-top: 0;
  padding-bottom: var(--l2-space-4);
}

.l2-class-skill-table tbody[b-wn3c640skc] {
  background: var(--l2-color-surface-raised);
  border-left: 2px solid var(--l2-class-accent, var(--l2-color-accent-tenant));
}

.l2-class-skill-table tbody tr:not(:first-child) td.l2-class-skill-table__icon[b-wn3c640skc],
.l2-class-skill-table tbody tr:not(:first-child) td.l2-class-skill-table__name[b-wn3c640skc] {
  visibility: hidden;
}

.l2-class-skill-table__icon[b-wn3c640skc] {
  width: 48px;
  padding-right: var(--l2-space-8);
}

.l2-class-skill-table__name[b-wn3c640skc] {
  width: 200px;
}

.l2-class-skill-table__name a[b-wn3c640skc] {
  color: var(--l2-color-text-primary);
  font-weight: 600;
}

.l2-class-skill-table__level[b-wn3c640skc],
.l2-class-skill-table__magic[b-wn3c640skc] {
  width: 80px;
  white-space: nowrap;
}

.l2-class-skill-table__description[b-wn3c640skc] {
  color: var(--l2-color-text-secondary);
}

/* Mobile card view (<Md 960px) */
.l2-class-skill-card[b-wn3c640skc] {
  border: 1px solid var(--l2-color-border-default);
  border-left: 3px solid var(--l2-class-accent, var(--l2-color-accent-tenant));
  border-radius: var(--l2-radius-4);
  margin-bottom: var(--l2-space-12);
  padding: var(--l2-space-12);
  background: var(--l2-color-surface-raised);
}

.l2-class-skill-card__row[b-wn3c640skc] {
  display: flex;
  flex-direction: column;
  gap: var(--l2-space-4);
}

.l2-class-skill-card__row--continuation[b-wn3c640skc] {
  padding-top: var(--l2-space-8);
  margin-top: var(--l2-space-8);
  border-top: 1px solid var(--l2-color-border-default);
}

.l2-class-skill-card__header[b-wn3c640skc] {
  display: flex;
  align-items: center;
  gap: var(--l2-space-8);
  margin-bottom: var(--l2-space-4);
}

.l2-class-skill-card__name[b-wn3c640skc] {
  color: var(--l2-color-text-primary);
  font-weight: 600;
  font-size: var(--l2-type-size-14);
}

.l2-class-skill-card__meta[b-wn3c640skc] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--l2-space-8);
}

.l2-class-skill-card__description[b-wn3c640skc] {
  color: var(--l2-color-text-secondary);
  font-size: var(--l2-type-size-14);
  margin-top: var(--l2-space-4);
}
/* /Components/Shared/Class/L2ClassSkillTabs.razor.rz.scp.css */
/* Override MudTabs strip styling to match mockup */
.l2-class-skill-tabs[b-xege32lzon]  .mud-tabs-toolbar {
  border-bottom: 1px solid var(--l2-color-border-default);
  margin-bottom: var(--l2-space-16);
  gap: var(--l2-space-4);
}

.l2-class-skill-tabs[b-xege32lzon]  .mud-tab {
  font-family: var(--l2-font-mono);
  font-size: var(--l2-type-size-12);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--l2-color-text-secondary);
  min-width: 48px;
  padding: var(--l2-space-8) var(--l2-space-16);
}

.l2-class-skill-tabs[b-xege32lzon]  .mud-tab:hover {
  color: var(--l2-color-text-primary);
}

.l2-class-skill-tabs[b-xege32lzon]  .mud-tab.mud-tab-active {
  color: var(--l2-color-text-primary);
}

.l2-class-skill-tabs[b-xege32lzon]  .mud-tabs-toolbar-content {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.l2-class-skill-tabs[b-xege32lzon]  .mud-tab-slider {
  background-color: var(--l2-class-accent, var(--l2-color-accent-tenant));
  height: 2px;
}
/* /Components/Shared/CodexTile/L2CodexTile.razor.rz.scp.css */
.l2-codex-tile[b-9h7lz3rhy1] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
    padding: var(--l2-space-24);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-16);
    background-color: var(--l2-color-surface-raised);
    color: var(--l2-color-text-primary);
    text-decoration: none;
    transition:
        border-color var(--l2-motion-duration-base) var(--l2-motion-easing-standard),
        box-shadow var(--l2-motion-duration-base) var(--l2-motion-easing-standard);
}

.l2-codex-tile:hover[b-9h7lz3rhy1],
.l2-codex-tile:focus-visible[b-9h7lz3rhy1] {
    border-color: var(--l2-color-border-strong);
    box-shadow: inset 0 0 24px -8px var(--l2-color-tenant-glow);
    outline: none;
}

.l2-codex-tile__sigil[b-9h7lz3rhy1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--l2-size-icon-lg);
    height: var(--l2-size-icon-lg);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-12);
    background-color: var(--l2-color-surface-sunken);
    color: var(--l2-color-tenant-sigil);
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-32);
    line-height: 1;
}

.l2-codex-tile__image[b-9h7lz3rhy1] {
    display: block;
    width: var(--l2-size-icon-lg);
    height: var(--l2-size-icon-lg);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-12);
    background-color: var(--l2-color-surface-sunken);
    object-fit: cover;
}

.l2-codex-tile__sigil--svg[b-9h7lz3rhy1] {
    padding: var(--l2-space-8);
}

.l2-codex-tile__sigil--svg svg[b-9h7lz3rhy1] {
    width: 100%;
    height: 100%;
}

.l2-codex-tile__head[b-9h7lz3rhy1] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-4);
}

.l2-codex-tile__head[b-9h7lz3rhy1]  .l2-codex-tile__title {
    margin: 0;
    color: var(--l2-color-text-primary);
    font-family: var(--l2-font-display);
}

.l2-codex-tile__head[b-9h7lz3rhy1]  .l2-codex-tile__count {
    color: var(--l2-color-text-secondary);
    font-family: var(--l2-font-mono);
    font-variant-numeric: tabular-nums;
    font-size: var(--l2-type-size-12);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.l2-codex-tile[b-9h7lz3rhy1]  .l2-codex-tile__desc {
    margin: 0;
    color: var(--l2-color-text-secondary);
}

@media (prefers-reduced-motion: reduce) {
    .l2-codex-tile[b-9h7lz3rhy1] {
        transition: none;
    }
}
/* /Components/Shared/DropChanceCell/L2DropChanceCell.razor.rz.scp.css */
.l2-chance-cell[b-o2j1yez4gk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 130px;
    font-family: var(--l2-font-mono);
    font-variant-numeric: tabular-nums;
}

.l2-chance-cell__bar[b-o2j1yez4gk] {
    position: relative;
    height: 6px;
    width: 100%;
    border-radius: var(--l2-radius-4);
    background: color-mix(in srgb, var(--l2-color-surface-raised) 60%, var(--l2-color-border-default) 40%);
    overflow: hidden;
}

.l2-chance-cell__bar-fill[b-o2j1yez4gk] {
    height: 100%;
    border-radius: var(--l2-radius-4);
    transition: width var(--l2-motion-duration-base) var(--l2-motion-easing-standard);
}

.l2-chance-cell__bar-fill--very-common[b-o2j1yez4gk] { background: var(--l2-color-success-base); }
.l2-chance-cell__bar-fill--common[b-o2j1yez4gk]      { background: color-mix(in srgb, var(--l2-color-success-base) 70%, var(--l2-color-warning-base) 30%); }
.l2-chance-cell__bar-fill--uncommon[b-o2j1yez4gk]    { background: var(--l2-color-warning-base); }
.l2-chance-cell__bar-fill--rare[b-o2j1yez4gk]        { background: color-mix(in srgb, var(--l2-color-warning-base) 60%, var(--l2-color-danger-base) 40%); }
.l2-chance-cell__bar-fill--very-rare[b-o2j1yez4gk]   { background: var(--l2-color-danger-base); }

.l2-chance-cell__meta[b-o2j1yez4gk] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
}

.l2-chance-cell__bucket[b-o2j1yez4gk] {
    font-size: var(--l2-type-size-12);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
}

.l2-chance-cell__bucket--very-common[b-o2j1yez4gk],
.l2-chance-cell__bucket--common[b-o2j1yez4gk]      { color: var(--l2-color-success-base); }
.l2-chance-cell__bucket--uncommon[b-o2j1yez4gk]    { color: var(--l2-color-warning-base); }
.l2-chance-cell__bucket--rare[b-o2j1yez4gk],
.l2-chance-cell__bucket--very-rare[b-o2j1yez4gk]   { color: var(--l2-color-danger-base); }

.l2-chance-cell__value[b-o2j1yez4gk] {
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-secondary);
}

/* Convention exception: prefers-reduced-motion is a user-preference feature query (not a viewport-width breakpoint); MudBlazor has no equivalent primitive. */
@media (prefers-reduced-motion: reduce) {
    .l2-chance-cell__bar-fill[b-o2j1yez4gk] { transition: none; }
}
/* /Components/Shared/DynamicSearchResultTable/DynamicSearchResultTable.razor.rz.scp.css */
.l2db-search-table[b-fbz4a2g7oq]  .mud-table-head .mud-table-cell {
    border-bottom: 1px solid color-mix(in srgb, var(--l2-color-accent-tenant) 35%, transparent);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.7rem;
    color: var(--mud-palette-text-secondary);
}

.l2db-search-table[b-fbz4a2g7oq]  .mud-table-row:hover {
    background-color: color-mix(in srgb, var(--l2-color-accent-tenant) 6%, transparent);
}
/* /Components/Shared/EffectList/L2EffectList.razor.rz.scp.css */
.l2-effect-list[b-pr48he9ap1] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
    margin: 0;
    padding: 0;
    list-style: none;
}

.l2-effect-chip[b-pr48he9ap1] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-12);
    padding: var(--l2-space-12) var(--l2-space-16);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-left: 2px solid var(--l2-grade-accent, var(--l2-color-accent-tenant));
    border-radius: var(--l2-radius-4);
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-primary);
}

.l2-effect-chip[b-pr48he9ap1]::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--l2-grade-accent, var(--l2-color-accent-tenant));
    opacity: 0.7;
    flex-shrink: 0;
}
/* /Components/Shared/EntityMeta/L2EntityMetadataCell.razor.rz.scp.css */
.l2-entity-metadata-strip__cell[b-mf8aepy973] {
    display: contents;
}

.l2-entity-metadata-strip__label[b-mf8aepy973] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.08em;
    color: var(--l2-color-text-muted);
    text-transform: uppercase;
    margin: 0;
}

.l2-entity-metadata-strip__value[b-mf8aepy973] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-8);
    justify-self: end;
    font-size: var(--l2-type-size-14);
    font-weight: 400;
    color: var(--l2-color-text-primary);
    font-variant-numeric: tabular-nums;
    margin: 0;
}
/* /Components/Shared/EntityMeta/L2EntityMetadataStrip.razor.rz.scp.css */
.l2-entity-metadata-strip[b-v1yun96xsj] {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: var(--l2-space-12);
    row-gap: var(--l2-space-4);
    align-items: baseline;
    align-self: start;
    margin: 0;
}
/* /Components/Shared/Error/L2ErrorChassis.razor.rz.scp.css */
.l2-error-chassis[b-ro6exx6ijv] {
    width: 100%;
    max-width: 640px;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.l2-error-chassis__decoration[b-ro6exx6ijv] {
    width: 64px;
    height: 64px;
    stroke: var(--l2-color-text-muted);
    stroke-width: 1.5;
    fill: none;
    opacity: 0.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    margin-bottom: var(--l2-space-16);
}

.l2-error-chassis__code[b-ro6exx6ijv] {
    font-family: var(--l2-font-display);
    font-size: clamp(96px, 12vw, 144px);
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 1;
    color: var(--l2-error-accent);
    margin-bottom: var(--l2-space-16);
}

.l2-error-chassis__title[b-ro6exx6ijv] {
    font-family: var(--l2-font-display);
    font-size: clamp(var(--l2-type-size-24), 5vw, var(--l2-type-size-32));
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.2;
    color: var(--l2-color-text-primary);
    margin-bottom: var(--l2-space-12);
}

.l2-error-chassis__subtitle[b-ro6exx6ijv] {
    font-size: var(--l2-type-size-16);
    line-height: 1.6;
    color: var(--l2-color-text-secondary);
    max-width: 520px;
    margin-bottom: var(--l2-space-32);
}

.l2-error-chassis__actions[b-ro6exx6ijv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--l2-space-12);
    width: 100%;
}

.l2-error-chassis__action[b-ro6exx6ijv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--l2-space-8);
    min-height: 44px;
    min-width: 44px;
    padding: 0 var(--l2-space-24);
    border-radius: var(--l2-radius-4);
    border: 1px solid transparent;
    font-family: var(--l2-font-body);
    font-size: var(--l2-type-size-14);
    font-weight: 500;
    letter-spacing: 0.02em;
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
        border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
        color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-error-chassis__action:focus-visible[b-ro6exx6ijv] {
    outline: 2px solid var(--l2-error-accent);
    outline-offset: 2px;
}

.l2-error-chassis__action svg[b-ro6exx6ijv] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.l2-error-chassis__action--primary[b-ro6exx6ijv] {
    background-color: var(--l2-error-accent);
    color: var(--l2-color-text-on-action);
}

.l2-error-chassis__action--primary:hover[b-ro6exx6ijv] {
    background-color: var(--l2-color-accent-tenant-hover);
}

.l2-error-chassis__action--primary:active[b-ro6exx6ijv] {
    background-color: var(--l2-color-accent-tenant-hover);
    transform: translateY(1px);
}

.l2-error-chassis__action--secondary[b-ro6exx6ijv] {
    background-color: transparent;
    color: var(--l2-color-text-primary);
    border-color: var(--l2-color-border-default);
}

.l2-error-chassis__action--secondary:hover[b-ro6exx6ijv] {
    border-color: var(--l2-color-border-strong);
    background-color: var(--l2-color-surface-raised);
}

.l2-error-chassis__search-nudge[b-ro6exx6ijv] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
    margin-top: var(--l2-space-48);
    text-align: left;
}

.l2-error-chassis__search-label[b-ro6exx6ijv] {
    display: block;
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-secondary);
    text-align: center;
}

.l2-error-chassis__search-input-wrap[b-ro6exx6ijv] {
    position: relative;
    display: flex;
    align-items: center;
    height: 48px;
    background: var(--l2-color-surface-sunken);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-4);
    padding: 0 var(--l2-space-8) 0 var(--l2-space-16);
    gap: var(--l2-space-12);
    transition: border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-error-chassis__search-input-wrap:focus-within[b-ro6exx6ijv] {
    border-color: var(--l2-error-accent);
    outline: 2px solid color-mix(in srgb, var(--l2-error-accent) 35%, transparent);
    outline-offset: 0;
}

.l2-error-chassis__search-icon[b-ro6exx6ijv] {
    width: var(--l2-size-icon-xs);
    height: var(--l2-size-icon-xs);
    color: var(--l2-color-text-muted);
    flex-shrink: 0;
}

.l2-error-chassis__search-input[b-ro6exx6ijv] {
    flex: 1;
    background: none;
    border: none;
    outline: none;
    color: var(--l2-color-text-primary);
    font-family: var(--l2-font-body);
    font-size: var(--l2-type-size-16);
    height: 100%;
    min-width: 0;
    padding: 0;
}

.l2-error-chassis__search-input[b-ro6exx6ijv]::placeholder {
    color: var(--l2-color-text-muted);
}

.l2-error-chassis__search-submit[b-ro6exx6ijv] {
    width: 36px;
    height: 36px;
    border-radius: var(--l2-radius-4);
    border: none;
    background: var(--l2-color-surface-raised);
    color: var(--l2-color-text-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition:
        background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
        color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-error-chassis__search-submit:hover[b-ro6exx6ijv] {
    background: var(--l2-color-surface-overlay);
    color: var(--l2-color-text-primary);
}

.l2-error-chassis__search-submit:focus-visible[b-ro6exx6ijv] {
    outline: 2px solid var(--l2-error-accent);
    outline-offset: 2px;
}

.l2-error-chassis__search-submit svg[b-ro6exx6ijv] {
    width: var(--l2-size-icon-xs);
    height: var(--l2-size-icon-xs);
}

.l2-error-chassis__search-suggestions[b-ro6exx6ijv] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    background: var(--l2-color-surface-overlay);
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
}

.l2-error-chassis__search-suggestion[b-ro6exx6ijv] {
    display: flex;
    padding: var(--l2-space-12) var(--l2-space-16);
    text-align: left;
    border-bottom: 1px solid var(--l2-color-border-default);
    text-decoration: none;
    transition: background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-error-chassis__search-suggestion:last-child[b-ro6exx6ijv] {
    border-bottom: none;
}

.l2-error-chassis__search-suggestion:hover[b-ro6exx6ijv] {
    background: var(--l2-color-surface-raised);
}

.l2-error-chassis__search-suggestion .suggestion-kind[b-ro6exx6ijv] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-muted);
    letter-spacing: 0.04em;
    min-width: 120px;
    flex-shrink: 0;
}

.l2-error-chassis__search-suggestion .suggestion-name[b-ro6exx6ijv] {
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-primary);
}

.l2-error-chassis__recent-rail[b-ro6exx6ijv] {
    width: 100%;
    padding: var(--l2-space-16) var(--l2-space-24);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-left: 3px solid var(--l2-error-accent);
    border-radius: 0 var(--l2-radius-4) var(--l2-radius-4) 0;
    margin-top: var(--l2-space-48);
    text-align: left;
}

.l2-error-chassis__recent-heading[b-ro6exx6ijv] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
    margin: 0 0 var(--l2-space-12);
}

.l2-error-chassis__recent-row[b-ro6exx6ijv] {
    display: flex;
    padding: var(--l2-space-12) 0;
    border-top: 1px solid var(--l2-color-border-default);
    text-decoration: none;
    transition: padding var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-error-chassis__recent-row:first-of-type[b-ro6exx6ijv] {
    border-top: none;
}

.l2-error-chassis__recent-row:hover .l2-error-chassis__recent-name[b-ro6exx6ijv] {
    color: var(--l2-error-accent);
}

.l2-error-chassis__recent-row:focus-visible[b-ro6exx6ijv] {
    outline: 2px solid var(--l2-error-accent);
    outline-offset: 2px;
    border-radius: var(--l2-radius-4);
}

.l2-error-chassis__recent-kind[b-ro6exx6ijv] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-muted);
    letter-spacing: 0.04em;
    min-width: 130px;
    flex-shrink: 0;
}

.l2-error-chassis__recent-name[b-ro6exx6ijv] {
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-primary);
    transition: color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-error-chassis__recent-note[b-ro6exx6ijv] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-muted);
    margin-top: var(--l2-space-16);
    padding-top: var(--l2-space-12);
    border-top: 1px solid var(--l2-color-border-default);
    letter-spacing: 0.02em;
}
/* /Components/Shared/Filter/L2ActiveFilterPill.razor.rz.scp.css */
.l2-active-filter-pill[b-3ai6zj1llp] {
    font-size: var(--l2-type-size-12);
    cursor: default;
}

.l2-active-filter-pill[b-3ai6zj1llp]  .mud-chip-content {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-4);
}

.l2-active-filter-pill[b-3ai6zj1llp]  .l2-active-filter-pill__facet {
    color: var(--l2-color-text-secondary);
}

.l2-active-filter-pill[b-3ai6zj1llp]  .l2-active-filter-pill__value {
    color: var(--l2-color-text-primary);
    font-weight: 500;
}

.l2-active-filter-pill:hover[b-3ai6zj1llp]  .l2-active-filter-pill__facet,
.l2-active-filter-pill:hover[b-3ai6zj1llp]  .l2-active-filter-pill__value {
    color: var(--l2-color-accent-tenant-strong);
}
/* /Components/Shared/Filter/L2FilterFacetGroup.razor.rz.scp.css */
.l2-filter-facet-group[b-ncfklfcc1j] {
    border-top: 1px solid var(--l2-color-border-default);
    padding: var(--l2-space-12) 0;
}

.l2-filter-facet-group:first-of-type[b-ncfklfcc1j] {
    border-top: 0;
    padding-top: 0;
}

.l2-filter-facet-group__summary[b-ncfklfcc1j] {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--l2-space-4) 0;
    color: var(--l2-color-text-secondary);
}

.l2-filter-facet-group__summary[b-ncfklfcc1j]::-webkit-details-marker {
    display: none;
}

.l2-filter-facet-group[b-ncfklfcc1j]  .l2-filter-facet-group__label {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    font-weight: 600;
    letter-spacing: 0.1em;
    color: inherit;
}

.l2-filter-facet-group__caret[b-ncfklfcc1j] {
    font-size: 10px;
    opacity: 0.6;
    color: inherit;
}

.l2-filter-facet-group[open] > .l2-filter-facet-group__summary[b-ncfklfcc1j] {
    color: var(--l2-color-text-primary);
}

.l2-filter-facet-group__body[b-ncfklfcc1j] {
    margin-top: var(--l2-space-8);
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
}

.l2-filter-facet-group--grade .l2-filter-facet-group__body[b-ncfklfcc1j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--l2-space-8);
}
/* /Components/Shared/Filter/L2FilterRange.razor.rz.scp.css */
.l2-filter-range[b-ayph16qfqj] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-4);
    padding: var(--l2-space-4) var(--l2-space-8);
}

.l2-filter-range__current[b-ayph16qfqj] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-secondary);
    font-variant-numeric: tabular-nums;
}
/* /Components/Shared/Filter/L2FilterSidebar.razor.rz.scp.css */
.l2-filter-sidebar[b-eborshvuci] {
    background-color: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    padding: var(--l2-space-16);
}

.l2-filter-sidebar__header[b-eborshvuci] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--l2-space-12);
    padding-bottom: var(--l2-space-12);
    border-bottom: 1px solid var(--l2-color-border-default);
}

.l2-filter-sidebar[b-eborshvuci]  .l2-filter-sidebar__title {
    margin: 0;
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    font-weight: 600;
    letter-spacing: 0.12em;
    color: var(--l2-color-text-muted);
}

.l2-filter-sidebar[b-eborshvuci]  .l2-filter-sidebar__reset {
    font-size: var(--l2-type-size-12);
}
/* /Components/Shared/HeroQuickStats/L2HeroQuickStats.razor.rz.scp.css */
.l2-hero-quickstats[b-42cb63mxuf] {
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    background: var(--l2-color-surface-raised);
    overflow: hidden;
    min-height: 56px;
}
/* /Components/Shared/HeroQuickStats/L2HeroQuickStatsCell.razor.rz.scp.css */
.l2-hero-quickstats__value[b-7x628gfoo8] {
    font-size: var(--l2-type-size-18);
    font-weight: 600;
    color: var(--l2-color-accent-tenant);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.l2-hero-quickstats__cell--no-value .l2-hero-quickstats__value[b-7x628gfoo8] {
    color: var(--l2-color-text-muted);
}

.l2-hero-quickstats__label[b-7x628gfoo8] {
    font-family: var(--l2-font-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
    margin-top: 2px;
}
/* /Components/Shared/HeroSkillsPanel/L2NpcHeroSkillsPanel.razor.rz.scp.css */
.l2-npc-hero-skills[b-xp0ooqs2fg] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
    min-width: 0;
}

.l2-npc-hero-skills__heading[b-xp0ooqs2fg] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--l2-space-8);
    padding-block-end: var(--l2-space-4);
    border-block-end: 1px solid var(--l2-color-border-default);
}

.l2-npc-hero-skills__heading-label[b-xp0ooqs2fg] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-accent-tenant);
}

.l2-npc-hero-skills__heading-count[b-xp0ooqs2fg] {
    font-family: var(--l2-font-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    color: var(--l2-color-text-muted);
    font-variant-numeric: tabular-nums;
}

.l2-npc-hero-skills__cells[b-xp0ooqs2fg] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--l2-space-8);
}

.l2-npc-hero-skills__cell[b-xp0ooqs2fg] {
    min-width: 0;
}

.l2-npc-hero-skills__cell-link[b-xp0ooqs2fg] {
    display: inline-flex;
    text-decoration: none;
    border-radius: var(--l2-radius-4);
    transition: transform 120ms ease;
}

.l2-npc-hero-skills__cell-link:hover[b-xp0ooqs2fg] {
    transform: translateY(-1px);
    text-decoration: none;
}

.l2-npc-hero-skills__cell-link:focus-visible[b-xp0ooqs2fg] {
    outline: 2px solid var(--l2-color-accent-tenant);
    outline-offset: 2px;
}

.l2-npc-hero-skills__tt[b-xp0ooqs2fg] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-4);
    max-width: 280px;
}

.l2-npc-hero-skills__tt-header[b-xp0ooqs2fg] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--l2-space-8);
    flex-wrap: wrap;
}

.l2-npc-hero-skills__tt-name[b-xp0ooqs2fg] {
    font-size: var(--l2-type-size-14);
    font-weight: 600;
    color: var(--l2-color-text-primary);
}

.l2-npc-hero-skills__tt-lv[b-xp0ooqs2fg] {
    font-family: var(--l2-font-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
    font-variant-numeric: tabular-nums;
}

.l2-npc-hero-skills__tt-desc[b-xp0ooqs2fg] {
    margin: 0;
    font-size: var(--l2-type-size-12);
    line-height: 1.4;
    color: var(--l2-color-text-secondary);
}
/* /Components/Shared/IconFrame/L2IconFrame.razor.rz.scp.css */
/* --frame-size and --frame-border-color are set inline by L2IconFrame.razor;
   rarity glow is class-driven and consumes shared --rarity-* tokens from tokens.css. */

.l2-icon-frame[b-iye1j4v8qz] {
    position: relative;
    display: inline-block;
    width: var(--frame-size, 40px);
    height: var(--frame-size, 40px);
    border: 1px solid var(--frame-border-color, var(--l2-color-border-default));
    border-radius: 4px;
    background: radial-gradient(circle at center,
        var(--l2-color-surface-raised) 0%,
        var(--l2-color-surface-base) 100%);
    overflow: hidden;
    transition: border-width 200ms cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1),
                transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
}

.l2-icon-frame:hover[b-iye1j4v8qz] {
    border-width: 2px;
}

.l2-icon-frame.rarity-magic:hover[b-iye1j4v8qz] {
    box-shadow: var(--rarity-magic);
}

.l2-icon-frame.rarity-set:hover[b-iye1j4v8qz] {
    box-shadow: var(--rarity-set);
}

.l2-icon-frame.rarity-epic:hover[b-iye1j4v8qz] {
    box-shadow: var(--rarity-epic);
}

.l2-icon-frame.rarity-unique:hover[b-iye1j4v8qz] {
    box-shadow: var(--rarity-unique);
}

.l2-icon-frame.rarity-mythical:hover[b-iye1j4v8qz] {
    box-shadow: var(--rarity-mythical);
}

.l2-icon-frame[b-iye1j4v8qz]  img,
.l2-icon-frame[b-iye1j4v8qz]  .mud-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    pointer-events: none;
}

.l2-icon-frame .grade-badge[b-iye1j4v8qz] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 16px;
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--frame-border-color) 88%, var(--l2-color-neutral-1000)) 0%,
        color-mix(in srgb, var(--frame-border-color) 65%, var(--l2-color-neutral-1000)) 100%);
    color: var(--l2-chip-grade-text-light);
    font-size: 11px;
    font-weight: 800;
    padding: 1px 5px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid color-mix(in srgb, var(--l2-color-neutral-1000) 40%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--l2-color-neutral-1000) 40%, transparent);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 1.3;
    text-shadow: 0 1px 1px color-mix(in srgb, var(--l2-color-neutral-1000) 65%, transparent);
    pointer-events: none;
}

/* Heraldic disc variant — class crests / faction sigils. */
.l2-icon-frame.is-crest[b-iye1j4v8qz] {
    border-radius: 50%;
    border-width: 2px;
}

.l2-icon-frame.is-crest:hover[b-iye1j4v8qz] {
    border-width: 3px;
    transform: scale(1.04);
}
/* /Components/Shared/L2DetailSectionHead.razor.rz.scp.css */
.l2-detail-section-head[b-aif3gm5nkh] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--l2-space-16);
    flex-wrap: wrap;
    margin: 0 0 var(--l2-space-24);
}

.l2-detail-section-head--bordered[b-aif3gm5nkh] {
    padding-block-end: var(--l2-space-12);
    border-block-end: 1px solid var(--l2-color-border-default);
    margin-block-end: var(--l2-space-16);
}

.l2-detail-section-head__title[b-aif3gm5nkh] {
    margin: 0;
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-14);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-text-primary);
}

.l2-detail-section-head__subtitle[b-aif3gm5nkh] {
    margin: 0;
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-muted);
}
/* /Components/Shared/L2DropsTable.razor.rz.scp.css */
.l2-drops-table[b-9zpiacbjdh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.l2-drops-table__filter[b-9zpiacbjdh] {
    padding: 8px 12px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, transparent);
    border: 1px solid var(--mud-palette-divider);
}

.l2-drops-table__filter-label[b-9zpiacbjdh] {
    color: var(--mud-palette-text-secondary);
    letter-spacing: 0.05em;
    flex: 0 0 auto;
}

.l2-drops-table__filter-input[b-9zpiacbjdh] {
    max-width: 110px;
}

.l2-drops-table__filter-count[b-9zpiacbjdh] {
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
    margin-left: auto;
}

.l2-drops-table__chance[b-9zpiacbjdh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 130px;
}

.l2-drops-table__chance-bar[b-9zpiacbjdh] {
    position: relative;
    height: 6px;
    width: 100%;
    border-radius: 3px;
    background: color-mix(in srgb, var(--mud-palette-surface) 60%, var(--mud-palette-divider) 40%);
    overflow: hidden;
}

.l2-drops-table__chance-bar-fill[b-9zpiacbjdh] {
    height: 100%;
    border-radius: 3px;
    transition: width 200ms ease;
}

.l2-drops-table__chance-bar-fill.is-very-common[b-9zpiacbjdh] { background: var(--mud-palette-success); }
.l2-drops-table__chance-bar-fill.is-common[b-9zpiacbjdh] { background: color-mix(in srgb, var(--mud-palette-success) 70%, var(--mud-palette-warning) 30%); }
.l2-drops-table__chance-bar-fill.is-uncommon[b-9zpiacbjdh] { background: var(--mud-palette-warning); }
.l2-drops-table__chance-bar-fill.is-rare[b-9zpiacbjdh] { background: color-mix(in srgb, var(--mud-palette-warning) 60%, var(--mud-palette-error) 40%); }
.l2-drops-table__chance-bar-fill.is-very-rare[b-9zpiacbjdh] { background: var(--mud-palette-error); }

.l2-drops-table__chance-meta[b-9zpiacbjdh] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
    font-variant-numeric: tabular-nums;
}

.l2-drops-table__chance-bucket[b-9zpiacbjdh] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
    opacity: 0.8;
}

.l2-drops-table__chance-bucket.is-very-rare[b-9zpiacbjdh],
.l2-drops-table__chance-bucket.is-rare[b-9zpiacbjdh] { color: var(--mud-palette-error); }
.l2-drops-table__chance-bucket.is-uncommon[b-9zpiacbjdh] { color: var(--mud-palette-warning); }
.l2-drops-table__chance-bucket.is-common[b-9zpiacbjdh],
.l2-drops-table__chance-bucket.is-very-common[b-9zpiacbjdh] { color: var(--mud-palette-success); }

.l2-drops-table__chance-value[b-9zpiacbjdh] {
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
}

[b-9zpiacbjdh] .l2-drops-table__name {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    transition: color 120ms ease;
}

[b-9zpiacbjdh] .l2-drops-table__name:hover,
[b-9zpiacbjdh] .l2-drops-table__name:focus-visible {
    color: var(--mud-palette-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .l2-drops-table__chance-bar-fill[b-9zpiacbjdh] {
        transition: none;
    }
}
/* /Components/Shared/L2InPageNav.razor.rz.scp.css */
.l2-in-page-nav[b-j0rjv85ytz] {
    display: flex;
    flex-direction: column;
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    padding: var(--l2-space-8);
}

.l2-in-page-nav.is-sticky[b-j0rjv85ytz] {
    position: sticky;
    top: var(--l2-in-page-nav-offset, 80px);
}

.l2-in-page-nav__title[b-j0rjv85ytz] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
    margin: 0;
    padding: var(--l2-space-8) var(--l2-space-16);
}

.l2-in-page-nav__list[b-j0rjv85ytz] {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.l2-in-page-nav__link[b-j0rjv85ytz] {
    display: flex;
    align-items: center;
    padding: var(--l2-space-12) var(--l2-space-16);
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-secondary);
    text-decoration: none;
    border-bottom: 1px solid var(--l2-color-border-subtle);
    border-left: 3px solid transparent;
    transition: color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
                background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
                border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-in-page-nav__list > li:last-child .l2-in-page-nav__link[b-j0rjv85ytz] {
    border-bottom: none;
}

.l2-in-page-nav__link:hover[b-j0rjv85ytz] {
    color: var(--l2-color-text-primary);
    text-decoration: none;
    background: var(--l2-color-surface-overlay);
}

.l2-in-page-nav__link:focus-visible[b-j0rjv85ytz] {
    outline: 2px solid var(--l2-color-accent-tenant);
    outline-offset: 2px;
}

.l2-in-page-nav__link[aria-current="location"][b-j0rjv85ytz] {
    color: var(--l2-color-text-primary);
    border-left-color: var(--l2-color-accent-tenant);
    background: var(--l2-color-tenant-tint);
    font-weight: 500;
}

/* Convention exception: prefers-reduced-motion is a user-preference feature query (not a viewport-width breakpoint); MudBlazor has no equivalent primitive. Precedent: L2SectionAnchorNav.razor.css:105. */
@media (prefers-reduced-motion: reduce) {
    .l2-in-page-nav__link[b-j0rjv85ytz] {
        transition: none;
    }
}
/* /Components/Shared/L2SectionAnchorNav.razor.rz.scp.css */
.l2-section-anchor-nav[b-1du5lmel1h] {
    background: var(--l2-color-surface-chrome);
    border-bottom: 1px solid var(--l2-color-border-default);
    height: 48px;
    margin: 0 0 var(--l2-space-32);
    padding: 0 var(--l2-space-24);
    display: flex;
    align-items: stretch;
}

.l2-section-anchor-nav.is-sticky[b-1du5lmel1h] {
    position: sticky;
    top: 56px;
    z-index: 40;
}

.l2-section-anchor-nav.is-fullbleed[b-1du5lmel1h] {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.l2-section-anchor-nav.is-fullbleed.is-sticky[b-1du5lmel1h] {
    margin-top: -1px;
}

.l2-section-anchor-nav__list[b-1du5lmel1h] {
    display: flex;
    gap: var(--l2-space-24);
    align-items: stretch;
    flex-wrap: nowrap;
    height: 100%;
    max-width: 1248px;
    margin: 0 auto;
    width: 100%;
}

.l2-section-anchor-nav__pivot[b-1du5lmel1h] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-4);
    font-size: var(--l2-type-size-14);
    font-weight: 600;
    color: var(--l2-color-text-secondary);
    height: 100%;
    padding: 0 var(--l2-space-4);
    border-bottom: 2px solid transparent;
    transition: color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
                border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
    text-decoration: none;
    white-space: nowrap;
}

.l2-section-anchor-nav__pivot:hover[b-1du5lmel1h] {
    color: var(--l2-color-text-primary);
    text-decoration: none;
}

.l2-section-anchor-nav__pivot:focus-visible[b-1du5lmel1h] {
    outline: 2px solid var(--l2-color-accent-tenant);
    outline-offset: 2px;
}

.l2-section-anchor-nav__pivot[aria-current="true"][b-1du5lmel1h] {
    color: var(--l2-color-text-primary);
    border-bottom-color: var(--l2-color-accent-tenant-strong);
}

.l2-section-anchor-nav__pivot[aria-disabled="true"][b-1du5lmel1h] {
    color: var(--l2-color-text-muted);
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.l2-section-anchor-nav__count[b-1du5lmel1h] {
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-muted);
    margin-left: var(--l2-space-4);
    font-variant-numeric: tabular-nums;
    font-weight: 500;
}

@media (max-width: 768px) {
    .l2-section-anchor-nav[b-1du5lmel1h] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0 0 var(--l2-space-24);
        padding: 0 var(--l2-space-16);
    }

    .l2-section-anchor-nav__list[b-1du5lmel1h] {
        flex-wrap: nowrap;
        flex-shrink: 0;
        min-width: max-content;
    }
}

@media (max-width: 480px) {
    .l2-section-anchor-nav__pivot[b-1du5lmel1h] {
        font-size: var(--l2-type-size-12);
    }
}

@media (prefers-reduced-motion: reduce) {
    .l2-section-anchor-nav__pivot[b-1du5lmel1h] {
        transition: none;
    }
}

/* /Components/Shared/Map/L2NpcLocationMap.razor.rz.scp.css */
.l2-npc-location-map[b-4un2ijdmhy] {
    border: 4px solid #292624;
    border-radius: 0 3px 3px;
    max-width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}
/* /Components/Shared/MinMaxCountComponent.razor.rz.scp.css */
.l2db-min-max[b-j95hgwzmel] {
    font-variant-numeric: tabular-nums;
}
/* /Components/Shared/News/L2NewsCard.razor.rz.scp.css */
.l2-news-card[b-b2aip67j0h] {
    position: relative;
    isolation: isolate;
    display: block;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-16);
    background-color: var(--l2-color-surface-raised);
    color: var(--l2-color-text-primary);
    text-decoration: none;
    transition: border-color var(--l2-motion-duration-base) var(--l2-motion-easing-standard);
}

.l2-news-card--banner[b-b2aip67j0h] {
    min-height: 280px;
}

.l2-news-card--standard[b-b2aip67j0h] {
    min-height: 220px;
}

.l2-news-card:hover[b-b2aip67j0h],
.l2-news-card:focus-visible[b-b2aip67j0h] {
    border-color: var(--l2-color-accent-tenant);
    outline: none;
}

.l2-news-card__bg[b-b2aip67j0h] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.l2-news-card__bg[b-b2aip67j0h]  img.l2-news-card__img {
    width: 100%;
    height: 100%;
    display: block;
    /* !important overrides MudBlazor's .object-center (and siblings) emitted by MudImage. */
    object-position: var(--l2-news-card-img-pos, center) !important;
}

.l2-news-card__scrim[b-b2aip67j0h] {
    position: absolute;
    inset: 0;
    z-index: 1;
    transition: opacity var(--l2-motion-duration-base) var(--l2-motion-easing-standard);
}

.l2-news-card__scrim--subtle[b-b2aip67j0h] {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--l2-color-surface-scrim) 0%, transparent) 0%,
        color-mix(in srgb, var(--l2-color-surface-scrim) 10%, transparent) 40%,
        color-mix(in srgb, var(--l2-color-surface-scrim) 45%, transparent) 65%,
        color-mix(in srgb, var(--l2-color-surface-scrim) 70%, transparent) 100%
    );
}

.l2-news-card__scrim--standard[b-b2aip67j0h] {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--l2-color-surface-scrim) 0%, transparent) 0%,
        color-mix(in srgb, var(--l2-color-surface-scrim) 20%, transparent) 30%,
        color-mix(in srgb, var(--l2-color-surface-scrim) 60%, transparent) 55%,
        color-mix(in srgb, var(--l2-color-surface-scrim) 95%, transparent) 100%
    );
}

.l2-news-card__scrim--strong[b-b2aip67j0h] {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--l2-color-surface-scrim) 35%, transparent) 0%,
        color-mix(in srgb, var(--l2-color-surface-scrim) 55%, transparent) 30%,
        color-mix(in srgb, var(--l2-color-surface-scrim) 80%, transparent) 60%,
        color-mix(in srgb, var(--l2-color-surface-scrim) 100%, transparent) 100%
    );
}

.l2-news-card__scrim--hover[b-b2aip67j0h] {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--l2-color-surface-scrim) 100%);
    opacity: 0;
}

.l2-news-card:hover .l2-news-card__scrim--hover[b-b2aip67j0h],
.l2-news-card:focus-visible .l2-news-card__scrim--hover[b-b2aip67j0h] {
    opacity: 0.6;
}

.l2-news-card__stripe[b-b2aip67j0h] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    z-index: 2;
    background-color: var(--l2-color-accent-tenant);
}

.l2-news-card__content[b-b2aip67j0h] {
    position: absolute;
    inset: auto var(--l2-space-24) var(--l2-space-24) var(--l2-space-24);
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
}

.l2-news-card__content[b-b2aip67j0h]  .l2-news-card__title {
    margin: 0;
    color: var(--l2-color-neutral-50);
    font-family: var(--l2-font-display);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7), 0 0 8px rgba(0, 0, 0, 0.4);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.l2-news-card__content[b-b2aip67j0h]  .l2-news-card__body {
    margin: 0;
    color: var(--l2-color-neutral-200);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
    .l2-news-card[b-b2aip67j0h],
    .l2-news-card__scrim[b-b2aip67j0h] {
        transition: none;
    }
}
/* /Components/Shared/PageHeader/L2PageHeader.razor.rz.scp.css */
.l2-page-header[b-evjjs9ukeh] {
    padding: var(--l2-space-24);
    background: var(--l2-color-surface-base);
    border-bottom: 1px solid var(--l2-color-border-default);
}

.l2-page-header__main[b-evjjs9ukeh] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-4);
    min-width: 0;
}

.l2-page-header__action[b-evjjs9ukeh] {
    flex-shrink: 0;
}

.l2-page-header[b-evjjs9ukeh]  .l2-page-header__eyebrow {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    line-height: 1.4;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
    margin: 0;
}

.l2-page-header[b-evjjs9ukeh]  .l2-page-header__title {
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-32);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--l2-color-text-primary);
    margin: 0;
}

.l2-page-header[b-evjjs9ukeh]  .l2-page-header__subtitle {
    font-family: var(--l2-font-sans);
    font-size: var(--l2-type-size-16);
    line-height: 1.4;
    color: var(--l2-color-text-secondary);
    margin: var(--l2-space-4) 0 0;
    max-width: 720px;
}

@media (max-width: 768px) {
    .l2-page-header[b-evjjs9ukeh] {
        padding: var(--l2-space-24) var(--l2-space-16);
    }
}
/* /Components/Shared/PageTemplates/DetailPageTemplate.razor.rz.scp.css */
.l2db-detail-template__sidebar[b-s2hlwakz7n] {
    position: sticky;
    top: 88px;
}

@media (max-width: 959px) {
    .l2db-detail-template__sidebar[b-s2hlwakz7n] {
        position: static;
    }
}
/* /Components/Shared/PageTemplates/ErrorPageTemplate.razor.rz.scp.css */
.l2db-error-template__actions[b-q52bw6z5is] {
    margin-block-start: 1rem;
}
/* /Components/Shared/Pagination/L2Pagination.razor.rz.scp.css */
.l2-pagination[b-12vb2bfug9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--l2-space-8);
}

.l2-pagination[b-12vb2bfug9]  .mud-pagination {
    gap: var(--l2-space-4);
}

.l2-pagination[b-12vb2bfug9]  .mud-pagination-item .mud-button,
.l2-pagination[b-12vb2bfug9]  .mud-pagination-item .mud-icon-button {
    height: 28px;
    min-width: 28px;
    padding: 0 var(--l2-space-12);
    border-radius: var(--l2-radius-pill);
    border: 1px solid var(--l2-color-border-default);
    background-color: transparent;
    color: var(--l2-color-text-secondary);
    font-family: var(--l2-font-sans);
    font-size: var(--l2-type-size-13);
    font-variant-numeric: tabular-nums;
    transition:
        border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
        color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
        background-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-pagination[b-12vb2bfug9]  .mud-pagination-item .mud-button:hover,
.l2-pagination[b-12vb2bfug9]  .mud-pagination-item .mud-icon-button:hover {
    border-color: var(--l2-color-border-strong);
    color: var(--l2-color-text-primary);
    background-color: transparent;
}

.l2-pagination[b-12vb2bfug9]  .mud-pagination-item-selected .mud-button,
.l2-pagination[b-12vb2bfug9]  .mud-pagination-item-selected .mud-icon-button {
    background-color: var(--l2-color-action-primary);
    color: var(--l2-color-text-on-action);
    border-color: var(--l2-color-action-primary);
}

.l2-pagination[b-12vb2bfug9]  .mud-pagination-item-selected .mud-button:hover,
.l2-pagination[b-12vb2bfug9]  .mud-pagination-item-selected .mud-icon-button:hover {
    background-color: var(--l2-color-action-primary);
    color: var(--l2-color-text-on-action);
    border-color: var(--l2-color-action-primary);
}

.l2-pagination[b-12vb2bfug9]  .mud-pagination-item .mud-icon-button .mud-icon-root {
    color: inherit;
}

.l2-pagination__hint[b-12vb2bfug9] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-muted);
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
    .l2-pagination[b-12vb2bfug9]  .mud-pagination-item .mud-button,
    .l2-pagination[b-12vb2bfug9]  .mud-pagination-item .mud-icon-button {
        transition: none;
    }
}

@media (max-width: 768px) {
    .l2-pagination__hint[b-12vb2bfug9] {
        display: none;
    }
}
/* /Components/Shared/Pill/L2NpcRespawnPill.razor.rz.scp.css */
.l2-npc-respawn-pill[b-00b1s7pwyc] {
    display: inline-flex;
    align-items: center;
    background: var(--l2-color-cobalt-100);
    color: var(--l2-color-cobalt-900);
    border-radius: var(--l2-radius-pill);
    padding: 2px var(--l2-space-12);
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-14);
    font-weight: 600;
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
}
/* /Components/Shared/Race/L2ClassProgressionTree.razor.rz.scp.css */
.l2-class-tree-topdown[data-race="human"][b-b04lgppjfq]    { --l2-race-accent: var(--l2-color-cobalt-500); }
.l2-class-tree-topdown[data-race="elf"][b-b04lgppjfq]      { --l2-race-accent: var(--l2-color-cobalt-400); }
.l2-class-tree-topdown[data-race="dark_elf"][b-b04lgppjfq] { --l2-race-accent: var(--l2-color-neutral-500); }
.l2-class-tree-topdown[data-race="dwarf"][b-b04lgppjfq]    { --l2-race-accent: var(--l2-color-gold-500); }
.l2-class-tree-topdown[data-race="orc"][b-b04lgppjfq]      { --l2-race-accent: var(--l2-color-danger-base); }

.l2-class-tree-topdown__wrap[b-b04lgppjfq] {
    padding: var(--l2-space-24) 0 var(--l2-space-16);
}

.l2-class-tree-topdown__wrap + .l2-class-tree-topdown__wrap[b-b04lgppjfq] {
    margin-top: var(--l2-space-32);
}

.l2-class-tree-topdown[b-b04lgppjfq] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: relative;
}

.l2-class-tree-topdown ul[b-b04lgppjfq] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    padding-top: var(--l2-space-24);
}

.l2-class-tree-topdown li[b-b04lgppjfq] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    padding-inline: var(--l2-space-8);
}

.l2-class-tree-topdown ul > li[b-b04lgppjfq]::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(0px - var(--l2-space-24));
    width: 0;
    height: var(--l2-space-24);
    border-left: 1px dashed var(--l2-color-border-default);
    transform: translateX(-0.5px);
}

.l2-class-tree-topdown ul > li[b-b04lgppjfq]::after {
    content: "";
    position: absolute;
    top: calc(0px - var(--l2-space-24));
    left: 0;
    right: 0;
    height: 0;
    border-top: 1px dashed var(--l2-color-border-default);
}

.l2-class-tree-topdown ul > li:first-child:not(:only-child)[b-b04lgppjfq]::after { left: 50%; }
.l2-class-tree-topdown ul > li:last-child:not(:only-child)[b-b04lgppjfq]::after  { right: 50%; }
.l2-class-tree-topdown ul > li:only-child[b-b04lgppjfq]::after                   { content: none; }

.l2-class-tree-topdown__card[b-b04lgppjfq] {
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: var(--l2-space-4);
    min-width: 110px;
    max-width: 150px;
    padding: var(--l2-space-8) var(--l2-space-12);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    background: var(--l2-color-surface-raised);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    position: relative;
    z-index: 1;
}

.l2-class-tree-topdown ul > li > .l2-class-tree-topdown__card[b-b04lgppjfq]::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(0px - var(--l2-space-4) / 2);
    width: var(--l2-space-4);
    height: var(--l2-space-4);
    background: var(--l2-color-border-default);
    border-radius: var(--l2-radius-pill);
    transform: translate(-50%, -50%);
}

.l2-class-tree-topdown li[data-active="true"] > .l2-class-tree-topdown__card[b-b04lgppjfq] {
    border-color: var(--l2-race-accent);
}

.l2-class-tree-topdown li[data-active="true"] > .l2-class-tree-topdown__card[b-b04lgppjfq]::before {
    background: var(--l2-race-accent);
}

.l2-class-tree-topdown li[data-active="true"][b-b04lgppjfq]::before {
    border-left-color: var(--l2-race-accent);
}

.l2-class-tree-topdown__row[b-b04lgppjfq] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-8);
    flex-wrap: nowrap;
    min-height: 24px;
    min-width: 0;
}

.l2-class-tree-topdown__tier[b-b04lgppjfq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 24px;
    height: 18px;
    padding: 0 var(--l2-space-4);
    border-radius: var(--l2-radius-4);
    border: 1px solid var(--l2-color-border-default);
    background: var(--l2-color-surface-sunken);
    color: var(--l2-color-text-muted);
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.l2-class-tree-topdown__link[b-b04lgppjfq] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-primary);
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.25;
    white-space: normal;
    word-break: keep-all;
    text-decoration: none;
}

.l2-class-tree-topdown__link:hover[b-b04lgppjfq] {
    color: var(--l2-race-accent);
}

.l2-class-tree-topdown__caption[b-b04lgppjfq] {
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-muted);
    font-family: var(--l2-font-mono);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
}

/* Residual @media — at MudBlazor's Lg=1280 boundary (1279.98px = standard
 * anti-overlap convention). MudBlazor flex-column/flex-lg-row/gap-4/gap-lg-0
 * utility classes on the T0 children <ul> drive the column<->row + gap pivot;
 * flex-wrap/flex-lg-nowrap on the T1 children <ul> drives the wrap pivot.
 * Only the parts utility classes cannot reach survive here: pseudo-element
 * suppression (no class hook on ::before/::after) and rail-card framing
 * (MudBlazor v9 has no breakpoint variants for border/background/min-width). */
@media (max-width: 1279.98px) {
    .l2-class-tree-topdown__wrap[b-b04lgppjfq] {
        padding: var(--l2-space-16) 0;
    }

    .l2-class-tree-topdown > li > ul[b-b04lgppjfq] {
        padding-top: var(--l2-space-16);
    }

    .l2-class-tree-topdown > li > ul > li[b-b04lgppjfq]::before,
    .l2-class-tree-topdown > li > ul > li[b-b04lgppjfq]::after,
    .l2-class-tree-topdown > li > ul > li > .l2-class-tree-topdown__card[b-b04lgppjfq]::before {
        content: none;
    }

    .l2-class-tree-topdown > li > ul > li[b-b04lgppjfq] {
        border: 1px solid var(--l2-color-border-default);
        border-radius: var(--l2-radius-8);
        background: var(--l2-color-surface-sunken);
        padding: var(--l2-space-16);
        align-items: stretch;
    }

    .l2-class-tree-topdown > li > ul > li > ul[b-b04lgppjfq] {
        row-gap: var(--l2-space-24);
    }

    .l2-class-tree-topdown > li > ul > li > ul > li[b-b04lgppjfq] {
        flex-basis: 100%;
    }

    .l2-class-tree-topdown > li > ul > li > ul > li + li[b-b04lgppjfq] {
        padding-top: var(--l2-space-16);
        border-top: 1px dashed var(--l2-color-border-default);
    }

    .l2-class-tree-topdown > li > ul > li .l2-class-tree-topdown__card[b-b04lgppjfq] {
        min-width: 80px;
    }
}

/* Tablet-and-under indented file-tree mode — chain-illusion fix.
 * The rail-mode pattern (T2 sub-trees stacked + dashed sibling separator) reads
 * as a linear chain at ≤Md (959.98px) because every connector is the same thin
 * dashed line. Switch to indented L-shape guides (├─ / └─) so parent-child vs
 * sibling relationships are unambiguous. Covers MudBlazor Md=960px boundary
 * (tablet portrait + phone); rail-mode survives at 960-1279.98px (tablet
 * landscape + small laptop) where there's room for 2-3 cards per row. DOM
 * unchanged. */
@media (max-width: 959.98px) {
    .l2-class-tree-topdown[b-b04lgppjfq] {
        align-items: stretch;
    }

    .l2-class-tree-topdown > li[b-b04lgppjfq] {
        align-items: stretch;
    }

    .l2-class-tree-topdown ul[b-b04lgppjfq] {
        flex-direction: column;
        align-items: stretch;
        padding-top: 0;
        padding-left: var(--l2-space-24);
        gap: 0;
        row-gap: 0;
    }

    .l2-class-tree-topdown > li > ul > li[b-b04lgppjfq] {
        border: none;
        background: transparent;
        padding: 0;
        align-items: stretch;
    }

    .l2-class-tree-topdown ul > li[b-b04lgppjfq] {
        flex-basis: auto;
        align-items: stretch;
        padding-inline: 0;
        padding-top: var(--l2-space-12);
        border-top: none;
        position: relative;
    }

    .l2-class-tree-topdown ul > li[b-b04lgppjfq]::before {
        content: "";
        position: absolute;
        left: calc(var(--l2-space-12) * -1);
        top: 0;
        bottom: 0;
        width: 0;
        height: auto;
        border-top: none;
        border-left: 1px dashed var(--l2-color-border-default);
        transform: none;
    }

    .l2-class-tree-topdown ul > li:last-child[b-b04lgppjfq]::before {
        bottom: auto;
        height: calc(var(--l2-space-12) * 2 + var(--l2-space-8));
    }

    .l2-class-tree-topdown ul > li[b-b04lgppjfq]::after,
    .l2-class-tree-topdown ul > li:first-child:not(:only-child)[b-b04lgppjfq]::after,
    .l2-class-tree-topdown ul > li:last-child:not(:only-child)[b-b04lgppjfq]::after,
    .l2-class-tree-topdown ul > li:only-child[b-b04lgppjfq]::after {
        content: "";
        position: absolute;
        left: calc(var(--l2-space-12) * -1);
        right: auto;
        top: calc(var(--l2-space-12) * 2 + var(--l2-space-8));
        width: var(--l2-space-12);
        height: 0;
        border-top: 1px dashed var(--l2-color-border-default);
        border-left: none;
    }

    .l2-class-tree-topdown ul > li > .l2-class-tree-topdown__card[b-b04lgppjfq]::before {
        content: none;
    }

    .l2-class-tree-topdown ul > li > .l2-class-tree-topdown__card[b-b04lgppjfq] {
        min-width: 0;
        max-width: none;
        width: 100%;
        align-self: stretch;
    }

    .l2-class-tree-topdown__tier[b-b04lgppjfq] {
        min-width: 24px;
        height: 16px;
    }

    .l2-class-tree-topdown__wrap + .l2-class-tree-topdown__wrap[b-b04lgppjfq] {
        margin-top: var(--l2-space-48);
    }
}
/* /Components/Shared/Race/L2RaceCard.razor.rz.scp.css */
.l2-race-card[data-race="human"][b-h8b1g7zvwn]    { --l2-race-accent: var(--l2-color-cobalt-500); }
.l2-race-card[data-race="elf"][b-h8b1g7zvwn]      { --l2-race-accent: var(--l2-color-cobalt-400); }
.l2-race-card[data-race="dark_elf"][b-h8b1g7zvwn] { --l2-race-accent: var(--l2-color-neutral-500); }
.l2-race-card[data-race="dwarf"][b-h8b1g7zvwn]    { --l2-race-accent: var(--l2-color-gold-500); }
.l2-race-card[data-race="orc"][b-h8b1g7zvwn]      { --l2-race-accent: var(--l2-color-danger-base); }

.l2-race-card[b-h8b1g7zvwn] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
    padding: var(--l2-space-16);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    background: var(--l2-color-surface-raised);
    border-top: 3px solid var(--l2-race-accent);
    cursor: pointer;
    height: 100%;
    transition:
        border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
        background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-race-card:hover[b-h8b1g7zvwn] {
    border-color: var(--l2-color-border-strong);
}

.l2-race-card[data-active="true"][b-h8b1g7zvwn] {
    outline: 2px solid var(--l2-race-accent);
    outline-offset: 2px;
}

.l2-race-card:focus-visible[b-h8b1g7zvwn] {
    outline: 2px solid var(--l2-color-focus);
    outline-offset: 2px;
}

.l2-race-card__header[b-h8b1g7zvwn] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-16);
}

.l2-race-card__name[b-h8b1g7zvwn] {
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-18);
    font-weight: 600;
    line-height: 1.2;
    color: var(--l2-color-text-primary);
    margin: 0;
}

.l2-race-card[data-active="true"] .l2-race-card__name[b-h8b1g7zvwn] {
    color: var(--l2-race-accent);
}

.l2-race-card__roots[b-h8b1g7zvwn] {
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-secondary);
    margin: 0;
}

.l2-race-card__chips[b-h8b1g7zvwn] {
    display: flex;
    gap: var(--l2-space-8);
    flex-wrap: nowrap;
}

.l2-race-card__flavour[b-h8b1g7zvwn] {
    font-size: var(--l2-type-size-12);
    font-style: italic;
    color: var(--l2-color-text-muted);
    line-height: 1.55;
    margin: 0;
}
/* /Components/Shared/RecentlyViewed/L2RecentlyViewed.razor.rz.scp.css */
.l2-recently-viewed[b-puih6cs6q6] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
    padding: var(--l2-space-12) 0;
}

.l2-recently-viewed--empty[b-puih6cs6q6] {
    padding: 0;
    gap: 0;
}

.l2-recently-viewed--rail[b-puih6cs6q6] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--l2-space-16);
    padding: 0;
}

.l2-recently-viewed--rail.l2-recently-viewed--empty[b-puih6cs6q6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--l2-space-12);
    padding: var(--l2-space-48) var(--l2-space-32);
    background: var(--l2-color-surface-raised);
    border: 1px dashed var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.l2-recently-viewed__empty-copy[b-puih6cs6q6] {
    font-size: var(--l2-type-size-16);
    line-height: 1.55;
    color: var(--l2-color-text-secondary);
    margin: 0;
}

.l2-rail-tile[b-puih6cs6q6] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-12);
    padding: var(--l2-space-16);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    text-decoration: none;
    transition: border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-rail-tile:hover[b-puih6cs6q6],
.l2-rail-tile:focus-visible[b-puih6cs6q6] {
    border-color: var(--l2-color-accent-tenant);
    outline: none;
}

.l2-rail-tile__icon[b-puih6cs6q6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--l2-radius-4);
    background: var(--l2-color-surface-sunken);
    border: 1px solid var(--l2-color-border-default);
    overflow: hidden;
}

.l2-rail-tile__icon img[b-puih6cs6q6] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.l2-rail-tile__sigil[b-puih6cs6q6] {
    color: var(--l2-color-text-secondary);
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-18);
    line-height: 1;
}

.l2-rail-tile__sigil--svg[b-puih6cs6q6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--l2-size-icon-md, 24px);
    height: var(--l2-size-icon-md, 24px);
}

.l2-rail-tile__sigil--svg svg[b-puih6cs6q6] {
    width: 100%;
    height: 100%;
    display: block;
}

.l2-rail-tile__name[b-puih6cs6q6] {
    font-family: var(--l2-font-display);
    font-size: var(--l2-type-size-18);
    line-height: 1.25;
    letter-spacing: -0.005em;
    color: var(--l2-color-text-primary);
    font-weight: 500;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.l2-rail-tile__chip[b-puih6cs6q6] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    height: 20px;
    padding: 0 var(--l2-space-8);
    border-radius: var(--l2-radius-pill);
    background: transparent;
    border: 1px solid var(--l2-color-border-default);
    color: var(--l2-color-text-muted);
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1024px) {
    .l2-recently-viewed--rail[b-puih6cs6q6] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .l2-recently-viewed--rail[b-puih6cs6q6] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/SearchComponent.razor.rz.scp.css */
.l2db-search[b-nokuk4n6st] {
    background-color: color-mix(in srgb, var(--mud-palette-action-default-hover) 80%, transparent);
    color: inherit;
    transition: background-color 120ms ease;
}

.l2db-search:focus-within[b-nokuk4n6st] {
    background-color: color-mix(in srgb, var(--l2-color-accent-tenant) 5%, var(--mud-palette-action-default-hover));
}
/* /Components/Shared/Search/L2HeroSearch.razor.rz.scp.css */
.l2-hero-search[b-l3wdp13m8x] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    background: var(--l2-color-surface-sunken);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-4);
    padding: 0 var(--l2-space-16);
    gap: var(--l2-space-12);
    transition: border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
    box-shadow: inset 0 0 0 1px var(--l2-color-neutral-900);
}

[data-theme="light"] .l2-hero-search[b-l3wdp13m8x] {
    box-shadow: inset 0 0 0 1px var(--l2-color-neutral-200);
}

.l2-hero-search:hover[b-l3wdp13m8x] {
    border-color: var(--l2-color-border-strong);
}

.l2-hero-search:focus-within[b-l3wdp13m8x] {
    border-color: var(--l2-color-accent-tenant);
    outline: 2px solid color-mix(in srgb, var(--l2-color-accent-tenant) 40%, transparent);
    outline-offset: 4px;
}

[b-l3wdp13m8x] .l2-hero-search__icon {
    color: var(--l2-color-text-muted);
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
}

[b-l3wdp13m8x] .l2-autocomplete-combobox__input {
    flex: 1;
    background: none;
    border: none;
    outline: none;
    color: var(--l2-color-text-primary);
    font-family: var(--l2-font-sans);
    font-size: var(--l2-type-size-16);
    height: 100%;
    padding: 0;
    min-width: 0;
}

[b-l3wdp13m8x] .l2-autocomplete-combobox__input::placeholder {
    color: var(--l2-color-text-muted);
}
/* /Components/Shared/Search/L2SearchResultRow.razor.rz.scp.css */
.l2-search-result-row[b-5sgz3oz41t] {
    display: grid;
    grid-template-columns: 40px 1fr auto;
    gap: var(--l2-space-16);
    align-items: center;
    padding: var(--l2-space-8) var(--l2-space-16);
    min-height: 56px;
    border-radius: var(--l2-radius-8);
    color: inherit;
    text-decoration: none;
    transition: background-color var(--l2-motion-duration-base) ease,
                box-shadow var(--l2-motion-duration-base) ease;
}

.l2-search-result-row:hover[b-5sgz3oz41t],
.l2-search-result-row:focus-visible[b-5sgz3oz41t] {
    background-color: var(--l2-color-surface-raised);
    box-shadow: inset 2px 0 0 var(--l2-color-accent-tenant);
    text-decoration: none;
}

.l2-search-result-row__icon[b-5sgz3oz41t] {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--l2-radius-8);
    flex-shrink: 0;
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
}

.l2-search-result-row__icon--skill[b-5sgz3oz41t] {
    background: var(--l2-color-cobalt-900);
    border-color: var(--l2-color-cobalt-500);
    color: var(--l2-color-cobalt-300);
}

.l2-search-result-row__icon--item-b[b-5sgz3oz41t] {
    background: var(--l2-color-gold-900);
    border-color: var(--l2-color-gold-700);
    color: var(--l2-color-gold-400);
}

.l2-search-result-row__icon--item-s[b-5sgz3oz41t] {
    background: var(--l2-color-cobalt-900);
    border-color: var(--l2-color-cobalt-500);
    color: var(--l2-color-cobalt-300);
}

.l2-search-result-row__icon--item-c[b-5sgz3oz41t] {
    background: var(--l2-color-gold-900);
    border-color: var(--l2-color-gold-700);
    color: var(--l2-color-gold-400);
}

.l2-search-result-row__icon--item-d[b-5sgz3oz41t] {
    background: var(--l2-color-gold-900);
    border-color: var(--l2-color-gold-700);
    color: var(--l2-color-gold-400);
}

.l2-search-result-row__icon--monster[b-5sgz3oz41t] {
    background: var(--l2-color-surface-sunken);
    border-color: var(--l2-color-danger-base);
    color: var(--l2-color-danger-base);
}

.l2-search-result-row__icon--npc[b-5sgz3oz41t] {
    background: var(--l2-color-surface-raised);
    border-color: var(--l2-color-border-default);
    color: var(--l2-color-text-secondary);
}

.l2-search-result-row__icon--quest[b-5sgz3oz41t] {
    background: var(--l2-color-gold-900);
    border-color: var(--l2-color-gold-700);
    color: var(--l2-color-gold-400);
}

.l2-search-result-row__icon--class[b-5sgz3oz41t] {
    background: var(--l2-color-cobalt-900);
    border-color: var(--l2-color-cobalt-500);
    color: var(--l2-color-cobalt-300);
}

.l2-search-result-row__icon[b-5sgz3oz41t]  svg {
    width: 22px;
    height: 22px;
}

.l2-search-result-row__icon[b-5sgz3oz41t]  img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    display: block;
}

.l2-search-result-row__body[b-5sgz3oz41t] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-2);
    min-width: 0;
}

.l2-search-result-row__body[b-5sgz3oz41t]  .l2-search-result-row__name {
    font-weight: 600;
    color: var(--l2-color-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.l2-search-result-row__body[b-5sgz3oz41t]  .l2-search-result-row__description {
    color: var(--l2-color-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
}

.l2-search-result-row__body[b-5sgz3oz41t]  .l2-search-result-row__subtitle {
    color: var(--l2-color-text-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
}

.l2-search-result-row__chips[b-5sgz3oz41t] {
    display: flex;
    gap: var(--l2-space-8);
    flex-shrink: 0;
    align-items: center;
}

@media (max-width: 768px) {
    .l2-search-result-row[b-5sgz3oz41t] {
        grid-template-columns: 40px 1fr;
        grid-template-areas: "icon body" "icon chips";
        row-gap: var(--l2-space-4);
    }

    .l2-search-result-row__icon[b-5sgz3oz41t] {
        grid-area: icon;
        align-self: start;
    }

    .l2-search-result-row__body[b-5sgz3oz41t] {
        grid-area: body;
    }

    .l2-search-result-row__chips[b-5sgz3oz41t] {
        grid-area: chips;
        flex-wrap: wrap;
    }
}

@media (max-width: 360px) {
    .l2-search-result-row[b-5sgz3oz41t] {
        grid-template-columns: 32px 1fr;
        padding: var(--l2-space-8) var(--l2-space-8);
    }

    .l2-search-result-row__icon[b-5sgz3oz41t] {
        width: 32px;
        height: 32px;
    }

    .l2-search-result-row__icon[b-5sgz3oz41t]  svg {
        width: 18px;
        height: 18px;
    }

    .l2-search-result-row__icon[b-5sgz3oz41t]  img {
        width: 30px;
        height: 30px;
    }

    .l2-search-result-row__body[b-5sgz3oz41t]  .l2-search-result-row__description,
    .l2-search-result-row__body[b-5sgz3oz41t]  .l2-search-result-row__subtitle {
        font-size: 13px;
        white-space: normal;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.45;
    }
}
/* /Components/Shared/SegmentedNav/L2SegmentedNav.razor.rz.scp.css */
.l2-segmented-nav[b-h053q508yd] {
    margin: var(--l2-space-24) 0;
}

.l2-segmented-nav__pill[b-h053q508yd] {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 var(--l2-space-16);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-pill);
    background: var(--l2-color-surface-raised);
    color: var(--l2-color-text-secondary);
    font-size: var(--l2-type-size-14);
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    transition:
        background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
        color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
        border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-segmented-nav__pill:hover[b-h053q508yd] {
    background: var(--l2-table-row-hover-bg);
    border-color: var(--l2-color-border-strong);
    color: var(--l2-color-text-primary);
}

.l2-segmented-nav__pill:focus-visible[b-h053q508yd] {
    outline: 2px solid var(--l2-color-focus);
    outline-offset: 2px;
}

.l2-segmented-nav__pill.is-active[b-h053q508yd] {
    background: var(--l2-color-action-primary);
    color: var(--l2-color-text-on-action);
    border-color: var(--l2-color-action-primary);
}

.l2-segmented-nav__pill.is-active:hover[b-h053q508yd] {
    background: var(--l2-color-action-primary-hover);
    border-color: var(--l2-color-action-primary-hover);
    color: var(--l2-color-text-on-action);
}
/* /Components/Shared/SkillGrantedRow/L2SkillGrantedRow.razor.rz.scp.css */
.l2-skill-granted-row[b-qyspfado52] {
    display: grid;
    grid-template-columns: 32px 1fr;
    column-gap: var(--l2-space-12);
    align-items: center;
    color: var(--l2-color-text-primary);
    text-decoration: none;
}

a.l2-skill-granted-row[b-qyspfado52] {
    padding: 0 var(--l2-space-12);
    margin: 0 calc(var(--l2-space-12) * -1);
    border-radius: var(--l2-radius-4);
    transition: background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

a.l2-skill-granted-row:hover[b-qyspfado52] {
    background: var(--l2-color-surface-raised);
    color: var(--l2-color-text-primary);
    text-decoration: none;
}

a.l2-skill-granted-row:hover .l2-skill-granted-row__name[b-qyspfado52] {
    color: var(--l2-color-accent-tenant);
}

a.l2-skill-granted-row:focus-visible[b-qyspfado52] {
    outline: 2px solid var(--l2-color-accent-tenant);
    outline-offset: 2px;
}

.l2-skill-granted-row__icon[b-qyspfado52] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--l2-color-accent-tenant);
    flex-shrink: 0;
}

.l2-skill-granted-row__body[b-qyspfado52] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-4);
    min-width: 0;
}

.l2-skill-granted-row__name[b-qyspfado52] {
    font-size: var(--l2-type-size-16);
    font-weight: 500;
    color: var(--l2-color-text-primary);
    line-height: 1.3;
}

.l2-skill-granted-row__lvl[b-qyspfado52] {
    font-family: var(--l2-font-mono);
    font-weight: 400;
    color: var(--l2-color-text-secondary);
    margin-left: 6px;
}

.l2-skill-granted-row__desc[b-qyspfado52] {
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-secondary);
    line-height: 1.45;
}

/* Convention exception: prefers-reduced-motion is a user-preference feature query (not a viewport-width breakpoint); MudBlazor has no equivalent primitive. Precedent: L2SpecialAbilityCrystalRow.razor.css:55. */
@media (prefers-reduced-motion: reduce) {
    a.l2-skill-granted-row[b-qyspfado52] {
        transition: none;
    }
}
/* /Components/Shared/SpecialAbilityCrystalRow/L2SpecialAbilityCrystalRow.razor.rz.scp.css */
.l2-crystal-row[b-n3n6yesdmr] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-12);
    padding: var(--l2-space-8) 0;
    color: var(--l2-color-text-primary);
    text-decoration: none;
}

a.l2-crystal-row[b-n3n6yesdmr] {
    border-radius: var(--l2-radius-4);
    padding: var(--l2-space-8) var(--l2-space-12);
    margin: 0 calc(var(--l2-space-12) * -1);
    transition: background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

a.l2-crystal-row:hover[b-n3n6yesdmr] {
    background: var(--l2-color-surface-raised);
    color: var(--l2-color-text-primary);
    text-decoration: none;
}

a.l2-crystal-row:focus-visible[b-n3n6yesdmr] {
    outline: 2px solid var(--l2-color-accent-tenant);
    outline-offset: 2px;
}

.l2-crystal-row__icon[b-n3n6yesdmr] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.l2-crystal-row__name[b-n3n6yesdmr] {
    font-size: var(--l2-type-size-16);
    font-weight: 500;
    color: var(--l2-color-text-primary);
    flex-shrink: 0;
}

.l2-crystal-row__hint[b-n3n6yesdmr] {
    margin-left: auto;
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    color: var(--l2-color-text-muted);
    text-align: right;
    min-width: 0;
}

/* Convention exception: prefers-reduced-motion is a user-preference feature query (not a viewport-width breakpoint); MudBlazor has no equivalent primitive. */
@media (prefers-reduced-motion: reduce) {
    a.l2-crystal-row[b-n3n6yesdmr] {
        transition: none;
    }
}
/* /Components/Shared/StatBlock/L2StatCell.razor.rz.scp.css */
.l2-stat-grid__label[b-9ozuxownrz] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
    white-space: nowrap;
}

.l2-stat-grid__value[b-9ozuxownrz] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-primary);
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    text-align: right;
}
/* /Components/Shared/StatBlock/L2StatPrimary.razor.rz.scp.css */
.l2-stat-primary[b-3sig0pwbaw] {
    background: var(--l2-color-surface-raised);
    padding: var(--l2-space-12) var(--l2-space-16);
    margin-bottom: var(--l2-space-24);
}

.l2-stat-primary--with-divider[b-3sig0pwbaw] {
    padding-bottom: var(--l2-space-16);
    border-bottom: 1px solid var(--l2-color-border-default);
}
/* /Components/Shared/StatBlock/L2StatPrimaryCell.razor.rz.scp.css */
.l2-stat-primary__label[b-59m602c4x7] {
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
}

.l2-stat-primary__value[b-59m602c4x7] {
    font-size: var(--l2-type-size-24);
    font-weight: 600;
    color: var(--l2-color-accent-tenant);
    font-variant-numeric: tabular-nums;
    line-height: 1.05;
}
/* /Components/Shared/State/L2EmptyState.razor.rz.scp.css */
.l2-empty-state[b-x8l030d3y0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--l2-space-64) var(--l2-space-24);
    gap: var(--l2-space-16);
}

.l2-empty-state[b-x8l030d3y0]  .l2-empty-state__icon {
    width: 64px;
    height: 64px;
    font-size: 64px;
    color: var(--l2-color-text-muted);
}

.l2-empty-state[b-x8l030d3y0]  .l2-empty-state__title {
    font-family: var(--l2-font-sans);
    font-size: var(--l2-type-size-18);
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    color: var(--l2-color-text-primary);
}

.l2-empty-state[b-x8l030d3y0]  .l2-empty-state__description {
    font-family: var(--l2-font-sans);
    margin: 0;
    color: var(--l2-color-text-secondary);
}

.l2-empty-state__action[b-x8l030d3y0] {
    margin-top: var(--l2-space-8);
}
/* /Components/Shared/State/L2ErrorState.razor.rz.scp.css */
.l2-error-state[b-4qy3egw9ge] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--l2-space-64) var(--l2-space-24);
    gap: var(--l2-space-16);
}

.l2-error-state[b-4qy3egw9ge]  .l2-error-state__icon {
    width: 64px;
    height: 64px;
    font-size: 64px;
    color: var(--l2-color-danger-base);
}

.l2-error-state[b-4qy3egw9ge]  .l2-error-state__title {
    font-family: var(--l2-font-sans);
    font-size: var(--l2-type-size-18);
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    color: var(--l2-color-text-primary);
}

.l2-error-state[b-4qy3egw9ge]  .l2-error-state__description {
    font-family: var(--l2-font-sans);
    margin: 0;
    color: var(--l2-color-text-secondary);
}

.l2-error-state__action[b-4qy3egw9ge] {
    margin-top: var(--l2-space-8);
}
/* /Components/Shared/State/L2LoadingState.razor.rz.scp.css */
.l2-loading-state[b-r3vcyemfy5] {
    display: flex;
    flex-direction: column;
}

.l2-loading-state--list[b-r3vcyemfy5] {
    gap: 0;
    padding: var(--l2-space-8) 0;
}

.l2-loading-state__row[b-r3vcyemfy5] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-16);
    padding: var(--l2-space-12) var(--l2-space-16);
    border-bottom: 1px solid var(--l2-color-border-default);
}

.l2-loading-state__row:last-child[b-r3vcyemfy5] {
    border-bottom: 0;
}

.l2-loading-state__text[b-r3vcyemfy5] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
    min-width: 0;
}

.l2-loading-state[b-r3vcyemfy5]  .l2-loading-state__icon {
    flex: 0 0 auto;
    border-radius: var(--l2-radius-4);
}

.l2-loading-state[b-r3vcyemfy5]  .l2-loading-state__chip {
    flex: 0 0 auto;
    border-radius: 999px;
}

.l2-loading-state--detail[b-r3vcyemfy5] {
    gap: var(--l2-space-8);
    padding: var(--l2-space-8) 0;
}

.l2-loading-state__header[b-r3vcyemfy5] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
    padding-bottom: var(--l2-space-12);
    border-bottom: 1px solid color-mix(in srgb, var(--l2-color-accent-tenant) 30%, transparent);
    margin-bottom: var(--l2-space-8);
}

.l2-loading-state__detail-row[b-r3vcyemfy5] {
    display: flex;
    align-items: center;
    gap: var(--l2-space-24);
    padding: var(--l2-space-12) 0;
    border-bottom: 1px solid color-mix(in srgb, var(--l2-color-border-default) 60%, transparent);
}

.l2-loading-state__detail-row > :first-child[b-r3vcyemfy5] {
    flex: 0 0 auto;
    min-width: 30%;
}

.l2-loading-state__detail-row > :last-child[b-r3vcyemfy5] {
    flex: 1 1 auto;
}
/* /Components/Shared/Table/L2DataTableSortHeader.razor.rz.scp.css */
.l2-data-table-sort-header[b-zx2hmzea4m] {
    height: 36px;
    padding: 0;
    background: var(--l2-color-surface-raised);
    text-align: left;
    vertical-align: middle;
}

.l2-data-table-sort-header[data-align="right"][b-zx2hmzea4m] {
    text-align: right;
}

.l2-sort-th[b-zx2hmzea4m] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 0 var(--l2-table-cell-padding-x);
    border: 0;
    background: transparent;
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
    cursor: pointer;
    text-align: inherit;
    line-height: inherit;
}

.l2-data-table-sort-header[data-align="right"] .l2-sort-th[b-zx2hmzea4m] {
    justify-content: flex-end;
}

.l2-sort-th:disabled[b-zx2hmzea4m] {
    cursor: default;
}

.l2-sort-th:focus-visible[b-zx2hmzea4m] {
    outline: var(--l2-focus-ring-width) solid var(--l2-focus-ring-color);
    outline-offset: calc(var(--l2-focus-ring-offset) * -1);
}

.l2-sort-th__caret[b-zx2hmzea4m] {
    font-size: var(--l2-type-size-12);
    line-height: 1;
    color: var(--l2-color-text-muted);
    font-family: var(--l2-font-mono);
    opacity: 0.55;
    flex-shrink: 0;
}

.l2-sort-th--active[b-zx2hmzea4m] {
    color: var(--l2-color-accent-tenant);
    font-weight: 600;
}

.l2-sort-th--active .l2-sort-th__caret[b-zx2hmzea4m] {
    color: var(--l2-color-accent-tenant);
    opacity: 1;
}
/* /Components/Shared/Table/L2Table.razor.rz.scp.css */
.l2-table-container[b-xut5wrvewh] {
    overflow-x: auto;
    border-radius: var(--l2-radius-8);
}

.l2-table[b-xut5wrvewh] {
    width: 100%;
    background: var(--l2-color-surface-base);
    color: var(--l2-color-text-primary);
    font-family: var(--l2-font-sans);
    font-size: var(--l2-type-size-14);
    border-collapse: collapse;
    border-spacing: 0;
}

.l2-table thead[b-xut5wrvewh]  th {
    padding: var(--l2-table-cell-padding-y) var(--l2-table-cell-padding-x);
    text-align: left;
    font-family: var(--l2-font-mono);
    font-weight: 400;
    color: var(--l2-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: var(--l2-type-size-12);
    border-bottom: 2px solid var(--l2-color-accent-tenant);
    background: var(--l2-color-surface-overlay);
}

.l2-table tbody[b-xut5wrvewh]  td {
    padding: var(--l2-table-cell-padding-y) var(--l2-table-cell-padding-x);
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-primary);
    border-bottom: 1px solid var(--l2-table-row-border);
    vertical-align: middle;
    line-height: 1.4;
}

.l2-table tbody[b-xut5wrvewh]  tr {
    transition: background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-table tbody[b-xut5wrvewh]  tr:nth-child(odd) {
    background: var(--l2-color-surface-base);
}

.l2-table tbody[b-xut5wrvewh]  tr:nth-child(even) {
    background: var(--l2-color-surface-raised);
}

.l2-table tbody[b-xut5wrvewh]  tr:hover {
    background: var(--l2-color-accent-tenant-bg-tint);
}

.l2-table tbody[b-xut5wrvewh]  tr:last-child td {
    border-bottom: 0;
}

.l2-table thead[b-xut5wrvewh]  th[data-sortable="true"] {
    cursor: pointer;
    position: relative;
    padding: 0;
}

.l2-table thead[b-xut5wrvewh]  th[data-sortable="true"] .mud-button-root.l2-table-header-cell__sort-button {
    display: block;
    width: 100%;
    min-width: 0;
    padding: var(--l2-table-cell-padding-y) calc(var(--l2-table-cell-padding-x) + var(--l2-space-16)) var(--l2-table-cell-padding-y) var(--l2-table-cell-padding-x);
    margin: 0;
    background-color: transparent;
    text-transform: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
    outline: none;
}

.l2-table thead[b-xut5wrvewh]  th[data-sortable="true"] .mud-button-root.l2-table-header-cell__sort-button:hover {
    background-color: transparent;
}

.l2-table thead[b-xut5wrvewh]  th[data-sortable="true"] .mud-button-root.l2-table-header-cell__sort-button .mud-button-label {
    display: inline;
    text-align: inherit;
}

.l2-table thead[b-xut5wrvewh]  th[data-sortable="true"]:has(.l2-table-header-cell__sort-button:focus-visible) {
    outline: var(--l2-focus-ring-width) solid var(--l2-focus-ring-color);
    outline-offset: var(--l2-focus-ring-offset);
}

.l2-table thead[b-xut5wrvewh]  th[data-sortable="true"]::after {
    content: "\2195";
    position: absolute;
    right: var(--l2-space-8);
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-table thead[b-xut5wrvewh]  th[data-sortable="true"]:hover::after {
    opacity: 0.5;
}

.l2-table thead[b-xut5wrvewh]  th[data-sortable="true"][aria-sort="ascending"]::after {
    content: "\2191";
    color: var(--l2-color-text-link);
    opacity: 1;
}

.l2-table thead[b-xut5wrvewh]  th[data-sortable="true"][aria-sort="descending"]::after {
    content: "\2193";
    color: var(--l2-color-text-link);
    opacity: 1;
}

.l2-table thead[b-xut5wrvewh]  th[data-sortable="true"][aria-sort] {
    color: var(--l2-color-text-primary);
}

.l2-table thead[b-xut5wrvewh]  th[data-align="right"],
.l2-table tbody[b-xut5wrvewh]  td[data-align="right"] {
    text-align: right;
}

.l2-table tbody[b-xut5wrvewh]  td.l2-table-cell--icon {
    width: var(--l2-space-48);
    padding-right: var(--l2-space-8);
}

.l2-table tbody[b-xut5wrvewh]  td.l2-table-cell--icon svg {
    display: block;
    width: var(--l2-size-icon-sm);
    height: var(--l2-size-icon-sm);
}

.l2-table tbody[b-xut5wrvewh]  td.l2-table-cell--meta {
    font-size: var(--l2-type-size-13);
    color: var(--l2-color-text-secondary);
}

.l2-table tbody[b-xut5wrvewh]  td.l2-table-cell--num {
    font-size: var(--l2-type-size-13);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.l2-table tbody[b-xut5wrvewh]  td.l2-table-cell--muted {
    color: var(--l2-color-text-muted);
}

.l2-table tbody[b-xut5wrvewh]  td.l2-table-cell--desc {
    font-size: var(--l2-type-size-13);
    color: var(--l2-color-text-secondary);
    min-width: 0;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.l2-table tbody[b-xut5wrvewh]  td.l2-table-row__toggle-cell {
    width: var(--l2-space-32);
    padding: 0 var(--l2-space-8) 0 var(--l2-space-12);
    text-align: left;
}

.l2-table tbody[b-xut5wrvewh]  td.l2-table-row__toggle-cell .l2-table-row__toggle {
    appearance: none;
    background: transparent;
    border: 0;
    padding: var(--l2-space-4);
    margin: 0;
    color: var(--l2-color-text-secondary);
    cursor: pointer;
    font: inherit;
    line-height: 1;
    border-radius: var(--l2-radius-4);
    transition: color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-table tbody[b-xut5wrvewh]  td.l2-table-row__toggle-cell .l2-table-row__toggle:hover {
    color: var(--l2-color-text-primary);
}

.l2-table tbody[b-xut5wrvewh]  td.l2-table-row__toggle-cell .l2-table-row__toggle:focus-visible {
    outline: var(--l2-focus-ring-width) solid var(--l2-focus-ring-color);
    outline-offset: var(--l2-focus-ring-offset);
}

.l2-table tbody[b-xut5wrvewh]  td.l2-table-row__toggle-cell .l2-table-row__toggle-icon {
    display: inline-block;
    font-size: var(--l2-type-size-12);
}

.l2-table tbody[b-xut5wrvewh]  td.l2-table-row__toggle-cell .l2-table-row__toggle-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.l2-table tbody[b-xut5wrvewh]  tr.l2-table-row__detail {
    background: var(--l2-color-surface-raised);
}

.l2-table tbody[b-xut5wrvewh]  tr.l2-table-row__detail:hover {
    background: var(--l2-color-surface-raised);
}

.l2-table tbody[b-xut5wrvewh]  tr.l2-table-row__detail > td.l2-table-row__detail-cell {
    padding: var(--l2-space-12) var(--l2-table-cell-padding-x);
    font-size: var(--l2-type-size-13);
    color: var(--l2-color-text-secondary);
    border-bottom: 1px solid var(--l2-table-row-border);
    background: inherit;
}

@media (prefers-reduced-motion: reduce) {
    .l2-table thead[b-xut5wrvewh]  th[data-sortable="true"]::after {
        transition: none;
    }

    .l2-table tbody[b-xut5wrvewh]  td.l2-table-row__toggle-cell .l2-table-row__toggle {
        transition: none;
    }
}
/* /Components/Shared/Table/L2TableExpanderFooter.razor.rz.scp.css */
.l2-table-expander-footer[b-cgqgehe4n1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 32px;
    padding: 0 var(--l2-space-16);
    background: var(--l2-color-surface-raised);
    color: var(--l2-color-accent-tenant);
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none;
    border: 1px solid var(--l2-color-border-default);
    border-top: 0;
    border-radius: 0 0 var(--l2-radius-8) var(--l2-radius-8);
    margin-top: -1px;
    transition: background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-table-expander-footer:hover[b-cgqgehe4n1] {
    background: var(--l2-color-cobalt-800);
}

.l2-table-expander-footer:focus-visible[b-cgqgehe4n1] {
    outline: 2px solid var(--l2-color-accent-tenant);
    outline-offset: -2px;
}

.l2-table-expander-footer__caret[b-cgqgehe4n1] {
    display: inline-block;
    color: var(--l2-color-text-muted);
    transition: transform var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-table-expander-footer[data-expanded="true"] .l2-table-expander-footer__caret[b-cgqgehe4n1] {
    transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
    .l2-table-expander-footer[b-cgqgehe4n1],
    .l2-table-expander-footer__caret[b-cgqgehe4n1] {
        transition: none;
    }
}
/* /Components/Shared/ThemeToggle/L2ThemeToggle.razor.rz.scp.css */
.l2-theme-toggle[b-21j7vu08p9] {
    display: inline-flex;
    align-items: center;
}

.l2-theme-toggle[b-21j7vu08p9]  .l2-theme-toggle__btn {
    width: 32px;
    height: 32px;
    border-radius: var(--l2-radius-4);
    color: var(--l2-color-text-secondary);
    transition: background var(--l2-motion-duration-fast) var(--l2-motion-easing-standard),
                color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-theme-toggle[b-21j7vu08p9]  .l2-theme-toggle__btn:hover {
    background: var(--l2-color-surface-raised);
    color: var(--l2-color-text-primary);
}

.l2-theme-toggle[b-21j7vu08p9]  .l2-theme-toggle__btn .mud-icon-root {
    width: 16px;
    height: 16px;
}

@media (prefers-reduced-motion: reduce) {
    .l2-theme-toggle[b-21j7vu08p9]  .l2-theme-toggle__btn {
        transition: none;
    }
}
/* /Components/Shared/Toolbar/L2StickyToolbar.razor.rz.scp.css */
.l2-sticky-toolbar[b-unjp5nlx8j] {
    position: sticky;
    top: var(--l2-sticky-toolbar-top, 56px);
    z-index: 30;
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: var(--l2-space-12);
    padding: var(--l2-space-8) var(--l2-space-16);
    background: var(--l2-color-surface-overlay);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-8);
    margin-bottom: var(--l2-space-16);
    flex-wrap: nowrap;
}

.l2-sticky-toolbar__leading[b-unjp5nlx8j] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-12);
    flex-shrink: 0;
    min-width: 0;
}

.l2-sticky-toolbar__center[b-unjp5nlx8j] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-8);
    flex: 1;
    min-width: 0;
    flex-wrap: wrap;
}

.l2-sticky-toolbar__trailing[b-unjp5nlx8j] {
    display: inline-flex;
    align-items: center;
    gap: var(--l2-space-8);
    flex-shrink: 0;
    margin-left: auto;
}

@media (max-width: 768px) {
    .l2-sticky-toolbar[b-unjp5nlx8j] {
        flex-wrap: wrap;
        padding: var(--l2-space-8) var(--l2-space-12);
    }

    .l2-sticky-toolbar__leading[b-unjp5nlx8j] {
        flex-wrap: wrap;
        flex-basis: 100%;
    }

    .l2-sticky-toolbar__center[b-unjp5nlx8j] {
        flex-basis: 100%;
        order: 3;
    }
}
/* /Components/Shared/Variations/L2VariationRow.razor.rz.scp.css */
.l2-variation-row[b-vr2kx3fszk] {
    display: grid;
    grid-template-columns: 32px 1fr max-content;
    align-items: center;
    gap: var(--l2-space-12);
    padding: var(--l2-space-8) var(--l2-space-12);
    background: var(--l2-color-surface-raised);
    border: 1px solid var(--l2-color-border-default);
    border-radius: var(--l2-radius-4);
    color: var(--l2-color-text-primary);
    text-decoration: none;
    transition: border-color var(--l2-motion-duration-fast) var(--l2-motion-easing-standard);
}

.l2-variation-row[data-variant="special-ability"][b-vr2kx3fszk] {
    border-left: 3px solid var(--l2-color-accent-tenant);
}

.l2-variation-row[data-variant="masterwork"][b-vr2kx3fszk] {
    border-left: 3px solid var(--l2-color-gold-500);
}

.l2-variation-row[data-variant="pvp"][b-vr2kx3fszk] {
    border-left: 3px solid var(--l2-color-variation-pvp);
}

a.l2-variation-row:hover[b-vr2kx3fszk] {
    border-color: var(--l2-color-border-strong);
    color: var(--l2-color-text-primary);
    text-decoration: none;
}

a.l2-variation-row:focus-visible[b-vr2kx3fszk] {
    outline: 2px solid var(--l2-color-accent-tenant);
    outline-offset: 2px;
}

.l2-variation-row__icon[b-vr2kx3fszk] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.l2-variation-row__name[b-vr2kx3fszk] {
    font-size: var(--l2-type-size-14);
    color: var(--l2-color-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.l2-variation-row__trailing[b-vr2kx3fszk] {
    flex-shrink: 0;
}

/* Convention exception: prefers-reduced-motion is a user-preference feature query (not a viewport-width breakpoint); MudBlazor has no equivalent primitive. Precedent: L2SpecialAbilityCrystalRow.razor.css:55. */
@media (prefers-reduced-motion: reduce) {
    .l2-variation-row[b-vr2kx3fszk] {
        transition: none;
    }
}
/* /Components/Shared/Variations/L2VariationsGroup.razor.rz.scp.css */
.l2-variations-group[b-30boubhmka] {
    display: flex;
    flex-direction: column;
    gap: var(--l2-space-8);
}

.l2-variations-group__sub-head[b-30boubhmka] {
    margin: 0;
    font-family: var(--l2-font-mono);
    font-size: var(--l2-type-size-12);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--l2-color-text-muted);
}

.l2-variations-group[data-variant="special-ability"] .l2-variations-group__sub-head[b-30boubhmka] {
    color: var(--l2-color-accent-tenant);
}

.l2-variations-group[data-variant="masterwork"] .l2-variations-group__sub-head[b-30boubhmka] {
    color: var(--l2-color-gold-500);
}

.l2-variations-group[data-variant="pvp"] .l2-variations-group__sub-head[b-30boubhmka] {
    color: var(--l2-color-variation-pvp);
}