/* _content/VoidMarkedSite/Components/Account/Pages/ConfirmEmail.razor.rz.scp.css */
.glyph-success svg[b-o0uo7cugsf] {
    filter: drop-shadow(0 0 8px rgba(156, 39, 176, 0.5));
}

.glyph-error svg[b-o0uo7cugsf] {
    filter: drop-shadow(0 0 8px rgba(198, 40, 40, 0.4));
}

.glyph-error polygon[b-o0uo7cugsf],
.glyph-error circle[b-o0uo7cugsf] {
    stroke: #c62828;
}

.confirm-success-block[b-o0uo7cugsf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1.75rem;
    background: rgba(123, 31, 162, 0.08);
    border: 1px solid var(--border);
    text-align: center;
}

.confirm-body[b-o0uo7cugsf] {
    margin: 0;
    font-size: 0.95rem;
    color: var(--text-muted);
    line-height: 1.7;
}
/* _content/VoidMarkedSite/Components/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
.confirm-message[b-j2u294iqqv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1.75rem;
    background: rgba(123, 31, 162, 0.08);
    border: 1px solid var(--border);
    margin-bottom: 0.5rem;
}

.confirm-icon[b-j2u294iqqv] {
    opacity: 0.8;
    animation: fadeIn 0.6s ease both;
    animation-delay: 0.3s;
}

.confirm-body[b-j2u294iqqv] {
    margin: 0;
    font-size: 0.95rem;
    color: var(--text-muted);
    text-align: center;
    line-height: 1.7;
}

.confirm-body strong[b-j2u294iqqv] {
    color: var(--text-bright);
    font-weight: 600;
}

.confirm-note[b-j2u294iqqv] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--text-dim);
    text-align: center;
    line-height: 1.6;
}

.confirm-dev-notice[b-j2u294iqqv] {
    padding: 1.25rem;
    background: rgba(230, 81, 0, 0.08);
    border: 1px solid rgba(230, 81, 0, 0.35);
    text-align: center;
}

.confirm-dev-label[b-j2u294iqqv] {
    margin: 0 0 0.25rem;
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 3px;
    color: #e65100;
    text-transform: uppercase;
}
/* _content/VoidMarkedSite/Components/Layout/MainLayout.razor.rz.scp.css */
.void-main[b-u39ubftmtl] {
    margin-left: 220px;
    min-height: 100vh;
    padding-left: 1.5rem;
}

@media (max-width: 768px) {
    .void-main[b-u39ubftmtl] {
        margin-left: 0;
        padding-left: 1rem;
        padding-top: var(--nav-height);
    }
}

#blazor-error-ui[b-u39ubftmtl] {
    position: fixed;
    bottom: 0;
    left: 220px;
    right: 0;
    z-index: 2000;
    display: none;
    padding: 0.8rem 1.5rem;
    background: rgba(15, 5, 20, 0.96);
    border-top: 1px solid var(--danger);
    color: #fce4ec;
    font-family: var(--font-body);
    font-size: 0.88rem;
    backdrop-filter: blur(12px);
}

@media (max-width: 768px) {
    #blazor-error-ui[b-u39ubftmtl] {
        left: 0;
    }
}

#blazor-error-ui .reload[b-u39ubftmtl] {
    color: #f48fb1;
    margin-left: 0.5rem;
    text-decoration: underline;
}

#blazor-error-ui .dismiss[b-u39ubftmtl] {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #f48fb1;
    font-size: 1rem;
    opacity: 0.7;
    transition: opacity 150ms;
}

#blazor-error-ui .dismiss:hover[b-u39ubftmtl] {
    opacity: 1;
}
/* _content/VoidMarkedSite/Components/Layout/NavMenu.razor.rz.scp.css */
/* =============================================================
   SIDEBAR NAV
   ============================================================= */

.void-nav-toggle-input[b-4qgwqjdnls] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}

/* Sidebar container */
.void-sidebar[b-4qgwqjdnls] {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 220px;
    z-index: 900;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background:
        linear-gradient(180deg, var(--surface-2) 0%, var(--surface-1) 60%, rgba(9, 7, 15, 0.99) 100%);
    border-right: 1px solid var(--border-dark);
    /* Subtle dot grid texture */
    background-image:
        radial-gradient(circle, rgba(58, 32, 96, 0.18) 1px, transparent 1px),
        linear-gradient(180deg, var(--surface-2) 0%, var(--surface-1) 60%, rgba(9, 7, 15, 0.99) 100%);
    background-size: 22px 22px, 100% 100%;
}

/* Right edge accent gradient */
.void-sidebar[b-4qgwqjdnls]::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(
        180deg,
        transparent 0%,
        var(--accent-dim) 25%,
        var(--accent-bright) 50%,
        var(--accent-dim) 75%,
        transparent 100%
    );
    opacity: 0.4;
}

/* =============================================================
   LOGO
   ============================================================= */

.void-logo--sidebar[b-4qgwqjdnls] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    text-decoration: none;
    color: var(--accent-bright);
    padding: 1.5rem 1.25rem 1.35rem;
    flex-shrink: 0;
    transition: color var(--t-base);
}

.void-logo--sidebar:hover[b-4qgwqjdnls] {
    color: var(--text-bright);
}

.void-logo--sidebar .void-logo-glyph[b-4qgwqjdnls] {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    filter: drop-shadow(0 0 6px var(--accent-glow));
    transition: filter var(--t-base);
}

.void-logo--sidebar:hover .void-logo-glyph[b-4qgwqjdnls] {
    filter: drop-shadow(0 0 14px var(--accent-glow));
}

.void-logo-text[b-4qgwqjdnls] {
    font-family: var(--font-display);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: var(--text-bright);
    white-space: nowrap;
}

/* =============================================================
   DIVIDER
   ============================================================= */

.void-nav-divider[b-4qgwqjdnls] {
    height: 1px;
    margin: 0 1rem;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--border) 40%,
        var(--border) 60%,
        transparent 100%
    );
    flex-shrink: 0;
}

/* =============================================================
   NAV ITEMS
   ============================================================= */

.void-nav-section[b-4qgwqjdnls] {
    display: flex;
    flex-direction: column;
    padding: 0.6rem 0;
    flex-shrink: 0;
}

.void-nav-item[b-4qgwqjdnls] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 1.25rem 0.65rem 1.1rem;
    font-family: 'Orbitron', 'Courier New', monospace;
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
    border: none;
    background: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border-left: 2px solid transparent;
    transition: color var(--t-base), background var(--t-base), border-color var(--t-base);
    position: relative;
    white-space: nowrap;
}

.void-nav-item:hover[b-4qgwqjdnls] {
    color: var(--text-bright);
    background: rgba(156, 39, 176, 0.06);
    border-left-color: var(--accent-dim);
}

.void-nav-item.active[b-4qgwqjdnls] {
    color: var(--accent-bright);
    background: rgba(156, 39, 176, 0.1);
    border-left-color: var(--accent-bright);
}

/* =============================================================
   ICONS
   ============================================================= */

.void-nav-icon[b-4qgwqjdnls] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    opacity: 0.8;
    transition: opacity var(--t-base);
}

.void-nav-item:hover .void-nav-icon[b-4qgwqjdnls],
.void-nav-item.active .void-nav-icon[b-4qgwqjdnls] {
    opacity: 1;
}

/* =============================================================
   ADMIN ITEM
   ============================================================= */

.void-nav-item--admin[b-4qgwqjdnls] {
    color: #ffffff;
}

.void-nav-item--admin:hover[b-4qgwqjdnls] {
    color: var(--accent-bright);
    background: rgba(156, 39, 176, 0.08);
}

.void-nav-item--admin.active[b-4qgwqjdnls] {
    color: var(--accent-bright);
}

/* =============================================================
   SPACER + FOOTER
   ============================================================= */

.void-nav-spacer[b-4qgwqjdnls] {
    flex: 1;
    min-height: 1rem;
}

.void-nav-foot[b-4qgwqjdnls] {
    flex-shrink: 0;
    padding: 0.6rem 0 0.75rem;
    display: flex;
    flex-direction: column;
}

.void-nav-user[b-4qgwqjdnls] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.5rem 1.25rem 0.5rem 1.1rem;
    margin-bottom: 0.1rem;
}

.void-nav-username[b-4qgwqjdnls] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.1em;
    color: var(--text-dim);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.void-nav-user .void-nav-icon[b-4qgwqjdnls] {
    color: var(--text-dim);
    flex-shrink: 0;
}

.void-logout-form[b-4qgwqjdnls] {
    display: flex;
    flex-direction: column;
}

.void-nav-item--signout[b-4qgwqjdnls] {
    color: var(--text-bright);
}

.void-nav-item--signout:hover[b-4qgwqjdnls] {
    color: var(--danger-bright);
    background: rgba(183, 28, 28, 0.08);
    border-left-color: var(--danger);
}

.void-nav-item--register[b-4qgwqjdnls] {
    color: var(--accent-bright);
}

.void-nav-item--register:hover[b-4qgwqjdnls] {
    color: var(--text-bright);
    background: rgba(156, 39, 176, 0.12);
    border-left-color: var(--accent-bright);
}

/* =============================================================
   MOBILE TOP BAR
   ============================================================= */

.void-mobile-bar[b-4qgwqjdnls] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    z-index: 1000;
    background: rgba(16, 12, 24, 0.96);
    border-bottom: 1px solid var(--border-dark);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    align-items: center;
    padding: 0 1rem;
    gap: 0;
}

.void-mobile-bar[b-4qgwqjdnls]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, var(--accent) 30%, var(--accent-bright) 50%, var(--accent) 70%, transparent 100%);
    opacity: 0.35;
}

/* Logo inside mobile bar */
.void-mobile-bar .void-logo[b-4qgwqjdnls] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none;
    color: var(--accent-bright);
    flex: 1;
}

.void-mobile-bar .void-logo-glyph[b-4qgwqjdnls] {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    filter: drop-shadow(0 0 6px var(--accent-glow));
}

/* =============================================================
   HAMBURGER
   ============================================================= */

.void-hamburger[b-4qgwqjdnls] {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    padding: 6px;
    flex-shrink: 0;
    margin-left: auto;
}

.void-hamburger span[b-4qgwqjdnls] {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-muted);
    border-radius: 2px;
    transition: transform var(--t-base), opacity var(--t-base), background var(--t-base);
    transform-origin: center;
}

.void-nav-toggle-input:checked ~ .void-mobile-bar .void-hamburger span:nth-child(1)[b-4qgwqjdnls] {
    transform: translateY(7px) rotate(45deg);
    background: var(--accent-bright);
}
.void-nav-toggle-input:checked ~ .void-mobile-bar .void-hamburger span:nth-child(2)[b-4qgwqjdnls] {
    opacity: 0;
    transform: scaleX(0);
}
.void-nav-toggle-input:checked ~ .void-mobile-bar .void-hamburger span:nth-child(3)[b-4qgwqjdnls] {
    transform: translateY(-7px) rotate(-45deg);
    background: var(--accent-bright);
}

/* =============================================================
   BACKDROP (mobile click-away)
   ============================================================= */

.void-sidebar-backdrop[b-4qgwqjdnls] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 899;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/* =============================================================
   MOBILE  (≤ 768px)
   ============================================================= */

@media (max-width: 768px) {
    .void-sidebar[b-4qgwqjdnls] {
        transform: translateX(-100%);
        transition: transform var(--t-base);
        top: var(--nav-height);
    }

    .void-mobile-bar[b-4qgwqjdnls] {
        display: flex;
    }

    .void-hamburger[b-4qgwqjdnls] {
        display: flex;
    }

    /* Logo inside sidebar is hidden on mobile (shown in top bar instead) */
    .void-logo--sidebar[b-4qgwqjdnls] {
        display: none;
    }

    /* First divider hidden since logo above it is hidden */
    .void-sidebar > .void-nav-divider:first-of-type[b-4qgwqjdnls] {
        display: none;
    }

    .void-nav-toggle-input:checked ~ .void-sidebar[b-4qgwqjdnls] {
        transform: translateX(0);
    }

    .void-nav-toggle-input:checked ~ .void-sidebar-backdrop[b-4qgwqjdnls] {
        display: block;
    }
}
/* _content/VoidMarkedSite/Components/Pages/Admin/AdminWikiLore.razor.rz.scp.css */
/* ── TABS ─────────────────────────────────────────────── */

.lore-tabs[b-uk6o4vw8b0] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid var(--border-dark);
    margin-bottom: 1.5rem;
}

.lore-tab[b-uk6o4vw8b0] {
    font-family: var(--font-display);
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 0.6rem 1.25rem;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--text-dim);
    cursor: pointer;
    transition: color 150ms ease, border-color 150ms ease;
    margin-bottom: -1px;
}

.lore-tab:hover[b-uk6o4vw8b0] { color: var(--text-muted); }

.lore-tab--active[b-uk6o4vw8b0] {
    color: var(--accent-bright);
    border-bottom-color: var(--accent-bright);
}

/* ── SELECTOR LIST ────────────────────────────────────── */

.lore-class-group[b-uk6o4vw8b0] {
    display: flex;
    flex-direction: column;
}

.lore-selector[b-uk6o4vw8b0] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.55rem 1rem;
    background: none;
    border: none;
    border-left: 3px solid transparent;
    color: var(--text-muted);
    font-family: var(--font-body);
    font-size: 0.88rem;
    cursor: pointer;
    transition: background 150ms ease, color 150ms ease, border-color 150ms ease;
}

.lore-selector:hover[b-uk6o4vw8b0] {
    background: var(--surface-2);
    color: var(--text-bright);
}

.lore-selector--active[b-uk6o4vw8b0] {
    background: var(--surface-2);
    border-left-color: var(--accent-bright);
    color: var(--text-bright);
}

.lore-selector--sub[b-uk6o4vw8b0] {
    font-size: 0.82rem;
    padding-left: 2rem;
    color: var(--text-dim);
}

.lore-selector--sub:hover[b-uk6o4vw8b0] { color: var(--text-muted); }
.lore-selector--sub.lore-selector--active[b-uk6o4vw8b0] { color: var(--text-bright); }

/* ── EMPTY HINT ───────────────────────────────────────── */

.lore-empty-hint[b-uk6o4vw8b0] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-dim);
    padding: 2rem;
    text-align: center;
}

/* ── FORM ─────────────────────────────────────────────── */

.lore-form[b-uk6o4vw8b0] {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.25rem;
}

.lore-field-group[b-uk6o4vw8b0] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.lore-label[b-uk6o4vw8b0] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--text-dim);
}

.lore-input[b-uk6o4vw8b0] {
    background: var(--surface-2);
    border: 1px solid var(--border-dark);
    border-radius: 4px;
    padding: 0.55rem 0.75rem;
    color: var(--text-bright);
    font-family: var(--font-body);
    font-size: 0.88rem;
    width: 100%;
    outline: none;
    transition: border-color 150ms ease;
}

.lore-input:focus[b-uk6o4vw8b0] { border-color: var(--accent-bright); }

.lore-input--heading[b-uk6o4vw8b0] {
    font-family: var(--font-display);
    font-size: 0.8rem;
    flex: 1;
}

.lore-textarea[b-uk6o4vw8b0] {
    background: var(--surface-2);
    border: 1px solid var(--border-dark);
    border-radius: 4px;
    padding: 0.65rem 0.75rem;
    color: var(--text-bright);
    font-family: var(--font-body);
    font-size: 0.88rem;
    line-height: 1.65;
    width: 100%;
    min-height: 160px;
    resize: vertical;
    outline: none;
    transition: border-color 150ms ease;
}

.lore-textarea--short[b-uk6o4vw8b0] { min-height: 60px; }

.lore-textarea:focus[b-uk6o4vw8b0] { border-color: var(--accent-bright); }

/* ── SECTIONS ─────────────────────────────────────────── */

.lore-sections-header[b-uk6o4vw8b0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.lore-section-card[b-uk6o4vw8b0] {
    background: var(--surface-2);
    border: 1px solid var(--border-dark);
    border-radius: 5px;
    padding: 0.85rem 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.lore-section-header[b-uk6o4vw8b0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
/* _content/VoidMarkedSite/Components/Pages/Characters.razor.rz.scp.css */
/* ── Page layout ── */

.chars-page[b-kqmtbm1r13] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem 2rem 4rem;
}

/* ── Header ── */

.chars-header[b-kqmtbm1r13] {
    margin-bottom: 2.5rem;
}

.chars-header-inner[b-kqmtbm1r13] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.chars-title[b-kqmtbm1r13] {
    margin: 0 0 0.35rem;
    font-family: var(--font-display);
    font-size: clamp(1.6rem, 4vw, 2.4rem);
    font-weight: 900;
    letter-spacing: 8px;
    color: var(--text-bright);
    text-transform: uppercase;
}

.chars-subtitle[b-kqmtbm1r13] {
    margin: 0;
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-dim);
    letter-spacing: 1px;
}

.chars-count[b-kqmtbm1r13] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    letter-spacing: 3px;
    color: var(--text-dim);
    text-transform: uppercase;
    white-space: nowrap;
    padding-bottom: 0.2rem;
}

.chars-header-line[b-kqmtbm1r13] {
    height: 1px;
    background: linear-gradient(90deg, var(--accent) 0%, var(--border-dark) 60%, transparent 100%);
}

/* ── Loading ── */

.chars-loading[b-kqmtbm1r13] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    padding: 5rem 0;
    color: var(--text-dim);
    font-family: var(--font-display);
    font-size: 0.75rem;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.chars-loading-glyph[b-kqmtbm1r13] {
    width: 48px;
    opacity: 0.6;
    animation: spinSlow 4s linear infinite;
}

/* ── Grid ── */

.chars-grid[b-kqmtbm1r13] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.5rem;
}

/* ── Character card ── */

.char-card[b-kqmtbm1r13] {
    display: flex;
    flex-direction: column;
    background-color: var(--surface-2);
    border: 1px solid var(--border-dark);
    border-top: 3px solid var(--card-class-color, var(--accent));
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    animation: slideUpFade 0.4s ease both;
}

.char-card:hover[b-kqmtbm1r13] {
    transform: translateY(-3px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 20px var(--card-class-glow, var(--accent-glow));
}

/* Class colour mapping */
.char-card[data-class="enforcer"][b-kqmtbm1r13]   { --card-class-color: var(--class-enforcer);    --card-class-glow: rgba(198,40,40,0.3); }
.char-card[data-class="phantom"][b-kqmtbm1r13]    { --card-class-color: var(--class-phantom);     --card-class-glow: rgba(21,101,192,0.3); }
.char-card[data-class="mutant"][b-kqmtbm1r13]     { --card-class-color: var(--class-mutant);      --card-class-glow: rgba(46,125,50,0.3); }
.char-card[data-class="engineer"][b-kqmtbm1r13]   { --card-class-color: var(--class-engineer);    --card-class-glow: rgba(230,81,0,0.3); }
.char-card[data-class="voidstrider"][b-kqmtbm1r13]{ --card-class-color: var(--class-voidstrider); --card-class-glow: rgba(123,31,162,0.3); }
.char-card[data-class="aristocrat"][b-kqmtbm1r13] { --card-class-color: var(--class-aristocrat);  --card-class-glow: rgba(245,127,23,0.3); }

/* ── Card main link (navigable body) ── */

.char-card-main[b-kqmtbm1r13] {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-decoration: none;
    color: inherit;
}

/* ── Glyph ── */

.char-card-glyph[b-kqmtbm1r13] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.75rem 1.5rem 0.75rem;
    color: var(--card-class-color, var(--accent));
}

.char-card-glyph svg[b-kqmtbm1r13] {
    width: 52px;
    height: 52px;
    filter: drop-shadow(0 0 6px var(--card-class-glow, var(--accent-glow)));
}

/* ── Card body ── */

.char-card-body[b-kqmtbm1r13] {
    flex: 1;
    padding: 0.5rem 1.5rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.char-name[b-kqmtbm1r13] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-bright);
    text-transform: uppercase;
    line-height: 1.3;
    word-break: break-word;
}

.char-meta-row[b-kqmtbm1r13] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.char-class-badge[b-kqmtbm1r13] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    background-color: color-mix(in srgb, var(--card-class-color, var(--accent)) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--card-class-color, var(--accent)) 40%, transparent);
    color: var(--card-class-color, var(--accent));
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 3px;
}

.char-level[b-kqmtbm1r13] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 3px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.char-details[b-kqmtbm1r13] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
}

.char-detail-sep[b-kqmtbm1r13] {
    color: var(--text-dim);
}

/* ── Card footer ── */

.char-card-footer[b-kqmtbm1r13] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 1rem 0.65rem 1.5rem;
    border-top: 1px solid var(--border-dark);
    gap: 0.5rem;
}

.char-action-link[b-kqmtbm1r13] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 3px;
    color: var(--text-dim);
    text-transform: uppercase;
    transition: color 0.15s ease;
    flex: 1;
}

.char-card:hover .char-action-link[b-kqmtbm1r13] {
    color: var(--card-class-color, var(--accent));
}

.char-arrow[b-kqmtbm1r13] {
    transition: transform 0.15s ease;
}

.char-card:hover .char-arrow[b-kqmtbm1r13] {
    transform: translateX(3px);
}

/* ── Delete button ── */

.char-delete-btn[b-kqmtbm1r13] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    background: transparent;
    border: 1px solid transparent;
    color: var(--text-dim);
    cursor: pointer;
    transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
    flex-shrink: 0;
    opacity: 0;
}

.char-card:hover .char-delete-btn[b-kqmtbm1r13] {
    opacity: 1;
}

.char-delete-btn:hover[b-kqmtbm1r13] {
    color: #ef5350;
    border-color: rgba(239, 83, 80, 0.35);
    background-color: rgba(239, 83, 80, 0.08);
}

/* ── New character card ── */

.char-card-new[b-kqmtbm1r13] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 220px;
    padding: 2rem;
    background-color: transparent;
    border: 1px dashed var(--border);
    border-top: 1px dashed var(--border);
    color: var(--text-dim);
    text-decoration: none;
    transition: border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease;
    animation: slideUpFade 0.4s ease both;
}

.char-card-new:hover[b-kqmtbm1r13] {
    border-color: var(--accent);
    border-style: solid;
    color: var(--accent);
    background-color: rgba(123, 31, 162, 0.06);
    transform: translateY(-3px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 20px var(--accent-glow);
}

.char-new-icon[b-kqmtbm1r13] {
    width: 48px;
    height: 48px;
    border: 1px solid currentColor;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.18s ease;
}

.char-card-new:hover .char-new-icon[b-kqmtbm1r13] {
    transform: scale(1.1) rotate(90deg);
}

.char-new-icon svg[b-kqmtbm1r13] {
    width: 24px;
    height: 24px;
}

.char-new-label[b-kqmtbm1r13] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center;
}

/* ── Stagger animation delay ── */

.char-card:nth-child(1)[b-kqmtbm1r13] { animation-delay: 0ms; }
.char-card:nth-child(2)[b-kqmtbm1r13] { animation-delay: 60ms; }
.char-card:nth-child(3)[b-kqmtbm1r13] { animation-delay: 120ms; }
.char-card:nth-child(4)[b-kqmtbm1r13] { animation-delay: 180ms; }
.char-card:nth-child(5)[b-kqmtbm1r13] { animation-delay: 240ms; }
.char-card:nth-child(6)[b-kqmtbm1r13] { animation-delay: 300ms; }
.char-card:nth-child(7)[b-kqmtbm1r13] { animation-delay: 360ms; }
.char-card:nth-child(8)[b-kqmtbm1r13] { animation-delay: 420ms; }

/* ── Delete confirmation modal ── */

.delete-overlay[b-kqmtbm1r13] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
    animation: fadeIn 0.15s ease both;
    backdrop-filter: blur(2px);
}

.delete-modal[b-kqmtbm1r13] {
    width: 100%;
    max-width: 420px;
    background-color: var(--surface-2);
    border: 1px solid var(--border-dark);
    border-top: 3px solid #b71c1c;
    padding: 2rem 2rem 1.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    animation: slideUpFade 0.2s ease both;
}

.delete-modal-icon[b-kqmtbm1r13] {
    margin-bottom: 1.25rem;
    filter: drop-shadow(0 0 12px rgba(239, 83, 80, 0.35));
}

.delete-modal-icon svg[b-kqmtbm1r13] {
    width: 64px;
    height: 64px;
}

.delete-modal-title[b-kqmtbm1r13] {
    margin: 0 0 0.5rem;
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 5px;
    color: #ef5350;
    text-align: center;
    text-transform: uppercase;
}

.delete-modal-name[b-kqmtbm1r13] {
    margin: 0 0 1rem;
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--text-bright);
    text-align: center;
    text-transform: uppercase;
    word-break: break-word;
}

.delete-modal-body[b-kqmtbm1r13] {
    margin: 0 0 1.75rem;
    font-family: var(--font-body);
    font-size: 0.88rem;
    color: var(--text-muted);
    text-align: center;
    line-height: 1.65;
}

.delete-modal-actions[b-kqmtbm1r13] {
    display: flex;
    gap: 0.85rem;
    width: 100%;
    border-top: 1px solid var(--border-dark);
    padding-top: 1.5rem;
}

.delete-modal-actions .btn[b-kqmtbm1r13] {
    flex: 1;
}

.delete-confirm-btn[b-kqmtbm1r13] {
    flex: 1;
    padding: 0.7rem 1.5rem;
    background-color: #b71c1c;
    border: 1px solid #d32f2f;
    color: #ffcdd2;
    font-family: var(--font-display);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.15s, box-shadow 0.15s;
}

.delete-confirm-btn:hover:not(:disabled)[b-kqmtbm1r13] {
    background-color: #c62828;
    box-shadow: 0 0 16px rgba(198, 40, 40, 0.4);
}

.delete-confirm-btn:disabled[b-kqmtbm1r13] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Responsive ── */

@media (max-width: 600px) {
    .chars-page[b-kqmtbm1r13] {
        padding: 2rem 1rem 3rem;
    }

    .chars-header-inner[b-kqmtbm1r13] {
        flex-direction: column;
        align-items: flex-start;
    }

    .chars-grid[b-kqmtbm1r13] {
        grid-template-columns: 1fr;
    }

    .char-delete-btn[b-kqmtbm1r13] {
        opacity: 1;
    }
}
/* _content/VoidMarkedSite/Components/Pages/CharacterView.razor.rz.scp.css */
/* ── Loading ── */

.cv-loading[b-kuqkp3hskg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    min-height: 40vh;
    color: var(--text-muted);
    font-family: var(--font-display);
    font-size: 0.75rem;
    letter-spacing: 3px;
}

.cv-loading-glyph svg[b-kuqkp3hskg] { width: 56px; height: 56px; opacity: 0.6; }

/* ── Page shell ── */

.cv-page[b-kuqkp3hskg] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 2rem 2rem 5rem;
}

/* ── Header ── */

.cv-back-link[b-kuqkp3hskg] {
    display: inline-block;
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 3px;
    color: var(--text-dim);
    text-decoration: none;
    margin-bottom: 1rem;
    transition: color 0.15s;
}
.cv-back-link:hover[b-kuqkp3hskg] { color: var(--text-bright); }

.cv-header[b-kuqkp3hskg] {
    margin-bottom: 2rem;
    padding-bottom: 0;
    border-bottom: 1px solid var(--border-dark);
}

.cv-header-body[b-kuqkp3hskg] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 1.25rem;
    flex-wrap: nowrap;
}

.cv-hdr-identity[b-kuqkp3hskg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-shrink: 0;
}

.cv-name[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: 4px;
    color: var(--text-bright);
    margin: 0;
    text-transform: uppercase;
}

.cv-header-meta[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.cv-level-badge[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--accent-bright);
    border: 1px solid var(--accent);
    padding: 0.2rem 0.55rem;
}

.cv-class-badge[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #e8e0f0;
    background: var(--accent);
    padding: 0.2rem 0.6rem;
}

.cv-subclass-label[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.85rem;
    color: var(--text-muted);
}

.cv-meta-sep[b-kuqkp3hskg] { color: var(--border-dim); }

.cv-race-label[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.85rem;
    color: var(--text-dim);
}

.cv-species-tier-badge[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #5c9ead;
    border: 1px solid #2a5060;
    padding: 0.2rem 0.55rem;
}

/* ── Header resources bar ── */

.cv-header-resources[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: nowrap;
}

.cv-res-group[b-kuqkp3hskg] {
    display: flex;
    gap: 1rem;
    flex-wrap: nowrap;
    align-items: flex-start;
}

/* Each resource widget is self-contained and fixed width */
.cv-res-widget[b-kuqkp3hskg] {
    width: 175px;
    flex-shrink: 0;
}

/* When only 2 widgets are shown, give each half the missing widget's width back */
.cv-res-group--two .cv-res-widget[b-kuqkp3hskg] {
    width: 263px;
}

.cv-res-widget-top[b-kuqkp3hskg] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.5rem;
}

.cv-res-widget-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.56rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--text-dim);
}

.cv-res-label-ve[b-kuqkp3hskg] { color: var(--accent-bright); }
.cv-res-label-en[b-kuqkp3hskg] { color: #64b5f6; }

.cv-res-widget-nums[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 700;
    color: #81c784;
    white-space: nowrap;
}

.cv-ve-nums[b-kuqkp3hskg] { color: var(--accent-bright); }

.cv-res-widget-max[b-kuqkp3hskg] {
    font-size: 0.72rem;
    color: var(--text-dim);
    font-weight: 400;
}

.cv-res-widget-track[b-kuqkp3hskg] {
    height: 8px;
    background: var(--border-dark);
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.cv-res-widget-fill[b-kuqkp3hskg] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease, background 0.3s ease;
}

.cv-ve-fill[b-kuqkp3hskg] { background: #9c27b0; }

.cv-res-widget-controls[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.cv-res-reserved-fill[b-kuqkp3hskg] {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #f59e0b;
    border-radius: 3px;
    opacity: 0.85;
}

.cv-res-reserved[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 1px;
    color: #f59e0b;
    margin-top: 0.3rem;
}

.cv-inv-energy-cost[b-kuqkp3hskg] {
    display: inline-block;
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 1px 6px;
    border-radius: 3px;
    margin-top: 0.2rem;
    margin-bottom: 0.15rem;
    background: rgba(100, 181, 246, 0.12);
    color: #64b5f6;
    border: 1px solid rgba(100, 181, 246, 0.25);
}

.cv-inv-energy-cost.reserve[b-kuqkp3hskg] {
    background: rgba(245, 158, 11, 0.12);
    color: #f59e0b;
    border-color: rgba(245, 158, 11, 0.3);
}

/* Reusable +/− button */
.cv-res-btn[b-kuqkp3hskg] {
    width: 32px;
    height: 32px;
    background: var(--surface-0);
    border: 1px solid var(--border-dark);
    color: var(--text-muted);
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.15s, color 0.15s;
    flex-shrink: 0;
}
.cv-res-btn:hover:not(:disabled)[b-kuqkp3hskg] { border-color: #81c784; color: #81c784; }
.cv-res-btn:disabled[b-kuqkp3hskg] { opacity: 0.3; cursor: default; }
.cv-res-btn-ve:hover:not(:disabled)[b-kuqkp3hskg] { border-color: var(--accent-bright); color: var(--accent-bright); }
.cv-res-btn-en:hover:not(:disabled)[b-kuqkp3hskg] { border-color: #64b5f6; color: #64b5f6; }

.cv-res-mid[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.56rem;
    letter-spacing: 1px;
    color: var(--text-dim);
    min-width: 3.8rem;
    text-align: center;
}
.cv-res-mid-overload[b-kuqkp3hskg] { color: #ef5350; animation: pulse-dim-b-kuqkp3hskg 0.8s infinite; }

.cv-saving-indicator[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.54rem;
    letter-spacing: 2px;
    color: var(--text-dim);
    animation: pulse-dim-b-kuqkp3hskg 1s infinite;
    flex-shrink: 0;
}

/* Vertical divider between bars and chips */
.cv-hdr-vdivider[b-kuqkp3hskg] {
    width: 1px;
    align-self: stretch;
    background: var(--border-dark);
    flex-shrink: 0;
    margin: 0 0.25rem;
}

/* DEF / INIT chips */
.cv-hdr-chips[b-kuqkp3hskg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-shrink: 0;
}

.cv-hdr-chip-row[b-kuqkp3hskg] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.cv-hdr-chip[b-kuqkp3hskg] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.cv-hdr-chip-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.48rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-dim);
    width: 2.5rem;
    flex-shrink: 0;
}

.cv-hdr-chip-val[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-bright);
}

.cv-hdr-chip-gear[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.4rem;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: nowrap;
}
.cv-hdr-chip-gear.pos[b-kuqkp3hskg] { color: #81c784; }
.cv-hdr-chip-gear.neg[b-kuqkp3hskg] { color: #ef9a9a; }

.cv-hdr-chip-credits[b-kuqkp3hskg] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
}

.cv-credits-val[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    color: #ffd54f;
    letter-spacing: 1px;
}

.cv-credits-input-row[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.cv-credits-input[b-kuqkp3hskg] {
    background: var(--surface-0);
    border: 1px solid var(--border-dark);
    color: var(--text-muted);
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0.25rem 0.45rem;
    width: 5.5rem;
    outline: none;
    transition: border-color 0.15s;
}
.cv-credits-input:focus[b-kuqkp3hskg] { border-color: #ffd54f; }
.cv-credits-input[b-kuqkp3hskg]::placeholder { color: var(--text-dim); font-weight: 400; letter-spacing: 0; }

.cv-credits-apply-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.4rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #ffd54f;
    background: rgba(255, 213, 79, 0.1);
    border: 1px solid #9a7200;
    padding: 0.22rem 0.5rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
    text-transform: uppercase;
    white-space: nowrap;
    align-self: stretch;
}
.cv-credits-apply-btn:hover:not(:disabled)[b-kuqkp3hskg] { background: rgba(255,213,79,0.22); border-color: #ffd54f; }
.cv-credits-apply-btn:disabled[b-kuqkp3hskg] { opacity: 0.35; cursor: default; }

/* ── Body layout ── */

.cv-body[b-kuqkp3hskg] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 2rem;
    align-items: start;
}

/* ── Sidebar ── */

.cv-sidebar[b-kuqkp3hskg] {
    position: sticky;
    top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0;
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
}

.cv-sidebar-divider[b-kuqkp3hskg] {
    height: 1px;
    background: var(--border-dark);
    margin: 0;
}

.cv-sidebar-section[b-kuqkp3hskg] { padding: 1.25rem; }

.cv-block-title[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 4px;
    color: var(--text-dim);
    text-transform: uppercase;
    margin-bottom: 0.75rem;
}

/* ── Stats ── */

.cv-stat-row[b-kuqkp3hskg] {
    display: grid;
    grid-template-columns: 1fr 2.5rem 2.5rem auto;
    align-items: center;
    gap: 0.25rem;
    padding: 0.35rem 0;
    border-bottom: 1px solid var(--border-dark);
}
.cv-stat-row:last-child[b-kuqkp3hskg] { border-bottom: none; }

.cv-stat-gear[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.44rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0.1rem 0.3rem;
    border: 1px solid;
    white-space: nowrap;
}
.cv-stat-gear.pos[b-kuqkp3hskg] { color: #81c784; border-color: #2e5a30; background: rgba(56,142,60,0.12); }
.cv-stat-gear.neg[b-kuqkp3hskg] { color: #ef9a9a; border-color: #7a0000; background: rgba(183,28,28,0.12); }

.cv-stat-name[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-muted);
}
.cv-stat-row.primary .cv-stat-name[b-kuqkp3hskg] { color: var(--accent-bright); }

.cv-stat-short[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    letter-spacing: 1px;
    color: var(--text-dim);
    text-align: right;
}

.cv-stat-val[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.9rem;
    font-weight: 700;
    text-align: right;
}
.cv-stat-val.pos[b-kuqkp3hskg]  { color: #81c784; }
.cv-stat-val.neg[b-kuqkp3hskg]  { color: #ef5350; }
.cv-stat-val.zero[b-kuqkp3hskg] { color: var(--text-dim); }

/* ── Gear bonus panel (sidebar) ── */

.cv-gear-bonus-row[b-kuqkp3hskg] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0;
    border-bottom: 1px solid var(--border-dark);
}
.cv-gear-bonus-row:last-child[b-kuqkp3hskg] { border-bottom: none; }

.cv-gear-bonus-label[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.72rem;
    color: var(--text-muted);
}

.cv-gear-bonus-val[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 700;
    text-align: right;
}
.cv-gear-bonus-val.pos[b-kuqkp3hskg] { color: #81c784; }
.cv-gear-bonus-val.neg[b-kuqkp3hskg] { color: #ef9a9a; }

/* ── Species tier control (sidebar) ── */

.cv-tier-control[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cv-tier-btn[b-kuqkp3hskg] {
    width: 24px;
    height: 24px;
    background: var(--surface-0);
    border: 1px solid var(--border-dark);
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.15s, color 0.15s;
}
.cv-tier-btn:hover:not(:disabled)[b-kuqkp3hskg] { border-color: #5c9ead; color: #5c9ead; }
.cv-tier-btn:disabled[b-kuqkp3hskg] { opacity: 0.3; cursor: default; }

.cv-tier-val[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    color: #5c9ead;
    min-width: 2.2rem;
    text-align: center;
}

/* ── Corruption tracker ── */

.cv-corruption-btn:hover:not(:disabled)[b-kuqkp3hskg] { border-color: #ef5350; color: #ef5350; }

.cv-corruption-val[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 900;
    min-width: 2.2rem;
    text-align: center;
    letter-spacing: 1px;
}

.cv-corruption-title[b-kuqkp3hskg] { transition: color 0.2s; }

/* Severity colour ramps */
.cv-corruption-sev-none[b-kuqkp3hskg]    { color: var(--text-muted); }
.cv-corruption-sev-low[b-kuqkp3hskg]     { color: #ffeb3b; }
.cv-corruption-sev-mid[b-kuqkp3hskg]     { color: #ff9800; }
.cv-corruption-sev-high[b-kuqkp3hskg]    { color: #ef5350; }
.cv-corruption-sev-critical[b-kuqkp3hskg] { color: #b71c1c; text-shadow: 0 0 8px rgba(183,28,28,0.7); }

.cv-corruption-min-note[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.44rem;
    letter-spacing: 1.5px;
    color: var(--text-secondary);
    margin-top: 0.3rem;
    text-transform: uppercase;
}

.cv-corruption-effect-name[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 0.45rem;
    margin-bottom: 0.2rem;
}

.cv-corruption-effect-desc[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.72rem;
    color: var(--text-muted);
    line-height: 1.45;
    margin-bottom: 0.3rem;
}

.cv-corruption-cleansed[b-kuqkp3hskg] { color: var(--text-secondary); font-style: italic; }

.cv-corruption-stat-pill[b-kuqkp3hskg] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: rgba(183, 28, 28, 0.15);
    border: 1px solid rgba(239, 83, 80, 0.4);
    color: #ef5350;
    font-family: var(--font-display);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0.15rem 0.5rem;
    border-radius: 3px;
    margin-top: 0.3rem;
    text-transform: uppercase;
}

.cv-corruption-stat-pill-label[b-kuqkp3hskg] {
    font-size: 0.42rem;
    color: rgba(239, 83, 80, 0.7);
    letter-spacing: 1.5px;
}

.cv-corruption-toggle-btn[b-kuqkp3hskg] {
    display: block;
    width: 100%;
    margin-top: 0.5rem;
    background: none;
    border: 1px solid var(--border-dark);
    color: var(--text-secondary);
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 0.25rem 0.4rem;
    cursor: pointer;
    text-align: center;
    transition: border-color 0.15s, color 0.15s;
}
.cv-corruption-toggle-btn:hover[b-kuqkp3hskg] {
    border-color: var(--text-muted);
    color: var(--text-muted);
}

.cv-corruption-all-effects[b-kuqkp3hskg] {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cv-corruption-eff-row[b-kuqkp3hskg] {
    border-left: 2px solid var(--border-dark);
    padding-left: 0.5rem;
}

.cv-corruption-eff-hdr[b-kuqkp3hskg] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    margin-bottom: 0.15rem;
}

.cv-corruption-eff-lvl[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.48rem;
    font-weight: 900;
    min-width: 1rem;
    flex-shrink: 0;
}

.cv-corruption-eff-name[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.48rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    flex: 1;
}

.cv-corruption-eff-stat[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    color: #ef5350;
    white-space: nowrap;
    background: rgba(183,28,28,0.15);
    border: 1px solid rgba(239,83,80,0.3);
    padding: 0.05rem 0.3rem;
    border-radius: 2px;
}

.cv-corruption-eff-body[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.68rem;
    color: var(--text-muted);
    line-height: 1.4;
}

.cv-corruption-death-warn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    font-weight: 900;
    letter-spacing: 3px;
    color: #b71c1c;
    text-transform: uppercase;
    margin-top: 0.5rem;
    text-align: center;
    animation: corruption-pulse-b-kuqkp3hskg 1.2s ease-in-out infinite;
}

@keyframes corruption-pulse-b-kuqkp3hskg {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/* ── Main content ── */

.cv-main[b-kuqkp3hskg] { min-width: 0; }

/* ── Tabs ── */

.cv-tabs[b-kuqkp3hskg] {
    display: flex;
    gap: 0;
    border-bottom: 1px solid var(--border-dark);
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.cv-tab[b-kuqkp3hskg] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.6rem 1rem 0.55rem;
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-dim);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    transition: color 0.15s, border-color 0.15s;
    white-space: nowrap;
    margin-bottom: -1px;
}
.cv-tab:hover[b-kuqkp3hskg] { color: var(--text-muted); }
.cv-tab.active[b-kuqkp3hskg] {
    color: var(--accent-bright);
    border-bottom-color: var(--accent-bright);
}

.cv-tab-count[b-kuqkp3hskg] {
    font-size: 0.48rem;
    background: var(--border-dark);
    color: var(--text-dim);
    padding: 0.1rem 0.35rem;
    border-radius: 2px;
    letter-spacing: 0;
}
.cv-tab.active .cv-tab-count[b-kuqkp3hskg] {
    background: rgba(156, 39, 176, 0.2);
    color: var(--accent-bright);
}

/* ── Empty state ── */

.cv-empty[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.85rem;
    color: var(--text-dim);
    text-align: center;
    padding: 3rem 2rem;
    border: 1px solid var(--border-dark);
}

/* ── Tab content wrapper ── */

.cv-tab-content[b-kuqkp3hskg] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* ── Skills grid ── */

.cv-skills-grid[b-kuqkp3hskg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
    align-items: start;
}

.cv-skill-group-block[b-kuqkp3hskg] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    overflow: hidden;
}

.cv-skill-group-heading[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.55rem 0.85rem;
    background: var(--surface-0);
    border-bottom: 1px solid var(--border-dark);
}

.cv-skill-group-stat[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--accent-bright);
    text-transform: uppercase;
}

.cv-skill-group-mod[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 700;
}
.cv-skill-group-mod.pos[b-kuqkp3hskg]  { color: #81c784; }
.cv-skill-group-mod.neg[b-kuqkp3hskg]  { color: #ef5350; }
.cv-skill-group-mod.zero[b-kuqkp3hskg] { color: var(--text-dim); }

/* ── Skill cards (expandable) ── */

.cv-skill-card[b-kuqkp3hskg] { border-bottom: 1px solid var(--border-dark); }
.cv-skill-card:last-child[b-kuqkp3hskg] { border-bottom: none; }

.cv-skill-card-hdr[b-kuqkp3hskg] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.55rem 0.85rem;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background 0.12s;
}
.cv-skill-card-hdr:hover[b-kuqkp3hskg] { background: rgba(255,255,255,0.03); }
.cv-skill-card.open .cv-skill-card-hdr[b-kuqkp3hskg] { background: rgba(156,39,176,0.06); }

.cv-skill-card-name[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-muted);
    flex: 1;
}
.cv-skill-card.open .cv-skill-card-name[b-kuqkp3hskg] { color: var(--text-bright); }

.cv-skill-card-right[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    flex-shrink: 0;
}

.cv-skill-stat-tag[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--accent-bright);
    border: 1px solid var(--accent);
    padding: 0.1rem 0.3rem;
    background: rgba(123,31,162,0.1);
}

.cv-skill-bonus-tag[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #5c9ead;
    border: 1px solid #2a5060;
    padding: 0.1rem 0.3rem;
    background: rgba(92,158,173,0.1);
}

.cv-skill-card-mod[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    min-width: 2.2rem;
    text-align: right;
}
.cv-skill-card-mod.pos[b-kuqkp3hskg]  { color: #81c784; }
.cv-skill-card-mod.neg[b-kuqkp3hskg]  { color: #ef5350; }
.cv-skill-card-mod.zero[b-kuqkp3hskg] { color: var(--text-dim); }

.cv-skill-chevron[b-kuqkp3hskg] {
    font-size: 0.55rem;
    color: var(--text-dim);
    margin-left: 0.2rem;
}

.cv-skill-gear-badge[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0.1rem 0.3rem;
    border: 1px solid;
    white-space: nowrap;
}
.cv-skill-gear-badge.pos[b-kuqkp3hskg] { color: #81c784; border-color: #2e5a30; background: rgba(56,142,60,0.12); }
.cv-skill-gear-badge.neg[b-kuqkp3hskg] { color: #ef9a9a; border-color: #7a0000; background: rgba(183,28,28,0.12); }

.cv-skill-card.gear-modified .cv-skill-card-name[b-kuqkp3hskg] { color: var(--text-bright); }

.cv-skill-card-body[b-kuqkp3hskg] {
    padding: 0.6rem 0.85rem 0.75rem;
    background: var(--surface-0);
    border-top: 1px solid var(--border-dark);
}

.cv-skill-desc[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    line-height: 1.6;
    color: var(--text-muted);
    margin: 0;
}

/* ── Ability cards ── */

.cv-ability-card[b-kuqkp3hskg] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-left: 3px solid var(--accent);
    padding: 1rem 1.25rem;
    transition: border-color 0.2s, background 0.2s, opacity 0.2s;
}

.cv-ability-card--exhausted[b-kuqkp3hskg] {
    border-left-color: #b71c1c;
    border-color: #4a1010;
    background: rgba(183, 28, 28, 0.05);
    opacity: 0.75;
}
.cv-ability-card--exhausted .cv-ability-name[b-kuqkp3hskg] { color: #ef9a9a; }

.cv-ability-card--no-resource[b-kuqkp3hskg] {
    border-left-color: #c62828;
    border-color: #5a1a1a;
    background: rgba(198, 40, 40, 0.1);
}
.cv-ability-card--no-resource .cv-ability-name[b-kuqkp3hskg] { color: #ef9a9a; }

.cv-ability-use-btn--no-resource[b-kuqkp3hskg],
.cv-ability-use-btn--no-resource:disabled[b-kuqkp3hskg] {
    color: #ef5350;
    background: rgba(198, 40, 40, 0.15);
    border-color: #c62828;
    cursor: not-allowed;
    opacity: 0.85;
}

.cv-ability-card-species[b-kuqkp3hskg] { border-left-color: #5c9ead; }
.cv-ability-card-gear[b-kuqkp3hskg]    { border-left-color: #8d6e63; }

.cv-ability-header[b-kuqkp3hskg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}

.cv-ability-name[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text-bright);
    text-transform: uppercase;
}

.cv-ability-badges[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    flex-shrink: 0;
}

/* ── Badges ── */

.cv-badge[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.45rem;
    letter-spacing: 1.5px;
    padding: 0.15rem 0.45rem;
    text-transform: uppercase;
    white-space: nowrap;
    border: 1px solid;
}

.cv-badge-type[b-kuqkp3hskg]    { color: var(--accent-bright); border-color: var(--accent); background: rgba(123,31,162,0.12); }
.cv-badge-level[b-kuqkp3hskg]   { color: var(--text-dim);      border-color: var(--border-dark); background: transparent; }
.cv-badge-cost[b-kuqkp3hskg]    { color: #ffd54f;              border-color: #9a6800; background: rgba(154,104,0,0.22); font-weight: 700; }
.cv-badge-species[b-kuqkp3hskg] { color: #5c9ead;              border-color: #2a5060; background: rgba(92,158,173,0.1); }
.cv-badge-path[b-kuqkp3hskg]    { color: var(--text-dim);      border-color: var(--border-dark); background: transparent; }
.cv-badge-gear[b-kuqkp3hskg]    { color: #a1887f;              border-color: #4a3028; background: rgba(161,136,127,0.1); }

/* Cost type overrides — class applied in addition to cv-badge-cost */
.cv-badge-cost-energy[b-kuqkp3hskg]   { color: #90caf9; border-color: #1a4a78; background: rgba(33,84,143,0.28); }
.cv-badge-cost-overload[b-kuqkp3hskg] { color: #ef9a9a; border-color: #8a0000; background: rgba(183,28,28,0.28); }
.cv-badge-cost-ve[b-kuqkp3hskg]       { color: #ce93d8; border-color: #6a1a80; background: rgba(106,27,154,0.28); }
.cv-badge-cost-hp[b-kuqkp3hskg]       { color: #ef9a9a; border-color: #7a0000; background: rgba(183,28,28,0.22); }

/* ── Ability body text ── */

.cv-ability-text[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.83rem;
    line-height: 1.6;
    color: var(--text-muted);
    margin: 0.25rem 0;
}

.cv-ability-bullet[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.83rem;
    line-height: 1.6;
    color: var(--text-muted);
    padding-left: 1.1rem;
    position: relative;
    margin: 0.15rem 0;
}
.cv-ability-bullet[b-kuqkp3hskg]::before {
    content: "▸";
    position: absolute;
    left: 0;
    color: var(--accent-bright);
    font-size: 0.7rem;
}

.cv-ability-subhead[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
    margin: 0.6rem 0 0.25rem;
}

.cv-ability-trigger[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 2px;
    color: #ef9a9a;
    margin-top: 0.5rem;
}

/* ── Species section header (Passives tab) ── */

.cv-species-section-hdr[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.85rem;
    background: rgba(92,158,173,0.07);
    border: 1px solid #2a5060;
    margin-bottom: 0.25rem;
}

.cv-species-section-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: #5c9ead;
    text-transform: uppercase;
}

.cv-species-tier-note[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.72rem;
    color: var(--text-dim);
}

/* ── Path / Ability selection modals ── */

.cv-modal-backdrop[b-kuqkp3hskg] {
    position: fixed;
    inset: 0;
    background: rgba(9, 7, 15, 0.85);
    backdrop-filter: blur(4px);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.cv-path-modal[b-kuqkp3hskg] {
    background: var(--surface-1);
    border: 1px solid var(--border-dim);
    border-top: 3px solid var(--accent-bright);
    width: 100%;
    max-width: 760px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.cv-path-modal-header[b-kuqkp3hskg] {
    padding: 1.5rem 1.75rem 1.25rem;
    border-bottom: 1px solid var(--border-dark);
    flex-shrink: 0;
}

.cv-path-modal-eyebrow[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.48rem;
    letter-spacing: 4px;
    color: var(--accent-bright);
    margin-bottom: 0.4rem;
}

.cv-path-modal-title[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 900;
    letter-spacing: 4px;
    color: var(--text-bright);
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.cv-path-modal-sub[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-dim);
    margin: 0;
    line-height: 1.5;
}

.cv-path-options[b-kuqkp3hskg] {
    flex: 1;
    overflow-y: auto;
    padding: 1.25rem 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    scrollbar-width: thin;
    scrollbar-color: var(--border-dark) transparent;
}

.cv-path-option[b-kuqkp3hskg] {
    text-align: left;
    background: var(--surface-0);
    border: 2px solid var(--border-dark);
    padding: 1rem 1.25rem;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    width: 100%;
}
.cv-path-option:hover[b-kuqkp3hskg] { border-color: var(--border-dim); background: rgba(255,255,255,0.02); }
.cv-path-option.selected[b-kuqkp3hskg] { border-color: var(--accent-bright); background: rgba(123,31,162,0.1); }

.cv-path-option-top[b-kuqkp3hskg] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.65rem;
}

.cv-path-option-name[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-bright);
    text-transform: uppercase;
}

.cv-path-option-flavor[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.72rem;
    color: var(--text-dim);
    font-style: italic;
}

.cv-path-selected-mark[b-kuqkp3hskg] {
    margin-left: auto;
    font-family: var(--font-display);
    font-size: 0.45rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--accent-bright);
    border: 1px solid var(--accent);
    padding: 0.15rem 0.5rem;
    background: rgba(123,31,162,0.2);
}

.cv-path-option-rule[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    line-height: 1.65;
    color: var(--text-muted);
    margin: 0.25rem 0 0;
}

.cv-path-modal-footer[b-kuqkp3hskg] {
    padding: 1rem 1.75rem;
    border-top: 1px solid var(--border-dark);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-shrink: 0;
}

.cv-path-confirm-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 2px;
}
.cv-path-confirm-btn:disabled[b-kuqkp3hskg] { opacity: 0.35; cursor: default; }

/* ── Clickable cost badge ── */

.cv-badge-cost-btn[b-kuqkp3hskg] {
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, color 0.12s, box-shadow 0.12s;
    font-family: inherit;
    line-height: inherit;
    box-shadow: 0 0 0 1px rgba(255,213,79,0.15) inset;
}
.cv-badge-cost-btn:hover[b-kuqkp3hskg] {
    background: rgba(255, 213, 79, 0.28);
    border-color: #ffd54f;
    color: #fff;
    box-shadow: 0 0 6px rgba(255,213,79,0.3);
}
.cv-badge-cost-btn:active[b-kuqkp3hskg] { filter: brightness(1.15); }

/* Type-specific hover tints for clickable cost buttons */
.cv-badge-cost-btn.cv-badge-cost-energy:hover[b-kuqkp3hskg]  { background: rgba(33,84,143,0.45);  border-color: #90caf9; box-shadow: 0 0 6px rgba(144,202,249,0.35); }
.cv-badge-cost-btn.cv-badge-cost-overload:hover[b-kuqkp3hskg] { background: rgba(183,28,28,0.45); border-color: #ef9a9a; box-shadow: 0 0 6px rgba(239,154,154,0.35); }
.cv-badge-cost-btn.cv-badge-cost-ve:hover[b-kuqkp3hskg]       { background: rgba(106,27,154,0.45); border-color: #ce93d8; box-shadow: 0 0 6px rgba(206,147,216,0.35); }
.cv-badge-cost-btn.cv-badge-cost-hp:hover[b-kuqkp3hskg]       { background: rgba(183,28,28,0.4);  border-color: #ef9a9a; box-shadow: 0 0 6px rgba(239,154,154,0.35); }

/* ── USE ability button ── */

.cv-ability-use-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--accent-bright);
    background: rgba(123, 31, 162, 0.15);
    border: 1px solid var(--accent);
    padding: 0.15rem 0.6rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
    white-space: nowrap;
    text-transform: uppercase;
}
.cv-ability-use-btn:hover[b-kuqkp3hskg] {
    background: rgba(123, 31, 162, 0.3);
    border-color: var(--accent-bright);
    color: #fff;
}
.cv-ability-use-btn:active[b-kuqkp3hskg] {
    background: rgba(123, 31, 162, 0.45);
}

.cv-ability-use-btn--used[b-kuqkp3hskg],
.cv-ability-use-btn:disabled[b-kuqkp3hskg] {
    color: #7a5050;
    background: rgba(183, 28, 28, 0.08);
    border-color: #5a2020;
    cursor: default;
    opacity: 0.6;
}

/* ── Kill-refresh button (e.g. Gadget Overhaul: restore 1 use on kill) ── */

.cv-ability-kill-refresh-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 2px 7px;
    border-radius: 3px;
    border: 1px solid #1a6b3a;
    background: rgba(0, 120, 60, 0.15);
    color: #4caf82;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
    white-space: nowrap;
    text-transform: uppercase;
}
.cv-ability-kill-refresh-btn:hover[b-kuqkp3hskg] {
    background: rgba(0, 150, 80, 0.3);
    border-color: #4caf82;
    color: #fff;
}
.cv-ability-kill-refresh-btn:disabled[b-kuqkp3hskg] {
    color: #3a5a46;
    background: rgba(0, 80, 40, 0.08);
    border-color: #1a3a26;
    cursor: default;
    opacity: 0.55;
}

.cv-gear-overload-btn[b-kuqkp3hskg] {
    color: #ef9a9a;
    background: rgba(183, 28, 28, 0.15);
    border-color: #8a0000;
}
.cv-gear-overload-btn:hover[b-kuqkp3hskg] {
    background: rgba(183, 28, 28, 0.35);
    border-color: #ef9a9a;
    color: #fff;
}
.cv-gear-overload-btn:active[b-kuqkp3hskg] {
    background: rgba(183, 28, 28, 0.5);
}

.cv-gear-reduction-note[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.48rem;
    letter-spacing: 1.5px;
    color: #f59e0b;
    margin-bottom: 0.3rem;
    text-transform: uppercase;
}

/* ── Ability metadata row ── */

.cv-ability-meta-row[b-kuqkp3hskg] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    margin: 0.2rem 0;
    color: var(--text-muted);
}

.cv-ability-meta-key[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.44rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
    flex-shrink: 0;
}

.cv-ability-meta-val[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-muted);
}

/* ── Limit badge ── */

.cv-badge-limit[b-kuqkp3hskg] {
    color: #ffb74d;
    border-color: #7a4a00;
    background: rgba(121,74,0,0.2);
}

.cv-badge-limit-used[b-kuqkp3hskg] {
    color: #ef9a9a;
    border-color: #7a0000;
    background: rgba(183,28,28,0.2);
}

/* ── Deploy counter (inline on ability card) ── */

.cv-deploy-row[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.6rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-dark);
}

.cv-deploy-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
    flex: 1;
}

.cv-deploy-val[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    color: #ffb74d;
    min-width: 2.2rem;
    text-align: center;
}

.cv-deploy-val-full[b-kuqkp3hskg] { color: #ef5350; }

.cv-deploy-btn[b-kuqkp3hskg] {
    width: 22px;
    height: 22px;
    background: var(--surface-0);
    border: 1px solid var(--border-dark);
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.15s, color 0.15s;
    flex-shrink: 0;
}
.cv-deploy-btn:hover:not(:disabled)[b-kuqkp3hskg] { border-color: #ffb74d; color: #ffb74d; }
.cv-deploy-btn:disabled[b-kuqkp3hskg] { opacity: 0.3; cursor: default; }

/* ── Active Effects panel ── */

.cv-effect-panel[b-kuqkp3hskg] {
    background: var(--surface-1);
    border: 1px solid #2a1840;
    border-left: 3px solid #546e7a;
    border-radius: 6px;
    margin-bottom: 10px;
    overflow: hidden;
}

.cv-effect-panel-hdr[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid #2a1840;
}

.cv-effect-panel-toggle[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-align: left;
}

.cv-effect-panel-label[b-kuqkp3hskg] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #9e8faf;
}

.cv-effect-count[b-kuqkp3hskg] {
    background: rgba(84,110,122,0.25);
    border: 1px solid #546e7a;
    border-radius: 10px;
    padding: 1px 7px;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    color: #b0bec5;
}

.cv-effect-chevron[b-kuqkp3hskg] {
    font-size: 0.6rem;
    color: #6a5a7a;
    margin-left: 2px;
}

.cv-effect-add-btn[b-kuqkp3hskg] {
    background: transparent;
    border: 1px solid #3a2060;
    border-radius: 4px;
    padding: 3px 8px;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    color: #9e8faf;
    cursor: pointer;
    letter-spacing: 0.05em;
    transition: background 0.15s, border-color 0.15s;
}
.cv-effect-add-btn:hover[b-kuqkp3hskg] { background: rgba(106,27,154,0.2); border-color: #ce93d8; color: #ce93d8; }

.cv-effect-empty[b-kuqkp3hskg] {
    padding: 10px 14px;
    font-size: 0.75rem;
    color: #6a5a7a;
    font-style: italic;
    margin: 0;
}

.cv-effect-row[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-bottom: 1px solid #1e1530;
}
.cv-effect-row:last-child[b-kuqkp3hskg] { border-bottom: none; }

/* Type badge colours */
.cv-effect-type-badge[b-kuqkp3hskg] {
    flex-shrink: 0;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}
.cv-effect-type-applied[b-kuqkp3hskg]  { background: rgba(230,81,0,0.2);   border: 1px solid #e65100; color: #ffb74d; }
.cv-effect-type-dot[b-kuqkp3hskg]      { background: rgba(183,28,28,0.2);  border: 1px solid #b71c1c; color: #ef5350; }
.cv-effect-type-active[b-kuqkp3hskg]   { background: rgba(27,94,32,0.2);   border: 1px solid #2e7d32; color: #81c784; }

.cv-effect-info[b-kuqkp3hskg] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cv-effect-name[b-kuqkp3hskg] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    color: #e8e0f0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cv-effect-source[b-kuqkp3hskg] {
    font-size: 0.65rem;
    color: #9e8faf;
}

.cv-effect-target[b-kuqkp3hskg] {
    font-size: 0.65rem;
    color: #ce93d8;
    font-style: italic;
}

.cv-effect-desc[b-kuqkp3hskg] {
    font-size: 0.65rem;
    color: #6a5a7a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cv-effect-controls[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.cv-effect-ctrl-btn[b-kuqkp3hskg] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid #3a2060;
    background: rgba(30,21,48,0.8);
    color: #9e8faf;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, border-color 0.15s;
}
.cv-effect-ctrl-btn:hover:not(:disabled)[b-kuqkp3hskg] { background: rgba(106,27,154,0.3); border-color: #ce93d8; color: #e8e0f0; }
.cv-effect-ctrl-btn:disabled[b-kuqkp3hskg] { opacity: 0.3; cursor: default; }

.cv-effect-duration[b-kuqkp3hskg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 36px;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #e8e0f0;
    line-height: 1;
}
.cv-effect-duration--expiring[b-kuqkp3hskg] { color: #ef5350; }

.cv-effect-rounds-label[b-kuqkp3hskg] {
    font-size: 0.5rem;
    color: #6a5a7a;
    letter-spacing: 0.08em;
    margin-top: 1px;
}

.cv-effect-remove-btn[b-kuqkp3hskg] {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    border: 1px solid #3a2060;
    background: transparent;
    color: #6a5a7a;
    font-size: 0.7rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 4px;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.cv-effect-remove-btn:hover[b-kuqkp3hskg] { background: rgba(183,28,28,0.25); border-color: #b71c1c; color: #ef5350; }

/* Modal extras */
.cv-effect-modal-desc[b-kuqkp3hskg] {
    font-size: 0.75rem;
    color: #9e8faf;
    margin: 0 0 12px;
    font-style: italic;
}

.cv-effect-form[b-kuqkp3hskg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.cv-effect-dur-input[b-kuqkp3hskg] {
    width: 80px !important;
}

/* ── Parasite panel (Hivecaller) ── */

.cv-parasite-panel[b-kuqkp3hskg] {
    background: var(--surface-1);
    border: 1px solid #2a1840;
    border-left: 3px solid #9c27b0;
    margin-bottom: 0.75rem;
    overflow: hidden;
}

.cv-parasite-panel-hdr[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 1rem;
    background: var(--surface-0);
    border-bottom: 1px solid var(--border-dark);
    flex-wrap: wrap;
    gap: 0.5rem;
}

.cv-parasite-panel-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: #ce93d8;
    text-transform: uppercase;
}

.cv-parasite-count[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--text-muted);
}
.cv-parasite-count-full[b-kuqkp3hskg] { color: #ef5350; }

.cv-parasite-add-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ce93d8;
    background: rgba(106,27,154,0.15);
    border: 1px solid #6a1a80;
    padding: 0.2rem 0.6rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
    text-transform: uppercase;
}
.cv-parasite-add-btn:hover:not(:disabled)[b-kuqkp3hskg] { background: rgba(106,27,154,0.3); border-color: #ce93d8; }
.cv-parasite-add-btn:disabled[b-kuqkp3hskg] { opacity: 0.35; cursor: default; }

.cv-parasite-empty[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-dim);
    padding: 0.85rem 1rem;
    font-style: italic;
}

.cv-parasite-row[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--border-dark);
    flex-wrap: wrap;
}
.cv-parasite-row:last-child[b-kuqkp3hskg] { border-bottom: none; }

.cv-parasite-info[b-kuqkp3hskg] { flex: 1; min-width: 0; }

.cv-parasite-type[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ce93d8;
    text-transform: uppercase;
}

.cv-parasite-host[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-muted);
    margin-top: 0.1rem;
}

.cv-parasite-controls[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
}

.cv-parasite-gest-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
    margin-right: 0.1rem;
}

.cv-parasite-gest[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    color: #ffb74d;
    min-width: 1.8rem;
    text-align: center;
}

/* ── Detonate confirmation modal ── */

.cv-detonate-modal[b-kuqkp3hskg] { max-width: 500px; border-top-color: #ef5350; }

.cv-detonate-title[b-kuqkp3hskg] { color: #ef9a9a; }

.cv-detonate-meta[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-top: 0.6rem;
}

.cv-detonate-meta-item[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.cv-detonate-meta-key[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.44rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-dim);
}

.cv-detonate-meta-sep[b-kuqkp3hskg] { color: var(--border-dim); }

.cv-detonate-summary[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.83rem;
    line-height: 1.65;
    color: var(--text-muted);
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background: rgba(183, 28, 28, 0.07);
    border: 1px solid #4a1010;
    border-left: 3px solid #ef5350;
}

.cv-detonate-confirm-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ef9a9a;
    background: rgba(183, 28, 28, 0.15);
    border: 1px solid #b71c1c;
    padding: 0.45rem 1.25rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
    text-transform: uppercase;
}
.cv-detonate-confirm-btn:hover:not(:disabled)[b-kuqkp3hskg] {
    background: rgba(183, 28, 28, 0.35);
    border-color: #ef5350;
    color: #fff;
}
.cv-detonate-confirm-btn:disabled[b-kuqkp3hskg] { opacity: 0.35; cursor: default; }

.cv-parasite-det-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #ef9a9a;
    background: rgba(183,28,28,0.12);
    border: 1px solid #7a0000;
    padding: 0.2rem 0.55rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
    text-transform: uppercase;
    margin-left: 0.3rem;
}
.cv-parasite-det-btn:hover[b-kuqkp3hskg] { background: rgba(183,28,28,0.3); border-color: #ef5350; }

/* Parasite info display inside add-item modal */
.cv-parasite-form[b-kuqkp3hskg] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.6rem 0.85rem;
    background: rgba(106,27,154,0.06);
    border: 1px solid #2a1840;
    margin-top: 0.5rem;
}

.cv-parasite-summary[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-muted);
    line-height: 1.5;
}

.cv-parasite-delivery[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.44rem;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
}

/* ── Modal form inputs ── */

.cv-form-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.48rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.3rem;
}

.cv-form-select[b-kuqkp3hskg],
.cv-form-input[b-kuqkp3hskg] {
    width: 100%;
    background: var(--surface-0);
    border: 1px solid var(--border-dark);
    color: var(--text-muted);
    font-family: var(--font-body);
    font-size: 0.83rem;
    padding: 0.5rem 0.75rem;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}
.cv-form-select:focus[b-kuqkp3hskg],
.cv-form-input:focus[b-kuqkp3hskg] { border-color: var(--accent-bright); }
.cv-form-select option[b-kuqkp3hskg] { background: var(--surface-1); }

/* ── Inventory tab ── */

.cv-inv-section-hdr[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--border-dark);
    margin-bottom: 0.5rem;
}

.cv-inv-section-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.cv-inv-item[b-kuqkp3hskg] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    margin-bottom: 0.35rem;
    transition: border-color 0.15s;
}
.cv-inv-item:hover[b-kuqkp3hskg] { border-color: var(--border-dim); }

.cv-inv-item-stashed[b-kuqkp3hskg] {
    opacity: 0.55;
    border-style: dashed;
}

.cv-inv-item-main[b-kuqkp3hskg] { flex: 1; min-width: 0; }

.cv-inv-item-name[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.85rem;
    color: var(--text-bright);
    margin-bottom: 0.2rem;
}

.cv-inv-type-badge[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #a1887f;
    border: 1px solid #4a3028;
    background: rgba(161,136,127,0.08);
    padding: 0.1rem 0.35rem;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 0.35rem;
}

.cv-inv-price[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    letter-spacing: 1px;
    color: #ffd54f;
}

.cv-inv-item-stats[b-kuqkp3hskg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.3rem;
}

.cv-inv-stat[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    letter-spacing: 1px;
    color: var(--text-dim);
    border: 1px solid var(--border-dark);
    padding: 0.1rem 0.35rem;
    background: var(--surface-0);
}

.cv-inv-effect[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.75rem;
    color: var(--text-dim);
    margin-top: 0.3rem;
    line-height: 1.5;
    font-style: italic;
}

.cv-inv-actions[b-kuqkp3hskg] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    flex-shrink: 0;
}

.cv-inv-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.4rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 0.22rem 0.55rem;
    border: 1px solid;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
    text-transform: uppercase;
    white-space: nowrap;
}

.cv-inv-btn-equip[b-kuqkp3hskg] {
    color: #81c784;
    background: rgba(56,142,60,0.1);
    border-color: #2e7d32;
}
.cv-inv-btn-equip:hover[b-kuqkp3hskg] { background: rgba(56,142,60,0.25); border-color: #81c784; }

.cv-inv-btn-stash[b-kuqkp3hskg] {
    color: var(--text-dim);
    background: transparent;
    border-color: var(--border-dark);
}
.cv-inv-btn-stash:hover[b-kuqkp3hskg] { background: rgba(255,255,255,0.04); border-color: var(--border-dim); }

.cv-inv-btn-drop[b-kuqkp3hskg] {
    color: #ef9a9a;
    background: rgba(183,28,28,0.08);
    border-color: #7a0000;
}
.cv-inv-btn-drop:hover[b-kuqkp3hskg] { background: rgba(183,28,28,0.22); border-color: #ef5350; }

.cv-inv-acquire-bar[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0;
    margin-top: 0.25rem;
    border-top: 1px solid var(--border-dark);
}

.cv-inv-acquire-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.48rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--accent-bright);
    background: rgba(123,31,162,0.12);
    border: 1px solid var(--accent);
    padding: 0.3rem 0.9rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
    text-transform: uppercase;
}
.cv-inv-acquire-btn:hover[b-kuqkp3hskg] { background: rgba(123,31,162,0.28); border-color: var(--accent-bright); }

.cv-inv-credits[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ffd54f;
}

/* ── Living form cards (Shapecrawler) ── */

.cv-lf-card[b-kuqkp3hskg] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-left: 3px solid #81c784;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.cv-lf-card-hdr[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.55rem 0.85rem;
    background: var(--surface-0);
    border-bottom: 1px solid var(--border-dark);
    gap: 0.5rem;
    flex-wrap: wrap;
}

.cv-lf-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: #81c784;
    text-transform: uppercase;
    flex: 1;
}

.cv-lf-slot-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    color: var(--text-bright);
}

.cv-lf-retract-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.4rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #ef9a9a;
    background: rgba(183,28,28,0.08);
    border: 1px solid #7a0000;
    padding: 0.18rem 0.5rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
    text-transform: uppercase;
}
.cv-lf-retract-btn:hover[b-kuqkp3hskg] { background: rgba(183,28,28,0.22); border-color: #ef5350; }

.cv-lf-select-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.4rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #81c784;
    background: rgba(56,142,60,0.1);
    border: 1px solid #2e7d32;
    padding: 0.18rem 0.5rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
    text-transform: uppercase;
}
.cv-lf-select-btn:hover[b-kuqkp3hskg] { background: rgba(56,142,60,0.25); border-color: #81c784; }

.cv-lf-stats[b-kuqkp3hskg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0.6rem 0.85rem 0.4rem;
}

.cv-lf-stat[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.45rem;
    letter-spacing: 1px;
    color: var(--text-dim);
    border: 1px solid var(--border-dark);
    padding: 0.12rem 0.4rem;
    background: var(--surface-0);
    white-space: nowrap;
}

.cv-lf-stat-key[b-kuqkp3hskg] {
    color: #81c784;
    margin-right: 0.25rem;
}

.cv-lf-effect[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-muted);
    padding: 0 0.85rem 0.65rem;
    line-height: 1.5;
}

/* ── Acquire item modal ── */

.cv-acquire-modal[b-kuqkp3hskg] {
    background: var(--surface-1);
    border: 1px solid var(--border-dim);
    border-top: 3px solid var(--accent-bright);
    width: 100%;
    max-width: 700px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.cv-acquire-filters[b-kuqkp3hskg] {
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid var(--border-dark);
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    flex-shrink: 0;
}

.cv-acquire-search[b-kuqkp3hskg] {
    width: 100%;
    background: var(--surface-0);
    border: 1px solid var(--border-dark);
    color: var(--text-muted);
    font-family: var(--font-body);
    font-size: 0.83rem;
    padding: 0.45rem 0.75rem;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.15s;
}
.cv-acquire-search:focus[b-kuqkp3hskg] { border-color: var(--accent-bright); }

.cv-acquire-cats[b-kuqkp3hskg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.cv-cat-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--text-dim);
    background: var(--surface-0);
    border: 1px solid var(--border-dark);
    padding: 0.2rem 0.55rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
    text-transform: uppercase;
}
.cv-cat-btn:hover[b-kuqkp3hskg] { border-color: var(--border-dim); color: var(--text-muted); }
.cv-cat-btn.active[b-kuqkp3hskg] {
    color: var(--accent-bright);
    background: rgba(123,31,162,0.15);
    border-color: var(--accent);
}

.cv-acquire-list[b-kuqkp3hskg] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    scrollbar-width: thin;
    scrollbar-color: var(--border-dark) transparent;
}

.cv-acquire-item[b-kuqkp3hskg] {
    background: var(--surface-0);
    border: 1px solid var(--border-dark);
    padding: 0.65rem 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    transition: border-color 0.15s;
}
.cv-acquire-item:hover[b-kuqkp3hskg] { border-color: var(--border-dim); }

.cv-acquire-item-hdr[b-kuqkp3hskg] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.cv-acquire-item-name[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.85rem;
    color: var(--text-bright);
    font-weight: 600;
}

.cv-acquire-price[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.48rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffd54f;
    white-space: nowrap;
}

.cv-acquire-req[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    letter-spacing: 1.5px;
    color: #ef9a9a;
    text-transform: uppercase;
}

.cv-acquire-effect[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.75rem;
    color: var(--text-dim);
    line-height: 1.5;
}

/* ── Void Calls tab header ── */

.cv-vc-header[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-dark);
}

.cv-vc-slots-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.44rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.cv-vc-slots-val[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ce93d8;
}

.cv-vc-slots-val.cv-vc-slots-full[b-kuqkp3hskg] { color: #ef9a9a; }


.cv-acquire-action-row[b-kuqkp3hskg] {
    display: flex;
    gap: 0.4rem;
    align-self: flex-end;
    margin-top: 0.1rem;
    flex-wrap: wrap;
}

.cv-acquire-acquire-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--accent-bright);
    background: rgba(123,31,162,0.12);
    border: 1px solid var(--accent);
    padding: 0.22rem 0.65rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
    text-transform: uppercase;
    white-space: nowrap;
}
.cv-acquire-acquire-btn:hover:not(:disabled)[b-kuqkp3hskg] { background: rgba(123,31,162,0.28); border-color: var(--accent-bright); }
.cv-acquire-acquire-btn:disabled[b-kuqkp3hskg] { opacity: 0.35; cursor: default; }

.cv-acquire-buy-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ffd54f;
    background: rgba(255,213,79,0.1);
    border: 1px solid #9a7200;
    padding: 0.22rem 0.65rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
    text-transform: uppercase;
    white-space: nowrap;
}
.cv-acquire-buy-btn:hover:not(:disabled)[b-kuqkp3hskg] { background: rgba(255,213,79,0.25); border-color: #ffd54f; }
.cv-acquire-buy-btn:disabled[b-kuqkp3hskg] { opacity: 0.35; cursor: default; }

/* ── Level-Up Button ── */

.cv-levelup-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ce93d8;
    background: rgba(123,31,162,0.15);
    border: 1px solid #7b1fa2;
    border-radius: 3px;
    padding: 0.22rem 0.7rem;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.1s;
    text-transform: uppercase;
    white-space: nowrap;
}
.cv-levelup-btn:hover:not(:disabled)[b-kuqkp3hskg] {
    background: rgba(156,39,176,0.3);
    border-color: #ce93d8;
    color: #f3e5f5;
    transform: translateY(-1px);
}
.cv-levelup-btn:disabled[b-kuqkp3hskg] { opacity: 0.4; cursor: default; }

.cv-levelup-sidebar[b-kuqkp3hskg] {
    width: 100%;
    justify-content: center;
}

/* ── Level-Up Modal ── */

.cv-levelup-modal[b-kuqkp3hskg] {
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 0;
    max-width: 700px;
    width: 94vw;
    max-height: 88vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 48px rgba(0,0,0,0.7), 0 0 32px rgba(123,31,162,0.3);
}

.cv-levelup-body[b-kuqkp3hskg] {
    padding: 1.2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.cv-levelup-ability-block[b-kuqkp3hskg] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-top: 2px solid var(--accent);
    border-radius: 5px;
    padding: 1rem 1.1rem;
}

.cv-levelup-ability-header[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}

.cv-levelup-ability-name[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--text-bright);
    text-transform: uppercase;
}

.cv-levelup-choices[b-kuqkp3hskg] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    margin-top: 0.5rem;
}

.cv-ability-choice-instruction[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-muted);
    margin: 0 0 0.5rem;
    font-style: italic;
}

/* ── Stat Picker ── */

.cv-stat-picker[b-kuqkp3hskg] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.cv-stat-pick-btn[b-kuqkp3hskg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    padding: 0.6rem 0.5rem;
    background: var(--surface-2);
    border: 1px solid var(--border-dark);
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, transform 0.1s;
    position: relative;
}
.cv-stat-pick-btn:hover:not(:disabled):not(.capped)[b-kuqkp3hskg] {
    background: rgba(123,31,162,0.2);
    border-color: var(--accent);
    transform: translateY(-1px);
}
.cv-stat-pick-btn.selected[b-kuqkp3hskg] {
    background: rgba(123,31,162,0.3);
    border-color: #ce93d8;
    box-shadow: 0 0 8px rgba(123,31,162,0.4);
}
.cv-stat-pick-btn.capped[b-kuqkp3hskg] {
    opacity: 0.35;
    cursor: default;
}
.cv-stat-pick-btn:disabled:not(.selected)[b-kuqkp3hskg] { opacity: 0.35; cursor: default; }

.cv-stat-pick-name[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--text-muted);
    text-transform: uppercase;
}
.cv-stat-pick-val[b-kuqkp3hskg] { font-family: var(--font-display); font-size: 1rem; font-weight: 700; color: #ff9e08; }
.cv-stat-pick-bonus[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    color: #81c784;
    letter-spacing: 1px;
}
.cv-stat-pick-cap[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.45rem;
    color: #ef5350;
    letter-spacing: 1.5px;
}

/* ── Ability choice display on card ── */

.cv-ability-stat-boost[b-kuqkp3hskg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.3rem;
}
.cv-stat-boost-badge[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    background: rgba(129,199,132,0.15);
    border: 1px solid rgba(129,199,132,0.4);
    border-radius: 3px;
    padding: 0.2rem 0.6rem;
    color: var(--text-muted);
}
.cv-stat-boost-val[b-kuqkp3hskg] { color: #81c784; margin-left: 0.3rem; }

.cv-ability-choice-selected[b-kuqkp3hskg] {
    margin-bottom: 0.4rem;
}
.cv-ability-choice-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ce93d8;
    background: rgba(123,31,162,0.18);
    border: 1px solid rgba(123,31,162,0.4);
    border-radius: 3px;
    padding: 0.15rem 0.55rem;
}

.cv-ability-choice-prompt[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.75rem;
    color: #ffb74d;
    margin: 0.2rem 0;
    font-style: italic;
}

.cv-ability-injection[b-kuqkp3hskg] {
    margin-top: 0.6rem;
    padding-top: 0.5rem;
    border-top: 1px dashed rgba(123,31,162,0.3);
}
.cv-ability-injection-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #90caf9;
    background: rgba(21,101,192,0.15);
    border: 1px solid rgba(21,101,192,0.35);
    border-radius: 3px;
    padding: 0.15rem 0.55rem;
    display: inline-block;
    margin-bottom: 0.35rem;
}

/* ── Animations ── */

@keyframes pulse-dim-b-kuqkp3hskg {
    0%, 100% { opacity: 0.5; }
    50%       { opacity: 1; }
}

/* ── Responsive ── */

@media (max-width: 900px) {
    .cv-body[b-kuqkp3hskg] { grid-template-columns: 1fr; }
    .cv-sidebar[b-kuqkp3hskg] { position: static; }
    .cv-skills-grid[b-kuqkp3hskg] { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
    .cv-page[b-kuqkp3hskg] { padding: 1.25rem 1rem 5rem; }
    .cv-name[b-kuqkp3hskg] { font-size: 1.4rem; }
    .cv-header-body[b-kuqkp3hskg] { flex-wrap: wrap; }
    .cv-header-resources[b-kuqkp3hskg] { flex-wrap: wrap; }
    .cv-hdr-vdivider[b-kuqkp3hskg] { display: none; }
    .cv-hdr-chips[b-kuqkp3hskg] {
        flex-direction: row;
        gap: 1.5rem;
        width: 100%;
        padding-top: 0.5rem;
        border-top: 1px solid var(--border-dark);
    }
}

@media (max-width: 620px) {
    .cv-header-body[b-kuqkp3hskg] { flex-direction: column; overflow-x: visible; }
    .cv-header-resources[b-kuqkp3hskg] { flex-wrap: wrap; }
    .cv-hdr-vdivider[b-kuqkp3hskg] { display: none; }
    .cv-hdr-chips[b-kuqkp3hskg] {
        flex-direction: row;
        gap: 1.5rem;
        width: 100%;
        padding-top: 0.5rem;
        border-top: 1px solid var(--border-dark);
    }
    .cv-skills-grid[b-kuqkp3hskg] { grid-template-columns: 1fr; }
    /* Resource widgets: stack, shrink to 80%, and center */
    .cv-res-group[b-kuqkp3hskg] {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .cv-res-widget[b-kuqkp3hskg],
    .cv-res-group--two .cv-res-widget[b-kuqkp3hskg] {
        width: 80%;
        min-width: 0;
    }
    /* Chips: stay as a row but spread evenly so they don't overflow */
    .cv-hdr-chips[b-kuqkp3hskg] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0.75rem;
        width: 100%;
        padding-top: 0.5rem;
        border-top: 1px solid var(--border-dark);
    }
    .cv-hdr-chip-row[b-kuqkp3hskg] {
        justify-content: space-between;
        flex: 1;
    }
}

/* ── Encounter / Rest strip ── */

.cv-rest-strip[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0;
    border-top: 1px solid var(--border-dark);
    flex-wrap: wrap;
}

.cv-rest-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.48rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    padding: 0.3rem 0.8rem;
    border: 1px solid;
    background: transparent;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    text-transform: uppercase;
    white-space: nowrap;
}

.cv-rest-btn-encounter[b-kuqkp3hskg] {
    color: #ef9a9a;
    border-color: #7a0000;
}
.cv-rest-btn-encounter:hover[b-kuqkp3hskg] {
    background: rgba(183, 28, 28, 0.2);
    border-color: #ef5350;
    color: #fff;
}

.cv-rest-btn-short[b-kuqkp3hskg] {
    color: #90caf9;
    border-color: #1a4070;
}
.cv-rest-btn-short:hover[b-kuqkp3hskg] {
    background: rgba(33, 84, 143, 0.25);
    border-color: #90caf9;
    color: #fff;
}

.cv-rest-btn-long[b-kuqkp3hskg] {
    color: #81c784;
    border-color: #1e4a20;
}
.cv-rest-btn-long:hover[b-kuqkp3hskg] {
    background: rgba(46, 125, 50, 0.22);
    border-color: #81c784;
    color: #fff;
}

/* ── Extra Resources button ── */

.cv-extra-resources-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--accent-bright);
    background: transparent;
    border: 1px solid var(--accent-dim, #3a2060);
    padding: 0.3rem 0.75rem;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    align-self: flex-start;
    margin-top: 0.5rem;
    margin-left: auto;
}
.cv-extra-resources-btn:hover[b-kuqkp3hskg] {
    background: rgba(124, 31, 162, 0.15);
    border-color: var(--accent-bright);
}

/* ── Extra Resources modal ── */

.cv-res-modal[b-kuqkp3hskg] {
    background: var(--surface-1);
    border: 1px solid var(--border-dim);
    border-top: 3px solid var(--accent-bright);
    width: 100%;
    max-width: 900px;
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.cv-res-modal-header[b-kuqkp3hskg] {
    padding: 1.25rem 1.75rem 1rem;
    border-bottom: 1px solid var(--border-dark);
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.cv-res-modal-close[b-kuqkp3hskg] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    font-size: 1rem;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    line-height: 1;
    transition: color 0.15s;
    flex-shrink: 0;
}
.cv-res-modal-close:hover[b-kuqkp3hskg] { color: var(--text-bright); }

/* Tab bar */

.cv-res-tabs[b-kuqkp3hskg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border-bottom: 1px solid var(--border-dark);
    flex-shrink: 0;
    background: var(--surface-0);
}

.cv-res-tab[b-kuqkp3hskg] {
    position: relative;
    font-family: var(--font-display);
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: var(--text-muted);
    background: transparent;
    border: none;
    border-right: 1px solid var(--border-dark);
    padding: 0.75rem 1.1rem;
    cursor: pointer;
    transition: color 0.15s, background 0.15s;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}
.cv-res-tab:hover[b-kuqkp3hskg] { color: var(--text-bright); background: rgba(255,255,255,0.02); }
.cv-res-tab.active[b-kuqkp3hskg] {
    color: var(--text-bright);
    background: var(--surface-1);
    box-shadow: inset 0 -2px 0 var(--accent-bright);
}
.cv-res-tab.relevant[b-kuqkp3hskg] { color: var(--accent-bright); }
.cv-res-tab.relevant.active[b-kuqkp3hskg] { color: var(--text-bright); }

.cv-res-tab-pip[b-kuqkp3hskg] {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--accent-bright);
    flex-shrink: 0;
}

/* Scrollable content area */

.cv-res-body[b-kuqkp3hskg] {
    flex: 1;
    overflow-y: auto;
    padding: 1.25rem 1.75rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    scrollbar-width: thin;
    scrollbar-color: var(--border-dark) transparent;
}

/* Roll table */

.cv-res-section[b-kuqkp3hskg] { display: flex; flex-direction: column; gap: 0.6rem; }

.cv-res-section-sub[b-kuqkp3hskg] {
    padding-top: 1.25rem;
    border-top: 1px dashed var(--border-dark);
}

.cv-res-table-bar[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.cv-res-subtable-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-bright);
    flex: 1;
}

.cv-res-roll-badge[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.45rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--text-muted);
    border: 1px solid var(--border-dark);
    padding: 0.2rem 0.5rem;
}

.cv-res-roll-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--accent-bright);
    background: transparent;
    border: 1px solid var(--accent-dim, #3a2060);
    padding: 0.3rem 0.75rem;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}
.cv-res-roll-btn:hover[b-kuqkp3hskg] {
    background: rgba(124, 31, 162, 0.15);
    border-color: var(--accent-bright);
}

.cv-res-table[b-kuqkp3hskg] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-body);
    font-size: 0.8rem;
}

.cv-res-th[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--text-muted);
    text-align: left;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--border-dark);
    background: var(--surface-0);
}
.cv-res-th-roll[b-kuqkp3hskg]  { width: 5rem; }
.cv-res-th-name[b-kuqkp3hskg]  { width: 9rem; }

.cv-res-tr[b-kuqkp3hskg] {
    border-bottom: 1px solid rgba(58, 32, 96, 0.3);
    transition: background 0.2s;
}
.cv-res-tr:hover[b-kuqkp3hskg] { background: rgba(255,255,255,0.02); }
.cv-res-tr.active[b-kuqkp3hskg] {
    background: rgba(124, 31, 162, 0.10);
    border-left: 3px solid rgba(156, 39, 176, 0.4);
    transition: background 0.08s, border-color 0.08s;
}
.cv-res-tr.rolled[b-kuqkp3hskg] {
    background: rgba(124, 31, 162, 0.22);
    border-left: 3px solid var(--accent-bright);
    transition: background 0.3s, border-color 0.3s;
}

.cv-res-td[b-kuqkp3hskg] {
    padding: 0.6rem 0.75rem;
    color: var(--text-dim);
    vertical-align: top;
    line-height: 1.45;
}
.cv-res-td-roll[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--accent-bright);
    white-space: nowrap;
}
.cv-res-td-name[b-kuqkp3hskg] {
    font-weight: 600;
    color: var(--text-bright);
    white-space: nowrap;
}
.cv-res-tr.rolled .cv-res-td[b-kuqkp3hskg] { color: var(--text-bright); }

/* Card deck */

.cv-res-deck[b-kuqkp3hskg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.75rem;
}

.cv-res-deck-card[b-kuqkp3hskg] {
    background: var(--surface-0);
    border: 1px solid var(--border-dark);
    border-top: 2px solid var(--accent-dim, #3a2060);
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    transition: border-color 0.15s;
}
.cv-res-deck-card:hover[b-kuqkp3hskg] { border-top-color: var(--accent-bright); }

.cv-res-deck-card-top[b-kuqkp3hskg] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.cv-res-deck-designation[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.48rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--accent-bright);
    white-space: nowrap;
    flex-shrink: 0;
}

.cv-res-deck-name[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--text-bright);
}

.cv-res-deck-effect[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-dim);
    line-height: 1.45;
    margin: 0;
}

/* ── Extra Resources modal: context + boon/curse columns ── */

.cv-res-context[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-muted);
    line-height: 1.6;
    padding: 0.65rem 0.85rem;
    background: rgba(123, 31, 162, 0.06);
    border: 1px solid var(--border-dark);
    border-left: 3px solid var(--accent);
    margin-bottom: 0.5rem;
}

.cv-res-th-boon[b-kuqkp3hskg] {
    color: #81c784;
    min-width: 12rem;
}

.cv-res-th-curse[b-kuqkp3hskg] {
    color: #ef9a9a;
    min-width: 12rem;
}

.cv-res-td-boon[b-kuqkp3hskg] {
    color: #81c784;
    font-size: 0.77rem;
    line-height: 1.45;
    vertical-align: top;
}

.cv-res-td-curse[b-kuqkp3hskg] {
    color: #ef9a9a;
    font-size: 0.77rem;
    line-height: 1.45;
    vertical-align: top;
}

.cv-res-stat-pill[b-kuqkp3hskg] {
    display: inline-flex;
    align-items: center;
    font-family: var(--font-display);
    font-size: 0.44rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0.12rem 0.4rem;
    border: 1px solid;
    border-radius: 2px;
    margin-left: 0.3rem;
    white-space: nowrap;
    text-transform: uppercase;
}
.cv-res-stat-pill.pos[b-kuqkp3hskg] { color: #81c784; border-color: #2e5a30; background: rgba(56,142,60,0.12); }
.cv-res-stat-pill.neg[b-kuqkp3hskg] { color: #ef9a9a; border-color: #7a0000; background: rgba(183,28,28,0.12); }

/* ── Mutation sidebar section ── */

.cv-mutation-header[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}

.cv-mutation-title[b-kuqkp3hskg] { transition: color 0.2s; }
.cv-mutation-title--warn[b-kuqkp3hskg] { color: #ef9a9a !important; animation: corruption-pulse-b-kuqkp3hskg 1.4s ease-in-out infinite; }

.cv-mutation-count[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    font-weight: 700;
    color: var(--text-dim);
    background: var(--border-dark);
    padding: 0.1rem 0.35rem;
    border-radius: 2px;
    letter-spacing: 0;
    margin-left: 0.25rem;
}

.cv-mutation-add-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--accent-bright);
    background: rgba(123, 31, 162, 0.1);
    border: 1px solid var(--accent);
    padding: 0.18rem 0.5rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
    text-transform: uppercase;
    flex-shrink: 0;
}
.cv-mutation-add-btn:hover[b-kuqkp3hskg] { background: rgba(123,31,162,0.28); border-color: var(--accent-bright); }

.cv-mutation-empty[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.75rem;
    color: var(--text-dim);
    font-style: italic;
}

.cv-mutation-row[b-kuqkp3hskg] {
    border-left: 2px solid #7b1fa2;
    padding: 0.45rem 0 0.45rem 0.6rem;
    margin-bottom: 0.4rem;
    background: rgba(123, 31, 162, 0.05);
}
.cv-mutation-row:last-of-type[b-kuqkp3hskg] { margin-bottom: 0; }

.cv-mutation-row-top[b-kuqkp3hskg] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.35rem;
    margin-bottom: 0.2rem;
}

.cv-mutation-name[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text-bright);
    text-transform: uppercase;
    flex: 1;
    min-width: 0;
}

.cv-mutation-remove-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.42rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ef9a9a;
    background: rgba(183, 28, 28, 0.08);
    border: 1px solid #7a0000;
    padding: 0.12rem 0.4rem;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
    text-transform: uppercase;
    flex-shrink: 0;
}
.cv-mutation-remove-btn:hover[b-kuqkp3hskg] { background: rgba(183,28,28,0.22); border-color: #ef5350; }

.cv-mutation-boon[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.7rem;
    color: #81c784;
    line-height: 1.4;
    margin-top: 0.1rem;
}

.cv-mutation-curse[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.7rem;
    color: #ef9a9a;
    line-height: 1.4;
    margin-top: 0.1rem;
}

.cv-mutation-stats[b-kuqkp3hskg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.3rem;
}

.cv-mutation-stat-pill[b-kuqkp3hskg] {
    display: inline-flex;
    align-items: center;
    font-family: var(--font-display);
    font-size: 0.44rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0.12rem 0.4rem;
    border: 1px solid;
    border-radius: 2px;
    white-space: nowrap;
    text-transform: uppercase;
}
.cv-mutation-stat-pill.pos[b-kuqkp3hskg] { color: #81c784; border-color: #2e5a30; background: rgba(56,142,60,0.12); }
.cv-mutation-stat-pill.neg[b-kuqkp3hskg] { color: #ef9a9a; border-color: #7a0000; background: rgba(183,28,28,0.12); }

.cv-mutation-picker[b-kuqkp3hskg] {
    margin-top: 0.75rem;
    border: 1px solid var(--border-dark);
    background: var(--surface-0);
    padding: 0.5rem 0.65rem;
}

.cv-mutation-picker-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.44rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
    margin-bottom: 0.4rem;
}

.cv-mutation-picker-item[b-kuqkp3hskg] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid var(--border-dark);
    padding: 0.35rem 0;
    cursor: pointer;
    text-align: left;
    transition: background 0.12s;
}
.cv-mutation-picker-item:last-child[b-kuqkp3hskg] { border-bottom: none; }
.cv-mutation-picker-item:hover[b-kuqkp3hskg] { background: rgba(123,31,162,0.08); }

.cv-mutation-picker-roll[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.48rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--accent-bright);
    min-width: 1.5rem;
    flex-shrink: 0;
}

.cv-mutation-picker-name[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.75rem;
    color: var(--text-muted);
}

.cv-mutation-threshold[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.48rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #ef9a9a;
    text-transform: uppercase;
    margin-top: 0.5rem;
    padding: 0.25rem 0.5rem;
    background: rgba(183, 28, 28, 0.08);
    border: 1px solid #7a0000;
    border-left: 3px solid #b71c1c;
    line-height: 1.5;
}

/* ── Attacks tab ── */

.cv-atk-list[b-kuqkp3hskg] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.cv-atk-card[b-kuqkp3hskg] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-left: 3px solid #8d6e63;
    padding: 0;
    overflow: hidden;
}

.cv-atk-card--melee[b-kuqkp3hskg]   { border-left-color: #f57f17; }
.cv-atk-card--ranged[b-kuqkp3hskg]  { border-left-color: #1565c0; }
.cv-atk-card--augment[b-kuqkp3hskg] { border-left-color: #00838f; }
.cv-atk-card--living[b-kuqkp3hskg]  { border-left-color: #2e7d32; }

.cv-atk-card > .cv-ability-header[b-kuqkp3hskg] {
    padding: 0.7rem 1rem 0.6rem;
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-dark);
}

.cv-atk-stats[b-kuqkp3hskg] {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--border-dark);
}

.cv-atk-block[b-kuqkp3hskg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0.9rem;
    border-right: 1px solid var(--border-dark);
    gap: 0.2rem;
    min-width: 4.5rem;
}

.cv-atk-block:last-child[b-kuqkp3hskg] { border-right: none; }

.cv-atk-block-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.36rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.cv-atk-block-val[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: var(--text-bright);
    text-align: center;
    line-height: 1.4;
}

.cv-atk-cost-val[b-kuqkp3hskg]         { color: #64b5f6; }
.cv-atk-cost-val.reserve[b-kuqkp3hskg] { color: #90a4ae; }

.cv-atk-block-hit[b-kuqkp3hskg] { min-width: 5.5rem; }

.cv-atk-hit-val[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: 1px;
    color: var(--text-muted);
    line-height: 1;
}

.cv-atk-hit-val.pos[b-kuqkp3hskg] { color: #81c784; }
.cv-atk-hit-val.neg[b-kuqkp3hskg] { color: #ef9a9a; }

.cv-atk-block-dmg[b-kuqkp3hskg] { min-width: auto; padding: 0.5rem 1.1rem; }

.cv-atk-dmg-row[b-kuqkp3hskg] {
    display: flex;
    align-items: flex-end;
    gap: 0.4rem;
}

.cv-atk-dmg-sep[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    color: var(--border);
    margin-bottom: 0.15rem;
}

.cv-atk-dmg-tier[b-kuqkp3hskg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.05rem;
}

.cv-atk-dmg-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.3rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.cv-atk-dmg-val[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-weight: 700;
    letter-spacing: 0.5px;
}

.cv-atk-dmg-lo[b-kuqkp3hskg]      { font-size: 0.65rem; color: var(--text-dim); }
.cv-atk-dmg-mo[b-kuqkp3hskg]      { font-size: 0.85rem; color: var(--text-muted); }
.cv-atk-dmg-hi[b-kuqkp3hskg]      { font-size: 1.05rem; color: #ffd54f; }
.cv-atk-dmg-formula[b-kuqkp3hskg] { font-size: 0.7rem;  color: #a5d6a7; letter-spacing: 0.5px; }

.cv-atk-effect[b-kuqkp3hskg] {
    padding: 0.55rem 1rem 0.65rem;
    margin: 0;
}

/* ── GM Intel Mailbox Button (CharacterView header) ── */

@keyframes cv-mailbox-pulse-b-kuqkp3hskg {
    0%, 100% { box-shadow: 0 0 0 0 rgba(156, 39, 176, 0.6); }
    50%       { box-shadow: 0 0 0 5px rgba(156, 39, 176, 0); }
}

.cv-hdr-name-row[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.cv-view-only-badge[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #90caf9;
    background: rgba(21, 101, 192, 0.15);
    border: 1px solid rgba(21, 101, 192, 0.4);
    border-radius: 3px;
    padding: 0.2rem 0.55rem;
    white-space: nowrap;
}

.cv-mailbox-btn[b-kuqkp3hskg] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    position: relative;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--text-muted);
    background: rgba(16, 12, 24, 0.6);
    border: 1px solid var(--border-dark);
    border-radius: 4px;
    padding: 0.3rem 0.6rem;
    cursor: pointer;
    transition: color 0.2s, border-color 0.2s, background 0.2s;
    white-space: nowrap;
}

.cv-mailbox-btn:hover[b-kuqkp3hskg] {
    color: #ce93d8;
    border-color: #7b1fa2;
    background: rgba(123, 31, 162, 0.1);
}

.cv-mailbox-btn--unread[b-kuqkp3hskg] {
    color: #ce93d8;
    border-color: #7b1fa2;
    background: rgba(123, 31, 162, 0.12);
    animation: cv-mailbox-pulse-b-kuqkp3hskg 1.8s ease-in-out infinite;
}

.cv-mailbox-btn--empty[b-kuqkp3hskg] {
    opacity: 0.4;
}

.cv-mailbox-btn--empty:hover[b-kuqkp3hskg] {
    opacity: 0.7;
}

.cv-mailbox-unread-dot[b-kuqkp3hskg] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ce93d8;
    flex-shrink: 0;
}

/* ── Mailbox Modal (scoped copy — ov- classes used in CharacterView markup) ── */

.ov-overlay[b-kuqkp3hskg] {
    position: fixed;
    inset: 0;
    background: rgba(9, 7, 15, 0.85);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
    padding: 1rem;
}

.ov-modal[b-kuqkp3hskg] {
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-top: 2px solid #7b1fa2;
    border-radius: 8px;
    padding: 2rem;
    width: 100%;
    max-width: 440px;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    text-align: left;
}

.ov-modal-title[b-kuqkp3hskg] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.9rem;
    font-weight: 900;
    letter-spacing: 3px;
    color: var(--text-bright);
    margin: 0;
}

.ov-mailbox-modal[b-kuqkp3hskg] {
    max-width: 520px;
    width: 95vw;
    display: flex;
    flex-direction: column;
    gap: 0;
    max-height: 85vh;
    overflow-y: auto;
}

.ov-mailbox-modal-hdr[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.ov-mailbox-modal-title-row[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.ov-mailbox-close-btn[b-kuqkp3hskg] {
    background: none;
    border: none;
    color: var(--text-secondary);
    font-size: 1rem;
    cursor: pointer;
    padding: 0.2rem 0.4rem;
    border-radius: 3px;
    transition: color 0.15s;
}
.ov-mailbox-close-btn:hover[b-kuqkp3hskg] { color: var(--text-bright); }

.ov-mailbox-incoming[b-kuqkp3hskg] {
    border: 1px solid var(--border-dark);
    border-left: 3px solid #3a2060;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    background: rgba(16, 12, 24, 0.5);
    margin-bottom: 0.75rem;
}

.ov-mailbox-incoming--unread[b-kuqkp3hskg] {
    border-left-color: #ce93d8;
}

.ov-mailbox-incoming-meta[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
}

.ov-mailbox-incoming-from[b-kuqkp3hskg] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #9575cd;
}

.ov-mailbox-incoming-time[b-kuqkp3hskg] {
    font-size: 0.62rem;
    color: var(--text-dim);
    margin-left: auto;
}

.ov-mailbox-incoming-body[b-kuqkp3hskg] {
    font-family: 'Exo 2', sans-serif;
    font-size: 0.85rem;
    color: var(--text-bright);
    line-height: 1.55;
}

.ov-mailbox-incoming-body p[b-kuqkp3hskg] { margin: 0 0 0.25rem; }
.ov-mailbox-incoming-body p:last-child[b-kuqkp3hskg] { margin-bottom: 0; }

.ov-mailbox-empty[b-kuqkp3hskg] {
    font-size: 0.82rem;
    color: var(--text-secondary);
    text-align: center;
    padding: 1.5rem 0;
}

.ov-mailbox-modal-footer[b-kuqkp3hskg] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-dark);
}

/* ── Homunculus View Switcher ── */

.cv-view-switcher[b-kuqkp3hskg] {
    display: flex;
    gap: 0;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--border-dark);
}

.cv-view-tab[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 3px;
    color: var(--text-secondary);
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.6rem 1.4rem;
    cursor: pointer;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
}

.cv-view-tab:hover[b-kuqkp3hskg] { color: var(--text-bright); }

.cv-view-tab--active[b-kuqkp3hskg] {
    color: #ce93d8;
    border-bottom-color: #ce93d8;
}

/* ── Homunculus Layout ── */

.cv-hom-sidebar[b-kuqkp3hskg] {
    border-top: 2px solid #7b1fa2;
}

.cv-hom-instinct-name[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    letter-spacing: 2px;
    color: #ce93d8;
    margin-bottom: 0.3rem;
    text-transform: uppercase;
}

.cv-hom-instinct-failed-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 2px;
    color: var(--text-secondary);
    margin: 0.5rem 0 0.2rem;
    text-transform: uppercase;
}

.cv-hom-instinct-failed[b-kuqkp3hskg] {
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.45;
}

.cv-hom-behaviour-list[b-kuqkp3hskg] {
    margin: 0.4rem 0 0 1rem;
    padding: 0;
    font-size: 0.77rem;
    color: var(--text-secondary);
    line-height: 1.6;
}

.cv-hom-passive-name[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    letter-spacing: 1.5px;
    color: #ce93d8;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.cv-hom-passive-origin[b-kuqkp3hskg] {
    font-size: 0.72rem;
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
    font-style: italic;
}

.cv-hom-passive-line[b-kuqkp3hskg] {
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.5;
    margin-bottom: 0.2rem;
}

/* ── Homunculus Main ── */

.cv-hom-main[b-kuqkp3hskg] { }

.cv-hom-restrictions-box[b-kuqkp3hskg] {
    background: rgba(183, 28, 28, 0.08);
    border: 1px solid rgba(183, 28, 28, 0.3);
    border-radius: 4px;
    padding: 0.75rem 1rem;
    margin-bottom: 1.2rem;
}

.cv-hom-restriction-line[b-kuqkp3hskg] {
    font-size: 0.82rem;
    color: #ef9a9a;
    line-height: 1.5;
    margin-bottom: 0.2rem;
}

.cv-hom-syum-block[b-kuqkp3hskg] {
    background: var(--surface-2);
    border: 1px solid var(--border-dark);
    border-top: 2px solid #7b1fa2;
    border-radius: 4px;
    padding: 0.9rem 1rem 0.75rem;
    margin-bottom: 1rem;
}

.cv-hom-syum-header-row[b-kuqkp3hskg] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}

.cv-hom-syum-name[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.78rem;
    letter-spacing: 2px;
    color: #ce93d8;
    text-transform: uppercase;
    flex-shrink: 0;
}

.cv-hom-syum-flavor[b-kuqkp3hskg] {
    font-size: 0.78rem;
    color: var(--text-secondary);
    font-style: italic;
    flex: 1;
}

.cv-hom-syum-remove-btn[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    letter-spacing: 2px;
    color: var(--danger);
    background: transparent;
    border: 1px solid rgba(183, 28, 28, 0.4);
    border-radius: 3px;
    padding: 0.2rem 0.5rem;
    cursor: pointer;
    margin-left: auto;
    transition: background 0.15s, color 0.15s;
}

.cv-hom-syum-remove-btn:hover[b-kuqkp3hskg] {
    background: rgba(183, 28, 28, 0.15);
    color: #ef5350;
}

.cv-hom-origin-badge[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    letter-spacing: 2px;
    color: #9e8faf;
    border: 1px solid #3a2060;
    border-radius: 3px;
    padding: 0.2rem 0.5rem;
    margin-left: auto;
    user-select: none;
}

.cv-hom-syum-passives[b-kuqkp3hskg] {
    margin-bottom: 0.5rem;
}

.cv-hom-syum-passive[b-kuqkp3hskg] {
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.5;
    margin-bottom: 0.15rem;
}

/* ── Homunculus Table Roll results ── */

.cv-hom-table-block[b-kuqkp3hskg] {
    border-top-color: #4a148c;
}

.cv-hom-scar-block[b-kuqkp3hskg] {
    border-top-color: #b71c1c;
}

.cv-hom-table-roll[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 1.5px;
    color: #7b1fa2;
    background: rgba(123, 31, 162, 0.1);
    border: 1px solid rgba(123, 31, 162, 0.3);
    border-radius: 3px;
    padding: 0.1rem 0.45rem;
    flex-shrink: 0;
    text-transform: uppercase;
}

.cv-hom-scar-roll[b-kuqkp3hskg] {
    color: #ef5350;
    background: rgba(183, 28, 28, 0.1);
    border-color: rgba(183, 28, 28, 0.3);
}

.cv-hom-roll-prompt[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: rgba(123, 31, 162, 0.08);
    border: 1px dashed rgba(123, 31, 162, 0.4);
    border-radius: 6px;
    padding: 0.8rem 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.cv-hom-roll-prompt-text[b-kuqkp3hskg] {
    font-size: 0.82rem;
    color: #ce93d8;
    flex: 1;
    min-width: 180px;
}

.cv-hom-scar-btn[b-kuqkp3hskg] {
    border-color: rgba(183, 28, 28, 0.5) !important;
    color: #ef9a9a !important;
}

.cv-hom-scar-btn:hover[b-kuqkp3hskg] {
    border-color: rgba(183, 28, 28, 0.8) !important;
    background: rgba(183, 28, 28, 0.1) !important;
    color: #ef5350 !important;
}

/* ── Ability: Granted Syums footer (Gene Patron) ── */

.cv-ability-granted-syums[b-kuqkp3hskg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.7rem;
    padding-top: 0.6rem;
    border-top: 1px solid var(--border-dark);
}

.cv-ability-granted-syums-label[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 2px;
    color: var(--text-dim);
    margin-right: 0.2rem;
}

.cv-granted-syum-chip[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0.2rem 0.55rem;
    border-radius: 3px;
    border: 1px solid rgba(156, 39, 176, 0.4);
    background: rgba(156, 39, 176, 0.1);
    color: #ce93d8;
    cursor: default;
}

.cv-granted-syum-chip--done[b-kuqkp3hskg] {
    border-color: rgba(129, 199, 132, 0.4);
    background: rgba(46, 125, 50, 0.15);
    color: #81c784;
}

.cv-granted-syum-chip--inject[b-kuqkp3hskg] {
    cursor: pointer;
    border-color: rgba(156, 39, 176, 0.7);
    background: rgba(156, 39, 176, 0.2);
    color: #e1bee7;
    transition: background 0.15s, border-color 0.15s;
}
.cv-granted-syum-chip--inject:hover[b-kuqkp3hskg] {
    background: rgba(156, 39, 176, 0.35);
    border-color: rgba(206, 147, 216, 0.8);
    color: #fff;
}

/* ── Homunculus tab bar ── */

.cv-hom-tabs[b-kuqkp3hskg] {
    margin-top: 1.4rem;
    margin-bottom: 0;
}

/* ── Stacked ability badge (×N for duplicate Unknown Syum rolls) ── */

.cv-hom-stack-badge[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0.15rem 0.45rem;
    border-radius: 3px;
    background: rgba(156, 39, 176, 0.25);
    border: 1px solid rgba(156, 39, 176, 0.5);
    color: #ce93d8;
    white-space: nowrap;
}

/* ── Homunculus ability card text ── */

.cv-ability-name-row[b-kuqkp3hskg] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    flex: 1;
}

.cv-ability-type-badge[b-kuqkp3hskg] {
    font-family: var(--font-display);
    font-size: 0.45rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #9e8faf;
    border: 1px solid #3a2060;
    background: rgba(58, 32, 96, 0.3);
    padding: 0.15rem 0.4rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.cv-ability-body[b-kuqkp3hskg] {
    margin-top: 0.5rem;
}

.cv-ability-rule[b-kuqkp3hskg] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    line-height: 1.55;
    color: var(--text-muted);
    margin: 0;
}
/* _content/VoidMarkedSite/Components/Pages/CreateCharacter.razor.rz.scp.css */
/* ── Page ── */

.cc-page[b-1pzz9kk4kk] {
    max-width: 900px;
    margin: 0 auto;
    padding: 3rem 2rem 7rem;
}

.cc-panel-wide[b-1pzz9kk4kk] {
    max-width: 1140px;
}

/* ── Header ── */

.cc-header[b-1pzz9kk4kk] {
    margin-bottom: 2.5rem;
    text-align: center;
}

.cc-title[b-1pzz9kk4kk] {
    margin: 0 0 0.4rem;
    font-family: var(--font-display);
    font-size: clamp(1.5rem, 4vw, 2.2rem);
    font-weight: 900;
    letter-spacing: 8px;
    color: var(--text-bright);
}

.cc-subtitle[b-1pzz9kk4kk] {
    margin: 0;
    font-size: 0.88rem;
    color: var(--text-dim);
    letter-spacing: 1px;
}

/* ── Step indicator ── */

.cc-steps[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 3rem;
}

.cc-step[b-1pzz9kk4kk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    opacity: 0.35;
    transition: opacity 0.2s ease;
}

.cc-step.active[b-1pzz9kk4kk],
.cc-step.done[b-1pzz9kk4kk] {
    opacity: 1;
}

.cc-step-num[b-1pzz9kk4kk] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--text-dim);
    transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.cc-step.active .cc-step-num[b-1pzz9kk4kk] {
    border-color: var(--accent);
    color: var(--accent);
    box-shadow: 0 0 12px var(--accent-glow);
}

.cc-step.done .cc-step-num[b-1pzz9kk4kk] {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--text-bright);
}

.cc-step-label[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
    white-space: nowrap;
}

.cc-step.active .cc-step-label[b-1pzz9kk4kk] {
    color: var(--accent);
}

.cc-step.done .cc-step-label[b-1pzz9kk4kk] {
    color: var(--text-muted);
}

.cc-step-connector[b-1pzz9kk4kk] {
    flex: 1;
    height: 1px;
    background-color: var(--border-dark);
    margin: 0 0.5rem;
    margin-bottom: 1.4rem;
    min-width: 24px;
    max-width: 64px;
    transition: background-color 0.2s;
}

.cc-step-connector.done[b-1pzz9kk4kk] {
    background-color: var(--accent);
}

/* ── Error ── */

.cc-error[b-1pzz9kk4kk] {
    padding: 0.85rem 1.25rem;
    background: rgba(183, 28, 28, 0.12);
    border: 1px solid rgba(239, 83, 80, 0.4);
    color: #ef5350;
    font-family: var(--font-body);
    font-size: 0.88rem;
    margin-bottom: 1.5rem;
}

/* ── Panel ── */

.cc-panel[b-1pzz9kk4kk] {
    background-color: var(--surface-2);
    border: 1px solid var(--border-dark);
    padding: 2.5rem;
    animation: slideUpFade 0.3s ease both;
}

.cc-panel-title[b-1pzz9kk4kk] {
    margin: 0 0 0.5rem;
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-bright);
}

.cc-panel-sub[b-1pzz9kk4kk] {
    margin: 0 0 2rem;
    font-size: 0.88rem;
    color: var(--text-dim);
    line-height: 1.6;
}

.cc-panel-sub strong[b-1pzz9kk4kk] {
    color: var(--accent-bright);
}

/* ── Step 1: Name ── */

.cc-name-wrap[b-1pzz9kk4kk] {
    position: relative;
    margin-bottom: 2rem;
}

.cc-name-input[b-1pzz9kk4kk] {
    width: 100%;
    padding: 1rem 3rem 1rem 1.25rem;
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-top: 2px solid var(--accent);
    color: var(--text-bright);
    font-family: var(--font-display);
    font-size: 1.1rem;
    letter-spacing: 3px;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
    box-sizing: border-box;
}

.cc-name-input[b-1pzz9kk4kk]::placeholder {
    color: var(--text-dim);
    letter-spacing: 1px;
    font-weight: 400;
}

.cc-name-input:focus[b-1pzz9kk4kk] {
    border-color: var(--accent-bright);
    box-shadow: 0 0 0 1px var(--accent-bright), 0 0 16px var(--accent-glow);
}

.cc-name-count[b-1pzz9kk4kk] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 1px;
    color: var(--text-dim);
    pointer-events: none;
}

.cc-name-count.warn[b-1pzz9kk4kk] {
    color: #e65100;
}

/* ── Step 2: Class cards ── */

.cc-class-grid[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.cc-class-card[b-1pzz9kk4kk] {
    position: relative;
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-top: 3px solid var(--card-class-color, var(--border));
    padding: 0;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}

.cc-class-card:hover[b-1pzz9kk4kk] {
    border-color: var(--card-class-color, var(--accent));
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0,0,0,0.4), 0 0 16px var(--card-class-glow, var(--accent-glow));
}

.cc-class-card.selected[b-1pzz9kk4kk] {
    border-color: var(--card-class-color, var(--accent));
    box-shadow: 0 0 0 1px var(--card-class-color, var(--accent)), 0 0 20px var(--card-class-glow, var(--accent-glow));
    background: color-mix(in srgb, var(--card-class-color, var(--accent)) 8%, var(--surface-1));
}

.cc-class-card[data-class="enforcer"][b-1pzz9kk4kk]   { --card-class-color: var(--class-enforcer);   --card-class-glow: rgba(198,40,40,0.3); }
.cc-class-card[data-class="phantom"][b-1pzz9kk4kk]    { --card-class-color: var(--class-phantom);    --card-class-glow: rgba(21,101,192,0.3); }
.cc-class-card[data-class="mutant"][b-1pzz9kk4kk]     { --card-class-color: var(--class-mutant);     --card-class-glow: rgba(46,125,50,0.3); }
.cc-class-card[data-class="engineer"][b-1pzz9kk4kk]   { --card-class-color: var(--class-engineer);   --card-class-glow: rgba(230,81,0,0.3); }
.cc-class-card[data-class="voidstrider"][b-1pzz9kk4kk]{ --card-class-color: var(--class-voidstrider);--card-class-glow: rgba(123,31,162,0.3); }
.cc-class-card[data-class="aristocrat"][b-1pzz9kk4kk] { --card-class-color: var(--class-aristocrat); --card-class-glow: rgba(245,127,23,0.3); }

.cc-class-card-inner[b-1pzz9kk4kk] {
    padding: 1.25rem 1.5rem 1.5rem;
}

.cc-class-stat[b-1pzz9kk4kk] {
    display: block;
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 3px;
    color: var(--card-class-color, var(--text-dim));
    margin-bottom: 0.5rem;
    opacity: 0.8;
}

.cc-class-name[b-1pzz9kk4kk] {
    margin: 0 0 0.6rem;
    font-family: var(--font-display);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--text-bright);
}

.cc-class-tagline[b-1pzz9kk4kk] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.55;
}

/* ── Step 3: Subclass cards ── */

.cc-subclass-grid[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}

.cc-subclass-card[b-1pzz9kk4kk] {
    position: relative;
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-left: 3px solid var(--card-class-color, var(--border));
    padding: 1.25rem 1.5rem;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}

.cc-subclass-card:hover[b-1pzz9kk4kk] {
    border-color: var(--card-class-color, var(--accent));
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}

.cc-subclass-card.selected[b-1pzz9kk4kk] {
    border-color: var(--card-class-color, var(--accent));
    box-shadow: 0 0 0 1px var(--card-class-color, var(--accent));
    background: color-mix(in srgb, var(--card-class-color, var(--accent)) 8%, var(--surface-1));
}

.cc-subclass-card[data-class="enforcer"][b-1pzz9kk4kk]   { --card-class-color: var(--class-enforcer);   }
.cc-subclass-card[data-class="phantom"][b-1pzz9kk4kk]    { --card-class-color: var(--class-phantom);    }
.cc-subclass-card[data-class="mutant"][b-1pzz9kk4kk]     { --card-class-color: var(--class-mutant);     }
.cc-subclass-card[data-class="engineer"][b-1pzz9kk4kk]   { --card-class-color: var(--class-engineer);   }
.cc-subclass-card[data-class="voidstrider"][b-1pzz9kk4kk]{ --card-class-color: var(--class-voidstrider);}
.cc-subclass-card[data-class="aristocrat"][b-1pzz9kk4kk] { --card-class-color: var(--class-aristocrat); }

.cc-subclass-name[b-1pzz9kk4kk] {
    margin: 0 0 0.5rem;
    font-family: var(--font-display);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--text-bright);
}

.cc-subclass-tagline[b-1pzz9kk4kk] {
    margin: 0;
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.55;
}

/* ── Step 4: Race cards ── */

.cc-race-grid[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.85rem;
    margin-bottom: 2rem;
}

.cc-race-card[b-1pzz9kk4kk] {
    position: relative;
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    padding: 1rem 1.25rem;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s, background-color 0.15s, transform 0.15s;
}

.cc-race-card:hover[b-1pzz9kk4kk] {
    border-color: var(--border);
    transform: translateY(-2px);
}

.cc-race-card.selected[b-1pzz9kk4kk] {
    border-color: var(--accent);
    background: rgba(123,31,162,0.1);
    box-shadow: 0 0 0 1px var(--accent), 0 0 16px var(--accent-glow);
}

.cc-race-header[b-1pzz9kk4kk] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.cc-race-name[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--text-bright);
}

.cc-race-alias[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
    white-space: nowrap;
}

.cc-race-tagline[b-1pzz9kk4kk] {
    margin: 0;
    font-size: 0.77rem;
    color: var(--text-muted);
    line-height: 1.55;
}

/* ── Selected mark ── */

.cc-selected-mark[b-1pzz9kk4kk] {
    position: absolute;
    top: 0.6rem;
    right: 0.75rem;
    font-size: 0.75rem;
    color: var(--accent-bright);
    font-weight: 700;
}

/* ── Review panel ── */

.cc-review[b-1pzz9kk4kk] {
    background: rgba(123,31,162,0.06);
    border: 1px solid var(--border);
    padding: 1.5rem;
    margin-bottom: 2rem;
    animation: fadeIn 0.3s ease both;
}

.cc-review-label[b-1pzz9kk4kk] {
    margin: 0 0 1rem;
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 4px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.cc-review-grid[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.cc-review-item[b-1pzz9kk4kk] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.cc-review-key[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.cc-review-val[b-1pzz9kk4kk] {
    font-family: var(--font-body);
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-bright);
}

/* ── Sticky nav bar ── */

.cc-nav-bar[b-1pzz9kk4kk] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 2rem;
    background: rgba(16, 12, 24, 0.94);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-top: 1px solid #3a2060;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.5);
}

.cc-submit[b-1pzz9kk4kk] {
    min-width: 200px;
    letter-spacing: 4px;
}

/* ── Step 5: Stats layout ── */

.cc-stats-layout[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    align-items: start;
}

/* Points bar */

.cc-points-bar[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 1rem;
    background: rgba(123,31,162,0.08);
    border: 1px solid var(--border);
    margin-bottom: 0.75rem;
}

.cc-points-label[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 3px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.cc-points-num[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 1.4rem;
    font-weight: 900;
    color: var(--accent-bright);
    letter-spacing: 2px;
    transition: color 0.2s;
}

.cc-points-num.low[b-1pzz9kk4kk]  { color: #e65100; }
.cc-points-num.zero[b-1pzz9kk4kk] { color: #4caf50; }

/* Stat rows */

.cc-stat-row[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    column-gap: 1rem;
    row-gap: 0.2rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--border-dark);
    background: var(--surface-1);
    margin-bottom: 0.5rem;
    transition: border-color 0.15s, background-color 0.15s;
}

.cc-stat-row.primary[b-1pzz9kk4kk] {
    border-color: var(--accent);
    background: color-mix(in srgb, var(--accent) 6%, var(--surface-1));
}

.cc-stat-label-group[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.cc-stat-short[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--text-dim);
    min-width: 2.5rem;
}

.cc-stat-row.primary .cc-stat-short[b-1pzz9kk4kk] {
    color: var(--accent-bright);
}

.cc-stat-full-name[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--text-bright);
}

.cc-stat-primary-badge[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    letter-spacing: 2px;
    color: var(--accent-bright);
    border: 1px solid var(--accent);
    padding: 0.1rem 0.4rem;
    text-transform: uppercase;
}

/* Info button */

.cc-info-btn[b-1pzz9kk4kk] {
    background: none;
    border: none;
    color: var(--text-dim);
    cursor: pointer;
    font-size: 0.85rem;
    padding: 0 0.2rem;
    line-height: 1;
    transition: color 0.15s;
    flex-shrink: 0;
}

.cc-info-btn:hover[b-1pzz9kk4kk] {
    color: var(--accent-bright);
}

/* Stat controls */

.cc-stat-controls[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    grid-row: 1;
    grid-column: 2;
    justify-self: end;
}

.cc-stat-btn[b-1pzz9kk4kk] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-2);
    border: 1px solid var(--border);
    color: var(--text-muted);
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.12s, border-color 0.12s, color 0.12s;
    font-family: var(--font-display);
    line-height: 1;
}

.cc-stat-btn:hover:not(:disabled)[b-1pzz9kk4kk] {
    background: var(--accent);
    border-color: var(--accent-bright);
    color: var(--text-bright);
}

.cc-stat-btn:disabled[b-1pzz9kk4kk] {
    opacity: 0.3;
    cursor: not-allowed;
}

.cc-stat-val[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 700;
    min-width: 2.5rem;
    text-align: center;
    letter-spacing: 1px;
    transition: color 0.15s;
}

.cc-stat-val.pos[b-1pzz9kk4kk]  { color: #81c784; }
.cc-stat-val.neg[b-1pzz9kk4kk]  { color: #ef9a9a; }
.cc-stat-val.zero[b-1pzz9kk4kk] { color: var(--text-dim); }

/* Stat base effect */

.cc-stat-effect[b-1pzz9kk4kk] {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-family: var(--font-body);
    font-size: 0.75rem;
}

.cc-stat-effect-label[b-1pzz9kk4kk] {
    color: var(--text-dim);
}

.cc-stat-effect-val[b-1pzz9kk4kk] {
    font-weight: 600;
    transition: color 0.15s;
}

.cc-stat-effect-val.pos[b-1pzz9kk4kk] { color: #81c784; }
.cc-stat-effect-val.neg[b-1pzz9kk4kk] { color: #ef9a9a; }

/* Derived stats panel */

.cc-derived-panel[b-1pzz9kk4kk] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.cc-derived-title[b-1pzz9kk4kk] {
    margin: 0 0 1rem;
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 4px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.cc-derived-grid[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
}

.cc-derived-item[b-1pzz9kk4kk] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-dark);
}

.cc-derived-label[b-1pzz9kk4kk] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-muted);
}

.cc-derived-val[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 1px;
    transition: color 0.15s;
}

.cc-derived-val.pos[b-1pzz9kk4kk] { color: #81c784; }
.cc-derived-val.neg[b-1pzz9kk4kk] { color: #ef9a9a; }

/* Skills accordion */

.cc-skills-panel[b-1pzz9kk4kk] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    padding: 1.25rem;
}

.cc-skills-title[b-1pzz9kk4kk] {
    margin: 0 0 0.25rem;
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 4px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.cc-skills-sub[b-1pzz9kk4kk] {
    margin: 0 0 0.85rem;
    font-size: 0.72rem;
    color: var(--text-dim);
    font-family: var(--font-body);
}

.cc-skill-group[b-1pzz9kk4kk] {
    border-top: 1px solid var(--border-dark);
}

.cc-skill-group-hdr[b-1pzz9kk4kk] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
}

.cc-skill-group-name[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.62rem;
    letter-spacing: 2px;
    color: var(--text-muted);
    flex: 1;
}

.cc-skill-group-bonus[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 2rem;
    text-align: right;
    transition: color 0.15s;
}

.cc-skill-count[b-1pzz9kk4kk] {
    font-size: 0.65rem;
    color: var(--text-dim);
    white-space: nowrap;
}

.cc-chevron[b-1pzz9kk4kk] {
    color: var(--text-dim);
    font-size: 0.8rem;
    transition: transform 0.2s ease;
    display: inline-block;
}

.cc-chevron.open[b-1pzz9kk4kk] {
    transform: rotate(180deg);
}

.cc-skill-list[b-1pzz9kk4kk] {
    padding-bottom: 0.5rem;
}

.cc-skill-row[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0 0.35rem 0.5rem;
    border-bottom: 1px solid var(--border-dark);
}

.cc-skill-row:last-child[b-1pzz9kk4kk] {
    border-bottom: none;
}

.cc-skill-name[b-1pzz9kk4kk] {
    flex: 1;
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-muted);
}

.cc-skill-bonus-stat[b-1pzz9kk4kk] {
    font-size: 0.65rem;
    color: var(--text-dim);
    font-family: var(--font-display);
    letter-spacing: 1px;
    white-space: nowrap;
}

.cc-skill-bonus[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.8rem;
    font-weight: 700;
    min-width: 2rem;
    text-align: right;
    transition: color 0.15s;
}

.pos[b-1pzz9kk4kk] { color: #81c784; }
.neg[b-1pzz9kk4kk] { color: #ef9a9a; }
.warn[b-1pzz9kk4kk] { color: #e65100; }

/* ── Info modal ── */

.info-overlay[b-1pzz9kk4kk] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
    animation: fadeIn 0.15s ease both;
    backdrop-filter: blur(2px);
}

.info-modal[b-1pzz9kk4kk] {
    width: 100%;
    max-width: 480px;
    background: var(--surface-2);
    border: 1px solid var(--border-dark);
    border-top: 3px solid var(--accent);
    padding: 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    animation: slideUpFade 0.2s ease both;
    max-height: 85vh;
    overflow-y: auto;
}

.info-modal-header[b-1pzz9kk4kk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.info-modal-title[b-1pzz9kk4kk] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--text-bright);
    text-transform: uppercase;
}

.info-close-x[b-1pzz9kk4kk] {
    background: none;
    border: none;
    color: var(--text-dim);
    cursor: pointer;
    font-size: 1rem;
    padding: 0;
    line-height: 1;
    flex-shrink: 0;
    transition: color 0.15s;
}

.info-close-x:hover[b-1pzz9kk4kk] { color: var(--text-bright); }

.info-quote[b-1pzz9kk4kk] {
    margin: 0;
    font-family: var(--font-body);
    font-style: italic;
    font-size: 0.85rem;
    color: var(--accent-bright);
    border-left: 2px solid var(--accent);
    padding-left: 0.75rem;
}

.info-body[b-1pzz9kk4kk] {
    margin: 0;
    font-family: var(--font-body);
    font-size: 0.88rem;
    color: var(--text-muted);
    line-height: 1.7;
}

.info-extra[b-1pzz9kk4kk] {
    background: rgba(123,31,162,0.06);
    border: 1px solid var(--border-dark);
    padding: 0.75rem 1rem;
}

.info-extra-text[b-1pzz9kk4kk] {
    margin: 0;
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.65;
}

.info-close-btn[b-1pzz9kk4kk] {
    align-self: flex-end;
    margin-top: 0.25rem;
}

/* ── Review warn ── */

.cc-review-val.warn[b-1pzz9kk4kk] { color: #e65100; }

/* ── Responsive ── */

@media (max-width: 900px) {
    .cc-stats-layout[b-1pzz9kk4kk] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .cc-page[b-1pzz9kk4kk] {
        padding: 2rem 1rem 4rem;
    }

    .cc-panel[b-1pzz9kk4kk] {
        padding: 1.5rem;
    }

    .cc-subclass-grid[b-1pzz9kk4kk] {
        grid-template-columns: 1fr;
    }

    .cc-step-label[b-1pzz9kk4kk] {
        display: none;
    }

    .cc-review-grid[b-1pzz9kk4kk] {
        grid-template-columns: 1fr;
    }

    .cc-derived-grid[b-1pzz9kk4kk] {
        grid-template-columns: 1fr;
    }
}

/* ── Step 6: Credits ── */

.cc-credits-options[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.cc-credits-card[b-1pzz9kk4kk] {
    position: relative;
    background: var(--surface-1);
    border: 2px solid var(--border-dark);
    cursor: pointer;
    padding: 0;
    text-align: left;
    transition: border-color 0.15s, box-shadow 0.15s;
    overflow: hidden;
}

.cc-credits-card:hover[b-1pzz9kk4kk] {
    border-color: var(--accent);
}

.cc-credits-card.selected[b-1pzz9kk4kk] {
    border-color: var(--accent-bright);
    box-shadow: 0 0 16px rgba(123,31,162,0.3);
}

.cc-credits-card-inner[b-1pzz9kk4kk] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 1.5rem;
}

.cc-credits-label[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 4px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.cc-credits-amount[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 900;
    color: var(--accent-bright);
    letter-spacing: 2px;
}

.cc-credits-note[b-1pzz9kk4kk] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-muted);
}

.cc-credits-custom[b-1pzz9kk4kk] {
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cc-credits-custom-label[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--text-dim);
}

.cc-credits-input-wrap[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    border: 1px solid var(--border-dim);
    background: var(--surface-0);
    max-width: 260px;
}

.cc-credits-prefix[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--text-dim);
    padding: 0 0.75rem;
    letter-spacing: 2px;
    border-right: 1px solid var(--border-dark);
}

.cc-credits-input[b-1pzz9kk4kk] {
    flex: 1;
    background: none;
    border: none;
    color: var(--text-bright);
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 700;
    padding: 0.75rem;
    outline: none;
    min-width: 0;
}

.cc-credits-input[b-1pzz9kk4kk]::-webkit-outer-spin-button,
.cc-credits-input[b-1pzz9kk4kk]::-webkit-inner-spin-button { -webkit-appearance: none; }
.cc-credits-input[type=number][b-1pzz9kk4kk] { -moz-appearance: textfield; }

.cc-credits-summary[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: rgba(123,31,162,0.06);
    border: 1px solid var(--border-dark);
    margin-bottom: 2rem;
}

.cc-credits-summary-label[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 3px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.cc-credits-summary-val[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 1.2rem;
    font-weight: 900;
    color: var(--accent-bright);
    letter-spacing: 2px;
}

/* ── Step 7: Equipment ── */

.eq-credits-bar[b-1pzz9kk4kk] {
    margin-bottom: 1.5rem;
}

.eq-credits-track[b-1pzz9kk4kk] {
    height: 4px;
    background: var(--border-dark);
    margin-bottom: 0.5rem;
    overflow: hidden;
}

.eq-credits-fill[b-1pzz9kk4kk] {
    height: 100%;
    background: var(--accent-bright);
    transition: width 0.3s ease;
}

.eq-credits-info[b-1pzz9kk4kk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 2px;
}

.eq-credits-spent[b-1pzz9kk4kk] { color: var(--text-dim); }

.eq-credits-remaining[b-1pzz9kk4kk] { color: #81c784; }
.eq-credits-remaining.over[b-1pzz9kk4kk] { color: #ef9a9a; }

.eq-toolbar[b-1pzz9kk4kk] {
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.eq-filters[b-1pzz9kk4kk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.eq-filter-btn[b-1pzz9kk4kk] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    color: var(--text-dim);
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 2px;
    padding: 0.35rem 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
    text-transform: uppercase;
}

.eq-filter-btn:hover[b-1pzz9kk4kk] { color: var(--text-bright); border-color: var(--accent); }
.eq-filter-btn.active[b-1pzz9kk4kk] { background: var(--accent); border-color: var(--accent-bright); color: #fff; }

.eq-search-row[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.eq-search[b-1pzz9kk4kk] {
    flex: 1;
    max-width: 360px;
    background: var(--surface-0);
    border: 1px solid var(--border-dim);
    color: var(--text-bright);
    font-family: var(--font-body);
    font-size: 0.85rem;
    padding: 0.5rem 0.85rem;
    outline: none;
    transition: border-color 0.15s;
}

.eq-search:focus[b-1pzz9kk4kk] { border-color: var(--accent); }

.eq-gm-toggle[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 2px;
    color: var(--text-dim);
}

.eq-gm-toggle input[type=checkbox][b-1pzz9kk4kk] { accent-color: var(--accent-bright); }

.eq-layout[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: 1fr 260px;
    gap: 1.5rem;
    align-items: start;
}

.eq-grid-wrap[b-1pzz9kk4kk] { min-width: 0; }

.eq-grid[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.75rem;
}

.eq-card[b-1pzz9kk4kk] {
    position: relative;
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-top: 2px solid var(--border-dim);
    padding: 1rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
    overflow: hidden;
}

.eq-card:hover[b-1pzz9kk4kk] {
    border-top-color: var(--accent);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(123,31,162,0.18);
}

.eq-card.equipped[b-1pzz9kk4kk] {
    border-top-color: #81c784;
    background: rgba(129,199,132,0.04);
}

.eq-card.purchased[b-1pzz9kk4kk] {
    border-top-color: #64b5f6;
    background: rgba(100,181,246,0.04);
}

.eq-card.over-budget[b-1pzz9kk4kk] {
    opacity: 0.55;
}

.eq-card-type[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.eq-card-name[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--text-bright);
    letter-spacing: 1px;
    line-height: 1.3;
}

.eq-card-stat-row[b-1pzz9kk4kk] {
    font-family: var(--font-body);
    font-size: 0.72rem;
    color: var(--accent-bright);
    letter-spacing: 0.5px;
}

.eq-card-req[b-1pzz9kk4kk] {
    font-family: var(--font-body);
    font-size: 0.68rem;
    color: var(--text-dim);
    font-style: italic;
}

.eq-card-price[b-1pzz9kk4kk] {
    margin-top: auto;
    padding-top: 0.5rem;
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--text-muted);
    letter-spacing: 1px;
}

.eq-equipped-badge[b-1pzz9kk4kk] {
    position: absolute;
    top: 0.4rem;
    right: 0.5rem;
    font-family: var(--font-display);
    font-size: 0.45rem;
    letter-spacing: 2px;
    color: #81c784;
    background: rgba(129,199,132,0.12);
    padding: 0.15rem 0.4rem;
    border: 1px solid #81c784;
}

.eq-purchased-badge[b-1pzz9kk4kk] {
    position: absolute;
    top: 0.4rem;
    right: 0.5rem;
    font-family: var(--font-display);
    font-size: 0.45rem;
    letter-spacing: 2px;
    color: #64b5f6;
    background: rgba(100,181,246,0.12);
    padding: 0.15rem 0.4rem;
    border: 1px solid #64b5f6;
}

.eq-empty[b-1pzz9kk4kk] {
    color: var(--text-dim);
    font-family: var(--font-body);
    font-size: 0.85rem;
    padding: 2rem;
    text-align: center;
}

/* Loadout panel */

.eq-loadout[b-1pzz9kk4kk] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    padding: 1.25rem;
    position: sticky;
    top: 1rem;
}

.eq-loadout-title[b-1pzz9kk4kk] {
    margin: 0 0 1rem;
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 4px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.eq-loadout-list[b-1pzz9kk4kk] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.eq-slot-row[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: 3rem 1fr auto auto;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--border-dark);
    font-size: 0.72rem;
}

.eq-slot-label[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.eq-slot-name[b-1pzz9kk4kk] {
    font-family: var(--font-body);
    color: var(--text-bright);
    font-size: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.eq-slot-empty[b-1pzz9kk4kk] {
    color: var(--border-dim);
    font-family: var(--font-display);
    font-size: 0.65rem;
}

.eq-slot-price[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 1px;
    color: var(--text-dim);
    white-space: nowrap;
}

.eq-slot-remove[b-1pzz9kk4kk] {
    background: none;
    border: none;
    color: var(--text-dim);
    cursor: pointer;
    font-size: 0.7rem;
    padding: 0.1rem 0.25rem;
    transition: color 0.15s;
    line-height: 1;
}

.eq-slot-remove:hover[b-1pzz9kk4kk] { color: #ef9a9a; }

.eq-inv-row[b-1pzz9kk4kk] { grid-template-columns: 5.5rem 1fr auto auto; }
.eq-inv-label[b-1pzz9kk4kk] { color: #64b5f6; font-size: 0.46rem; }

.eq-slot-divider[b-1pzz9kk4kk] {
    height: 1px;
    background: var(--border-dark);
    margin: 0.35rem 0;
}

/* Equipment detail modal */

.eq-detail-modal[b-1pzz9kk4kk] { max-width: 520px; }

.eq-detail-meta[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.eq-detail-type-badge[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 2px;
    color: var(--accent-bright);
    border: 1px solid var(--accent);
    padding: 0.15rem 0.5rem;
    text-transform: uppercase;
}

.eq-detail-restrict-badge[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 2px;
    color: #ef9a9a;
    border: 1px solid #b71c1c;
    padding: 0.15rem 0.5rem;
    text-transform: uppercase;
}

.eq-detail-price[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text-bright);
    letter-spacing: 2px;
    margin-left: auto;
}

.eq-detail-req[b-1pzz9kk4kk] {
    margin: 0 0 0.5rem;
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
}

.eq-detail-stats[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    background: var(--surface-0);
    border: 1px solid var(--border-dark);
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
}

.eq-detail-stat[b-1pzz9kk4kk] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.eq-detail-stat span[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.eq-detail-stat strong[b-1pzz9kk4kk] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-bright);
    font-weight: 600;
}

.eq-detail-section[b-1pzz9kk4kk] {
    margin-bottom: 0.5rem;
}

.eq-detail-section-label[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 3px;
    color: var(--text-dim);
    text-transform: uppercase;
    margin-bottom: 0.4rem;
}

.eq-detail-text[b-1pzz9kk4kk] {
    margin: 0;
    font-family: var(--font-body);
    font-size: 0.85rem;
    color: var(--text-muted);
    line-height: 1.7;
}

.eq-detail-actions[b-1pzz9kk4kk] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 0.5rem;
}

.btn.disabled[b-1pzz9kk4kk] { opacity: 0.45; cursor: not-allowed; }

/* ── Augment slot tracker ── */

.eq-aug-slots[b-1pzz9kk4kk] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-dark);
}

.eq-aug-slots-title[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 3px;
    color: var(--text-dim);
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.eq-aug-slot-row[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: 3.5rem 1fr auto;
    align-items: center;
    gap: 0.4rem;
    padding: 0.2rem 0;
}

.eq-aug-slot-name[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.eq-aug-slot-pips[b-1pzz9kk4kk] {
    display: flex;
    gap: 3px;
}

.eq-aug-pip[b-1pzz9kk4kk] {
    width: 8px;
    height: 8px;
    border: 1px solid var(--border-dim);
    background: transparent;
    transition: background 0.15s, border-color 0.15s;
}

.eq-aug-pip.filled[b-1pzz9kk4kk] {
    background: var(--accent-bright);
    border-color: var(--accent-bright);
}

.eq-aug-slot-row.full .eq-aug-pip.filled[b-1pzz9kk4kk] {
    background: #ef9a9a;
    border-color: #ef9a9a;
}

.eq-aug-slot-row.over .eq-aug-slot-name[b-1pzz9kk4kk],
.eq-aug-slot-row.over .eq-aug-slot-count[b-1pzz9kk4kk] { color: #ef9a9a; }

.eq-aug-slot-count[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 1px;
    color: var(--text-dim);
    white-space: nowrap;
}

.eq-aug-slot-row.full .eq-aug-slot-count[b-1pzz9kk4kk] { color: #ef9a9a; }

/* ── Gear bonus panel ── */

.eq-bonuses[b-1pzz9kk4kk] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-dark);
}

.eq-bonuses-title[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 3px;
    color: var(--text-dim);
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.eq-bonus-row[b-1pzz9kk4kk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.2rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.03);
}

.eq-bonus-label[b-1pzz9kk4kk] {
    font-family: var(--font-body);
    font-size: 0.72rem;
    color: var(--text-muted);
}

.eq-bonus-val[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 1px;
}

.eq-bonus-val.pos[b-1pzz9kk4kk] { color: #81c784; }
.eq-bonus-val.neg[b-1pzz9kk4kk] { color: #ef9a9a; }

/* .kw-token styles live in app.css — rendered as Blazor elements, not MarkupString */

/* ── Ability Preview (Step 3) ── */

.ab-preview[b-1pzz9kk4kk] {
    margin-top: 2rem;
    border: 1px solid var(--border-dark);
    overflow: hidden;
}

.ab-preview-title[b-1pzz9kk4kk] {
    padding: 0.7rem 1.2rem;
    background: #1a1228;
    border-bottom: 1px solid var(--border-dark);
    font-family: var(--font-display);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 4px;
    color: var(--accent-bright);
    text-transform: uppercase;
}

/* Level accordion */
.ab-level-group[b-1pzz9kk4kk] {
    border-bottom: 1px solid #2a1840;
}
.ab-level-group:last-child[b-1pzz9kk4kk] { border-bottom: none; }

.ab-level-hdr[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.6rem 1.2rem;
    background: #130f1e;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
}
.ab-level-hdr:hover[b-1pzz9kk4kk] { background: #1c1530; }

.ab-level-badge[b-1pzz9kk4kk] {
    flex-shrink: 0;
    padding: 0.12rem 0.5rem;
    background: #2a1840;
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--accent);
}

.ab-level-names[b-1pzz9kk4kk] {
    flex: 1;
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Ability cards */
.ab-level-body[b-1pzz9kk4kk] {
    display: flex;
    flex-direction: column;
}

.ab-card[b-1pzz9kk4kk] {
    padding: 1rem 1.25rem 1.1rem;
    border-left: 3px solid var(--accent);
    border-top: 1px solid #2a1840;
    background: #0e0b17;
}

.ab-card[data-class="enforcer"][b-1pzz9kk4kk]   { border-left-color: var(--class-enforcer); }
.ab-card[data-class="phantom"][b-1pzz9kk4kk]    { border-left-color: var(--class-phantom); }
.ab-card[data-class="mutant"][b-1pzz9kk4kk]     { border-left-color: var(--class-mutant); }
.ab-card[data-class="engineer"][b-1pzz9kk4kk]   { border-left-color: var(--class-engineer); }
.ab-card[data-class="voidstrider"][b-1pzz9kk4kk]{ border-left-color: var(--class-voidstrider); }
.ab-card[data-class="aristocrat"][b-1pzz9kk4kk] { border-left-color: var(--class-aristocrat); }

.ab-card-choice[b-1pzz9kk4kk] { border-left-color: #e5a100; }
.ab-card-wide[b-1pzz9kk4kk]   { border-left-color: #4a90a0; }

/* Card header — ability name + optional type tag */
.ab-card-hdr[b-1pzz9kk4kk] {
    display: flex;
    align-items: baseline;
    gap: 0.55rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

.ab-ability-name[b-1pzz9kk4kk] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-bright);
    text-transform: uppercase;
    flex-shrink: 0;
}

/* Type / status tags */
.ab-tag[b-1pzz9kk4kk] {
    padding: 0.1rem 0.4rem;
    font-family: var(--font-display);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

.ab-tag-passive[b-1pzz9kk4kk] {
    background: rgba(60,40,90,0.5);
    border: 1px solid #3a2060;
    color: var(--text-dim);
}

.ab-tag-wide[b-1pzz9kk4kk] {
    background: rgba(30,60,70,0.5);
    border: 1px solid #2a5060;
    color: #4a90a0;
}

.ab-tag-choice[b-1pzz9kk4kk] {
    background: rgba(70,50,0,0.5);
    border: 1px solid #7a6000;
    color: #e5a100;
}

/* Quote */
.ab-quote[b-1pzz9kk4kk] {
    margin: 0 0 0.7rem;
    padding: 0.5rem 0.8rem;
    border-left: 2px solid #3a2060;
    background: rgba(30,20,50,0.5);
}

.ab-quote-text[b-1pzz9kk4kk] {
    margin: 0;
    font-family: var(--font-body);
    font-style: italic;
    font-size: 0.8rem;
    color: #7a6a8a;
    line-height: 1.55;
}

.ab-quote-attrib[b-1pzz9kk4kk] {
    display: block;
    margin-top: 0.25rem;
    font-family: var(--font-body);
    font-style: normal;
    font-size: 0.7rem;
    color: #5a4a6a;
    font-variant: small-caps;
    letter-spacing: 0.5px;
}

/* Pre-activation body */
.ab-pre-body[b-1pzz9kk4kk] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.65;
    margin-bottom: 0.6rem;
}

/* Activation box */
.ab-activation[b-1pzz9kk4kk] {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid #3a2060;
    border-left: 2px solid var(--accent);
    margin-top: 0.4rem;
}

.ab-card[data-class="enforcer"]   .ab-activation[b-1pzz9kk4kk] { border-left-color: var(--class-enforcer); }
.ab-card[data-class="phantom"]    .ab-activation[b-1pzz9kk4kk] { border-left-color: var(--class-phantom); }
.ab-card[data-class="mutant"]     .ab-activation[b-1pzz9kk4kk] { border-left-color: var(--class-mutant); }
.ab-card[data-class="engineer"]   .ab-activation[b-1pzz9kk4kk] { border-left-color: var(--class-engineer); }
.ab-card[data-class="voidstrider"].ab-activation[b-1pzz9kk4kk] { border-left-color: var(--class-voidstrider); }
.ab-card[data-class="aristocrat"] .ab-activation[b-1pzz9kk4kk] { border-left-color: var(--class-aristocrat); }

.ab-activation-costs[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    padding: 0.4rem 0.7rem;
    background: rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(58,32,96,0.5);
}

.ab-cost-action[b-1pzz9kk4kk] {
    padding: 0.1rem 0.5rem;
    background: rgba(123,31,162,0.15);
    border: 1px solid var(--accent);
    font-family: var(--font-display);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--accent-bright);
    text-transform: uppercase;
}

.ab-cost-resource[b-1pzz9kk4kk] {
    padding: 0.1rem 0.5rem;
    background: rgba(229,161,0,0.07);
    border: 1px solid #7a6000;
    font-family: var(--font-display);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #e5a100;
    text-transform: uppercase;
}

.ab-activation-body[b-1pzz9kk4kk] {
    padding: 0.55rem 0.75rem;
    font-family: var(--font-body);
    font-size: 0.81rem;
    color: var(--text-muted);
    line-height: 1.65;
}


/* ab-lore, ab-meta-row/key/val live in app.css — RenderTreeBuilder elements */

/* Trigger condition row inside activation box */
.ab-trigger-row[b-1pzz9kk4kk] {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    padding: 0.3rem 0.7rem;
    background: rgba(123,31,162,0.06);
    border-bottom: 1px solid rgba(58,32,96,0.4);
}

.ab-trigger-key[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--accent);
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

.ab-trigger-val[b-1pzz9kk4kk] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-muted);
    font-style: italic;
    line-height: 1.4;
}




/* Choice options */
.ab-choices[b-1pzz9kk4kk] {
    margin-top: 0.85rem;
    border-top: 1px solid #3a2800;
    padding-top: 0.75rem;
}

.ab-choices-label[b-1pzz9kk4kk] {
    margin-bottom: 0.55rem;
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: #e5a100;
    text-transform: uppercase;
}

.ab-choices-grid[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.6rem;
}

.ab-choice-card[b-1pzz9kk4kk] {
    padding: 0.7rem 0.85rem;
    background: #100e07;
    border: 1px solid #3a2800;
    border-top: 2px solid #c48a00;
}

.ab-choice-name[b-1pzz9kk4kk] {
    margin-bottom: 0.4rem;
    font-family: var(--font-display);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #c48a00;
}

.ab-choice-quote[b-1pzz9kk4kk] {
    margin: 0 0 0.4rem;
    font-family: var(--font-body);
    font-style: italic;
    font-size: 0.75rem;
    color: #6a5a3a;
    border-left: 1px solid #3a2800;
    padding-left: 0.5rem;
}

.ab-choice-body[b-1pzz9kk4kk] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-muted);
    line-height: 1.55;
}

@media (max-width: 900px) {
    .eq-layout[b-1pzz9kk4kk] {
        grid-template-columns: 1fr;
    }
    .eq-loadout[b-1pzz9kk4kk] {
        position: static;
    }
    .cc-credits-options[b-1pzz9kk4kk] {
        grid-template-columns: 1fr;
    }
}

/* ── Step 4: Species Progression Preview ── */

.sp-preview[b-1pzz9kk4kk] {
    margin-top: 2rem;
    border: 1px solid var(--border-dark);
    overflow: hidden;
    animation: slideUpFade 0.25s ease both;
}

.sp-preview-title[b-1pzz9kk4kk] {
    padding: 0.7rem 1.2rem;
    background: #0f1a1a;
    border-bottom: 1px solid var(--border-dark);
    font-family: var(--font-display);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 4px;
    color: #3dadd4;
    text-transform: uppercase;
}

.sp-description[b-1pzz9kk4kk] {
    margin: 0;
    padding: 0.85rem 1.2rem;
    font-family: var(--font-body);
    font-size: 0.85rem;
    color: var(--text-muted);
    line-height: 1.7;
    border-bottom: 1px solid var(--border-dark);
    background: #0a0f0f;
}

/* ── Level accordion ── */

.sp-level-group[b-1pzz9kk4kk] {
    border-bottom: 1px solid #1a2828;
}
.sp-level-group:last-child[b-1pzz9kk4kk] { border-bottom: none; }

.sp-level-hdr[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.65rem 1.2rem;
    background: #0d1818;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
}
.sp-level-hdr:hover[b-1pzz9kk4kk] { background: #152020; }

.sp-level-badge[b-1pzz9kk4kk] {
    flex-shrink: 0;
    padding: 0.12rem 0.5rem;
    background: #1a2828;
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #3dadd4;
}

.sp-level-subtitle[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--text-muted);
}

/* Path pills in the level header (LV 2 only) */
.sp-path-pills[b-1pzz9kk4kk] {
    display: flex;
    gap: 0.35rem;
    flex: 1;
    flex-wrap: wrap;
}

.sp-path-pill[b-1pzz9kk4kk] {
    padding: 0.1rem 0.5rem;
    font-family: var(--font-display);
    font-size: 0.48rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border: 1px solid var(--sp-color, #1a4040);
    color: var(--sp-color-bright, #3dadd4);
    background: color-mix(in srgb, var(--sp-color, #1a4040) 15%, transparent);
    white-space: nowrap;
}

/* ── Level body ── */

.sp-level-body[b-1pzz9kk4kk] {
    display: flex;
    flex-direction: column;
    background: #080d0d;
    padding: 1rem 1.2rem;
    gap: 0;
}

/* Filter hint / active bar */

.sp-filter-hint[b-1pzz9kk4kk] {
    margin: 0 0 0.85rem;
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 2px;
    color: var(--text-dim);
    text-transform: uppercase;
}

.sp-filter-bar[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.85rem;
    padding: 0.4rem 0.75rem;
    background: rgba(0,0,0,0.3);
    border: 1px solid var(--border-dark);
}

.sp-filter-label[b-1pzz9kk4kk] {
    flex: 1;
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--sp-color-bright, #3dadd4);
}

.sp-filter-clear[b-1pzz9kk4kk] {
    background: none;
    border: 1px solid var(--border-dark);
    color: var(--text-dim);
    font-family: var(--font-display);
    font-size: 0.5rem;
    letter-spacing: 2px;
    padding: 0.2rem 0.6rem;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
    text-transform: uppercase;
}
.sp-filter-clear:hover[b-1pzz9kk4kk] { color: var(--text-bright); border-color: var(--text-dim); }

/* ── Paths grid ── */

.sp-paths-grid[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.sp-path-card[b-1pzz9kk4kk] {
    position: relative;
    background: #0a1212;
    border: 1px solid color-mix(in srgb, var(--sp-color, #1a4040) 40%, #1a2020);
    border-left: 3px solid var(--sp-color, #1a4040);
    cursor: pointer;
    transition: opacity 0.25s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    overflow: hidden;
}

.sp-path-card:hover[b-1pzz9kk4kk] {
    border-left-color: var(--sp-color-bright, #3dadd4);
    box-shadow: 0 0 12px color-mix(in srgb, var(--sp-color, #1a4040) 35%, transparent);
}

.sp-path-card.sp-path-selected[b-1pzz9kk4kk] {
    border-left-color: var(--sp-color-bright, #3dadd4);
    border-color: color-mix(in srgb, var(--sp-color, #1a4040) 70%, transparent);
    box-shadow: 0 0 20px color-mix(in srgb, var(--sp-color, #1a4040) 40%, transparent);
    opacity: 1;
}

.sp-path-card.sp-path-dimmed[b-1pzz9kk4kk] {
    opacity: 0.25;
    transform: scale(0.98);
}

.sp-path-header[b-1pzz9kk4kk] {
    padding: 0.75rem 1rem 0.5rem;
}

.sp-path-name[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--sp-color-bright, #3dadd4);
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.sp-path-flavor[b-1pzz9kk4kk] {
    margin: 0;
    font-family: var(--font-body);
    font-style: italic;
    font-size: 0.78rem;
    color: color-mix(in srgb, var(--sp-color-bright, #3dadd4) 55%, transparent);
}

/* Collapsible path body using grid technique */
.sp-path-body[b-1pzz9kk4kk] {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.28s ease;
}

.sp-path-card.sp-path-dimmed .sp-path-body[b-1pzz9kk4kk] {
    grid-template-rows: 0fr;
}

.sp-path-body-inner[b-1pzz9kk4kk] {
    overflow: hidden;
    padding: 0 1rem 0.75rem;
}

/* ── Abilities list ── */

.sp-abilities-list[b-1pzz9kk4kk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.sp-ability-card[b-1pzz9kk4kk] {
    padding: 0.7rem 1rem;
    background: #0c1010;
    border: 1px solid #1a2828;
    border-left: 3px solid var(--sp-color, #2a4040);
    transition: opacity 0.25s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.sp-ability-card.sp-ability-match[b-1pzz9kk4kk] {
    border-left-color: var(--sp-color-bright, #3dadd4);
    box-shadow: 0 0 12px color-mix(in srgb, var(--sp-color, #2a4040) 30%, transparent);
    background: color-mix(in srgb, var(--sp-color, #2a4040) 8%, #0c1010);
}

.sp-ability-card.sp-ability-dimmed[b-1pzz9kk4kk] {
    opacity: 0.2;
    transform: scale(0.99);
}

.sp-ability-hdr[b-1pzz9kk4kk] {
    display: flex;
    align-items: baseline;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 0.4rem;
}

.sp-ability-name[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--text-bright);
    text-transform: uppercase;
}

.sp-ability-source[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.48rem;
    letter-spacing: 2px;
    color: var(--sp-color-bright, #3dadd4);
    text-transform: uppercase;
    padding: 0.08rem 0.4rem;
    border: 1px solid var(--sp-color, #2a4040);
    background: color-mix(in srgb, var(--sp-color, #2a4040) 15%, transparent);
    white-space: nowrap;
}

/* ── Shared rule text ── */

.sp-rule[b-1pzz9kk4kk] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.65;
    padding: 0.15rem 0;
}

/* ── Milestone ── */

.sp-milestone[b-1pzz9kk4kk] {
    margin-top: 0.5rem;
    padding: 0.75rem 1rem;
    background: rgba(70,40,0,0.2);
    border: 1px solid #3a2800;
    border-left: 3px solid #c48a00;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.sp-milestone-badge[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: #c48a00;
    text-transform: uppercase;
}

.sp-milestone-text[b-1pzz9kk4kk] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: #a07020;
    line-height: 1.6;
}

.sp-milestone-bullet[b-1pzz9kk4kk] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.6;
    padding-left: 0.5rem;
    border-left: 1px solid #3a2800;
}

/* ── No data fallback ── */

.sp-no-data[b-1pzz9kk4kk] {
    margin-top: 1.5rem;
    padding: 1rem 1.25rem;
    background: rgba(30,20,50,0.4);
    border: 1px solid var(--border-dark);
    font-family: var(--font-body);
    font-size: 0.85rem;
    color: var(--text-dim);
    text-align: center;
}

/* ── Homunculus Origin Step (Step 4 — Gene Patron) ── */

.homu-section-title[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 4px;
    color: var(--text-dim);
    text-transform: uppercase;
    margin: 0 0 0.4rem;
}

.homu-section-sub[b-1pzz9kk4kk] {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin: 0 0 1.2rem;
}

/* ── Origin cards grid ── */

.homu-origin-grid[b-1pzz9kk4kk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.homu-origin-card[b-1pzz9kk4kk] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    padding: 1rem 1.1rem 1rem;
    background: var(--surface-2);
    border: 1px solid var(--border-dark);
    border-top: 2px solid var(--border-mid);
    border-radius: 4px;
    text-align: left;
    cursor: pointer;
    color: var(--text-bright);
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.1s;
}

.homu-origin-card:hover[b-1pzz9kk4kk] {
    border-color: var(--accent);
    box-shadow: 0 4px 18px rgba(124,31,162,0.2);
    transform: translateY(-2px);
}

.homu-origin-card.selected[b-1pzz9kk4kk] {
    border-color: #ce93d8;
    border-top-color: #ce93d8;
    background: rgba(206,147,216,0.07);
    box-shadow: 0 0 0 1px #ce93d8, 0 4px 24px rgba(206,147,216,0.15);
}

.homu-origin-name[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    letter-spacing: 3px;
    color: var(--text-bright);
    font-weight: 700;
}

.homu-origin-quote[b-1pzz9kk4kk] {
    font-size: 0.78rem;
    color: var(--text-secondary);
    font-style: italic;
    line-height: 1.4;
    margin: 0.1rem 0 0;
}

.homu-origin-desc[b-1pzz9kk4kk] {
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.5;
    margin: 0.2rem 0 0;
}

.homu-origin-bonuses[b-1pzz9kk4kk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.5rem;
}

.homu-stat-pill[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 1.5px;
    padding: 0.15rem 0.5rem;
    border-radius: 3px;
    font-weight: 600;
}

.homu-stat-pill.pos[b-1pzz9kk4kk]  { background: rgba(129,199,132,0.15); color: #81c784; border: 1px solid rgba(129,199,132,0.3); }
.homu-stat-pill.neg[b-1pzz9kk4kk]  { background: rgba(239,83,80,0.12);   color: #ef5350; border: 1px solid rgba(239,83,80,0.3); }
.homu-stat-pill.special[b-1pzz9kk4kk] { background: rgba(206,147,216,0.12); color: #ce93d8; border: 1px solid rgba(206,147,216,0.3); }

.homu-passive-name[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    letter-spacing: 2px;
    color: #9e8faf;
    margin-top: 0.4rem;
}

/* ── Origin config panel ── */

.homu-origin-config[b-1pzz9kk4kk] {
    background: var(--surface-2);
    border: 1px solid #3a2060;
    border-left: 3px solid #ce93d8;
    border-radius: 4px;
    padding: 1.2rem 1.4rem;
    margin-bottom: 2rem;
}

.homu-config-title[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.68rem;
    letter-spacing: 3px;
    color: #ce93d8;
    margin-bottom: 0.9rem;
}

.homu-stat-distribute-info[b-1pzz9kk4kk] {
    font-size: 0.85rem;
    color: var(--text-muted);
    margin-bottom: 0.75rem;
}

.homu-exclude-note[b-1pzz9kk4kk] {
    display: inline-block;
    margin-left: 0.5rem;
    font-size: 0.78rem;
    color: #ef9a9a;
}

.homu-points-bar[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
    padding: 0.5rem 0.9rem;
    background: rgba(16,12,24,0.6);
    border: 1px solid var(--border-dark);
    border-radius: 3px;
}

.homu-points-label[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 2px;
    color: var(--text-dim);
}

.homu-points-num[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 1.2rem;
    font-weight: 700;
    color: #ce93d8;
    min-width: 2ch;
}

.homu-points-num.zero[b-1pzz9kk4kk] { color: #81c784; }

/* ── Stat rows ── */

.homu-stat-rows[b-1pzz9kk4kk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.2rem;
}

.homu-stat-row[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.3rem 0.2rem;
}

.homu-stat-row.excluded[b-1pzz9kk4kk] { opacity: 0.35; }

.homu-stat-label[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.68rem;
    letter-spacing: 2px;
    color: var(--text-muted);
    width: 110px;
    flex-shrink: 0;
}

.homu-stat-pts[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.85rem;
    font-weight: 700;
    min-width: 2.5ch;
    text-align: center;
    color: var(--text-dim);
}

.homu-stat-pts.pos[b-1pzz9kk4kk]  { color: #81c784; }
.homu-stat-pts.zero[b-1pzz9kk4kk] { color: var(--text-dim); }

.homu-excluded-tag[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 2px;
    color: var(--text-secondary);
    padding: 0.15rem 0.5rem;
    border: 1px solid var(--border-dark);
    border-radius: 3px;
}

/* ── Choice & Roll ── */

.homu-choice-prompt[b-1pzz9kk4kk] {
    font-size: 0.85rem;
    color: var(--text-muted);
    margin: 0 0 0.75rem;
}

.homu-choice-btns[b-1pzz9kk4kk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.homu-choice-btn[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.62rem;
    letter-spacing: 2px;
    padding: 0.45rem 1rem;
    background: var(--surface-1);
    border: 1px solid var(--border-mid);
    border-radius: 3px;
    color: var(--text-muted);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.homu-choice-btn:hover[b-1pzz9kk4kk] { border-color: #ce93d8; color: #ce93d8; }

.homu-choice-btn.selected[b-1pzz9kk4kk] {
    background: rgba(206,147,216,0.12);
    border-color: #ce93d8;
    color: #ce93d8;
}

.homu-void-recovered-row[b-1pzz9kk4kk] {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    flex-wrap: wrap;
}

.homu-roll-btn[b-1pzz9kk4kk] { flex-shrink: 0; }

.homu-choice-result[b-1pzz9kk4kk] {
    font-size: 0.85rem;
    color: #81c784;
    margin: 0.5rem 0 0;
}

/* ── Passive card ── */

.homu-passive-card[b-1pzz9kk4kk] {
    background: rgba(9,7,15,0.5);
    border: 1px solid #3a2060;
    border-left: 3px solid #7b1fa2;
    border-radius: 4px;
    padding: 0.9rem 1rem;
    margin-top: 1.1rem;
}

.homu-passive-header[b-1pzz9kk4kk] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.6rem;
}

.homu-passive-tag[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 2px;
    padding: 0.15rem 0.5rem;
    background: rgba(124,31,162,0.3);
    border: 1px solid #7b1fa2;
    border-radius: 3px;
    color: #ce93d8;
}

.homu-passive-title[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    letter-spacing: 2px;
    color: var(--text-bright);
}

.homu-passive-list[b-1pzz9kk4kk] {
    margin: 0;
    padding-left: 1.2rem;
    color: var(--text-muted);
    font-size: 0.82rem;
    line-height: 1.6;
}

/* ── Core Instinct grid ── */

.homu-instinct-grid[b-1pzz9kk4kk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.homu-instinct-btn[b-1pzz9kk4kk] {
    position: relative;
    font-family: var(--font-display);
    font-size: 0.62rem;
    letter-spacing: 2.5px;
    padding: 0.5rem 1rem;
    background: var(--surface-2);
    border: 1px solid var(--border-mid);
    border-radius: 3px;
    color: var(--text-muted);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.homu-instinct-btn:hover[b-1pzz9kk4kk] { border-color: #ce93d8; color: #ce93d8; }

.homu-instinct-btn.selected[b-1pzz9kk4kk] {
    background: rgba(206,147,216,0.1);
    border-color: #ce93d8;
    color: #ce93d8;
}

/* ── Instinct detail panel ── */

.homu-instinct-detail[b-1pzz9kk4kk] {
    background: var(--surface-2);
    border: 1px solid #3a2060;
    border-top: 2px solid #ce93d8;
    border-radius: 4px;
    padding: 1.2rem 1.4rem;
    margin-top: 0.5rem;
}

.homu-instinct-detail-name[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.78rem;
    letter-spacing: 3px;
    color: #ce93d8;
    margin-bottom: 0.5rem;
}

.homu-instinct-quote[b-1pzz9kk4kk] {
    font-size: 0.85rem;
    font-style: italic;
    color: var(--text-secondary);
    border-left: 2px solid #3a2060;
    padding-left: 0.75rem;
    margin: 0 0 0.85rem;
}

.homu-instinct-desc[b-1pzz9kk4kk] {
    font-size: 0.85rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin: 0 0 0.75rem;
}

.homu-instinct-behaviour[b-1pzz9kk4kk] {
    font-size: 0.82rem;
    color: #ef9a9a;
    font-style: italic;
    margin: 0 0 0.6rem;
    padding: 0.5rem 0.75rem;
    background: rgba(183,28,28,0.07);
    border-left: 2px solid rgba(183,28,28,0.35);
    border-radius: 2px;
}

.homu-instinct-examples[b-1pzz9kk4kk] {
    margin: 0 0 0.85rem 1.1rem;
    padding: 0;
    color: var(--text-secondary);
    font-size: 0.8rem;
    line-height: 1.65;
}

.homu-instinct-example-box[b-1pzz9kk4kk] {
    background: rgba(9,7,15,0.5);
    border: 1px solid var(--border-dark);
    border-radius: 3px;
    padding: 0.7rem 0.9rem;
}

.homu-example-label[b-1pzz9kk4kk] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 3px;
    color: var(--text-dim);
    display: block;
    margin-bottom: 0.35rem;
}

.homu-example-text[b-1pzz9kk4kk] {
    font-size: 0.82rem;
    color: var(--text-muted);
    font-style: italic;
    line-height: 1.5;
    margin: 0;
}
/* _content/VoidMarkedSite/Components/Pages/Home.razor.rz.scp.css */
/* =============================================================
   HERO
   ============================================================= */

.hero[b-3xlv3um9as] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 4rem 1.5rem 6rem;
    text-align: center;
    overflow: hidden;
}

/* Atmospheric purple radial behind hero content */
.hero[b-3xlv3um9as]::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 70% 60% at 50% 40%, rgba(100, 0, 160, 0.12) 0%, transparent 65%),
        radial-gradient(ellipse 40% 30% at 50% 55%, rgba(156, 39, 176, 0.06) 0%, transparent 55%);
    pointer-events: none;
}

.hero-inner[b-3xlv3um9as] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    max-width: 700px;
    width: 100%;
    z-index: 1;
}

/* =============================================================
   GLYPH
   ============================================================= */

.hero-glyph-wrap[b-3xlv3um9as] {
    color: var(--accent-bright);
    filter: drop-shadow(0 0 18px var(--accent-glow));
    animation: fadeIn 1.2s ease both, glowPulse 4s ease-in-out 1.2s infinite;
}

.hero-glyph[b-3xlv3um9as] {
    width: clamp(80px, 12vw, 110px);
    height: clamp(80px, 12vw, 110px);
}

.glyph-outer[b-3xlv3um9as] {
    transform-origin: 60px 60px;
    animation: spinSlow 28s linear infinite;
}

.glyph-mid[b-3xlv3um9as] {
    transform-origin: 60px 60px;
    animation: spinSlow 18s linear infinite reverse;
}

/* =============================================================
   TITLE
   ============================================================= */

.hero-title[b-3xlv3um9as] {
    font-family: var(--font-display);
    font-size: clamp(2.6rem, 7.5vw, 5.8rem);
    font-weight: 900;
    letter-spacing: 0.18em;
    line-height: 1;
    color: var(--text-bright);
    text-shadow:
        0 0 30px rgba(156, 39, 176, 0.55),
        0 0 60px rgba(156, 39, 176, 0.25);
    animation: slideUpFade 0.9s 0.25s ease both, titleGlow-b-3xlv3um9as 5s 1.2s ease-in-out infinite;
}

@keyframes titleGlow-b-3xlv3um9as {
    0%, 100% {
        text-shadow:
            0 0 24px rgba(156, 39, 176, 0.5),
            0 0 48px rgba(156, 39, 176, 0.2);
    }
    50% {
        text-shadow:
            0 0 36px rgba(156, 39, 176, 0.85),
            0 0 72px rgba(156, 39, 176, 0.4),
            0 0 120px rgba(123, 31, 162, 0.2);
    }
}

/* =============================================================
   VOID RIFT  (animated divider line)
   ============================================================= */

.hero-rift[b-3xlv3um9as] {
    width: 220px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--accent-bright), transparent);
    position: relative;
    animation: slideUpFade 0.8s 0.55s ease both, riftPulse 3.5s 1.3s ease-in-out infinite;
}

.hero-rift[b-3xlv3um9as]::after {
    content: '';
    position: absolute;
    top: -3px;
    left: 10%;
    right: 10%;
    height: 7px;
    background: linear-gradient(90deg, transparent, rgba(156, 39, 176, 0.35), transparent);
    filter: blur(4px);
    animation: glowPulse 3.5s 1.3s ease-in-out infinite;
}

/* =============================================================
   TAGLINE
   ============================================================= */

.hero-tagline[b-3xlv3um9as] {
    font-family: var(--font-body);
    font-size: clamp(1rem, 2.2vw, 1.18rem);
    font-weight: 300;
    color: var(--text-muted);
    letter-spacing: 0.04em;
    line-height: 1.7;
    animation: slideUpFade 0.8s 0.75s ease both;
}

.hero-tagline-em[b-3xlv3um9as] {
    font-style: italic;
    color: var(--text-bright);
    font-weight: 400;
}

/* =============================================================
   CTAs
   ============================================================= */

.hero-ctas[b-3xlv3um9as] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    animation: slideUpFade 0.8s 1s ease both;
    margin-top: 0.5rem;
}

/* =============================================================
   SCROLL HINT
   ============================================================= */

.hero-scroll-hint[b-3xlv3um9as] {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
    animation: fadeIn 1s 2s ease both;
    opacity: 0.4;
}

.scroll-label[b-3xlv3um9as] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.22em;
    color: var(--text-dim);
}

.scroll-arrow[b-3xlv3um9as] {
    color: var(--text-dim);
    font-size: 0.9rem;
    animation: scrollBounce-b-3xlv3um9as 2s ease-in-out infinite;
}

@keyframes scrollBounce-b-3xlv3um9as {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(6px); }
}

/* =============================================================
   FEATURES SECTION
   ============================================================= */

.features[b-3xlv3um9as] {
    background: linear-gradient(180deg, transparent 0%, rgba(16, 12, 24, 0.6) 8%, var(--surface-1) 20%);
    padding: var(--section-pad) 1.5rem;
    position: relative;
}

/* Circuit-board grid texture */
.features[b-3xlv3um9as]::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        radial-gradient(circle, rgba(123, 31, 162, 0.14) 1px, transparent 1px),
        linear-gradient(rgba(58, 32, 96, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(58, 32, 96, 0.07) 1px, transparent 1px);
    background-size: 40px 40px;
    background-position: -1px -1px;
}

.features-inner[b-3xlv3um9as] {
    position: relative;
    max-width: var(--content-max);
    margin: 0 auto;
    z-index: 1;
}

/* --- Section header --- */
.section-header[b-3xlv3um9as] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 3rem;
}

.section-rule[b-3xlv3um9as] {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--border));
}

.section-rule:last-child[b-3xlv3um9as] {
    background: linear-gradient(90deg, var(--border), transparent);
}

.section-title[b-3xlv3um9as] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.28em;
    color: var(--text-dim);
    white-space: nowrap;
    flex-shrink: 0;
}

/* --- Card grid --- */
.feature-grid[b-3xlv3um9as] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

/* =============================================================
   FEATURE CARDS
   ============================================================= */

.feature-card[b-3xlv3um9as] {
    background: var(--surface-2);
    border: 1px solid var(--border-dark);
    padding: 2rem;
    position: relative;
    overflow: hidden;
    transition: transform var(--t-base), box-shadow var(--t-base), border-color var(--t-base);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Accent top bar */
.feature-card-top-bar[b-3xlv3um9as] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--accent), var(--accent-bright));
}

.feature-card:hover[b-3xlv3um9as] {
    transform: translateY(-4px);
    box-shadow: 0 8px 40px rgba(123, 31, 162, 0.18), 0 2px 8px rgba(0,0,0,0.4);
    border-color: var(--border);
}

/* Subtle inner glow on hover */
.feature-card[b-3xlv3um9as]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(123, 31, 162, 0.07) 0%, transparent 60%);
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--t-base);
}
.feature-card:hover[b-3xlv3um9as]::after { opacity: 1; }

/* Icon */
.feature-card-icon[b-3xlv3um9as] {
    color: var(--accent-bright);
    width: 48px;
    height: 48px;
    filter: drop-shadow(0 0 8px var(--accent-glow-sm));
    flex-shrink: 0;
}

.feature-card-icon svg[b-3xlv3um9as] {
    width: 100%;
    height: 100%;
}

/* Title */
.feature-card-title[b-3xlv3um9as] {
    font-family: var(--font-display);
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    color: var(--text-bright);
}

/* Description */
.feature-card-desc[b-3xlv3um9as] {
    font-family: var(--font-body);
    font-size: 0.92rem;
    font-weight: 300;
    color: var(--text-muted);
    line-height: 1.7;
    flex: 1;
}

/* Tags */
.feature-card-tags[b-3xlv3um9as] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.tag[b-3xlv3um9as] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-dim);
    border: 1px solid var(--border-dark);
    padding: 0.2rem 0.55rem;
    background: rgba(58, 32, 96, 0.2);
}

/* CTA link */
.feature-card-cta[b-3xlv3um9as] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--accent-bright);
    text-decoration: none;
    transition: color var(--t-fast), letter-spacing var(--t-base);
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-dark);
}

.feature-card-cta:hover[b-3xlv3um9as] {
    color: var(--text-bright);
    letter-spacing: 0.22em;
}

/* Auth row (sign in + register) */
.feature-card-auth-row[b-3xlv3um9as] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-dark);
}

.feature-card-auth-register[b-3xlv3um9as] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-dim);
    text-decoration: none;
    transition: color var(--t-fast);
}
.feature-card-auth-register:hover[b-3xlv3um9as] { color: var(--text-muted); }

/* =============================================================
   LORE STRIP
   ============================================================= */

.lore-strip[b-3xlv3um9as] {
    background: var(--void-bg);
    border-top: 1px solid var(--border-dark);
    padding: clamp(3rem, 5vw, 5rem) 1.5rem;
    text-align: center;
    position: relative;
}

.lore-strip[b-3xlv3um9as]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(180deg, var(--surface-1), transparent);
    pointer-events: none;
}

.lore-inner[b-3xlv3um9as] {
    max-width: 640px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    position: relative;
}

.lore-glyph[b-3xlv3um9as] {
    font-size: 1.4rem;
    color: var(--accent);
    text-shadow: 0 0 16px var(--accent-glow);
    animation: glowPulse 4s ease-in-out infinite;
}

.lore-quote[b-3xlv3um9as] {
    font-family: var(--font-body);
    font-size: clamp(1rem, 2.5vw, 1.25rem);
    font-style: italic;
    font-weight: 300;
    color: var(--text-muted);
    line-height: 1.8;
    border: none;
    padding: 0;
}

.lore-cite[b-3xlv3um9as] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.14em;
    color: var(--text-dim);
    text-transform: uppercase;
    font-style: normal;
}

/* =============================================================
   RESPONSIVE
   ============================================================= */

@media (max-width: 600px) {
    .hero-ctas[b-3xlv3um9as] {
        flex-direction: column;
        width: 100%;
    }
    .hero-ctas .btn[b-3xlv3um9as] {
        width: 100%;
    }
    .feature-card[b-3xlv3um9as] {
        padding: 1.5rem;
    }
    .hero-title[b-3xlv3um9as] {
        font-size: clamp(1.8rem, 10vw, 2.6rem);
        letter-spacing: 0.06em;
    }
}
/* _content/VoidMarkedSite/Components/Pages/Operations.razor.rz.scp.css */
/* ── Operations List Page ── */

.ops-page[b-tc37df01uv] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1.5rem 4rem;
}

/* Header */
.ops-header[b-tc37df01uv] { margin-bottom: 2rem; }

.ops-header-inner[b-tc37df01uv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.ops-title[b-tc37df01uv] {
    font-family: var(--font-display);
    font-size: 1.8rem;
    font-weight: 900;
    letter-spacing: 4px;
    color: var(--text-bright);
    margin: 0 0 0.25rem;
}

.ops-subtitle[b-tc37df01uv] {
    font-family: var(--font-body);
    font-size: 0.85rem;
    color: var(--text-muted);
    margin: 0;
    letter-spacing: 1px;
}

.ops-header-line[b-tc37df01uv] {
    height: 1px;
    background: linear-gradient(90deg, var(--accent) 0%, transparent 70%);
    opacity: 0.4;
}

.ops-header-actions[b-tc37df01uv] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

/* Action Buttons */
.ops-action-btn[b-tc37df01uv] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.ops-action-create[b-tc37df01uv] {
    background: rgba(123, 31, 162, 0.25);
    border-color: var(--accent);
    color: #ce93d8;
}
.ops-action-create:hover:not(:disabled)[b-tc37df01uv] {
    background: rgba(123, 31, 162, 0.45);
    box-shadow: 0 0 12px rgba(123, 31, 162, 0.35);
}

.ops-action-join[b-tc37df01uv] {
    background: rgba(21, 101, 192, 0.2);
    border-color: #1565c0;
    color: #90caf9;
}
.ops-action-join:hover:not(:disabled)[b-tc37df01uv] {
    background: rgba(21, 101, 192, 0.35);
    box-shadow: 0 0 12px rgba(21, 101, 192, 0.3);
}

.ops-action-btn:disabled[b-tc37df01uv] { opacity: 0.45; cursor: default; }

/* Loading / Empty */
.ops-loading[b-tc37df01uv], .ops-empty[b-tc37df01uv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 5rem 1rem;
    color: var(--text-muted);
    font-family: var(--font-display);
    font-size: 0.75rem;
    letter-spacing: 1.5px;
    text-align: center;
}

.ops-loading-glyph[b-tc37df01uv], .ops-empty-glyph[b-tc37df01uv] {
    width: 56px;
    height: 56px;
    animation: ops-pulse-b-tc37df01uv 2.5s ease-in-out infinite;
}

@keyframes ops-pulse-b-tc37df01uv {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50%       { opacity: 0.9; transform: scale(1.06); }
}

.ops-empty-msg[b-tc37df01uv] {
    color: var(--text-muted);
    max-width: 340px;
    line-height: 1.6;
}

.ops-empty-actions[b-tc37df01uv] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    justify-content: center;
}

/* Operation Card Grid */
.ops-grid[b-tc37df01uv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

.op-card[b-tc37df01uv] {
    background: var(--surface-2);
    border: 1px solid var(--border-dark);
    border-top: 2px solid var(--accent);
    border-radius: 6px;
    padding: 1.25rem 1.25rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    text-decoration: none;
    color: var(--text-bright);
    transition: transform 0.12s, box-shadow 0.12s, border-color 0.12s;
    cursor: pointer;
}

.op-card:hover[b-tc37df01uv] {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(123, 31, 162, 0.25);
    border-color: var(--accent);
}

.op-card-top[b-tc37df01uv] { flex: 1; }

.op-card-name-row[b-tc37df01uv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.op-card-name[b-tc37df01uv] {
    font-family: var(--font-display);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--text-bright);
    margin: 0;
    line-height: 1.3;
}

.op-role-badge[b-tc37df01uv] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    white-space: nowrap;
    flex-shrink: 0;
}

.op-role-badge.gm[b-tc37df01uv] {
    background: rgba(245, 127, 23, 0.2);
    color: #ffcc02;
    border: 1px solid rgba(245, 127, 23, 0.4);
}

.op-role-badge.member[b-tc37df01uv] {
    background: rgba(123, 31, 162, 0.2);
    color: #ce93d8;
    border: 1px solid rgba(123, 31, 162, 0.4);
}

.op-card-desc[b-tc37df01uv] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.op-card-footer[b-tc37df01uv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--border-dark);
    padding-top: 0.75rem;
}

.op-card-members[b-tc37df01uv] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 1px;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.op-card-enter[b-tc37df01uv] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 2px;
    color: var(--accent);
    font-weight: 700;
}

/* ── Modals ── */
.ops-overlay[b-tc37df01uv] {
    position: fixed;
    inset: 0;
    background: rgba(9, 7, 15, 0.85);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
    padding: 1rem;
}

.ops-modal[b-tc37df01uv] {
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-top: 2px solid var(--accent);
    border-radius: 8px;
    padding: 2rem;
    width: 100%;
    max-width: 540px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ops-modal-title[b-tc37df01uv] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 4px;
    color: var(--text-bright);
    margin: 0;
}

.ops-modal-sub[b-tc37df01uv] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    margin: 0;
    line-height: 1.5;
}

.ops-modal-field[b-tc37df01uv] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.ops-lore-input[b-tc37df01uv] {
    resize: vertical;
    min-height: 140px;
    font-family: var(--font-body);
    font-size: 0.85rem;
    line-height: 1.6;
}

.ops-code-input[b-tc37df01uv] {
    font-family: var(--font-display);
    font-size: 1.1rem;
    letter-spacing: 6px;
    text-align: center;
    text-transform: uppercase;
}

.ops-modal-error[b-tc37df01uv] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: #ef5350;
    margin: 0;
    padding: 0.5rem 0.75rem;
    background: rgba(183, 28, 28, 0.12);
    border-left: 2px solid #ef5350;
    border-radius: 2px;
}

.ops-modal-actions[b-tc37df01uv] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    flex-wrap: wrap;
}

@media (max-width: 600px) {
    .ops-header-inner[b-tc37df01uv] { flex-direction: column; }
    .ops-grid[b-tc37df01uv] { grid-template-columns: 1fr; }
    .ops-modal[b-tc37df01uv] { padding: 1.25rem; }
}
/* _content/VoidMarkedSite/Components/Pages/OperationView.razor.rz.scp.css */
/* ── Operation Detail Page ── */

.ov-loading[b-etjxm548vd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 6rem 1rem;
    color: var(--text-muted);
    font-family: var(--font-display);
    font-size: 0.75rem;
    letter-spacing: 1.5px;
    text-align: center;
}

.ov-loading-glyph[b-etjxm548vd] {
    width: 56px;
    height: 56px;
    animation: ov-pulse-b-etjxm548vd 2.5s ease-in-out infinite;
}

@keyframes ov-pulse-b-etjxm548vd {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50%       { opacity: 0.9; transform: scale(1.06); }
}

.ov-back-link[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 2px;
    color: var(--text-muted);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 1rem;
    transition: color 0.12s;
}

.ov-back-link:hover[b-etjxm548vd] { color: var(--accent); }

/* Page Layout */
.ov-page[b-etjxm548vd] {
    max-width: 960px;
    margin: 0 auto;
    padding: 2rem 1.5rem 5rem;
}

/* Header */
.ov-header[b-etjxm548vd] { margin-bottom: 2rem; }

.ov-header-inner[b-etjxm548vd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 0.5rem 0 0.75rem;
}

.ov-title-row[b-etjxm548vd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ov-title[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: 3px;
    color: var(--text-bright);
    margin: 0;
}

.ov-name-input[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 2px;
    min-width: 200px;
}

.ov-header-actions[b-etjxm548vd] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.ov-header-line[b-etjxm548vd] {
    height: 1px;
    background: linear-gradient(90deg, var(--accent) 0%, transparent 70%);
    opacity: 0.4;
}

/* Header Buttons */
.ov-btn[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 0.4rem 0.9rem;
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
}

.ov-btn:disabled[b-etjxm548vd] { opacity: 0.45; cursor: default; }

.ov-btn-edit[b-etjxm548vd] {
    background: rgba(123, 31, 162, 0.2);
    border-color: var(--accent);
    color: #ce93d8;
}
.ov-btn-edit:hover:not(:disabled)[b-etjxm548vd] { background: rgba(123, 31, 162, 0.35); }

.ov-btn-save[b-etjxm548vd] {
    background: rgba(46, 125, 50, 0.25);
    border-color: #388e3c;
    color: #81c784;
}
.ov-btn-save:hover:not(:disabled)[b-etjxm548vd] { background: rgba(46, 125, 50, 0.4); }

.ov-btn-cancel[b-etjxm548vd] {
    background: transparent;
    border-color: var(--border);
    color: var(--text-muted);
}

.ov-btn-danger[b-etjxm548vd] {
    background: rgba(183, 28, 28, 0.2);
    border-color: #b71c1c;
    color: #ef9a9a;
}
.ov-btn-danger:hover:not(:disabled)[b-etjxm548vd] { background: rgba(183, 28, 28, 0.4); }

.ov-btn-leave[b-etjxm548vd] {
    background: rgba(21, 101, 192, 0.2);
    border-color: #1565c0;
    color: #90caf9;
}
.ov-btn-leave:hover:not(:disabled)[b-etjxm548vd] { background: rgba(21, 101, 192, 0.35); }

/* Body */
.ov-body[b-etjxm548vd] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* Sections */
.ov-section[b-etjxm548vd] {
    background: var(--surface-2);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    padding: 1.5rem;
}

.ov-section-title[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--text-secondary);
    margin: 0 0 1rem;
    text-transform: uppercase;
}

/* Lore */
.ov-lore-section[b-etjxm548vd] { border-top: 2px solid var(--accent); }

.ov-lore-body p[b-etjxm548vd] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-bright);
    line-height: 1.75;
    margin: 0 0 0.5rem;
}

.ov-lore-body br[b-etjxm548vd] { display: block; margin-bottom: 0.5rem; content: ""; }

.ov-lore-empty[b-etjxm548vd] {
    font-family: var(--font-body);
    font-size: 0.85rem;
    color: var(--text-muted);
    font-style: italic;
    margin: 0;
    line-height: 1.5;
}

.ov-lore-edit[b-etjxm548vd] {
    resize: vertical;
    min-height: 180px;
    font-family: var(--font-body);
    font-size: 0.88rem;
    line-height: 1.7;
    width: 100%;
}

/* Invite Code */
.ov-invite-section[b-etjxm548vd] { border-top: 2px solid rgba(21, 101, 192, 0.6); }

.ov-invite-row[b-etjxm548vd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.ov-invite-code[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: 8px;
    color: #90caf9;
    background: rgba(21, 101, 192, 0.1);
    border: 1px solid rgba(21, 101, 192, 0.3);
    padding: 0.5rem 1.2rem;
    border-radius: 4px;
    flex-shrink: 0;
}

.ov-copy-btn[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--text-muted);
    background: transparent;
    border: 1px solid var(--border-dark);
    border-radius: 4px;
    padding: 0.4rem 0.75rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    transition: color 0.12s, border-color 0.12s;
}

.ov-copy-btn:hover[b-etjxm548vd] { color: var(--text-bright); border-color: var(--border); }

.ov-invite-hint[b-etjxm548vd] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-secondary);
    margin: 0;
}

/* Members */
.ov-member-block[b-etjxm548vd] {
    border-bottom: 1px solid var(--border-dark);
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.ov-member-block:last-child[b-etjxm548vd] { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

.ov-member-header[b-etjxm548vd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.ov-member-identity[b-etjxm548vd] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.ov-member-glyph[b-etjxm548vd] {
    width: 28px;
    height: 28px;
    color: var(--accent);
    opacity: 0.8;
}

.ov-member-name[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--text-bright);
}

.ov-member-no-chars[b-etjxm548vd] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-secondary);
    font-style: italic;
    margin: 0;
    padding-left: 2.2rem;
}

/* Current user's member block highlight */
.ov-member-mine[b-etjxm548vd] {
    border-left: 2px solid rgba(123, 31, 162, 0.4);
    padding-left: 0.75rem;
    margin-left: -0.75rem;
}

/* Empty state for current user */
.ov-char-empty-mine[b-etjxm548vd] {
    padding-left: 2.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.ov-char-empty-hint[b-etjxm548vd] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    margin: 0;
    font-style: italic;
}

.ov-char-empty-actions[b-etjxm548vd] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Character row (selected card + change button) */
.ov-char-row[b-etjxm548vd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-left: 2.2rem;
    flex-wrap: wrap;
}

/* Action buttons for the member section */
.ov-btn-pick[b-etjxm548vd], .ov-btn-change[b-etjxm548vd] {
    background: rgba(123, 31, 162, 0.2);
    border-color: var(--accent);
    color: #ce93d8;
    white-space: nowrap;
}
.ov-btn-pick:hover:not(:disabled)[b-etjxm548vd],
.ov-btn-change:hover:not(:disabled)[b-etjxm548vd] { background: rgba(123, 31, 162, 0.35); }

.ov-btn-enlist[b-etjxm548vd] {
    background: rgba(46, 125, 50, 0.2);
    border-color: #388e3c;
    color: #81c784;
    text-decoration: none;
    white-space: nowrap;
}
.ov-btn-enlist:hover:not(:disabled)[b-etjxm548vd] { background: rgba(46, 125, 50, 0.35); }

/* Character card */
.ov-char-card[b-etjxm548vd] {
    background: #12101c;
    border: 1px solid var(--border-dark);
    border-radius: 5px;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    color: inherit;
}

.ov-char-card--link[b-etjxm548vd] {
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, transform 0.1s;
}

.ov-char-card--link:hover[b-etjxm548vd] {
    background: rgba(123, 31, 162, 0.12);
    border-color: var(--accent);
    transform: translateY(-1px);
}

.ov-char-tier[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text-secondary);
    background: rgba(255,255,255,0.04);
    padding: 0.1rem 0.3rem;
    border-radius: 2px;
}

.ov-char-view-arrow[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-left: auto;
    opacity: 0;
    transition: opacity 0.12s;
}

.ov-char-card--link:hover .ov-char-view-arrow[b-etjxm548vd] {
    opacity: 1;
    color: var(--accent);
}

/* Character Cards within a member */
.ov-char-grid[b-etjxm548vd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
    padding-left: 2.2rem;
}

/* Class-tinted left border */
.ov-char-card[data-class="enforcer"][b-etjxm548vd]    { border-left: 2px solid var(--class-enforcer); }
.ov-char-card[data-class="phantom"][b-etjxm548vd]     { border-left: 2px solid var(--class-phantom); }
.ov-char-card[data-class="mutant"][b-etjxm548vd]      { border-left: 2px solid var(--class-mutant); }
.ov-char-card[data-class="engineer"][b-etjxm548vd]    { border-left: 2px solid var(--class-engineer); }
.ov-char-card[data-class="voidstrider"][b-etjxm548vd] { border-left: 2px solid var(--class-voidstrider); }
.ov-char-card[data-class="aristocrat"][b-etjxm548vd]  { border-left: 2px solid var(--class-aristocrat); }

.ov-char-card-glyph[b-etjxm548vd] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}

.ov-char-card[data-class="enforcer"]    .ov-char-card-glyph[b-etjxm548vd] { color: var(--class-enforcer); }
.ov-char-card[data-class="phantom"]     .ov-char-card-glyph[b-etjxm548vd] { color: var(--class-phantom); }
.ov-char-card[data-class="mutant"]      .ov-char-card-glyph[b-etjxm548vd] { color: var(--class-mutant); }
.ov-char-card[data-class="engineer"]    .ov-char-card-glyph[b-etjxm548vd] { color: var(--class-engineer); }
.ov-char-card[data-class="voidstrider"] .ov-char-card-glyph[b-etjxm548vd] { color: var(--class-voidstrider); }
.ov-char-card[data-class="aristocrat"]  .ov-char-card-glyph[b-etjxm548vd] { color: var(--class-aristocrat); }

.ov-char-info[b-etjxm548vd] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.ov-char-name[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text-bright);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ov-char-meta[b-etjxm548vd] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.ov-char-class-badge[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--text-secondary);
    background: rgba(255,255,255,0.04);
    padding: 0.1rem 0.3rem;
    border-radius: 2px;
}

.ov-char-level[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    color: #ff9e08;
    font-weight: 700;
}

.ov-char-sub[b-etjxm548vd] {
    font-family: var(--font-body);
    font-size: 0.7rem;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Role badge (shared) */
.op-role-badge[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    white-space: nowrap;
    flex-shrink: 0;
}

.op-role-badge.gm[b-etjxm548vd] {
    background: rgba(245, 127, 23, 0.2);
    color: #ffcc02;
    border: 1px solid rgba(245, 127, 23, 0.4);
}

.op-role-badge.member[b-etjxm548vd] {
    background: rgba(123, 31, 162, 0.2);
    color: #ce93d8;
    border: 1px solid rgba(123, 31, 162, 0.4);
}

/* Modals */
.ov-overlay[b-etjxm548vd] {
    position: fixed;
    inset: 0;
    background: rgba(9, 7, 15, 0.85);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
    padding: 1rem;
}

.ov-modal[b-etjxm548vd] {
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-top: 2px solid #ef5350;
    border-radius: 8px;
    padding: 2rem;
    width: 100%;
    max-width: 440px;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
    text-align: center;
}

.ov-modal-danger-icon[b-etjxm548vd] {
    width: 56px;
    height: 56px;
    margin-bottom: 0.25rem;
}

.ov-modal-title[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 0.9rem;
    font-weight: 900;
    letter-spacing: 3px;
    color: var(--text-bright);
    margin: 0;
}

.ov-modal-name[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 0.8rem;
    color: #ce93d8;
    margin: 0;
    letter-spacing: 1px;
}

.ov-modal-body[b-etjxm548vd] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.5;
    margin: 0;
}

.ov-modal-actions[b-etjxm548vd] {
    display: flex;
    gap: 0.6rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

/* ── Character Picker Modal ── */
.ov-picker-modal[b-etjxm548vd] {
    max-width: 560px;
    text-align: left;
    align-items: stretch;
}

.ov-modal-sub[b-etjxm548vd] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    margin: 0;
    line-height: 1.5;
    text-align: left;
}

.ov-picker-loading[b-etjxm548vd], .ov-picker-empty[b-etjxm548vd] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    text-align: center;
    padding: 1.5rem 0;
    font-style: italic;
}

.ov-picker-list[b-etjxm548vd] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 320px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.ov-picker-item[b-etjxm548vd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #12101c;
    border: 1px solid var(--border-dark);
    border-radius: 5px;
    padding: 0.65rem 0.75rem;
    cursor: pointer;
    text-align: left;
    transition: background 0.12s, border-color 0.12s;
    width: 100%;
    color: var(--text-bright);
}

.ov-picker-item:hover:not(:disabled)[b-etjxm548vd] {
    background: rgba(123, 31, 162, 0.15);
    border-color: var(--accent);
}

.ov-picker-item.selected[b-etjxm548vd] {
    background: rgba(123, 31, 162, 0.2);
    border-color: #ce93d8;
}

.ov-picker-item:disabled[b-etjxm548vd] { opacity: 0.5; cursor: default; }

.ov-picker-item-glyph[b-etjxm548vd] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    color: var(--accent);
}

.ov-picker-item-glyph[data-class="enforcer"][b-etjxm548vd]    { color: var(--class-enforcer); }
.ov-picker-item-glyph[data-class="phantom"][b-etjxm548vd]     { color: var(--class-phantom); }
.ov-picker-item-glyph[data-class="mutant"][b-etjxm548vd]      { color: var(--class-mutant); }
.ov-picker-item-glyph[data-class="engineer"][b-etjxm548vd]    { color: var(--class-engineer); }
.ov-picker-item-glyph[data-class="voidstrider"][b-etjxm548vd] { color: var(--class-voidstrider); }
.ov-picker-item-glyph[data-class="aristocrat"][b-etjxm548vd]  { color: var(--class-aristocrat); }

.ov-picker-item-info[b-etjxm548vd] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.ov-picker-item-name[b-etjxm548vd] {
    font-family: var(--font-display);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text-bright);
}

.ov-picker-item-meta[b-etjxm548vd] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.ov-picker-item-sub[b-etjxm548vd] {
    font-family: var(--font-body);
    font-size: 0.7rem;
    color: var(--text-secondary);
}

.ov-picker-check[b-etjxm548vd] {
    flex-shrink: 0;
    color: #81c784;
}

.ov-picker-footer[b-etjxm548vd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    border-top: 1px solid var(--border-dark);
    padding-top: 0.75rem;
    margin-top: 0.25rem;
}

.ov-picker-footer .btn-secondary[b-etjxm548vd] { margin-left: auto; }

/* ── Mailbox Button ── */

@keyframes ov-mailbox-pulse-b-etjxm548vd {
    0%, 100% { box-shadow: 0 0 0 0 rgba(156, 39, 176, 0.6); }
    50%       { box-shadow: 0 0 0 5px rgba(156, 39, 176, 0); }
}

.ov-mailbox-row[b-etjxm548vd] {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-dark);
}

.ov-mailbox-btn[b-etjxm548vd] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    position: relative;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--text-muted);
    background: rgba(16, 12, 24, 0.6);
    border: 1px solid var(--border-dark);
    border-radius: 4px;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
    transition: color 0.2s, border-color 0.2s, background 0.2s;
}

.ov-mailbox-btn:hover[b-etjxm548vd] {
    color: #ce93d8;
    border-color: #7b1fa2;
    background: rgba(123, 31, 162, 0.1);
}

.ov-mailbox-btn--unread[b-etjxm548vd] {
    color: #ce93d8;
    border-color: #7b1fa2;
    background: rgba(123, 31, 162, 0.12);
    animation: ov-mailbox-pulse-b-etjxm548vd 1.8s ease-in-out infinite;
}

.ov-mailbox-unread-dot[b-etjxm548vd] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ce93d8;
    flex-shrink: 0;
}

.ov-mailbox-sent-dot[b-etjxm548vd] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4a2060;
    flex-shrink: 0;
}

/* ── Mailbox Modal ── */

.ov-mailbox-modal[b-etjxm548vd] {
    max-width: 520px;
    width: 95vw;
    display: flex;
    flex-direction: column;
    gap: 0;
    max-height: 85vh;
    overflow-y: auto;
}

.ov-mailbox-modal-hdr[b-etjxm548vd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.ov-mailbox-modal-title-row[b-etjxm548vd] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.ov-mailbox-close-btn[b-etjxm548vd] {
    background: none;
    border: none;
    color: var(--text-secondary);
    font-size: 1rem;
    cursor: pointer;
    padding: 0.2rem 0.4rem;
    border-radius: 3px;
    transition: color 0.15s;
}
.ov-mailbox-close-btn:hover[b-etjxm548vd] { color: var(--text-bright); }

/* Section header inside modal (GM editors) */
.ov-mailbox-section[b-etjxm548vd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.ov-mailbox-section-private[b-etjxm548vd] {
    background: rgba(20, 10, 30, 0.5);
    border: 1px solid #3a1a5a;
    border-radius: 6px;
    padding: 0.75rem;
}

.ov-mailbox-section-hdr[b-etjxm548vd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.ov-mailbox-section-label[b-etjxm548vd] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #ce93d8;
    text-transform: uppercase;
}

.ov-mailbox-section-hint[b-etjxm548vd] {
    font-size: 0.65rem;
    color: var(--text-secondary);
}

.ov-mailbox-private-hint[b-etjxm548vd] {
    color: #9575cd;
    display: flex;
    align-items: center;
    gap: 3px;
}

.ov-mailbox-textarea[b-etjxm548vd] {
    resize: vertical;
    min-height: 90px;
    font-family: 'Exo 2', sans-serif;
    font-size: 0.85rem;
}

.ov-mailbox-editor-actions[b-etjxm548vd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.ov-mailbox-sent-at[b-etjxm548vd] {
    font-size: 0.65rem;
    color: var(--text-secondary);
    margin-left: auto;
}

.ov-mailbox-divider[b-etjxm548vd] {
    height: 1px;
    background: var(--border-dark);
    margin: 1rem 0;
}

/* Operative incoming message */
.ov-mailbox-incoming[b-etjxm548vd] {
    border: 1px solid var(--border-dark);
    border-left: 3px solid #3a2060;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    background: rgba(16, 12, 24, 0.5);
    margin-bottom: 0.75rem;
}

.ov-mailbox-incoming--unread[b-etjxm548vd] {
    border-left-color: #ce93d8;
}

.ov-mailbox-incoming-meta[b-etjxm548vd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
}

.ov-mailbox-incoming-from[b-etjxm548vd] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #9575cd;
}

.ov-mailbox-incoming-time[b-etjxm548vd] {
    font-size: 0.62rem;
    color: var(--text-dim);
    margin-left: auto;
}

.ov-mailbox-incoming-body[b-etjxm548vd] {
    font-family: 'Exo 2', sans-serif;
    font-size: 0.85rem;
    color: var(--text-bright);
    line-height: 1.55;
}

.ov-mailbox-incoming-body p[b-etjxm548vd] { margin: 0 0 0.25rem; }
.ov-mailbox-incoming-body p:last-child[b-etjxm548vd] { margin-bottom: 0; }

.ov-mailbox-empty[b-etjxm548vd] {
    font-size: 0.82rem;
    color: var(--text-secondary);
    text-align: center;
    padding: 1.5rem 0;
}

.ov-mailbox-modal-footer[b-etjxm548vd] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-dark);
}

/* Member block unread highlight */
.ov-member-has-unread[b-etjxm548vd] {
    border-color: #7b1fa2;
    box-shadow: 0 0 0 1px rgba(123, 31, 162, 0.25), 0 2px 12px rgba(123, 31, 162, 0.1);
}

@media (max-width: 600px) {
    .ov-page[b-etjxm548vd] { padding: 1.25rem 1rem 4rem; }
    .ov-title[b-etjxm548vd] { font-size: 1.2rem; }
    .ov-invite-code[b-etjxm548vd] { font-size: 1.2rem; letter-spacing: 5px; }
    .ov-char-grid[b-etjxm548vd] { padding-left: 0; grid-template-columns: 1fr; }
    .ov-header-inner[b-etjxm548vd] { flex-direction: column; }
    .ov-char-row[b-etjxm548vd] { padding-left: 0; }
    .ov-char-empty-mine[b-etjxm548vd] { padding-left: 0; }
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiActions.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wca-page[b-asp30rxe5b] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wca-header[b-asp30rxe5b] {
    background: linear-gradient(135deg, #0d0a16 0%, #12101c 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.wca-header[b-asp30rxe5b]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 60% at 50% 50%, rgba(198,40,40,0.07) 0%, transparent 65%);
    pointer-events: none;
}

.wca-header-inner[b-asp30rxe5b] {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.65rem;
}

.wca-breadcrumb[b-asp30rxe5b] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.wca-breadcrumb a[b-asp30rxe5b] { color: var(--accent-bright); text-decoration: none; }
.wca-breadcrumb a:hover[b-asp30rxe5b] { color: var(--text-bright); }

.wca-title[b-asp30rxe5b] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin: 0;
}

.wca-subtitle[b-asp30rxe5b] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 540px;
    line-height: 1.6;
    margin: 0;
}

.wca-filters[b-asp30rxe5b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    margin-top: 0.5rem;
}

.wca-filter-btn[b-asp30rxe5b] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    letter-spacing: 0.2em;
    padding: 0.35rem 0.8rem;
    border-radius: 3px;
    border: 1px solid var(--border);
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    transition: all 200ms ease;
}

.wca-filter-btn:hover[b-asp30rxe5b] {
    border-color: var(--accent-bright);
    color: var(--text-bright);
}

.wca-filter-btn.active[b-asp30rxe5b] {
    background: var(--accent-bright);
    border-color: var(--accent-bright);
    color: #fff;
}

/* ── BODY ─────────────────────────────────────────────── */

.wca-body[b-asp30rxe5b] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
}

.wca-empty[b-asp30rxe5b] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-secondary);
    text-align: center;
    padding: 3rem 0;
}

/* ── GRID ─────────────────────────────────────────────── */

.wca-grid[b-asp30rxe5b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    gap: 1.1rem;
}

/* ── CARD ─────────────────────────────────────────────── */

.wca-card[b-asp30rxe5b] {
    --card-color: var(--accent-bright);
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

.wca-card:hover[b-asp30rxe5b] {
    border-color: var(--card-color);
    box-shadow: 0 4px 20px rgba(0,0,0,0.4), 0 0 12px color-mix(in srgb, var(--card-color) 18%, transparent);
    transform: translateY(-2px);
}

.wca-card.accent-action[b-asp30rxe5b] { --card-color: #c62828; }
.wca-card.accent-quick[b-asp30rxe5b]  { --card-color: #1565c0; }
.wca-card.accent-both[b-asp30rxe5b]   { --card-color: #6a1b9a; }
.wca-card.accent-core[b-asp30rxe5b]   { --card-color: #7b1fa2; }

.wca-card-bar[b-asp30rxe5b] { height: 2px; background: var(--card-color); }

.wca-card-inner[b-asp30rxe5b] {
    padding: 1rem 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    flex: 1;
}

.wca-card-head[b-asp30rxe5b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.wca-action-name[b-asp30rxe5b] {
    font-family: var(--font-display);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--text-bright);
    margin: 0;
    line-height: 1.3;
}

.wca-type-badge[b-asp30rxe5b] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    letter-spacing: 0.15em;
    padding: 0.2rem 0.5rem;
    border-radius: 2px;
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.badge-action[b-asp30rxe5b] { background: color-mix(in srgb, #c62828 15%, transparent); border: 1px solid color-mix(in srgb, #c62828 35%, transparent); color: #e57373; }
.badge-quick[b-asp30rxe5b]  { background: color-mix(in srgb, #1565c0 15%, transparent); border: 1px solid color-mix(in srgb, #1565c0 35%, transparent); color: #64b5f6; }
.badge-both[b-asp30rxe5b]   { background: color-mix(in srgb, #6a1b9a 15%, transparent); border: 1px solid color-mix(in srgb, #6a1b9a 35%, transparent); color: #ce93d8; }
.badge-core[b-asp30rxe5b]   { background: color-mix(in srgb, #7b1fa2 15%, transparent); border: 1px solid color-mix(in srgb, #7b1fa2 35%, transparent); color: #ce93d8; }

.wca-meta[b-asp30rxe5b] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.45rem 0.65rem;
    background: var(--surface-0);
    border-radius: 3px;
    border-left: 2px solid var(--card-color);
}

.wca-meta-item[b-asp30rxe5b] {
    font-family: var(--font-body);
    font-size: 0.75rem;
    color: var(--text-secondary);
    line-height: 1.4;
}

.wca-meta-label[b-asp30rxe5b] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    letter-spacing: 0.2em;
    color: var(--card-color);
    margin-right: 0.4rem;
}

.wca-summary[b-asp30rxe5b] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-muted);
    line-height: 1.5;
    margin: 0;
}

.wca-rules[b-asp30rxe5b] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    border-top: 1px solid var(--border-dark);
    padding-top: 0.6rem;
}

.wca-rules li[b-asp30rxe5b] {
    font-family: var(--font-body);
    font-size: 0.77rem;
    color: var(--text-secondary);
    line-height: 1.5;
    padding-left: 1rem;
    position: relative;
}

.wca-rules li[b-asp30rxe5b]::before {
    content: '›';
    position: absolute;
    left: 0;
    color: var(--card-color);
    font-size: 0.85rem;
    line-height: 1.4;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiChaoticReality.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wchr-page[b-n2i5cnek6t] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wchr-header[b-n2i5cnek6t] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.wchr-header[b-n2i5cnek6t]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 50% 50%, rgba(123,31,162,0.12) 0%, transparent 65%);
    pointer-events: none;
}

.wchr-header-inner[b-n2i5cnek6t] { max-width: 860px; margin: 0 auto; text-align: center; position: relative; }

.wchr-breadcrumb[b-n2i5cnek6t] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    margin-bottom: 0.6rem;
    display: flex; align-items: center; justify-content: center; gap: 0.4rem;
}

.wchr-breadcrumb a[b-n2i5cnek6t] { color: var(--accent-bright); text-decoration: none; }
.wchr-breadcrumb a:hover[b-n2i5cnek6t] { color: var(--text-bright); }

.wchr-class-badge[b-n2i5cnek6t] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    letter-spacing: 0.22em;
    color: var(--class-voidstrider);
    background: color-mix(in srgb, var(--class-voidstrider) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--class-voidstrider) 25%, transparent);
    display: inline-block;
    padding: 0.22rem 0.7rem;
    border-radius: 2px;
    margin-bottom: 0.7rem;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease;
}

.wchr-class-badge:hover[b-n2i5cnek6t] {
    background: color-mix(in srgb, var(--class-voidstrider) 18%, transparent);
    border-color: color-mix(in srgb, var(--class-voidstrider) 45%, transparent);
}

.wchr-title[b-n2i5cnek6t] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.6rem;
}

.wchr-subtitle[b-n2i5cnek6t] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── BODY ─────────────────────────────────────────────── */

.wchr-body[b-n2i5cnek6t] {
    max-width: 760px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* ── TRIGGER BLOCK ────────────────────────────────────── */

.wchr-trigger-block[b-n2i5cnek6t] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-left: 3px solid var(--class-voidstrider);
    border-radius: 4px;
    padding: 0.9rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.wchr-trigger-label[b-n2i5cnek6t] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.2em;
    color: var(--class-voidstrider);
}

.wchr-trigger-text[b-n2i5cnek6t] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin: 0;
}

/* ── ROLL HEADER ──────────────────────────────────────── */

.wchr-roll-header[b-n2i5cnek6t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.wchr-roll-die[b-n2i5cnek6t] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: var(--accent-bright);
    background: color-mix(in srgb, var(--class-voidstrider) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--class-voidstrider) 30%, transparent);
    padding: 0.25rem 0.65rem;
    border-radius: 2px;
}

.wchr-roll-desc[b-n2i5cnek6t] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-secondary);
}

/* ── ENTRIES ──────────────────────────────────────────── */

.wchr-entries[b-n2i5cnek6t] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.wchr-entry[b-n2i5cnek6t] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    transition: border-color 200ms ease, box-shadow 200ms ease;
}

.wchr-entry:hover[b-n2i5cnek6t] {
    border-color: rgba(123,31,162,0.4);
    box-shadow: 0 3px 16px rgba(0,0,0,0.3);
}

.wchr-entry-roll[b-n2i5cnek6t] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--accent-bright);
    background: color-mix(in srgb, var(--class-voidstrider) 10%, var(--surface-2));
    border-right: 1px solid var(--border-dark);
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    align-self: stretch;
    letter-spacing: 0;
}

.wchr-entry-body[b-n2i5cnek6t] {
    padding: 0.9rem 1rem 0.9rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    flex: 1;
}

.wchr-entry-name[b-n2i5cnek6t] {
    font-family: var(--font-display);
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--text-bright);
    margin: 0;
}

.wchr-entry-effect[b-n2i5cnek6t] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin: 0;
}

.wchr-empty[b-n2i5cnek6t] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-secondary);
    text-align: center;
    padding: 3rem;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiClassDetail.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wcd-page[b-vhtqs0i7uu] { min-height: 100vh; --class-color: var(--accent); }

.wcd-page[data-class="enforcer"][b-vhtqs0i7uu]    { --class-color: var(--class-enforcer); }
.wcd-page[data-class="phantom"][b-vhtqs0i7uu]     { --class-color: var(--class-phantom); }
.wcd-page[data-class="mutant"][b-vhtqs0i7uu]      { --class-color: var(--class-mutant); }
.wcd-page[data-class="engineer"][b-vhtqs0i7uu]    { --class-color: var(--class-engineer); }
.wcd-page[data-class="voidstrider"][b-vhtqs0i7uu] { --class-color: var(--class-voidstrider); }
.wcd-page[data-class="aristocrat"][b-vhtqs0i7uu]  { --class-color: var(--class-aristocrat); }

/* ── HEADER ───────────────────────────────────────────── */

.wcd-header[b-vhtqs0i7uu] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 0;
    position: relative;
}

.wcd-header-inner[b-vhtqs0i7uu] {
    max-width: 1100px;
    margin: 0 auto;
    padding-bottom: 2.5rem;
}

.wcd-breadcrumb[b-vhtqs0i7uu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.18em;
    color: var(--text-dim);
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}

.wcd-breadcrumb a[b-vhtqs0i7uu] {
    color: var(--accent-bright);
    text-decoration: none;
}

.wcd-breadcrumb a:hover[b-vhtqs0i7uu] { color: var(--text-bright); }

.wcd-stat-label[b-vhtqs0i7uu] {
    display: block;
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.22em;
    color: var(--class-color);
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.wcd-class-name[b-vhtqs0i7uu] {
    font-family: var(--font-display);
    font-size: clamp(2rem, 5vw, 3.4rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.6rem;
}

.wcd-tagline[b-vhtqs0i7uu] {
    font-family: var(--font-body);
    font-size: 1rem;
    color: var(--text-muted);
    max-width: 500px;
}

.wcd-header-bar[b-vhtqs0i7uu] {
    height: 3px;
    background: linear-gradient(90deg, var(--class-color) 0%, transparent 80%);
}

/* ── BODY ─────────────────────────────────────────────── */

.wcd-body[b-vhtqs0i7uu] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 3rem 2rem 5rem;
}

/* ── SUBCLASS SECTION ─────────────────────────────────── */

.wcd-section-title[b-vhtqs0i7uu] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.25em;
    color: var(--text-muted);
    margin-bottom: 0.5rem;
}

.wcd-section-desc[b-vhtqs0i7uu] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-dim);
    margin-bottom: 1.75rem;
}

.wcd-subclass-grid[b-vhtqs0i7uu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.25rem;
}

/* ── SUBCLASS CARD ────────────────────────────────────── */

.wcd-sub-card[b-vhtqs0i7uu] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.wcd-sub-card:hover[b-vhtqs0i7uu] {
    transform: translateY(-2px);
    border-color: var(--class-color);
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}

.wcd-sub-card-accent[b-vhtqs0i7uu] {
    height: 3px;
    background: var(--class-color);
}

.wcd-sub-card-inner[b-vhtqs0i7uu] {
    padding: 1.5rem 1.5rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}

.wcd-sub-name[b-vhtqs0i7uu] {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--text-bright);
}

.wcd-sub-tagline[b-vhtqs0i7uu] {
    font-family: var(--font-body);
    font-size: 0.88rem;
    color: var(--text-muted);
    line-height: 1.55;
    flex: 1;
}

.wcd-sub-cta[b-vhtqs0i7uu] {
    font-family: var(--font-display);
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    color: var(--class-color);
    margin-top: 0.5rem;
}

/* ── LORE SECTION ─────────────────────────────────────── */

.wcd-lore-section[b-vhtqs0i7uu] {
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.wcd-lore-quote[b-vhtqs0i7uu] {
    border-left: 3px solid var(--class-color);
    padding: 0.75rem 1.25rem;
    margin: 0;
    background: color-mix(in srgb, var(--class-color) 6%, transparent);
    border-radius: 0 4px 4px 0;
}

.wcd-lore-quote-text[b-vhtqs0i7uu] {
    font-family: var(--font-body);
    font-size: 1rem;
    font-style: italic;
    color: var(--text-muted);
    line-height: 1.65;
}

.wcd-lore-quote-cite[b-vhtqs0i7uu] {
    display: block;
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-dim);
    margin-top: 0.4rem;
    font-style: normal;
}

.wcd-lore-entry[b-vhtqs0i7uu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.wcd-lore-heading[b-vhtqs0i7uu] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: var(--class-color);
    text-transform: uppercase;
}

.wcd-lore-para[b-vhtqs0i7uu] {
    font-family: var(--font-body);
    font-size: 0.92rem;
    color: var(--text-muted);
    line-height: 1.75;
    max-width: 760px;
}

/* ── NOT FOUND ────────────────────────────────────────── */

.wcd-not-found[b-vhtqs0i7uu] {
    padding: 4rem 2rem;
    text-align: center;
    color: var(--text-muted);
    font-family: var(--font-body);
}

.wcd-not-found a[b-vhtqs0i7uu] {
    display: inline-block;
    margin-top: 1rem;
    color: var(--accent-bright);
    font-family: var(--font-display);
    font-size: 0.7rem;
    letter-spacing: 0.1em;
    text-decoration: none;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiClasses.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wc-page[b-nfirs5yj0b] { min-height: 100vh; }

.wc-header[b-nfirs5yj0b] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
}

.wc-header-inner[b-nfirs5yj0b] { max-width: 1100px; margin: 0 auto; }

.wc-breadcrumb[b-nfirs5yj0b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.18em;
    color: var(--text-dim);
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.wc-breadcrumb a[b-nfirs5yj0b] {
    color: var(--accent-bright);
    text-decoration: none;
}

.wc-breadcrumb a:hover[b-nfirs5yj0b] { color: var(--text-bright); }

.wc-title[b-nfirs5yj0b] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.4rem;
}

.wc-subtitle[b-nfirs5yj0b] {
    font-family: var(--font-body);
    font-size: 0.95rem;
    color: var(--text-muted);
}

/* ── BODY ─────────────────────────────────────────────── */

.wc-body[b-nfirs5yj0b] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* ── CLASS BLOCK ──────────────────────────────────────── */

.wc-class-block[b-nfirs5yj0b] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    --class-color: var(--accent);
}

.wc-class-block[data-class="enforcer"][b-nfirs5yj0b]    { --class-color: var(--class-enforcer); }
.wc-class-block[data-class="phantom"][b-nfirs5yj0b]     { --class-color: var(--class-phantom); }
.wc-class-block[data-class="mutant"][b-nfirs5yj0b]      { --class-color: var(--class-mutant); }
.wc-class-block[data-class="engineer"][b-nfirs5yj0b]    { --class-color: var(--class-engineer); }
.wc-class-block[data-class="voidstrider"][b-nfirs5yj0b] { --class-color: var(--class-voidstrider); }
.wc-class-block[data-class="aristocrat"][b-nfirs5yj0b]  { --class-color: var(--class-aristocrat); }

.wc-class-accent-bar[b-nfirs5yj0b] {
    height: 3px;
    background: var(--class-color);
}

.wc-class-block-inner[b-nfirs5yj0b] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 2rem;
    padding: 1.75rem 1.75rem 1.75rem 2rem;
}

@media (max-width: 700px) {
    .wc-class-block-inner[b-nfirs5yj0b] { grid-template-columns: 1fr; }
}

/* ── CLASS INFO ───────────────────────────────────────── */

.wc-class-stat-label[b-nfirs5yj0b] {
    display: block;
    font-family: var(--font-display);
    font-size: 0.58rem;
    letter-spacing: 0.2em;
    color: var(--class-color);
    text-transform: uppercase;
    margin-bottom: 0.4rem;
}

.wc-class-name[b-nfirs5yj0b] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: var(--text-bright);
    margin-bottom: 0.5rem;
}

.wc-class-tagline[b-nfirs5yj0b] {
    font-family: var(--font-body);
    font-size: 0.88rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin-bottom: 1rem;
}

.wc-class-link[b-nfirs5yj0b] {
    display: inline-block;
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.12em;
    color: var(--class-color);
    text-decoration: none;
    padding: 0.4rem 0.9rem;
    border: 1px solid var(--class-color);
    border-radius: 3px;
    transition: background 150ms ease, color 150ms ease;
}

.wc-class-link:hover[b-nfirs5yj0b] {
    background: var(--class-color);
    color: #fff;
}

/* ── SUBCLASS CARDS ───────────────────────────────────── */

.wc-subclass-cards[b-nfirs5yj0b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.85rem;
    align-content: start;
}

.wc-sub-card[b-nfirs5yj0b] {
    background: var(--surface-2);
    border: 1px solid var(--border-dark);
    border-radius: 5px;
    padding: 0.9rem 1rem;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    transition: border-color 150ms ease, transform 150ms ease;
}

.wc-sub-card:hover[b-nfirs5yj0b] {
    border-color: var(--class-color);
    transform: translateY(-1px);
}

.wc-sub-name[b-nfirs5yj0b] {
    font-family: var(--font-display);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--text-bright);
}

.wc-sub-tagline[b-nfirs5yj0b] {
    font-family: var(--font-body);
    font-size: 0.75rem;
    color: var(--text-muted);
    line-height: 1.4;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiCoreRules.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wcr-page[b-mdt7m3dilz] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wcr-header[b-mdt7m3dilz] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.wcr-header[b-mdt7m3dilz]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 60% at 50% 50%, rgba(123,31,162,0.08) 0%, transparent 65%);
    pointer-events: none;
}

.wcr-header-inner[b-mdt7m3dilz] {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
}

.wcr-breadcrumb[b-mdt7m3dilz] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.wcr-breadcrumb a[b-mdt7m3dilz] { color: var(--accent-bright); text-decoration: none; }
.wcr-breadcrumb a:hover[b-mdt7m3dilz] { color: var(--text-bright); }

.wcr-title[b-mdt7m3dilz] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin: 0;
}

.wcr-subtitle[b-mdt7m3dilz] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 540px;
    line-height: 1.6;
    margin: 0;
}

.wcr-search-wrap[b-mdt7m3dilz] { width: 100%; max-width: 420px; margin-top: 0.5rem; }

.wcr-search[b-mdt7m3dilz] {
    width: 100%;
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 0.55rem 1rem;
    font-family: var(--font-body);
    font-size: 0.85rem;
    color: var(--text-bright);
    outline: none;
    transition: border-color 200ms ease;
    box-sizing: border-box;
}

.wcr-search[b-mdt7m3dilz]::placeholder { color: var(--text-secondary); }
.wcr-search:focus[b-mdt7m3dilz] { border-color: var(--accent-bright); }

/* ── BODY ─────────────────────────────────────────────── */

.wcr-body[b-mdt7m3dilz] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}

.wcr-empty[b-mdt7m3dilz] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-secondary);
    text-align: center;
    padding: 3rem 0;
}

/* ── SECTION ──────────────────────────────────────────── */

.wcr-section-head[b-mdt7m3dilz] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1.1rem;
}

.wcr-section-icon[b-mdt7m3dilz] {
    font-size: 1rem;
    opacity: 0.7;
    flex-shrink: 0;
}

.wcr-section-title[b-mdt7m3dilz] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: var(--text-muted);
    white-space: nowrap;
    margin: 0;
}

.wcr-section-rule[b-mdt7m3dilz] {
    flex: 1;
    height: 1px;
    background: var(--border);
}

.wcr-section-count[b-mdt7m3dilz] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    color: var(--text-secondary);
    letter-spacing: 0.1em;
    flex-shrink: 0;
}

/* ── GRID ─────────────────────────────────────────────── */

.wcr-grid[b-mdt7m3dilz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

/* ── CARD ─────────────────────────────────────────────── */

.wcr-card[b-mdt7m3dilz] {
    --card-color: var(--accent-bright);
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

.wcr-card:hover[b-mdt7m3dilz] {
    border-color: var(--card-color);
    box-shadow: 0 4px 20px rgba(0,0,0,0.4), 0 0 12px color-mix(in srgb, var(--card-color) 18%, transparent);
    transform: translateY(-2px);
}

.wcr-card.accent-combat[b-mdt7m3dilz] { --card-color: #c62828; }
.wcr-card.accent-cards[b-mdt7m3dilz]  { --card-color: #7b1fa2; }
.wcr-card.accent-pos[b-mdt7m3dilz]    { --card-color: #1565c0; }
.wcr-card.accent-res[b-mdt7m3dilz]    { --card-color: #2e7d32; }

.wcr-card-bar[b-mdt7m3dilz] { height: 2px; background: var(--card-color); }

.wcr-card-inner[b-mdt7m3dilz] {
    padding: 1rem 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    flex: 1;
}

.wcr-card-head[b-mdt7m3dilz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.wcr-entry-title[b-mdt7m3dilz] {
    font-family: var(--font-display);
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--text-bright);
    margin: 0;
    line-height: 1.3;
}

.wcr-tags[b-mdt7m3dilz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    flex-shrink: 0;
    justify-content: flex-end;
}

.wcr-tag[b-mdt7m3dilz] {
    font-family: var(--font-display);
    font-size: 0.48rem;
    letter-spacing: 0.15em;
    padding: 0.18rem 0.45rem;
    border-radius: 2px;
    background: color-mix(in srgb, var(--card-color) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--card-color) 30%, transparent);
    color: color-mix(in srgb, var(--card-color) 80%, var(--text-bright) 20%);
    white-space: nowrap;
}

.wcr-summary[b-mdt7m3dilz] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-muted);
    line-height: 1.5;
    margin: 0;
}

.wcr-formula[b-mdt7m3dilz] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    color: color-mix(in srgb, var(--card-color) 85%, white 15%);
    background: color-mix(in srgb, var(--card-color) 8%, var(--surface-0) 92%);
    border: 1px solid color-mix(in srgb, var(--card-color) 25%, transparent);
    border-radius: 3px;
    padding: 0.4rem 0.7rem;
    line-height: 1.5;
}

.wcr-rules[b-mdt7m3dilz] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    border-top: 1px solid var(--border-dark);
    padding-top: 0.6rem;
}

.wcr-rules li[b-mdt7m3dilz] {
    font-family: var(--font-body);
    font-size: 0.77rem;
    color: var(--text-secondary);
    line-height: 1.5;
    padding-left: 1rem;
    position: relative;
}

.wcr-rules li[b-mdt7m3dilz]::before {
    content: '›';
    position: absolute;
    left: 0;
    color: var(--card-color);
    font-size: 0.85rem;
    line-height: 1.4;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiCorruption.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wcr-page[b-hzxqccfe26] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wcr-header[b-hzxqccfe26] {
    background: linear-gradient(135deg, #0d0812 0%, #12080e 60%, #1a0c14 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.wcr-header[b-hzxqccfe26]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 50% 50%, rgba(183,28,28,0.1) 0%, transparent 65%);
    pointer-events: none;
}

.wcr-header-inner[b-hzxqccfe26] {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.wcr-breadcrumb[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.wcr-breadcrumb a[b-hzxqccfe26] { color: var(--accent-bright); text-decoration: none; }
.wcr-breadcrumb a:hover[b-hzxqccfe26] { color: var(--text-bright); }

.wcr-title[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.6rem;
}

.wcr-subtitle[b-hzxqccfe26] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 540px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── BODY ─────────────────────────────────────────────── */

.wcr-body[b-hzxqccfe26] {
    max-width: 860px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

/* ── RULES BLOCK ──────────────────────────────────────── */

.wcr-rules-block[b-hzxqccfe26] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}

.wcr-rule-item[b-hzxqccfe26] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 5px;
    padding: 0.9rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.wcr-rule-item.danger[b-hzxqccfe26] {
    background: rgba(183,28,28,0.06);
    border-color: rgba(183,28,28,0.3);
}

.wcr-rule-label[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
}

.wcr-rule-val[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--accent-bright);
}

.wcr-rule-item.danger .wcr-rule-val[b-hzxqccfe26] { color: #ef5350; }

.wcr-rule-note[b-hzxqccfe26] {
    font-family: var(--font-body);
    font-size: 0.75rem;
    color: var(--text-secondary);
    line-height: 1.5;
    margin: 0;
}

/* ── REMOVAL SECTION ──────────────────────────────────── */

.wcr-section-head[b-hzxqccfe26] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.wcr-section-rule[b-hzxqccfe26] {
    flex: 1;
    height: 1px;
    background: var(--border);
}

.wcr-section-title[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: var(--text-muted);
    white-space: nowrap;
}

.wcr-removal-intro[b-hzxqccfe26] {
    font-family: var(--font-body);
    font-size: 0.88rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0 0 1.5rem;
}

.wcr-removal-methods[b-hzxqccfe26] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.25rem;
}

/* ── METHOD CARD ──────────────────────────────────────── */

.wcr-method[b-hzxqccfe26] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.wcr-method.ritual[b-hzxqccfe26] { border-top: 2px solid rgba(123,31,162,0.5); }
.wcr-method.bargain[b-hzxqccfe26] { border-top: 2px solid rgba(183,28,28,0.5); }

.wcr-method-header[b-hzxqccfe26] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.wcr-method-icon[b-hzxqccfe26] {
    font-size: 1.3rem;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.wcr-method.ritual .wcr-method-icon[b-hzxqccfe26] { color: var(--accent-bright); }
.wcr-method.bargain .wcr-method-icon[b-hzxqccfe26] { color: #ef5350; }

.wcr-method-label[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 0.22em;
    color: var(--text-secondary);
    display: block;
    margin-bottom: 0.2rem;
}

.wcr-method-name[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    color: var(--text-bright);
    margin: 0;
}

.wcr-method-req[b-hzxqccfe26] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.6;
    margin: 0;
}

.wcr-keyword[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--accent-bright);
    letter-spacing: 0.04em;
}

/* ── STEPS ────────────────────────────────────────────── */

.wcr-method-steps[b-hzxqccfe26] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.wcr-step[b-hzxqccfe26] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.wcr-step-num[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 700;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--class-voidstrider) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--class-voidstrider) 35%, transparent);
    color: var(--accent-bright);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.wcr-step-body[b-hzxqccfe26] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 1;
}

.wcr-step-who[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.15em;
    color: var(--text-secondary);
    text-transform: uppercase;
}

.wcr-step-text[b-hzxqccfe26] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin: 0;
}

.wcr-skill-ref[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--accent-bright);
    letter-spacing: 0.04em;
}

.wcr-tn[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--text-bright);
    background: rgba(255,255,255,0.06);
    border: 1px solid var(--border-dark);
    padding: 0.1rem 0.4rem;
    border-radius: 2px;
    letter-spacing: 0.05em;
}

/* ── BARGAIN ──────────────────────────────────────────── */

.wcr-bargain-costs[b-hzxqccfe26] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: rgba(183,28,28,0.06);
    border: 1px solid rgba(183,28,28,0.2);
    border-radius: 4px;
    padding: 0.75rem 0.9rem;
}

.wcr-bargain-label[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 0.2em;
    color: #d97575;
}

.wcr-bargain-list[b-hzxqccfe26] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.wcr-bargain-list li[b-hzxqccfe26] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.5;
    padding-left: 1rem;
    position: relative;
}

.wcr-bargain-list li[b-hzxqccfe26]::before {
    content: '▸';
    position: absolute;
    left: 0;
    color: #ef5350;
    font-size: 0.65rem;
    top: 0.1em;
}

.wcr-inline-link[b-hzxqccfe26] {
    color: var(--accent-bright);
    text-decoration: none;
    border-bottom: 1px solid rgba(123,31,162,0.4);
    transition: color 150ms ease, border-color 150ms ease;
}

.wcr-inline-link:hover[b-hzxqccfe26] {
    color: var(--text-bright);
    border-color: var(--accent-bright);
}

.wcr-bargain-warning[b-hzxqccfe26] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    font-style: italic;
    color: var(--text-secondary);
    margin: 0;
    opacity: 0.8;
}

/* ── TIMELINE ─────────────────────────────────────────── */

.wcr-timeline[b-hzxqccfe26] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ── ENTRY ────────────────────────────────────────────── */

.wcr-entry[b-hzxqccfe26] {
    display: flex;
    gap: 1.25rem;
    --danger-color: #4a3060;
}

.wcr-entry.low[b-hzxqccfe26]      { --danger-color: #3a2060; }
.wcr-entry.moderate[b-hzxqccfe26] { --danger-color: #6b3030; }
.wcr-entry.severe[b-hzxqccfe26]   { --danger-color: #9b2020; }
.wcr-entry.critical[b-hzxqccfe26] { --danger-color: #c41818; }

.wcr-entry-marker[b-hzxqccfe26] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 20px;
    padding-top: 1rem;
}

.wcr-entry-dot[b-hzxqccfe26] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--danger-color);
    border: 2px solid color-mix(in srgb, var(--danger-color) 60%, var(--text-bright));
    flex-shrink: 0;
    transition: transform 200ms ease;
}

.wcr-entry:hover .wcr-entry-dot[b-hzxqccfe26] { transform: scale(1.4); }

.wcr-entry.final .wcr-entry-dot[b-hzxqccfe26] {
    background: #ef5350;
    border-color: #ff6b6b;
    box-shadow: 0 0 8px rgba(239,83,80,0.6);
    width: 14px;
    height: 14px;
}

.wcr-entry-line[b-hzxqccfe26] {
    flex: 1;
    width: 2px;
    background: linear-gradient(to bottom, var(--danger-color), color-mix(in srgb, var(--danger-color) 40%, transparent));
    margin-top: 2px;
    min-height: 24px;
}

.wcr-entry-content[b-hzxqccfe26] {
    background: var(--surface-1);
    border: 1px solid color-mix(in srgb, var(--danger-color) 35%, var(--border-dark));
    border-radius: 5px;
    padding: 0.85rem 1rem;
    margin-bottom: 0.6rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    transition: border-color 200ms ease;
}

.wcr-entry:hover .wcr-entry-content[b-hzxqccfe26] {
    border-color: color-mix(in srgb, var(--danger-color) 65%, var(--border-dark));
}

.wcr-entry.final .wcr-entry-content[b-hzxqccfe26] {
    background: rgba(183,28,28,0.07);
    border-color: rgba(239,83,80,0.4);
}

.wcr-entry-head[b-hzxqccfe26] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.wcr-entry-level[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.2em;
    color: color-mix(in srgb, var(--danger-color) 80%, var(--text-bright));
    background: color-mix(in srgb, var(--danger-color) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--danger-color) 30%, transparent);
    padding: 0.15rem 0.45rem;
    border-radius: 2px;
}

.wcr-entry-name[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--text-bright);
    margin: 0;
}

.wcr-entry-desc[b-hzxqccfe26] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    font-style: italic;
    color: var(--text-muted);
    line-height: 1.5;
    margin: 0;
}

.wcr-entry-mechanical[b-hzxqccfe26] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    background: color-mix(in srgb, var(--danger-color) 8%, transparent);
    border-radius: 3px;
    padding: 0.4rem 0.6rem;
    flex-wrap: wrap;
}

.wcr-mechanical-label[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 0.18em;
    color: color-mix(in srgb, var(--danger-color) 80%, var(--text-bright));
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.wcr-mechanical-text[b-hzxqccfe26] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.5;
}

.wcr-stat-mod[b-hzxqccfe26] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.1rem;
}

.wcr-stat-name[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    color: var(--text-secondary);
}

.wcr-stat-delta[b-hzxqccfe26] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.wcr-stat-delta.neg[b-hzxqccfe26] { color: #ef5350; }
.wcr-stat-delta.pos[b-hzxqccfe26] { color: #66bb6a; }
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiCourtDeck.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wcd-page[b-rdv50wzyhs] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wcd-header[b-rdv50wzyhs] {
    background: linear-gradient(135deg, #100a04 0%, #1a1004 60%, #241804 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.wcd-header[b-rdv50wzyhs]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 50% 50%, rgba(245,127,23,0.1) 0%, transparent 65%);
    pointer-events: none;
}

.wcd-header-inner[b-rdv50wzyhs] { max-width: 860px; margin: 0 auto; text-align: center; position: relative; }

.wcd-breadcrumb[b-rdv50wzyhs] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    margin-bottom: 0.6rem;
    display: flex; align-items: center; justify-content: center; gap: 0.4rem;
}

.wcd-breadcrumb a[b-rdv50wzyhs] { color: var(--accent-bright); text-decoration: none; }
.wcd-breadcrumb a:hover[b-rdv50wzyhs] { color: var(--text-bright); }

.wcd-class-badge[b-rdv50wzyhs] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    letter-spacing: 0.22em;
    color: var(--class-aristocrat);
    background: color-mix(in srgb, var(--class-aristocrat) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--class-aristocrat) 25%, transparent);
    display: inline-block;
    padding: 0.22rem 0.7rem;
    border-radius: 2px;
    margin-bottom: 0.7rem;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease;
}

.wcd-class-badge:hover[b-rdv50wzyhs] {
    background: color-mix(in srgb, var(--class-aristocrat) 18%, transparent);
    border-color: color-mix(in srgb, var(--class-aristocrat) 45%, transparent);
}

.wcd-title[b-rdv50wzyhs] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.6rem;
}

.wcd-subtitle[b-rdv50wzyhs] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 540px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── BODY ─────────────────────────────────────────────── */

.wcd-body[b-rdv50wzyhs] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* ── RULES BAR ────────────────────────────────────────── */

.wcd-rules-bar[b-rdv50wzyhs] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1rem;
}

.wcd-rule-item[b-rdv50wzyhs] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-left: 2px solid var(--class-aristocrat);
    border-radius: 4px;
    padding: 0.85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.wcd-rule-label[b-rdv50wzyhs] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.2em;
    color: var(--class-aristocrat);
}

.wcd-rule-text[b-rdv50wzyhs] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin: 0;
}

/* ── SECTION HEAD ─────────────────────────────────────── */

.wcd-section-head[b-rdv50wzyhs] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.wcd-rule[b-rdv50wzyhs] { flex: 1; height: 1px; background: var(--border); }

.wcd-section-title[b-rdv50wzyhs] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: var(--text-muted);
    white-space: nowrap;
}

/* ── CARD GRID ────────────────────────────────────────── */

.wcd-grid[b-rdv50wzyhs] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

.joker-grid[b-rdv50wzyhs] { grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); }

/* ── CARD ─────────────────────────────────────────────── */

.wcd-card[b-rdv50wzyhs] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    transition: border-color 200ms ease, box-shadow 200ms ease;
}

.wcd-card:hover[b-rdv50wzyhs] {
    border-color: color-mix(in srgb, var(--class-aristocrat) 45%, var(--border-dark));
    box-shadow: 0 4px 20px rgba(0,0,0,0.4), 0 0 12px color-mix(in srgb, var(--class-aristocrat) 15%, transparent);
}

/* Number card designation */
.wcd-card-designation[b-rdv50wzyhs] {
    font-family: var(--font-display);
    font-size: 1.4rem;
    font-weight: 900;
    color: var(--class-aristocrat);
    background: color-mix(in srgb, var(--class-aristocrat) 10%, var(--surface-2));
    border-right: 1px solid var(--border-dark);
    width: 52px;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    letter-spacing: 0;
}

/* Face card — smaller text to fit */
.face-card .wcd-card-designation[b-rdv50wzyhs] {
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

/* Joker */
.joker-desig[b-rdv50wzyhs] { background: rgba(10,10,10,0.7); border-right-color: rgba(80,80,80,0.3); }
.wcd-joker-suit[b-rdv50wzyhs] { font-size: 1.6rem; }

.black-joker .wcd-card-designation[b-rdv50wzyhs] { color: #cccccc; }
.red-joker   .wcd-card-designation[b-rdv50wzyhs] { color: #ef5350; }

.black-joker[b-rdv50wzyhs] {
    border-color: rgba(80,80,80,0.35);
    background: rgba(15,12,20,0.7);
}

.red-joker[b-rdv50wzyhs] {
    border-color: rgba(183,28,28,0.35);
    background: rgba(30,8,8,0.5);
}

.black-joker:hover[b-rdv50wzyhs] {
    border-color: rgba(150,150,150,0.5);
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

.red-joker:hover[b-rdv50wzyhs] {
    border-color: rgba(239,83,80,0.5);
    box-shadow: 0 4px 20px rgba(0,0,0,0.5), 0 0 12px rgba(239,83,80,0.18);
}

/* ── CARD BODY ────────────────────────────────────────── */

.wcd-card-body[b-rdv50wzyhs] {
    padding: 0.85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
}

.wcd-card-name[b-rdv50wzyhs] {
    font-family: var(--font-display);
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--text-bright);
    margin: 0;
}

.wcd-card-effect[b-rdv50wzyhs] {
    font-family: var(--font-body);
    font-size: 0.81rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin: 0;
}

.wcd-empty[b-rdv50wzyhs] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-secondary);
    text-align: center;
    padding: 3rem;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiEquipment.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.weq-page[b-a992vscjhr] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.weq-header[b-a992vscjhr] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.weq-header[b-a992vscjhr]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 50% 50%, rgba(230,81,0,0.07) 0%, transparent 65%);
    pointer-events: none;
}

.weq-header-inner[b-a992vscjhr] { max-width: 860px; margin: 0 auto; text-align: center; position: relative; }

.weq-breadcrumb[b-a992vscjhr] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.weq-breadcrumb a[b-a992vscjhr] { color: var(--accent-bright); text-decoration: none; }
.weq-breadcrumb a:hover[b-a992vscjhr] { color: var(--text-bright); }

.weq-title[b-a992vscjhr] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.6rem;
}

.weq-subtitle[b-a992vscjhr] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── BODY ─────────────────────────────────────────────── */

.weq-body[b-a992vscjhr] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}

/* ── SECTION ──────────────────────────────────────────── */

.weq-section[b-a992vscjhr] { display: flex; flex-direction: column; gap: 1rem; }

.weq-section-head[b-a992vscjhr] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.25rem;
}

.weq-rule[b-a992vscjhr] { flex: 1; height: 1px; background: var(--border); }

.weq-section-title[b-a992vscjhr] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: var(--text-muted);
    white-space: nowrap;
}

.weq-restriction-note[b-a992vscjhr] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-secondary);
    margin: 0 0 0.5rem;
}

.weq-class-name.engineer[b-a992vscjhr] { color: var(--class-engineer); font-weight: 600; }

/* ── CATEGORY (DETAILS/SUMMARY) ───────────────────────── */

.weq-category[b-a992vscjhr] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
}

.weq-category-summary[b-a992vscjhr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1.1rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
    transition: background 150ms ease;
}

.weq-category-summary[b-a992vscjhr]::-webkit-details-marker { display: none; }
.weq-category-summary:hover[b-a992vscjhr] { background: rgba(255,255,255,0.03); }

.weq-cat-name[b-a992vscjhr] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: var(--text-bright);
    flex: 1;
}

.weq-cat-count[b-a992vscjhr] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    letter-spacing: 0.1em;
    color: var(--text-secondary);
}

.weq-cat-chevron[b-a992vscjhr] {
    font-size: 0.7rem;
    color: var(--text-secondary);
    transition: transform 200ms ease;
}

details[open] .weq-cat-chevron[b-a992vscjhr] { transform: rotate(90deg); }

/* ── ARMOUR CARD GRID ─────────────────────────────────── */

.armour-grid[b-a992vscjhr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.85rem;
    padding: 1rem;
    border-top: 1px solid var(--border-dark);
}

.weq-item-card[b-a992vscjhr] {
    background: var(--surface-2);
    border: 1px solid var(--border-dark);
    border-radius: 4px;
    padding: 0.85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.weq-item-head[b-a992vscjhr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.weq-item-name[b-a992vscjhr] {
    font-family: var(--font-display);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--text-bright);
    margin: 0;
}

.weq-price[b-a992vscjhr] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    letter-spacing: 0.1em;
    color: var(--class-aristocrat);
    white-space: nowrap;
    flex-shrink: 0;
}

.weq-item-stats[b-a992vscjhr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.weq-stat-chip[b-a992vscjhr] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.1em;
    padding: 0.15rem 0.45rem;
    border-radius: 2px;
}

.weq-stat-chip.defense[b-a992vscjhr]  { background: rgba(21,101,192,0.15); border: 1px solid rgba(21,101,192,0.35); color: #64b5f6; }
.weq-stat-chip.dr[b-a992vscjhr]       { background: rgba(46,125,50,0.15);  border: 1px solid rgba(46,125,50,0.35);  color: #81c784; }
.weq-stat-chip.keyword[b-a992vscjhr]  { background: rgba(123,31,162,0.12); border: 1px solid rgba(123,31,162,0.3);  color: #ce93d8; }
.weq-stat-chip.req[b-a992vscjhr]      { background: rgba(255,255,255,0.04); border: 1px solid var(--border-dark);   color: var(--text-secondary); }
.weq-stat-chip.slot[b-a992vscjhr]     { background: rgba(230,81,0,0.12);   border: 1px solid rgba(230,81,0,0.3);    color: #ffb74d; }
.weq-stat-chip.energy[b-a992vscjhr]   { background: rgba(21,101,192,0.12); border: 1px solid rgba(21,101,192,0.3);  color: #64b5f6; }
.weq-stat-chip.range[b-a992vscjhr]    { background: rgba(255,255,255,0.04); border: 1px solid var(--border-dark);   color: var(--text-secondary); }
.weq-stat-chip.hit[b-a992vscjhr]      { background: rgba(46,125,50,0.12);  border: 1px solid rgba(46,125,50,0.3);   color: #81c784; }
.weq-stat-chip.dmg[b-a992vscjhr]      { background: rgba(183,28,28,0.12);  border: 1px solid rgba(183,28,28,0.3);   color: #ef9a9a; }

.weq-item-desc[b-a992vscjhr] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    font-style: italic;
    color: var(--text-secondary);
    line-height: 1.5;
    margin: 0;
}

.weq-item-effect[b-a992vscjhr] {
    font-family: var(--font-body);
    font-size: 0.79rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin: 0;
}

/* ── WEAPON TABLE ─────────────────────────────────────── */

.weq-table-wrap[b-a992vscjhr] {
    overflow-x: auto;
    padding: 0.75rem 1rem 1rem;
    border-top: 1px solid var(--border-dark);
}

.weq-weapon-table[b-a992vscjhr] {
    width: 100%;
    border-collapse: collapse;
    min-width: 800px;
}

.weq-weapon-table thead tr[b-a992vscjhr] {
    border-bottom: 1px solid var(--border);
}

.weq-weapon-table th[b-a992vscjhr] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.18em;
    color: var(--text-secondary);
    text-align: left;
    padding: 0 0.75rem 0.6rem;
    white-space: nowrap;
}

.weq-weapon-table td[b-a992vscjhr] {
    font-family: var(--font-body);
    font-size: 0.79rem;
    color: var(--text-muted);
    padding: 0.55rem 0.75rem;
    vertical-align: top;
    border-bottom: 1px solid rgba(255,255,255,0.03);
    line-height: 1.4;
}

.weq-weapon-table tbody tr:hover td[b-a992vscjhr] { background: rgba(255,255,255,0.02); }

.weq-col-name[b-a992vscjhr] { color: var(--text-bright); font-weight: 600; min-width: 160px; }
.weq-col-hit[b-a992vscjhr]  { color: #81c784; white-space: nowrap; }
.weq-col-dmg[b-a992vscjhr]  { color: #ef9a9a; white-space: nowrap; }
.weq-col-type[b-a992vscjhr] { white-space: nowrap; }
.weq-col-shots[b-a992vscjhr] { text-align: center; }
.weq-col-range[b-a992vscjhr] { white-space: nowrap; }
.weq-col-kw[b-a992vscjhr]   { font-size: 0.73rem; color: #ce93d8; }
.weq-col-req[b-a992vscjhr]  { font-size: 0.73rem; white-space: nowrap; }
.weq-col-price[b-a992vscjhr] { color: var(--class-aristocrat); white-space: nowrap; }
.weq-col-effect[b-a992vscjhr] { min-width: 220px; font-size: 0.76rem; }

/* ── AUGMENT & CORE GRIDS ─────────────────────────────── */

.augment-grid[b-a992vscjhr], .core-grid[b-a992vscjhr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 0.85rem;
    padding: 1rem;
    border-top: 1px solid var(--border-dark);
}

.augment-card[b-a992vscjhr] { border-left: 2px solid var(--class-engineer); }
.core-card[b-a992vscjhr]    { border-left: 2px solid rgba(21,101,192,0.6); }
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiGmGuide.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wgm-page[b-ljss0vqoxe] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wgm-header[b-ljss0vqoxe] {
    background: linear-gradient(135deg, #0a0d16 0%, #0e1020 60%, #121828 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.wgm-header[b-ljss0vqoxe]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 60% at 50% 50%, rgba(21,101,192,0.08) 0%, transparent 65%);
    pointer-events: none;
}

.wgm-header-inner[b-ljss0vqoxe] {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.wgm-breadcrumb[b-ljss0vqoxe] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin-bottom: 0.6rem;
}

.wgm-breadcrumb a[b-ljss0vqoxe] { color: var(--accent-bright); text-decoration: none; }
.wgm-breadcrumb a:hover[b-ljss0vqoxe] { color: var(--text-bright); }

.wgm-eyebrow[b-ljss0vqoxe] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.3em;
    color: #4a8ec2;
    margin: 0 0 0.4rem;
}

.wgm-title[b-ljss0vqoxe] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin: 0 0 0.6rem;
}

.wgm-subtitle[b-ljss0vqoxe] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 540px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── BODY ─────────────────────────────────────────────── */

.wgm-body[b-ljss0vqoxe] {
    max-width: 960px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}

/* ── SECTION NAV ──────────────────────────────────────── */

.wgm-section-nav[b-ljss0vqoxe] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 1rem 1.2rem;
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
}

.wgm-nav-link[b-ljss0vqoxe] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.12em;
    color: var(--text-muted);
    text-decoration: none;
    padding: 0.3rem 0.7rem;
    border-radius: 3px;
    border: 1px solid var(--border-dark);
    transition: all 150ms ease;
}

.wgm-nav-link:hover[b-ljss0vqoxe] {
    color: var(--text-bright);
    border-color: var(--accent-bright);
    background: color-mix(in srgb, var(--accent-bright) 8%, transparent);
}

/* ── SECTION ──────────────────────────────────────────── */

.wgm-section[b-ljss0vqoxe] {
    scroll-margin-top: 2rem;
}

.wgm-section-header[b-ljss0vqoxe] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.wgm-section-title[b-ljss0vqoxe] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: var(--text-bright);
    margin: 0;
    white-space: nowrap;
}

.wgm-section-rule[b-ljss0vqoxe] {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, var(--border), transparent);
}

.wgm-section-summary[b-ljss0vqoxe] {
    font-family: var(--font-body);
    font-size: 0.88rem;
    color: var(--text-muted);
    line-height: 1.6;
    margin: 0 0 1rem;
    max-width: 760px;
}

.wgm-rules-list[b-ljss0vqoxe] {
    list-style: none;
    margin: 0 0 1.5rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.wgm-rules-list li[b-ljss0vqoxe] {
    font-family: var(--font-body);
    font-size: 0.83rem;
    color: var(--text-secondary);
    line-height: 1.55;
    padding-left: 1.1rem;
    position: relative;
}

.wgm-rules-list li[b-ljss0vqoxe]::before {
    content: '›';
    position: absolute;
    left: 0;
    color: #4a8ec2;
    font-size: 0.9rem;
    line-height: 1.4;
}

/* ── SUBSECTIONS ──────────────────────────────────────── */

.wgm-subsections[b-ljss0vqoxe] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.wgm-subsection[b-ljss0vqoxe] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-left: 3px solid #4a8ec2;
    border-radius: 0 5px 5px 0;
    padding: 1rem 1.25rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.wgm-sub-title[b-ljss0vqoxe] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--text-bright);
    margin: 0;
}

.wgm-sub-summary[b-ljss0vqoxe] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.5;
    margin: 0;
}

.wgm-formula[b-ljss0vqoxe] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    letter-spacing: 0.04em;
    color: #7ac0e8;
    background: color-mix(in srgb, #1565c0 8%, var(--surface-0) 92%);
    border: 1px solid color-mix(in srgb, #1565c0 25%, transparent);
    border-radius: 3px;
    padding: 0.4rem 0.7rem;
    line-height: 1.5;
}

.wgm-sub-rules[b-ljss0vqoxe] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.wgm-sub-rules li[b-ljss0vqoxe] {
    font-family: var(--font-body);
    font-size: 0.77rem;
    color: var(--text-secondary);
    line-height: 1.5;
    padding-left: 1rem;
    position: relative;
}

.wgm-sub-rules li[b-ljss0vqoxe]::before {
    content: '–';
    position: absolute;
    left: 0;
    color: #4a8ec2;
    font-size: 0.8rem;
    line-height: 1.4;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiHub.razor.rz.scp.css */
/* ── HUB LAYOUT ─────────────────────────────────────────── */

.wiki-hub[b-yc825mlnka] {
    min-height: 100vh;
}

.wiki-hub-hero[b-yc825mlnka] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3.5rem 2rem 3rem;
    position: relative;
    overflow: hidden;
}

.wiki-hub-hero[b-yc825mlnka]::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 60% 80% at 50% 50%, rgba(123,31,162,0.08) 0%, transparent 65%);
    pointer-events: none;
}

.wiki-hub-hero-inner[b-yc825mlnka] {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.wiki-breadcrumb[b-yc825mlnka] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.25em;
    color: var(--accent-bright);
    margin-bottom: 0.75rem;
    text-transform: uppercase;
}

.wiki-hub-title[b-yc825mlnka] {
    font-family: var(--font-display);
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.75rem;
}

.wiki-hub-subtitle[b-yc825mlnka] {
    font-family: var(--font-body);
    font-size: 1rem;
    color: var(--text-muted);
    max-width: 560px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── BODY ─────────────────────────────────────────────── */

.wiki-hub-body[b-yc825mlnka] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

/* ── SECTION HEADER ───────────────────────────────────── */

.wiki-hub-section-head[b-yc825mlnka] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.75rem;
    flex-wrap: wrap;
}

.wiki-hub-section-rule[b-yc825mlnka] {
    flex: 1;
    height: 1px;
    background: var(--border);
    min-width: 24px;
}

.wiki-hub-section-title[b-yc825mlnka] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: var(--text-muted);
    white-space: nowrap;
}

.wiki-hub-view-all[b-yc825mlnka] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.12em;
    color: var(--accent-bright);
    text-decoration: none;
    transition: color 150ms ease;
    white-space: nowrap;
}

.wiki-hub-view-all:hover[b-yc825mlnka] { color: var(--text-bright); }

/* ── CLASS GRID ───────────────────────────────────────── */

.wiki-class-grid[b-yc825mlnka] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
}

.wiki-class-card[b-yc825mlnka] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
    --class-color: var(--accent);
}

.wiki-class-card[data-class="enforcer"][b-yc825mlnka]    { --class-color: var(--class-enforcer); }
.wiki-class-card[data-class="phantom"][b-yc825mlnka]     { --class-color: var(--class-phantom); }
.wiki-class-card[data-class="mutant"][b-yc825mlnka]      { --class-color: var(--class-mutant); }
.wiki-class-card[data-class="engineer"][b-yc825mlnka]    { --class-color: var(--class-engineer); }
.wiki-class-card[data-class="voidstrider"][b-yc825mlnka] { --class-color: var(--class-voidstrider); }
.wiki-class-card[data-class="aristocrat"][b-yc825mlnka]  { --class-color: var(--class-aristocrat); }

.wiki-class-card:hover[b-yc825mlnka] {
    transform: translateY(-2px);
    border-color: var(--class-color);
    box-shadow: 0 4px 24px rgba(0,0,0,0.4), 0 0 12px color-mix(in srgb, var(--class-color) 25%, transparent);
}

.wiki-class-card-bar[b-yc825mlnka] {
    height: 3px;
    background: var(--class-color);
}

.wiki-class-card-inner[b-yc825mlnka] {
    padding: 1.25rem 1.25rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    flex: 1;
}

.wiki-class-stat[b-yc825mlnka] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.2em;
    color: var(--class-color);
    text-transform: uppercase;
}

.wiki-class-name[b-yc825mlnka] {
    font-family: var(--font-display);
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--text-bright);
    margin: 0.1rem 0;
}

.wiki-class-tagline[b-yc825mlnka] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.5;
    flex: 1;
}

.wiki-class-subs[b-yc825mlnka] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.5rem;
}

.wiki-sub-tag[b-yc825mlnka] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.1em;
    padding: 0.2rem 0.55rem;
    background: color-mix(in srgb, var(--class-color) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--class-color) 30%, transparent);
    border-radius: 2px;
    color: color-mix(in srgb, var(--class-color) 85%, var(--text-bright));
    text-transform: uppercase;
}

/* ── SPECIES GRID ─────────────────────────────────────── */

.wiki-species-grid[b-yc825mlnka] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}

.wiki-species-card[b-yc825mlnka] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    padding: 1.1rem 1.1rem 1rem;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.wiki-species-card:hover[b-yc825mlnka] {
    transform: translateY(-2px);
    border-color: var(--border);
    box-shadow: 0 4px 20px rgba(0,0,0,0.35), 0 0 10px rgba(123,31,162,0.12);
}

.wiki-species-alias[b-yc825mlnka] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.18em;
    color: var(--accent-bright);
    text-transform: uppercase;
}

.wiki-species-name[b-yc825mlnka] {
    font-family: var(--font-display);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    color: var(--text-bright);
    margin: 0.15rem 0 0.1rem;
}

.wiki-species-tagline[b-yc825mlnka] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-muted);
    line-height: 1.5;
}

/* ── RULES REFERENCE GRID ─────────────────────────────── */

.wiki-ref-grid[b-yc825mlnka] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.wiki-ref-card[b-yc825mlnka] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    padding: 1rem 1.1rem;
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.wiki-ref-card:hover[b-yc825mlnka] {
    transform: translateY(-2px);
    border-color: var(--border);
    box-shadow: 0 4px 20px rgba(0,0,0,0.35), 0 0 10px rgba(123,31,162,0.1);
}

.wiki-ref-card.void-ref:hover[b-yc825mlnka] {
    border-color: rgba(123,31,162,0.5);
    box-shadow: 0 4px 20px rgba(0,0,0,0.35), 0 0 10px rgba(123,31,162,0.2);
}

.wiki-ref-card.mutant-ref:hover[b-yc825mlnka] {
    border-color: rgba(46,125,50,0.45);
    box-shadow: 0 4px 20px rgba(0,0,0,0.35), 0 0 10px rgba(46,125,50,0.15);
}

.wiki-ref-card.mutant-ref .wiki-ref-icon[b-yc825mlnka] { color: var(--class-mutant); }

.wiki-ref-card.danger-ref:hover[b-yc825mlnka] {
    border-color: rgba(183,28,28,0.45);
    box-shadow: 0 4px 20px rgba(0,0,0,0.35), 0 0 10px rgba(183,28,28,0.15);
}

.wiki-ref-card.aristocrat-ref:hover[b-yc825mlnka] {
    border-color: rgba(245,127,23,0.45);
    box-shadow: 0 4px 20px rgba(0,0,0,0.35), 0 0 10px rgba(245,127,23,0.15);
}

.wiki-ref-card.aristocrat-ref .wiki-ref-icon[b-yc825mlnka] { color: var(--class-aristocrat); }

.wiki-ref-icon[b-yc825mlnka] {
    font-size: 1.2rem;
    color: var(--accent-bright);
    flex-shrink: 0;
    margin-top: 0.1rem;
    opacity: 0.7;
}

.wiki-ref-card.danger-ref .wiki-ref-icon[b-yc825mlnka] { color: #ef5350; }

.wiki-ref-card.gm-ref:hover[b-yc825mlnka] {
    border-color: rgba(21,101,192,0.45);
    box-shadow: 0 4px 20px rgba(0,0,0,0.35), 0 0 10px rgba(21,101,192,0.15);
}

.wiki-ref-card.gm-ref .wiki-ref-icon[b-yc825mlnka] { color: #4a8ec2; }

.wiki-ref-body[b-yc825mlnka] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.wiki-ref-name[b-yc825mlnka] {
    font-family: var(--font-display);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--text-bright);
    margin: 0;
}

.wiki-ref-desc[b-yc825mlnka] {
    font-family: var(--font-body);
    font-size: 0.77rem;
    color: var(--text-muted);
    line-height: 1.5;
    margin: 0;
}

.wiki-ref-count[b-yc825mlnka] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.12em;
    color: var(--text-secondary);
    flex-shrink: 0;
    align-self: flex-end;
    white-space: nowrap;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiKeywords.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wkw-page[b-oxzmrh5ssg] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wkw-header[b-oxzmrh5ssg] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.wkw-header[b-oxzmrh5ssg]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 50% 50%, rgba(123,31,162,0.07) 0%, transparent 65%);
    pointer-events: none;
}

.wkw-header-inner[b-oxzmrh5ssg] {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.wkw-breadcrumb[b-oxzmrh5ssg] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.wkw-breadcrumb a[b-oxzmrh5ssg] { color: var(--accent-bright); text-decoration: none; }
.wkw-breadcrumb a:hover[b-oxzmrh5ssg] { color: var(--text-bright); }

.wkw-title[b-oxzmrh5ssg] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.6rem;
}

.wkw-subtitle[b-oxzmrh5ssg] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── BODY ─────────────────────────────────────────────── */

.wkw-body[b-oxzmrh5ssg] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

/* ── SECTION ──────────────────────────────────────────── */

.wkw-section-head[b-oxzmrh5ssg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.wkw-rule[b-oxzmrh5ssg] {
    flex: 1;
    height: 1px;
    background: var(--border);
}

.wkw-section-title[b-oxzmrh5ssg] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: var(--text-muted);
    white-space: nowrap;
}

.wkw-section-blurb[b-oxzmrh5ssg] {
    font-family: var(--font-body);
    font-size: 0.85rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0 0 1.5rem;
    max-width: 680px;
}

/* ── GRID ─────────────────────────────────────────────── */

.wkw-grid[b-oxzmrh5ssg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.1rem;
}

/* ── CARD ─────────────────────────────────────────────── */

.wkw-card[b-oxzmrh5ssg] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color 200ms ease, box-shadow 200ms ease;
}

.wkw-card.keyword[b-oxzmrh5ssg] { --kw-color: #7b5ea7; }
.wkw-card.effect[b-oxzmrh5ssg]  { --kw-color: #b84343; }

.wkw-card:hover[b-oxzmrh5ssg] {
    border-color: var(--kw-color);
    box-shadow: 0 3px 18px rgba(0,0,0,0.35), 0 0 10px color-mix(in srgb, var(--kw-color) 20%, transparent);
}

.wkw-card-bar[b-oxzmrh5ssg] { height: 2px; background: var(--kw-color); }

.wkw-card-inner[b-oxzmrh5ssg] {
    padding: 1rem 1.1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}

.wkw-card-head[b-oxzmrh5ssg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.wkw-word[b-oxzmrh5ssg] {
    font-family: var(--font-display);
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--text-bright);
    margin: 0;
}

.wkw-type-badge[b-oxzmrh5ssg] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    letter-spacing: 0.15em;
    padding: 0.2rem 0.5rem;
    border-radius: 2px;
    flex-shrink: 0;
}

.keyword-badge[b-oxzmrh5ssg] {
    background: color-mix(in srgb, #7b5ea7 15%, transparent);
    border: 1px solid color-mix(in srgb, #7b5ea7 35%, transparent);
    color: #a888d0;
}

.effect-badge[b-oxzmrh5ssg] {
    background: color-mix(in srgb, #b84343 15%, transparent);
    border: 1px solid color-mix(in srgb, #b84343 35%, transparent);
    color: #d97575;
}

.wkw-summary[b-oxzmrh5ssg] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-muted);
    line-height: 1.5;
    margin: 0;
}

.wkw-expand[b-oxzmrh5ssg] { border-top: 1px solid var(--border-dark); padding-top: 0.6rem; }

.wkw-full-desc[b-oxzmrh5ssg] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
    white-space: pre-wrap;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiLivingWeapons.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wlw-page[b-qbd3mumefp] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wlw-header[b-qbd3mumefp] {
    background: linear-gradient(135deg, #080d08 0%, #0c130c 60%, #121a12 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.wlw-header[b-qbd3mumefp]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 50% 50%, rgba(46,125,50,0.1) 0%, transparent 65%);
    pointer-events: none;
}

.wlw-header-inner[b-qbd3mumefp] { max-width: 860px; margin: 0 auto; text-align: center; position: relative; }

.wlw-breadcrumb[b-qbd3mumefp] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    margin-bottom: 0.6rem;
    display: flex; align-items: center; justify-content: center; gap: 0.4rem;
}

.wlw-breadcrumb a[b-qbd3mumefp] { color: var(--accent-bright); text-decoration: none; }
.wlw-breadcrumb a:hover[b-qbd3mumefp] { color: var(--text-bright); }

.wlw-class-badge[b-qbd3mumefp] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    letter-spacing: 0.22em;
    color: var(--class-mutant);
    background: color-mix(in srgb, var(--class-mutant) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--class-mutant) 25%, transparent);
    display: inline-block;
    padding: 0.22rem 0.7rem;
    border-radius: 2px;
    margin-bottom: 0.7rem;
}

.wlw-title[b-qbd3mumefp] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.6rem;
}

.wlw-subtitle[b-qbd3mumefp] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 540px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── BODY ─────────────────────────────────────────────── */

.wlw-body[b-qbd3mumefp] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

/* ── INFO BAR ─────────────────────────────────────────── */

.wlw-info-bar[b-qbd3mumefp] {
    display: flex;
    align-items: stretch;
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    flex-wrap: wrap;
}

.wlw-info-item[b-qbd3mumefp] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.85rem 1.25rem;
    flex: 1;
    min-width: 200px;
}

.wlw-info-divider[b-qbd3mumefp] { width: 1px; background: var(--border-dark); align-self: stretch; }

.wlw-info-label[b-qbd3mumefp] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.2em;
    color: var(--class-mutant);
}

.wlw-info-val[b-qbd3mumefp] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.4;
}

/* ── GRID ─────────────────────────────────────────────── */

.wlw-grid[b-qbd3mumefp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.2rem;
}

/* ── CARD ─────────────────────────────────────────────── */

.wlw-card[b-qbd3mumefp] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color 200ms ease, box-shadow 200ms ease;
}

.wlw-card:hover[b-qbd3mumefp] {
    border-color: color-mix(in srgb, var(--class-mutant) 50%, var(--border-dark));
    box-shadow: 0 4px 20px rgba(0,0,0,0.35), 0 0 12px color-mix(in srgb, var(--class-mutant) 15%, transparent);
}

.wlw-card-bar[b-qbd3mumefp] { height: 3px; background: var(--class-mutant); }

.wlw-card-inner[b-qbd3mumefp] {
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    flex: 1;
}

.wlw-card-top[b-qbd3mumefp] { display: flex; flex-direction: column; gap: 0.5rem; }

.wlw-name[b-qbd3mumefp] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    color: var(--text-bright);
    margin: 0;
}

.wlw-badges[b-qbd3mumefp] { display: flex; flex-wrap: wrap; gap: 0.3rem; }

.wlw-badge[b-qbd3mumefp] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.1em;
    padding: 0.18rem 0.5rem;
    border-radius: 2px;
}

.wlw-badge.hit[b-qbd3mumefp]     { background: rgba(46,125,50,0.15);  border: 1px solid rgba(46,125,50,0.35);  color: #81c784; }
.wlw-badge.range[b-qbd3mumefp]   { background: rgba(255,255,255,0.05); border: 1px solid var(--border-dark);   color: var(--text-secondary); }
.wlw-badge.keyword[b-qbd3mumefp] { background: color-mix(in srgb, var(--class-mutant) 12%, transparent); border: 1px solid color-mix(in srgb, var(--class-mutant) 30%, transparent); color: color-mix(in srgb, var(--class-mutant) 80%, var(--text-bright)); }

/* ── DAMAGE ROW ───────────────────────────────────────── */

.wlw-damage-row[b-qbd3mumefp] {
    display: flex;
    gap: 1.25rem;
    background: color-mix(in srgb, var(--class-mutant) 5%, var(--surface-2));
    border: 1px solid color-mix(in srgb, var(--class-mutant) 15%, transparent);
    border-radius: 4px;
    padding: 0.6rem 0.85rem;
}

.wlw-damage-block[b-qbd3mumefp] { display: flex; flex-direction: column; gap: 0.1rem; }

.wlw-dmg-label[b-qbd3mumefp] {
    font-family: var(--font-display);
    font-size: 0.5rem;
    letter-spacing: 0.2em;
    color: var(--class-mutant);
}

.wlw-dmg-val[b-qbd3mumefp] {
    font-family: var(--font-display);
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--text-bright);
    letter-spacing: 0.04em;
}

.wlw-dmg-type[b-qbd3mumefp] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* ── DESC / EFFECT ────────────────────────────────────── */

.wlw-desc[b-qbd3mumefp] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    font-style: italic;
    color: var(--text-secondary);
    line-height: 1.55;
    margin: 0;
}

.wlw-effect[b-qbd3mumefp] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background: rgba(183,28,28,0.06);
    border: 1px solid rgba(183,28,28,0.18);
    border-radius: 3px;
    padding: 0.55rem 0.75rem;
    margin-top: auto;
}

.wlw-effect-label[b-qbd3mumefp] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 0.2em;
    color: #d97575;
}

.wlw-effect-text[b-qbd3mumefp] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin: 0;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiLore.razor.rz.scp.css */
/* ── WikiLore hub ──────────────────────────────────────────── */
.wlh-page[b-j312euzo7t] {
    min-height: 100vh;
    background: #09070f;
    color: #e8e0f0;
    font-family: 'Exo 2', sans-serif;
}

/* Header */
.wlh-header[b-j312euzo7t] {
    background: linear-gradient(135deg, #0d0a1a 0%, #12091e 60%, #1a0f2a 100%);
    border-bottom: 1px solid #3a2060;
    padding: 3rem 0 2.5rem;
}
.wlh-header-inner[b-j312euzo7t] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 2rem;
}
.wlh-breadcrumb[b-j312euzo7t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    color: #6a5a7a;
    margin-bottom: 1rem;
}
.wlh-breadcrumb a[b-j312euzo7t] { color: #9e8faf; text-decoration: none; }
.wlh-breadcrumb a:hover[b-j312euzo7t] { color: #c9b8e8; }
.wlh-eyebrow[b-j312euzo7t] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #7b1fa2;
    margin: 0 0 0.5rem;
}
.wlh-title[b-j312euzo7t] {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(1.8rem, 4vw, 3rem);
    font-weight: 900;
    letter-spacing: 0.06em;
    color: #e8e0f0;
    margin: 0 0 0.75rem;
    text-shadow: 0 0 40px rgba(123, 31, 162, 0.4);
}
.wlh-subtitle[b-j312euzo7t] {
    font-size: 1rem;
    color: #9e8faf;
    line-height: 1.6;
    max-width: 600px;
    margin: 0;
}

/* Body */
.wlh-body[b-j312euzo7t] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 3rem 2rem 4rem;
}

/* Grid */
.wlh-grid[b-j312euzo7t] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.25rem;
}

/* Cards */
.wlh-card[b-j312euzo7t] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    background: #100c18;
    border: 1px solid #2a1840;
    border-top: 2px solid #3a2060;
    border-radius: 4px;
    padding: 1.5rem;
    text-decoration: none;
    color: inherit;
    transition: transform 0.15s, box-shadow 0.15s, border-top-color 0.15s;
    position: relative;
}
.wlh-card:hover[b-j312euzo7t] {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(123, 31, 162, 0.25);
    border-top-color: #9c27b0;
}
.wlh-card--featured[b-j312euzo7t] {
    border-top-color: #9c27b0;
    grid-column: span 2;
}
.wlh-card--void[b-j312euzo7t] { border-top-color: #5c0070; }
.wlh-card--void:hover[b-j312euzo7t] { border-top-color: #9c27b0; box-shadow: 0 6px 24px rgba(92, 0, 112, 0.35); }
.wlh-card--danger[b-j312euzo7t] { border-top-color: #7a0000; }
.wlh-card--danger:hover[b-j312euzo7t] { border-top-color: #b71c1c; box-shadow: 0 6px 24px rgba(183, 28, 28, 0.3); }

.wlh-card-glyph[b-j312euzo7t] {
    font-size: 1.5rem;
    color: #6a5a7a;
    line-height: 1;
}
.wlh-card--featured .wlh-card-glyph[b-j312euzo7t],
.wlh-card--void .wlh-card-glyph[b-j312euzo7t] { color: #9c27b0; }
.wlh-card--danger .wlh-card-glyph[b-j312euzo7t] { color: #b71c1c; }

.wlh-card-content[b-j312euzo7t] { flex: 1; }
.wlh-card-tag[b-j312euzo7t] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #6a5a7a;
    display: block;
    margin-bottom: 0.4rem;
}
.wlh-card-title[b-j312euzo7t] {
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #e8e0f0;
    margin: 0 0 0.5rem;
    letter-spacing: 0.05em;
}
.wlh-card-desc[b-j312euzo7t] {
    font-size: 0.875rem;
    color: #9e8faf;
    line-height: 1.55;
    margin: 0;
}
.wlh-card-arrow[b-j312euzo7t] {
    align-self: flex-end;
    font-size: 1rem;
    color: #3a2060;
    transition: color 0.15s, transform 0.15s;
}
.wlh-card:hover .wlh-card-arrow[b-j312euzo7t] {
    color: #9c27b0;
    transform: translateX(3px);
}

@media (max-width: 700px) {
    .wlh-card--featured[b-j312euzo7t] { grid-column: span 1; }
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiLoreConcordAccord.razor.rz.scp.css */
/* ── WikiLoreConcordAccord ────────────────────────────────── */
.wlca-page[b-1rw58igsuu] {
    min-height: 100vh;
    background: #09070f;
    color: #e8e0f0;
    font-family: 'Exo 2', sans-serif;
}

.wlca-header[b-1rw58igsuu] {
    background: linear-gradient(135deg, #0a0d18 0%, #0d1020 60%, #0f1228 100%);
    border-bottom: 1px solid #203060;
    padding: 3rem 0 2.5rem;
}
.wlca-header-inner[b-1rw58igsuu] {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 2rem;
}
.wlca-breadcrumb[b-1rw58igsuu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    color: #5a6a7a;
    margin-bottom: 1rem;
}
.wlca-breadcrumb a[b-1rw58igsuu] { color: #8f9faf; text-decoration: none; }
.wlca-breadcrumb a:hover[b-1rw58igsuu] { color: #c8d8e8; }
.wlca-eyebrow[b-1rw58igsuu] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #1565c0;
    margin: 0 0 0.5rem;
}
.wlca-title[b-1rw58igsuu] {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.06em;
    color: #e8e0f0;
    margin: 0 0 1rem;
}
.wlca-header-quote[b-1rw58igsuu] {
    font-size: 1rem;
    color: #8f9faf;
    font-style: italic;
    margin: 0;
    padding-left: 1rem;
    border-left: 2px solid #1565c0;
    line-height: 1.5;
}

/* Body */
.wlca-body[b-1rw58igsuu] {
    max-width: 860px;
    margin: 0 auto;
    padding: 3rem 2rem 4rem;
}

.wlca-section[b-1rw58igsuu] { margin-bottom: 0.5rem; }
.wlca-section-title[b-1rw58igsuu] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: #1976d2;
    margin: 0 0 1.25rem;
}
.wlca-prose[b-1rw58igsuu] {
    font-size: 1rem;
    line-height: 1.75;
    color: #c9b8e8;
    margin: 0 0 1rem;
}
.wlca-prose em[b-1rw58igsuu] { color: #a8c8e8; }
.wlca-prose strong[b-1rw58igsuu] { color: #e8e0f0; }

/* Observations */
.wlca-observations[b-1rw58igsuu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 1.5rem 0;
}
.wlca-observation[b-1rw58igsuu] {
    display: flex;
    gap: 0.875rem;
    align-items: flex-start;
    background: #0d0f1c;
    border: 1px solid #1a2040;
    border-left: 2px solid #1565c0;
    border-radius: 0 4px 4px 0;
    padding: 0.875rem 1.25rem;
}
.wlca-obs-glyph[b-1rw58igsuu] {
    font-size: 0.9rem;
    color: #1565c0;
    flex-shrink: 0;
    margin-top: 1px;
}
.wlca-obs-label[b-1rw58igsuu] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #5a7aaa;
    display: block;
    margin-bottom: 0.3rem;
}
.wlca-observation p[b-1rw58igsuu] {
    font-size: 0.9rem;
    color: #9e8faf;
    line-height: 1.6;
    margin: 0;
}
.wlca-observation strong[b-1rw58igsuu] { color: #c9d8e8; }
.wlca-observation em[b-1rw58igsuu] { color: #a8c8e8; }

/* Divider */
.wlca-divider[b-1rw58igsuu] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 2.5rem 0;
}
.wlca-divider-rule[b-1rw58igsuu] {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, #203060, transparent);
}
.wlca-divider-label[b-1rw58igsuu] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #3a5a7a;
    white-space: nowrap;
}

/* Tenets */
.wlca-tenets[b-1rw58igsuu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}
.wlca-tenet[b-1rw58igsuu] {
    background: #0d0f1c;
    border: 1px solid #1a2040;
    border-top: 2px solid #1a3060;
    border-radius: 4px;
    padding: 1.25rem;
}
.wlca-tenet--void[b-1rw58igsuu] { border-top-color: #5c0070; }
.wlca-tenet--contested[b-1rw58igsuu] { border-top-color: #b71c1c; }

.wlca-tenet-header[b-1rw58igsuu] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}
.wlca-tenet-num[b-1rw58igsuu] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    color: #1565c0;
    flex-shrink: 0;
    background: #0a1025;
    border: 1px solid #1a3060;
    border-radius: 2px;
    padding: 0.15rem 0.4rem;
    letter-spacing: 0.05em;
}
.wlca-tenet--void .wlca-tenet-num[b-1rw58igsuu] { color: #9c27b0; border-color: #4a1080; background: #0d0818; }
.wlca-tenet--contested .wlca-tenet-num[b-1rw58igsuu] { color: #ef5350; border-color: #4a1010; background: #120808; }

.wlca-tenet-name[b-1rw58igsuu] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #c9d8e8;
    margin: 0;
}
.wlca-tenet-body[b-1rw58igsuu] {
    font-size: 0.9rem;
    line-height: 1.65;
    color: #9e8faf;
    margin: 0 0 0.5rem;
}
.wlca-tenet-body strong[b-1rw58igsuu] { color: #e8e0f0; }
.wlca-tenet-caveat[b-1rw58igsuu] {
    font-size: 0.8rem;
    color: #6a5a7a;
    font-style: italic;
    margin: 0;
    padding-top: 0.4rem;
    border-top: 1px solid #1a1428;
}
.wlca-tenet--void .wlca-tenet-caveat[b-1rw58igsuu] { color: #7a4a8a; }
.wlca-tenet--contested .wlca-tenet-caveat[b-1rw58igsuu] { color: #8a4a4a; }

/* Scaffold block */
.wlca-scaffold-block[b-1rw58igsuu] {
    background: #0d0f1c;
    border: 1px solid #1a2040;
    border-left: 3px solid #1565c0;
    border-radius: 0 4px 4px 0;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.25rem;
}
.wlca-scaffold-line[b-1rw58igsuu] {
    font-size: 1rem;
    color: #c9d8e8;
    font-style: italic;
    margin: 0 0 0.875rem;
    font-weight: 600;
}
.wlca-cannot-list[b-1rw58igsuu] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}
.wlca-cannot-list li[b-1rw58igsuu] {
    font-size: 0.9rem;
    color: #6a7a8a;
    padding-left: 1.25rem;
    position: relative;
}
.wlca-cannot-list li[b-1rw58igsuu]::before {
    content: '—';
    position: absolute;
    left: 0;
    color: #1565c0;
}

/* Closing quote */
.wlca-closing-quote[b-1rw58igsuu] {
    background: #0d0f1c;
    border-left: 3px solid #1a3060;
    padding: 1rem 1.5rem;
    margin: 1.5rem 0 0;
    border-radius: 0 4px 4px 0;
}
.wlca-closing-quote p[b-1rw58igsuu] {
    font-size: 1rem;
    color: #8f9faf;
    font-style: italic;
    margin: 0;
    line-height: 1.6;
}

/* Nav footer */
.wlca-nav-footer[b-1rw58igsuu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid #1a2040;
}
.wlca-nav-back[b-1rw58igsuu], .wlca-nav-next[b-1rw58igsuu] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #9e8faf;
    text-decoration: none;
    transition: color 0.15s;
}
.wlca-nav-back:hover[b-1rw58igsuu], .wlca-nav-next:hover[b-1rw58igsuu] { color: #c9b8e8; }
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiLoreCorruption.razor.rz.scp.css */
/* ── WikiLoreCorruption ───────────────────────────────────── */
.wlco-page[b-z3xp0uucvk] {
    min-height: 100vh;
    background: #09070f;
    color: #e8e0f0;
    font-family: 'Exo 2', sans-serif;
}
.wlco-header[b-z3xp0uucvk] {
    background: linear-gradient(135deg, #120505 0%, #180a0a 60%, #200808 100%);
    border-bottom: 1px solid #4a1010;
    padding: 3rem 0 2.5rem;
}
.wlco-header-inner[b-z3xp0uucvk] {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 2rem;
}
.wlco-breadcrumb[b-z3xp0uucvk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    color: #6a4a4a;
    margin-bottom: 1rem;
}
.wlco-breadcrumb a[b-z3xp0uucvk] { color: #af8f8f; text-decoration: none; }
.wlco-breadcrumb a:hover[b-z3xp0uucvk] { color: #e8c8c8; }
.wlco-eyebrow[b-z3xp0uucvk] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #b71c1c;
    margin: 0 0 0.5rem;
}
.wlco-title[b-z3xp0uucvk] {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.06em;
    color: #e8e0f0;
    margin: 0 0 0.75rem;
    text-shadow: 0 0 40px rgba(183, 28, 28, 0.4);
}
.wlco-subtitle[b-z3xp0uucvk] {
    font-size: 1rem;
    color: #af9090;
    line-height: 1.6;
    margin: 0;
}

.wlco-body[b-z3xp0uucvk] {
    max-width: 860px;
    margin: 0 auto;
    padding: 3rem 2rem 4rem;
}

.wlco-section[b-z3xp0uucvk] { margin-bottom: 1rem; }
.wlco-section-title[b-z3xp0uucvk] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: #ef5350;
    margin: 0 0 1.25rem;
}
.wlco-prose[b-z3xp0uucvk] {
    font-size: 1rem;
    line-height: 1.75;
    color: #c9b8e8;
    margin: 0 0 1rem;
}
.wlco-prose em[b-z3xp0uucvk] { color: #e8c0c0; }
.wlco-prose--emphasis[b-z3xp0uucvk] {
    color: #ef5350;
    font-style: italic;
}

/* Stages */
.wlco-stage-list[b-z3xp0uucvk] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 2rem 0;
}
.wlco-stage[b-z3xp0uucvk] {
    background: #100c18;
    border: 1px solid #2a1840;
    border-radius: 4px;
    overflow: hidden;
}
.wlco-stage--one[b-z3xp0uucvk] { border-top: 2px solid #b71c1c; }
.wlco-stage--two[b-z3xp0uucvk] { border-top: 2px solid #7b1fa2; }

.wlco-stage-header[b-z3xp0uucvk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: #0d0a18;
    border-bottom: 1px solid #1e1430;
}
.wlco-stage--one .wlco-stage-header[b-z3xp0uucvk] { background: #110808; border-bottom-color: #2a1010; }
.wlco-stage--two .wlco-stage-header[b-z3xp0uucvk] { background: #0d0a18; }

.wlco-stage-badge[b-z3xp0uucvk] { flex: 1; }
.wlco-stage-num[b-z3xp0uucvk] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    display: block;
    margin-bottom: 0.25rem;
}
.wlco-stage--one .wlco-stage-num[b-z3xp0uucvk] { color: #b71c1c; }
.wlco-stage--two .wlco-stage-num[b-z3xp0uucvk] { color: #9c27b0; }

.wlco-stage-name[b-z3xp0uucvk] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #e8e0f0;
}
.wlco-stage-rule[b-z3xp0uucvk] {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, #2a1840, transparent);
}

.wlco-stage-body[b-z3xp0uucvk] {
    padding: 1.5rem;
}
.wlco-stage-body .wlco-prose:last-child[b-z3xp0uucvk] { margin-bottom: 0; }

/* Transmission block */
.wlco-transmission-block[b-z3xp0uucvk] {
    background: #150808;
    border: 1px solid #3a1010;
    border-radius: 4px;
    padding: 1rem 1.25rem;
    margin: 1.25rem 0;
}
.wlco-transmission-label[b-z3xp0uucvk] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #b71c1c;
    display: block;
    margin-bottom: 0.6rem;
}
.wlco-transmission-grid[b-z3xp0uucvk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.wlco-vector[b-z3xp0uucvk] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    padding: 0.2rem 0.6rem;
    background: #200a0a;
    border: 1px solid #4a1010;
    border-radius: 2px;
    color: #ef5350;
}

/* Crystal properties */
.wlco-crystal-properties[b-z3xp0uucvk] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 1.25rem 0;
}
.wlco-crystal-prop[b-z3xp0uucvk] {
    background: #0d0a18;
    border: 1px solid #2a1840;
    border-radius: 4px;
    padding: 0.875rem 1.25rem;
}
.wlco-crystal-prop--rare[b-z3xp0uucvk] { border-color: #4a1080; }
.wlco-crystal-prop--classified[b-z3xp0uucvk] {
    background: #0d0818;
    border-color: #2a1030;
    opacity: 0.75;
}
.wlco-prop-label[b-z3xp0uucvk] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #6a5a7a;
    display: block;
    margin-bottom: 0.4rem;
}
.wlco-crystal-prop--rare .wlco-prop-label[b-z3xp0uucvk] { color: #9c27b0; }
.wlco-crystal-prop--classified .wlco-prop-label[b-z3xp0uucvk] { color: #5c0070; }
.wlco-prop-desc[b-z3xp0uucvk] {
    font-size: 0.875rem;
    color: #9e8faf;
    line-height: 1.6;
    margin: 0;
}

/* Divider */
.wlco-divider[b-z3xp0uucvk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 2.5rem 0;
}
.wlco-divider-rule[b-z3xp0uucvk] {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, #4a1010, transparent);
}
.wlco-divider-label[b-z3xp0uucvk] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #6a3a3a;
    white-space: nowrap;
}

/* Zone block */
.wlco-zone-block[b-z3xp0uucvk] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    background: #150808;
    border: 1px solid #3a1010;
    border-left: 3px solid #b71c1c;
    border-radius: 0 4px 4px 0;
    padding: 1.25rem;
    margin-top: 1.25rem;
}
.wlco-zone-glyph[b-z3xp0uucvk] {
    font-size: 1.25rem;
    color: #b71c1c;
    flex-shrink: 0;
}
.wlco-zone-label[b-z3xp0uucvk] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #b71c1c;
    display: block;
    margin-bottom: 0.5rem;
}
.wlco-zone-body[b-z3xp0uucvk] {
    font-size: 0.9rem;
    color: #9e8faf;
    line-height: 1.65;
    margin: 0;
}

/* CTA */
.wlco-cta-block[b-z3xp0uucvk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #100c18;
    border: 1px solid #2a1840;
    border-radius: 4px;
    padding: 1rem 1.5rem;
    margin: 2rem 0;
}
.wlco-cta-label[b-z3xp0uucvk] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #6a5a7a;
    margin: 0;
}
.wlco-cta-link[b-z3xp0uucvk] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #ef5350;
    text-decoration: none;
    transition: color 0.15s;
}
.wlco-cta-link:hover[b-z3xp0uucvk] { color: #ff8a80; }

/* Nav footer */
.wlco-nav-footer[b-z3xp0uucvk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid #2a1840;
}
.wlco-nav-back[b-z3xp0uucvk], .wlco-nav-next[b-z3xp0uucvk] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #9e8faf;
    text-decoration: none;
    transition: color 0.15s;
}
.wlco-nav-back:hover[b-z3xp0uucvk], .wlco-nav-next:hover[b-z3xp0uucvk] { color: #c9b8e8; }
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiLoreDefenceCore.razor.rz.scp.css */
/* ── WikiLoreDefenceCore ──────────────────────────────────── */
.wldc-page[b-s5p4ywroxq] {
    min-height: 100vh;
    background: #09070f;
    color: #e8e0f0;
    font-family: 'Exo 2', sans-serif;
}
.wldc-header[b-s5p4ywroxq] {
    background: linear-gradient(135deg, #0d0a1a 0%, #12091e 60%, #1a0f2a 100%);
    border-bottom: 1px solid #3a2060;
    padding: 3rem 0 2.5rem;
}
.wldc-header-inner[b-s5p4ywroxq] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 2rem;
}
.wldc-breadcrumb[b-s5p4ywroxq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    color: #6a5a7a;
    margin-bottom: 1rem;
}
.wldc-breadcrumb a[b-s5p4ywroxq] { color: #9e8faf; text-decoration: none; }
.wldc-breadcrumb a:hover[b-s5p4ywroxq] { color: #c9b8e8; }
.wldc-eyebrow[b-s5p4ywroxq] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #7b1fa2;
    margin: 0 0 0.5rem;
}
.wldc-title[b-s5p4ywroxq] {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.06em;
    color: #e8e0f0;
    margin: 0 0 0.75rem;
}
.wldc-subtitle[b-s5p4ywroxq] {
    font-size: 1rem;
    color: #9e8faf;
    line-height: 1.6;
    margin: 0;
}

.wldc-body[b-s5p4ywroxq] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 3rem 2rem 4rem;
}

/* Unit grid */
.wldc-unit-grid[b-s5p4ywroxq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.25rem;
}

/* Unit cards */
.wldc-unit[b-s5p4ywroxq] {
    background: #100c18;
    border: 1px solid #2a1840;
    border-top: 2px solid #3a2060;
    border-radius: 4px;
    padding: 1.5rem;
    transition: transform 0.15s, box-shadow 0.15s;
}
.wldc-unit:hover[b-s5p4ywroxq] {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(60, 0, 80, 0.25);
}
.wldc-unit--void[b-s5p4ywroxq] { border-top-color: #5c0070; }
.wldc-unit--void:hover[b-s5p4ywroxq] { box-shadow: 0 4px 20px rgba(92, 0, 112, 0.4); }
.wldc-unit--rogue[b-s5p4ywroxq] { border-top-color: #b71c1c; }
.wldc-unit--rogue:hover[b-s5p4ywroxq] { box-shadow: 0 4px 20px rgba(183, 28, 28, 0.3); }
.wldc-unit--siege[b-s5p4ywroxq] { border-top-color: #c62828; }
.wldc-unit--classified[b-s5p4ywroxq] { border-top-color: #4a1080; }

.wldc-unit-header[b-s5p4ywroxq] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    margin-bottom: 0.875rem;
}
.wldc-unit-glyph[b-s5p4ywroxq] {
    font-size: 1.25rem;
    color: #7b1fa2;
    flex-shrink: 0;
    margin-top: 2px;
}
.wldc-unit--void .wldc-unit-glyph[b-s5p4ywroxq] { color: #9c27b0; }
.wldc-unit--rogue .wldc-unit-glyph[b-s5p4ywroxq] { color: #b71c1c; }
.wldc-unit--classified .wldc-unit-glyph[b-s5p4ywroxq] { color: #5c0070; }

.wldc-unit-name[b-s5p4ywroxq] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #e8e0f0;
    margin: 0 0 0.3rem;
}
.wldc-unit-motto[b-s5p4ywroxq] {
    font-size: 0.8rem;
    color: #9e8faf;
    font-style: italic;
    margin: 0;
}
.wldc-unit--classified .wldc-unit-motto[b-s5p4ywroxq] {
    color: #5c0070;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    letter-spacing: 0.1em;
}

.wldc-unit-body[b-s5p4ywroxq] {
    font-size: 0.875rem;
    line-height: 1.65;
    color: #9e8faf;
    margin: 0 0 0.875rem;
}
.wldc-unit--classified .wldc-unit-body[b-s5p4ywroxq] {
    color: #6a5a7a;
}

/* Tags */
.wldc-unit-tags[b-s5p4ywroxq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
.wldc-tag[b-s5p4ywroxq] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.55rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    padding: 0.2rem 0.5rem;
    border-radius: 2px;
    background: #0d0a18;
    color: #6a5a7a;
    border: 1px solid #2a1840;
}
.wldc-tag--classified[b-s5p4ywroxq] {
    background: #1a0530;
    color: #9c27b0;
    border-color: #4a1080;
}
.wldc-tag--rogue[b-s5p4ywroxq] {
    background: #1a0508;
    color: #ef5350;
    border-color: #4a1010;
}

/* Nav footer */
.wldc-nav-footer[b-s5p4ywroxq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid #2a1840;
}
.wldc-nav-back[b-s5p4ywroxq], .wldc-nav-next[b-s5p4ywroxq] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #9e8faf;
    text-decoration: none;
    transition: color 0.15s;
}
.wldc-nav-back:hover[b-s5p4ywroxq], .wldc-nav-next:hover[b-s5p4ywroxq] { color: #c9b8e8; }
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiLoreGalacticPower.razor.rz.scp.css */
/* ── WikiLoreGalacticPower ────────────────────────────────── */
.wlgp-page[b-9jgnl5p3dl] {
    min-height: 100vh;
    background: #09070f;
    color: #e8e0f0;
    font-family: 'Exo 2', sans-serif;
}
.wlgp-header[b-9jgnl5p3dl] {
    background: linear-gradient(135deg, #0d0a1a 0%, #12091e 60%, #1a0f2a 100%);
    border-bottom: 1px solid #3a2060;
    padding: 3rem 0 2.5rem;
}
.wlgp-header-inner[b-9jgnl5p3dl] {
    max-width: 920px;
    margin: 0 auto;
    padding: 0 2rem;
}
.wlgp-breadcrumb[b-9jgnl5p3dl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    color: #6a5a7a;
    margin-bottom: 1rem;
}
.wlgp-breadcrumb a[b-9jgnl5p3dl] { color: #9e8faf; text-decoration: none; }
.wlgp-breadcrumb a:hover[b-9jgnl5p3dl] { color: #c9b8e8; }
.wlgp-eyebrow[b-9jgnl5p3dl] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #7b1fa2;
    margin: 0 0 0.5rem;
}
.wlgp-title[b-9jgnl5p3dl] {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(1.5rem, 3.5vw, 2.5rem);
    font-weight: 900;
    letter-spacing: 0.06em;
    color: #e8e0f0;
    margin: 0 0 0.75rem;
}
.wlgp-subtitle[b-9jgnl5p3dl] {
    font-size: 1rem;
    color: #9e8faf;
    line-height: 1.6;
    margin: 0;
}

.wlgp-body[b-9jgnl5p3dl] {
    max-width: 920px;
    margin: 0 auto;
    padding: 3rem 2rem 4rem;
}

.wlgp-section[b-9jgnl5p3dl] { margin-bottom: 1rem; }
.wlgp-section-title[b-9jgnl5p3dl] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: #9c27b0;
    margin: 0 0 1.25rem;
}
.wlgp-prose[b-9jgnl5p3dl] {
    font-size: 1rem;
    line-height: 1.75;
    color: #c9b8e8;
    margin: 0 0 1rem;
}
.wlgp-prose--emphasis[b-9jgnl5p3dl] {
    color: #ef5350;
    font-style: italic;
    font-size: 1.05rem;
}

/* Factions */
.wlgp-factions[b-9jgnl5p3dl] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 1.5rem 0;
}
.wlgp-faction[b-9jgnl5p3dl] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    background: #100c18;
    border: 1px solid #2a1840;
    border-radius: 4px;
    padding: 1rem 1.25rem;
}
.wlgp-faction-glyph[b-9jgnl5p3dl] {
    font-size: 1rem;
    color: #7b1fa2;
    flex-shrink: 0;
    margin-top: 2px;
}
.wlgp-faction-name[b-9jgnl5p3dl] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #e8e0f0;
    margin: 0 0 0.35rem;
}
.wlgp-faction-desc[b-9jgnl5p3dl] {
    font-size: 0.875rem;
    color: #9e8faf;
    line-height: 1.55;
    margin: 0;
}

/* Power block */
.wlgp-power-block[b-9jgnl5p3dl] {
    background: #130a1e;
    border: 1px solid #4a1080;
    border-left: 3px solid #9c27b0;
    border-radius: 4px;
    padding: 1.25rem 1.5rem;
    margin: 1.5rem 0;
}
.wlgp-power-block p[b-9jgnl5p3dl] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    color: #e8e0f0;
    margin: 0;
    letter-spacing: 0.04em;
}

/* Divider */
.wlgp-divider[b-9jgnl5p3dl] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 2.5rem 0;
}
.wlgp-divider-rule[b-9jgnl5p3dl] {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, #3a2060, transparent);
}
.wlgp-divider-label[b-9jgnl5p3dl] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #6a5a7a;
    white-space: nowrap;
}

/* Containment table */
.wlgp-containment-table[b-9jgnl5p3dl] {
    background: #100c18;
    border: 1px solid #2a1840;
    border-radius: 4px;
    overflow: hidden;
    margin: 1.5rem 0;
}
.wlgp-ct-header[b-9jgnl5p3dl] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 1rem;
    padding: 0.6rem 1.25rem;
    background: #0d0a18;
    border-bottom: 1px solid #2a1840;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #6a5a7a;
}
.wlgp-ct-row[b-9jgnl5p3dl] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 1rem;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #1a1428;
    align-items: start;
}
.wlgp-ct-row:last-child[b-9jgnl5p3dl] { border-bottom: none; }
.wlgp-ct-type[b-9jgnl5p3dl] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    color: #9c27b0;
}
.wlgp-ct-method[b-9jgnl5p3dl] {
    font-size: 0.875rem;
    color: #9e8faf;
    line-height: 1.5;
}

/* Species list */
.wlgp-species-list[b-9jgnl5p3dl] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.wlgp-species-entry[b-9jgnl5p3dl] {
    background: #100c18;
    border: 1px solid #2a1840;
    border-radius: 4px;
    overflow: hidden;
}
.wlgp-species-header[b-9jgnl5p3dl] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 1rem 1.25rem;
    background: #0d0a18;
    border-bottom: 1px solid #1e1430;
}
.wlgp-species-status-dot[b-9jgnl5p3dl] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    background: #3a2060;
}
.wlgp-species--active .wlgp-species-status-dot[b-9jgnl5p3dl] { background: #ef5350; box-shadow: 0 0 6px #ef5350; }
.wlgp-species--escaped .wlgp-species-status-dot[b-9jgnl5p3dl] { background: #f57f17; box-shadow: 0 0 6px #f57f17; }
.wlgp-species--extinct .wlgp-species-status-dot[b-9jgnl5p3dl] { background: #3a2060; }
.wlgp-species--released .wlgp-species-status-dot[b-9jgnl5p3dl] { background: #2e7d32; box-shadow: 0 0 6px #2e7d32; }

.wlgp-species-codename[b-9jgnl5p3dl] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    letter-spacing: 0.12em;
    color: #6a5a7a;
    display: block;
    margin-bottom: 0.2rem;
}
.wlgp-species-name[b-9jgnl5p3dl] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    color: #e8e0f0;
    margin: 0;
    flex: 1;
}
.wlgp-species-status[b-9jgnl5p3dl] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.55rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    padding: 0.2rem 0.5rem;
    border-radius: 2px;
    background: #1e0a0a;
    color: #ef5350;
    border: 1px solid #4a1010;
    white-space: nowrap;
    margin-left: auto;
    flex-shrink: 0;
}
.wlgp-status--escaped[b-9jgnl5p3dl] { background: #1e1205; color: #f57f17; border-color: #4a2a05; }
.wlgp-status--extinct[b-9jgnl5p3dl] { background: #14121a; color: #6a5a7a; border-color: #2a1840; }
.wlgp-status--released[b-9jgnl5p3dl] { background: #091408; color: #66bb6a; border-color: #1a3a18; }

.wlgp-species-meta[b-9jgnl5p3dl] {
    display: flex;
    gap: 2rem;
    padding: 0.6rem 1.25rem;
    background: #0a0814;
    border-bottom: 1px solid #1a1428;
}
.wlgp-species-meta span[b-9jgnl5p3dl] {
    font-size: 0.78rem;
    color: #6a5a7a;
}
.wlgp-species-meta strong[b-9jgnl5p3dl] { color: #9e8faf; }

.wlgp-species-body[b-9jgnl5p3dl] {
    padding: 0 1.25rem;
    padding-top: 1rem;
    font-size: 0.9rem;
    line-height: 1.65;
    color: #9e8faf;
    margin: 0 0 0.75rem;
}
.wlgp-species-note[b-9jgnl5p3dl] {
    margin: 0;
    padding: 0.75rem 1.25rem 1.25rem;
    font-size: 0.85rem;
    color: #c9b8e8;
    font-style: italic;
    line-height: 1.6;
}

/* Nav footer */
.wlgp-nav-footer[b-9jgnl5p3dl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid #2a1840;
}
.wlgp-nav-back[b-9jgnl5p3dl], .wlgp-nav-next[b-9jgnl5p3dl] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #9e8faf;
    text-decoration: none;
    transition: color 0.15s;
}
.wlgp-nav-back:hover[b-9jgnl5p3dl], .wlgp-nav-next:hover[b-9jgnl5p3dl] { color: #c9b8e8; }
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiLoreRifts.razor.rz.scp.css */
/* ── WikiLoreRifts ────────────────────────────────────────── */
.wlr-page[b-on93zck996] {
    min-height: 100vh;
    background: #09070f;
    color: #e8e0f0;
    font-family: 'Exo 2', sans-serif;
}
.wlr-header[b-on93zck996] {
    background: linear-gradient(135deg, #0d0a1a 0%, #12091e 60%, #1a0f2a 100%);
    border-bottom: 1px solid #3a2060;
    padding: 3rem 0 2.5rem;
}
.wlr-header-inner[b-on93zck996] {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 2rem;
}
.wlr-breadcrumb[b-on93zck996] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    color: #6a5a7a;
    margin-bottom: 1rem;
}
.wlr-breadcrumb a[b-on93zck996] { color: #9e8faf; text-decoration: none; }
.wlr-breadcrumb a:hover[b-on93zck996] { color: #c9b8e8; }
.wlr-eyebrow[b-on93zck996] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #7b1fa2;
    margin: 0 0 0.5rem;
}
.wlr-title[b-on93zck996] {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.06em;
    color: #e8e0f0;
    margin: 0 0 0.75rem;
}
.wlr-subtitle[b-on93zck996] {
    font-size: 1rem;
    color: #9e8faf;
    line-height: 1.6;
    margin: 0;
}

.wlr-body[b-on93zck996] {
    max-width: 860px;
    margin: 0 auto;
    padding: 3rem 2rem 4rem;
}

.wlr-intro-section[b-on93zck996] { margin-bottom: 1rem; }
.wlr-prose[b-on93zck996] {
    font-size: 1rem;
    line-height: 1.75;
    color: #c9b8e8;
    margin: 0 0 1rem;
}
.wlr-prose--emphasis[b-on93zck996] {
    color: #e8e0f0;
    font-style: italic;
}

/* Divider */
.wlr-divider[b-on93zck996] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 2.5rem 0;
}
.wlr-divider-rule[b-on93zck996] {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, #3a2060, transparent);
}
.wlr-divider-label[b-on93zck996] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #6a5a7a;
    white-space: nowrap;
}

/* Rift entries */
.wlr-rift-list[b-on93zck996] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.wlr-rift-entry[b-on93zck996] {
    background: #100c18;
    border: 1px solid #2a1840;
    border-top: 2px solid #3a2060;
    border-radius: 4px;
    overflow: hidden;
}
.wlr-rift-header[b-on93zck996] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem 1.5rem 1.25rem;
    border-bottom: 1px solid #1e1430;
    background: #0d0a18;
}
.wlr-rift-glyph[b-on93zck996] {
    font-size: 1.5rem;
    color: #7b1fa2;
    flex-shrink: 0;
    margin-top: 2px;
}
.wlr-rift-tag[b-on93zck996] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #6a5a7a;
    display: block;
    margin-bottom: 0.3rem;
}
.wlr-rift-name[b-on93zck996] {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #e8e0f0;
    margin: 0;
}
.wlr-rift-body[b-on93zck996] {
    padding: 1.5rem;
}
.wlr-rift-body .wlr-prose:last-child[b-on93zck996] { margin-bottom: 0; }

/* Quotes */
.wlr-quote[b-on93zck996] {
    background: #0d0718;
    border-left: 3px solid #5c0070;
    padding: 0.875rem 1.25rem;
    margin: 1.25rem 0;
    border-radius: 0 4px 4px 0;
}
.wlr-quote p[b-on93zck996] {
    font-size: 0.95rem;
    color: #e8e0f0;
    font-style: italic;
    line-height: 1.6;
    margin: 0 0 0.35rem;
}
.wlr-quote cite[b-on93zck996] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    letter-spacing: 0.08em;
    color: #6a5a7a;
    font-style: normal;
}
.wlr-quote--loop[b-on93zck996] {
    border-left-color: #3a2060;
}
.wlr-quote--loop p[b-on93zck996] { color: #9e8faf; }
.wlr-quote--danger[b-on93zck996] {
    border-left-color: #b71c1c;
    background: #1a0a0a;
}
.wlr-quote--danger p[b-on93zck996] { color: #ef5350; }

/* Warning blocks */
.wlr-rift-warning[b-on93zck996] {
    background: #150a08;
    border: 1px solid #4a1010;
    border-left: 3px solid #b71c1c;
    border-radius: 0 4px 4px 0;
    padding: 1rem 1.25rem;
    margin-top: 1.25rem;
}
.wlr-warning-label[b-on93zck996] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #b71c1c;
    display: block;
    margin-bottom: 0.4rem;
}
.wlr-rift-warning p[b-on93zck996] {
    font-size: 0.9rem;
    color: #c9b8e8;
    line-height: 1.6;
    margin: 0;
    font-style: italic;
}

/* Nav footer */
.wlr-nav-footer[b-on93zck996] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid #2a1840;
}
.wlr-nav-back[b-on93zck996], .wlr-nav-next[b-on93zck996] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #9e8faf;
    text-decoration: none;
    transition: color 0.15s;
}
.wlr-nav-back:hover[b-on93zck996], .wlr-nav-next:hover[b-on93zck996] { color: #c9b8e8; }
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiLoreUniverse.razor.rz.scp.css */
/* ── WikiLoreUniverse ─────────────────────────────────────── */
.wlu-page[b-xlycv3wrw2] {
    min-height: 100vh;
    background: #09070f;
    color: #e8e0f0;
    font-family: 'Exo 2', sans-serif;
}
.wlu-header[b-xlycv3wrw2] {
    background: linear-gradient(135deg, #0d0a1a 0%, #12091e 60%, #1a0f2a 100%);
    border-bottom: 1px solid #3a2060;
    padding: 3rem 0 2.5rem;
}
.wlu-header-inner[b-xlycv3wrw2] {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 2rem;
}
.wlu-breadcrumb[b-xlycv3wrw2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    color: #6a5a7a;
    margin-bottom: 1rem;
}
.wlu-breadcrumb a[b-xlycv3wrw2] { color: #9e8faf; text-decoration: none; }
.wlu-breadcrumb a:hover[b-xlycv3wrw2] { color: #c9b8e8; }
.wlu-eyebrow[b-xlycv3wrw2] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #7b1fa2;
    margin: 0 0 0.5rem;
}
.wlu-title[b-xlycv3wrw2] {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.06em;
    color: #e8e0f0;
    margin: 0 0 0.75rem;
}
.wlu-subtitle[b-xlycv3wrw2] {
    font-size: 1rem;
    color: #9e8faf;
    line-height: 1.6;
    margin: 0;
}

/* Body */
.wlu-body[b-xlycv3wrw2] {
    max-width: 860px;
    margin: 0 auto;
    padding: 3rem 2rem 4rem;
}

/* Prose */
.wlu-prose[b-xlycv3wrw2] {
    font-size: 1rem;
    line-height: 1.75;
    color: #c9b8e8;
    margin: 0 0 1rem;
}
.wlu-prose--emphasis[b-xlycv3wrw2] {
    color: #e8e0f0;
    font-style: italic;
    font-size: 1.05rem;
}

/* Divider */
.wlu-divider-block[b-xlycv3wrw2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 2.5rem 0;
}
.wlu-divider-rule[b-xlycv3wrw2] {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, #3a2060, transparent);
}
.wlu-divider-glyph[b-xlycv3wrw2] {
    font-size: 1.2rem;
    color: #7b1fa2;
}
.wlu-divider-label[b-xlycv3wrw2] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #6a5a7a;
}

/* Void Rift section */
.wlu-void-rift-section[b-xlycv3wrw2] { margin-bottom: 1rem; }
.wlu-section-title[b-xlycv3wrw2] {
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #9c27b0;
    margin: 0 0 1.25rem;
}

/* Classes */
.wlu-section-intro[b-xlycv3wrw2] {
    font-size: 1rem;
    line-height: 1.7;
    color: #9e8faf;
    margin: 0 0 2rem;
    font-style: italic;
}
.wlu-class-grid[b-xlycv3wrw2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 1.25rem;
}
.wlu-class-card[b-xlycv3wrw2] {
    background: #100c18;
    border: 1px solid #2a1840;
    border-top: 2px solid #3a2060;
    border-radius: 4px;
    overflow: hidden;
}
.wlu-class-card[data-class="enforcer"][b-xlycv3wrw2] { border-top-color: #c62828; }
.wlu-class-card[data-class="phantom"][b-xlycv3wrw2]  { border-top-color: #1565c0; }
.wlu-class-card[data-class="mutant"][b-xlycv3wrw2]   { border-top-color: #2e7d32; }
.wlu-class-card[data-class="engineer"][b-xlycv3wrw2] { border-top-color: #e65100; }
.wlu-class-card[data-class="voidstrider"][b-xlycv3wrw2] { border-top-color: #7b1fa2; }
.wlu-class-card[data-class="aristocrat"][b-xlycv3wrw2] { border-top-color: #f57f17; }

.wlu-class-bar[b-xlycv3wrw2] { display: none; }
.wlu-class-inner[b-xlycv3wrw2] { padding: 1.25rem 1.5rem; }
.wlu-class-name[b-xlycv3wrw2] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: #e8e0f0;
    margin: 0 0 0.75rem;
}
.wlu-class-body[b-xlycv3wrw2] {
    font-size: 0.9rem;
    line-height: 1.65;
    color: #9e8faf;
    margin: 0 0 0.75rem;
}
.wlu-class-epithet[b-xlycv3wrw2] {
    font-size: 0.85rem;
    color: #c9b8e8;
    font-style: italic;
    margin: 0;
    padding-top: 0.5rem;
    border-top: 1px solid #2a1840;
}

/* Nav footer */
.wlu-nav-footer[b-xlycv3wrw2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid #2a1840;
}
.wlu-nav-back[b-xlycv3wrw2], .wlu-nav-next[b-xlycv3wrw2] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #9e8faf;
    text-decoration: none;
    transition: color 0.15s;
}
.wlu-nav-back:hover[b-xlycv3wrw2], .wlu-nav-next:hover[b-xlycv3wrw2] { color: #c9b8e8; }
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiLoreVoid.razor.rz.scp.css */
/* ── WikiLoreVoid ─────────────────────────────────────────── */
.wlv-page[b-4irgu0tlxh] {
    min-height: 100vh;
    background: #09070f;
    color: #e8e0f0;
    font-family: 'Exo 2', sans-serif;
}
.wlv-header[b-4irgu0tlxh] {
    background: linear-gradient(135deg, #0d0515 0%, #0f0820 60%, #1a0530 100%);
    border-bottom: 1px solid #3a1060;
    padding: 3rem 0 2.5rem;
}
.wlv-header-inner[b-4irgu0tlxh] {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 2rem;
}
.wlv-breadcrumb[b-4irgu0tlxh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    color: #6a4a7a;
    margin-bottom: 1rem;
}
.wlv-breadcrumb a[b-4irgu0tlxh] { color: #9e7faf; text-decoration: none; }
.wlv-breadcrumb a:hover[b-4irgu0tlxh] { color: #c9a8e8; }
.wlv-eyebrow[b-4irgu0tlxh] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #7b0fa2;
    margin: 0 0 0.5rem;
}
.wlv-title[b-4irgu0tlxh] {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.06em;
    color: #e8e0f0;
    margin: 0 0 0.75rem;
    text-shadow: 0 0 60px rgba(100, 0, 150, 0.5);
}
.wlv-subtitle[b-4irgu0tlxh] {
    font-size: 1rem;
    color: #9e8faf;
    line-height: 1.6;
    margin: 0;
}

.wlv-body[b-4irgu0tlxh] {
    max-width: 860px;
    margin: 0 auto;
    padding: 3rem 2rem 4rem;
}

.wlv-section[b-4irgu0tlxh] { margin-bottom: 0.5rem; }
.wlv-section-title[b-4irgu0tlxh] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: #9c27b0;
    margin: 0 0 1.25rem;
}
.wlv-prose[b-4irgu0tlxh] {
    font-size: 1rem;
    line-height: 1.75;
    color: #c9b8e8;
    margin: 0 0 1rem;
}
.wlv-prose--muted[b-4irgu0tlxh] { color: #6a5a7a; font-style: italic; }
.wlv-prose--closing[b-4irgu0tlxh] {
    color: #e8e0f0;
    font-style: italic;
    border-left: 2px solid #7b1fa2;
    padding-left: 1rem;
    margin-top: 1.5rem;
}

/* Definition block */
.wlv-definition[b-4irgu0tlxh] {
    background: #130a1e;
    border: 1px solid #4a1080;
    border-left: 3px solid #9c27b0;
    border-radius: 4px;
    padding: 1.25rem 1.5rem;
    margin: 1.5rem 0;
}
.wlv-definition p[b-4irgu0tlxh] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: #e8e0f0;
    margin: 0;
    letter-spacing: 0.04em;
}

/* Divider */
.wlv-divider[b-4irgu0tlxh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 2.5rem 0;
}
.wlv-divider-rule[b-4irgu0tlxh] {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, #4a1080, transparent);
}
.wlv-divider-label[b-4irgu0tlxh] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #6a3a7a;
    white-space: nowrap;
}

/* Effects */
.wlv-effect-list[b-4irgu0tlxh] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin: 1.5rem 0;
}
.wlv-effect[b-4irgu0tlxh] {
    background: #100c18;
    border: 1px solid #2a1840;
    border-radius: 4px;
    padding: 1.25rem 1.5rem;
}
.wlv-effect-header[b-4irgu0tlxh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}
.wlv-effect-glyph[b-4irgu0tlxh] {
    font-size: 1rem;
    color: #7b1fa2;
}
.wlv-effect-name[b-4irgu0tlxh] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #c9b8e8;
    margin: 0;
}
.wlv-effect-body[b-4irgu0tlxh] {
    font-size: 0.925rem;
    line-height: 1.7;
    color: #9e8faf;
    margin: 0;
}
.wlv-effect-body em[b-4irgu0tlxh] { color: #c9b8e8; }

/* Quotes */
.wlv-quote[b-4irgu0tlxh] {
    background: #0d0718;
    border-left: 3px solid #5c0070;
    padding: 1rem 1.5rem;
    margin: 1.5rem 0;
    border-radius: 0 4px 4px 0;
}
.wlv-quote-text[b-4irgu0tlxh] {
    font-size: 1rem;
    line-height: 1.6;
    color: #e8e0f0;
    font-style: italic;
    margin: 0 0 0.5rem;
}
.wlv-quote-cite[b-4irgu0tlxh] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    color: #6a5a7a;
    font-style: normal;
}

/* Nav footer */
.wlv-nav-footer[b-4irgu0tlxh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid #2a1840;
}
.wlv-nav-back[b-4irgu0tlxh], .wlv-nav-next[b-4irgu0tlxh] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #9e8faf;
    text-decoration: none;
    transition: color 0.15s;
}
.wlv-nav-back:hover[b-4irgu0tlxh], .wlv-nav-next:hover[b-4irgu0tlxh] { color: #c9b8e8; }
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiLoreVoidcalls.razor.rz.scp.css */
/* ── WikiLoreVoidcalls ────────────────────────────────────── */
.wlvc-page[b-kq9crhqst1] {
    min-height: 100vh;
    background: #09070f;
    color: #e8e0f0;
    font-family: 'Exo 2', sans-serif;
}
.wlvc-header[b-kq9crhqst1] {
    background: linear-gradient(135deg, #0d0515 0%, #0f0820 60%, #1a0530 100%);
    border-bottom: 1px solid #3a1060;
    padding: 3rem 0 2.5rem;
}
.wlvc-header-inner[b-kq9crhqst1] {
    max-width: 860px;
    margin: 0 auto;
    padding: 0 2rem;
}
.wlvc-breadcrumb[b-kq9crhqst1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    letter-spacing: 0.08em;
    color: #6a4a7a;
    margin-bottom: 1rem;
}
.wlvc-breadcrumb a[b-kq9crhqst1] { color: #9e7faf; text-decoration: none; }
.wlvc-breadcrumb a:hover[b-kq9crhqst1] { color: #c9a8e8; }
.wlvc-eyebrow[b-kq9crhqst1] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #7b0fa2;
    margin: 0 0 0.5rem;
}
.wlvc-title[b-kq9crhqst1] {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(1.6rem, 3.5vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.06em;
    color: #e8e0f0;
    margin: 0 0 0.75rem;
}
.wlvc-subtitle[b-kq9crhqst1] {
    font-size: 1rem;
    color: #9e8faf;
    line-height: 1.6;
    margin: 0;
}

.wlvc-body[b-kq9crhqst1] {
    max-width: 860px;
    margin: 0 auto;
    padding: 3rem 2rem 4rem;
}

.wlvc-section[b-kq9crhqst1] { margin-bottom: 0.5rem; }
.wlvc-section-title[b-kq9crhqst1] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: #9c27b0;
    margin: 0 0 1.25rem;
}
.wlvc-prose[b-kq9crhqst1] {
    font-size: 1rem;
    line-height: 1.75;
    color: #c9b8e8;
    margin: 0 0 1rem;
}
.wlvc-prose--emphasis[b-kq9crhqst1] {
    color: #e8e0f0;
    font-style: italic;
    border-left: 2px solid #7b1fa2;
    padding-left: 1rem;
}
.wlvc-prose--closing[b-kq9crhqst1] {
    color: #c9b8e8;
    font-style: italic;
}

/* Divider */
.wlvc-divider[b-kq9crhqst1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 2.5rem 0;
}
.wlvc-divider-rule[b-kq9crhqst1] {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, #4a1080, transparent);
}
.wlvc-divider-label[b-kq9crhqst1] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: #6a3a7a;
    white-space: nowrap;
}

/* Examples */
.wlvc-examples[b-kq9crhqst1] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 1.5rem 0;
}
.wlvc-example[b-kq9crhqst1] {
    display: flex;
    gap: 0.875rem;
    align-items: flex-start;
    background: #100c18;
    border: 1px solid #2a1840;
    border-radius: 4px;
    padding: 1rem 1.25rem;
}
.wlvc-example-glyph[b-kq9crhqst1] {
    font-size: 1rem;
    color: #7b1fa2;
    flex-shrink: 0;
    margin-top: 2px;
}
.wlvc-example-who[b-kq9crhqst1] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #c9b8e8;
    display: block;
    margin-bottom: 0.4rem;
}
.wlvc-example-power[b-kq9crhqst1] {
    font-size: 0.875rem;
    color: #9e8faf;
    line-height: 1.6;
    margin: 0;
}

/* Price block */
.wlvc-price-block[b-kq9crhqst1] {
    background: #150a1a;
    border: 1px solid #4a1080;
    border-left: 3px solid #9c27b0;
    border-radius: 4px;
    padding: 1.25rem 1.5rem;
    margin: 1.5rem 0;
}
.wlvc-price-block p[b-kq9crhqst1] {
    font-size: 1rem;
    color: #e8e0f0;
    font-style: italic;
    margin: 0;
}

/* Theories */
.wlvc-theory-list[b-kq9crhqst1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1.5rem 0;
}
.wlvc-theory[b-kq9crhqst1] {
    display: flex;
    gap: 0.875rem;
    align-items: flex-start;
    background: #0d0a18;
    border: 1px solid #2a1840;
    border-radius: 4px;
    padding: 1.25rem;
}
.wlvc-theory-glyph[b-kq9crhqst1] {
    font-size: 1.1rem;
    color: #5c0070;
    flex-shrink: 0;
    margin-top: 2px;
}
.wlvc-theory-body[b-kq9crhqst1] {
    font-size: 0.9rem;
    line-height: 1.7;
    color: #9e8faf;
    margin: 0;
}
.wlvc-theory-body em[b-kq9crhqst1] { color: #c9b8e8; }

/* CTA */
.wlvc-cta-block[b-kq9crhqst1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #100c18;
    border: 1px solid #2a1840;
    border-radius: 4px;
    padding: 1rem 1.5rem;
    margin: 2rem 0;
}
.wlvc-cta-label[b-kq9crhqst1] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #6a5a7a;
    margin: 0;
}
.wlvc-cta-link[b-kq9crhqst1] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #9c27b0;
    text-decoration: none;
    transition: color 0.15s;
}
.wlvc-cta-link:hover[b-kq9crhqst1] { color: #ce93d8; }

/* Nav footer */
.wlvc-nav-footer[b-kq9crhqst1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid #2a1840;
}
.wlvc-nav-back[b-kq9crhqst1], .wlvc-nav-next[b-kq9crhqst1] {
    font-family: 'Orbitron', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #9e8faf;
    text-decoration: none;
    transition: color 0.15s;
}
.wlvc-nav-back:hover[b-kq9crhqst1], .wlvc-nav-next:hover[b-kq9crhqst1] { color: #c9b8e8; }
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiMutations.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wmt-page[b-x4if7tlwxe] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wmt-header[b-x4if7tlwxe] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.wmt-header[b-x4if7tlwxe]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 50% 50%, rgba(123,31,162,0.1) 0%, transparent 65%);
    pointer-events: none;
}

.wmt-header-inner[b-x4if7tlwxe] {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.wmt-breadcrumb[b-x4if7tlwxe] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.wmt-breadcrumb a[b-x4if7tlwxe] { color: var(--accent-bright); text-decoration: none; }
.wmt-breadcrumb a:hover[b-x4if7tlwxe] { color: var(--text-bright); }

.wmt-title[b-x4if7tlwxe] {
    font-family: var(--font-display);
    font-size: clamp(1.6rem, 4vw, 2.6rem);
    font-weight: 900;
    letter-spacing: 0.1em;
    color: var(--text-bright);
    margin-bottom: 0.6rem;
}

.wmt-subtitle[b-x4if7tlwxe] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── BODY ─────────────────────────────────────────────── */

.wmt-body[b-x4if7tlwxe] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* ── CONTEXT BLOCK ────────────────────────────────────── */

.wmt-context-block[b-x4if7tlwxe] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-left: 3px solid rgba(123,31,162,0.6);
    border-radius: 5px;
    padding: 1.1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.wmt-context-label[b-x4if7tlwxe] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.2em;
    color: var(--accent-bright);
    margin-bottom: 0.25rem;
}

.wmt-context-intro[b-x4if7tlwxe] {
    font-family: var(--font-body);
    font-size: 0.83rem;
    color: var(--text-muted);
    line-height: 1.6;
    margin: 0;
}

.wmt-context-line[b-x4if7tlwxe] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-secondary);
    line-height: 1.55;
    margin: 0;
    padding-left: 0.5rem;
    border-left: 1px solid var(--border-dark);
}

/* ── ROLL HEADER ──────────────────────────────────────── */

.wmt-roll-header[b-x4if7tlwxe] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.wmt-roll-label[b-x4if7tlwxe] {
    font-family: var(--font-display);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: var(--accent-bright);
    background: color-mix(in srgb, var(--class-voidstrider) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--class-voidstrider) 30%, transparent);
    padding: 0.25rem 0.65rem;
    border-radius: 2px;
}

.wmt-roll-desc[b-x4if7tlwxe] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-secondary);
}

/* ── GRID ─────────────────────────────────────────────── */

.wmt-grid[b-x4if7tlwxe] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
}

/* ── CARD ─────────────────────────────────────────────── */

.wmt-card[b-x4if7tlwxe] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    transition: border-color 200ms ease, box-shadow 200ms ease;
}

.wmt-card:hover[b-x4if7tlwxe] {
    border-color: rgba(123,31,162,0.5);
    box-shadow: 0 4px 24px rgba(0,0,0,0.4), 0 0 12px rgba(123,31,162,0.15);
}

.wmt-card-roll[b-x4if7tlwxe] {
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 900;
    color: var(--accent-bright);
    background: color-mix(in srgb, var(--class-voidstrider) 10%, var(--surface-2));
    border-right: 1px solid var(--border-dark);
    width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    letter-spacing: 0;
}

.wmt-card-body[b-x4if7tlwxe] {
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    flex: 1;
}

.wmt-name[b-x4if7tlwxe] {
    font-family: var(--font-display);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    color: var(--text-bright);
    margin: 0;
}

.wmt-stat-bonuses[b-x4if7tlwxe] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.wmt-stat-bonus[b-x4if7tlwxe] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.1em;
    padding: 0.18rem 0.5rem;
    background: rgba(102,187,106,0.1);
    border: 1px solid rgba(102,187,106,0.25);
    border-radius: 2px;
    color: #88cc8a;
}

/* ── BOON / CURSE ─────────────────────────────────────── */

.wmt-boon-curse[b-x4if7tlwxe] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.wmt-boon[b-x4if7tlwxe],
.wmt-curse[b-x4if7tlwxe] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.55rem 0.7rem;
    border-radius: 4px;
}

.wmt-boon[b-x4if7tlwxe] {
    background: rgba(46,125,50,0.08);
    border: 1px solid rgba(46,125,50,0.2);
}

.wmt-curse[b-x4if7tlwxe] {
    background: rgba(183,28,28,0.08);
    border: 1px solid rgba(183,28,28,0.2);
}

.wmt-bc-label[b-x4if7tlwxe] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 0.2em;
    font-weight: 700;
}

.boon-label[b-x4if7tlwxe]  { color: #66bb6a; }
.curse-label[b-x4if7tlwxe] { color: #ef5350; }

.wmt-bc-text[b-x4if7tlwxe] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin: 0;
}

.wmt-empty[b-x4if7tlwxe] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-secondary);
    text-align: center;
    padding: 3rem;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiParasites.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wpar-page[b-9jsu7dqfht] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wpar-header[b-9jsu7dqfht] {
    background: linear-gradient(135deg, #080d08 0%, #0c130c 60%, #121a12 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.wpar-header[b-9jsu7dqfht]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 50% 50%, rgba(46,125,50,0.1) 0%, transparent 65%);
    pointer-events: none;
}

.wpar-header-inner[b-9jsu7dqfht] { max-width: 860px; margin: 0 auto; text-align: center; position: relative; }

.wpar-breadcrumb[b-9jsu7dqfht] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    margin-bottom: 0.6rem;
    display: flex; align-items: center; justify-content: center; gap: 0.4rem;
}

.wpar-breadcrumb a[b-9jsu7dqfht] { color: var(--accent-bright); text-decoration: none; }
.wpar-breadcrumb a:hover[b-9jsu7dqfht] { color: var(--text-bright); }

.wpar-class-badge[b-9jsu7dqfht] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    letter-spacing: 0.22em;
    color: var(--class-mutant);
    background: color-mix(in srgb, var(--class-mutant) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--class-mutant) 25%, transparent);
    display: inline-block;
    padding: 0.22rem 0.7rem;
    border-radius: 2px;
    margin-bottom: 0.7rem;
}

.wpar-title[b-9jsu7dqfht] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.6rem;
}

.wpar-subtitle[b-9jsu7dqfht] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── BODY ─────────────────────────────────────────────── */

.wpar-body[b-9jsu7dqfht] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

/* ── RULES BAR ────────────────────────────────────────── */

.wpar-rules-bar[b-9jsu7dqfht] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}

.wpar-rule-item[b-9jsu7dqfht] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-left: 2px solid var(--class-mutant);
    border-radius: 4px;
    padding: 0.85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.wpar-rule-label[b-9jsu7dqfht] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.2em;
    color: var(--class-mutant);
}

.wpar-rule-text[b-9jsu7dqfht] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin: 0;
}

/* ── GROUP ────────────────────────────────────────────── */

.wpar-group[b-9jsu7dqfht] { display: flex; flex-direction: column; gap: 0.85rem; }

.wpar-group-label[b-9jsu7dqfht] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.25em;
    color: var(--text-secondary);
    border-bottom: 1px solid var(--border-dark);
    padding-bottom: 0.5rem;
}

.wpar-grid[b-9jsu7dqfht] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

/* ── TYPE COLORS ──────────────────────────────────────── */

.wpar-group.offensive[b-9jsu7dqfht]  { --par-color: #c62828; }
.wpar-group.control[b-9jsu7dqfht]    { --par-color: #1565c0; }
.wpar-group.utility[b-9jsu7dqfht]    { --par-color: #7b1fa2; }
.wpar-group.disruptor[b-9jsu7dqfht]  { --par-color: #e65100; }
.wpar-group.defensive[b-9jsu7dqfht]  { --par-color: #2e7d32; }
.wpar-group.healing[b-9jsu7dqfht]    { --par-color: #2e7d32; }
.wpar-group.necrotic[b-9jsu7dqfht]   { --par-color: #6a1b9a; }

/* ── CARD ─────────────────────────────────────────────── */

.wpar-card[b-9jsu7dqfht] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    transition: border-color 200ms ease, box-shadow 200ms ease;
}

.wpar-card:hover[b-9jsu7dqfht] {
    border-color: color-mix(in srgb, var(--par-color, var(--class-mutant)) 45%, var(--border-dark));
    box-shadow: 0 3px 18px rgba(0,0,0,0.3);
}

.wpar-card-bar[b-9jsu7dqfht] { width: 3px; background: var(--par-color, var(--class-mutant)); flex-shrink: 0; }

.wpar-card-inner[b-9jsu7dqfht] {
    padding: 0.9rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    flex: 1;
}

.wpar-card-head[b-9jsu7dqfht] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.wpar-name[b-9jsu7dqfht] {
    font-family: var(--font-display);
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--text-bright);
    margin: 0 0 0.3rem;
}

.wpar-badges[b-9jsu7dqfht] { display: flex; flex-wrap: wrap; gap: 0.3rem; }

.wpar-badge[b-9jsu7dqfht] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 0.1em;
    padding: 0.15rem 0.42rem;
    border-radius: 2px;
}

.wpar-badge.delivery[b-9jsu7dqfht] { background: rgba(255,255,255,0.05); border: 1px solid var(--border-dark); color: var(--text-secondary); }
.wpar-badge.level[b-9jsu7dqfht]    { background: color-mix(in srgb, var(--class-mutant) 10%, transparent); border: 1px solid color-mix(in srgb, var(--class-mutant) 25%, transparent); color: var(--class-mutant); }

.wpar-type-tag[b-9jsu7dqfht] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 0.12em;
    padding: 0.18rem 0.5rem;
    border-radius: 2px;
    flex-shrink: 0;
    height: fit-content;
}

.wpar-type-tag.offensive[b-9jsu7dqfht] { background: rgba(198,40,40,0.12); border: 1px solid rgba(198,40,40,0.3); color: #ef9a9a; }
.wpar-type-tag.control[b-9jsu7dqfht]   { background: rgba(21,101,192,0.12); border: 1px solid rgba(21,101,192,0.3); color: #90caf9; }
.wpar-type-tag.utility[b-9jsu7dqfht]   { background: rgba(123,31,162,0.12); border: 1px solid rgba(123,31,162,0.3); color: #ce93d8; }
.wpar-type-tag.disruptor[b-9jsu7dqfht] { background: rgba(230,81,0,0.12);   border: 1px solid rgba(230,81,0,0.3);   color: #ffcc80; }
.wpar-type-tag.defensive[b-9jsu7dqfht] { background: rgba(46,125,50,0.12);  border: 1px solid rgba(46,125,50,0.3);  color: #a5d6a7; }
.wpar-type-tag.healing[b-9jsu7dqfht]   { background: rgba(46,125,50,0.12);  border: 1px solid rgba(46,125,50,0.3);  color: #a5d6a7; }
.wpar-type-tag.necrotic[b-9jsu7dqfht]  { background: rgba(106,27,154,0.12); border: 1px solid rgba(106,27,154,0.3); color: #ce93d8; }

.wpar-summary[b-9jsu7dqfht] {
    font-family: var(--font-body);
    font-size: 0.81rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin: 0;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiSkills.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wsk-page[b-wotymsbouh] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wsk-header[b-wotymsbouh] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.wsk-header[b-wotymsbouh]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 50% 50%, rgba(123,31,162,0.07) 0%, transparent 65%);
    pointer-events: none;
}

.wsk-header-inner[b-wotymsbouh] {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.wsk-breadcrumb[b-wotymsbouh] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.wsk-breadcrumb a[b-wotymsbouh] { color: var(--accent-bright); text-decoration: none; }
.wsk-breadcrumb a:hover[b-wotymsbouh] { color: var(--text-bright); }

.wsk-title[b-wotymsbouh] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.6rem;
}

.wsk-subtitle[b-wotymsbouh] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── BODY ─────────────────────────────────────────────── */

.wsk-body[b-wotymsbouh] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}

/* ── GROUP ────────────────────────────────────────────── */

.wsk-group[b-wotymsbouh] { --class-color: var(--accent); }

.wsk-group[data-class="enforcer"][b-wotymsbouh]    { --class-color: var(--class-enforcer); }
.wsk-group[data-class="phantom"][b-wotymsbouh]     { --class-color: var(--class-phantom); }
.wsk-group[data-class="mutant"][b-wotymsbouh]      { --class-color: var(--class-mutant); }
.wsk-group[data-class="engineer"][b-wotymsbouh]    { --class-color: var(--class-engineer); }
.wsk-group[data-class="voidstrider"][b-wotymsbouh] { --class-color: var(--class-voidstrider); }
.wsk-group[data-class="aristocrat"][b-wotymsbouh]  { --class-color: var(--class-aristocrat); }

.wsk-group-header[b-wotymsbouh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.wsk-group-rule[b-wotymsbouh] {
    flex: 1;
    height: 1px;
    background: color-mix(in srgb, var(--class-color) 35%, var(--border-dark));
}

.wsk-group-title[b-wotymsbouh] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: var(--class-color);
    white-space: nowrap;
}

/* ── GRID ─────────────────────────────────────────────── */

.wsk-grid[b-wotymsbouh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

/* ── CARD ─────────────────────────────────────────────── */

.wsk-card[b-wotymsbouh] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-left: 3px solid var(--class-color);
    border-radius: 4px;
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    transition: border-color 200ms ease, box-shadow 200ms ease;
}

.wsk-card:hover[b-wotymsbouh] {
    border-color: color-mix(in srgb, var(--class-color) 60%, var(--border-dark));
    box-shadow: 0 2px 16px rgba(0,0,0,0.3);
}

.wsk-card-top[b-wotymsbouh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.wsk-skill-name[b-wotymsbouh] {
    font-family: var(--font-display);
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--text-bright);
    margin: 0;
}

.wsk-stats[b-wotymsbouh] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    flex-shrink: 0;
}

.wsk-stat-badge[b-wotymsbouh] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.1em;
    padding: 0.15rem 0.45rem;
    border-radius: 2px;
    text-transform: uppercase;
}

.wsk-stat-badge.primary[b-wotymsbouh] {
    background: color-mix(in srgb, var(--class-color) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--class-color) 35%, transparent);
    color: color-mix(in srgb, var(--class-color) 90%, var(--text-bright));
}

.wsk-stat-badge.bonus[b-wotymsbouh] {
    background: rgba(255,255,255,0.04);
    border: 1px solid var(--border-dark);
    color: var(--text-secondary);
}

.wsk-stat-plus[b-wotymsbouh] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    color: var(--text-secondary);
}

.wsk-desc[b-wotymsbouh] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin: 0;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiSpecies.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wsp-page[b-n5he9tnsxa] { min-height: 100vh; }

.wsp-header[b-n5he9tnsxa] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
}

.wsp-header-inner[b-n5he9tnsxa] { max-width: 1100px; margin: 0 auto; }

.wsp-breadcrumb[b-n5he9tnsxa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.18em;
    color: var(--text-dim);
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.wsp-breadcrumb a[b-n5he9tnsxa] {
    color: var(--accent-bright);
    text-decoration: none;
}

.wsp-breadcrumb a:hover[b-n5he9tnsxa] { color: var(--text-bright); }

.wsp-title[b-n5he9tnsxa] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.4rem;
}

.wsp-subtitle[b-n5he9tnsxa] {
    font-family: var(--font-body);
    font-size: 0.95rem;
    color: var(--text-muted);
}

/* ── BODY ─────────────────────────────────────────────── */

.wsp-body[b-n5he9tnsxa] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
}

/* ── GRID ─────────────────────────────────────────────── */

.wsp-grid[b-n5he9tnsxa] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.1rem;
}

/* ── CARD ─────────────────────────────────────────────── */

.wsp-card[b-n5he9tnsxa] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.wsp-card:hover[b-n5he9tnsxa] {
    transform: translateY(-2px);
    border-color: var(--accent-bright);
    box-shadow: 0 4px 20px rgba(0,0,0,0.4), 0 0 10px rgba(123,31,162,0.15);
}

.wsp-card-inner[b-n5he9tnsxa] {
    padding: 1.35rem 1.35rem 1rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.wsp-card-header[b-n5he9tnsxa] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 0.2rem;
}

.wsp-alias[b-n5he9tnsxa] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.2em;
    color: var(--accent-bright);
    text-transform: uppercase;
}

.wsp-name[b-n5he9tnsxa] {
    font-family: var(--font-display);
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--text-bright);
}

.wsp-tagline[b-n5he9tnsxa] {
    font-family: var(--font-body);
    font-size: 0.83rem;
    color: var(--text-muted);
    line-height: 1.55;
    flex: 1;
}

.wsp-cta[b-n5he9tnsxa] {
    font-family: var(--font-display);
    font-size: 0.62rem;
    letter-spacing: 0.12em;
    color: var(--accent-bright);
    margin-top: 0.5rem;
}

/* ── TIER INDICATORS ──────────────────────────────────── */

.wsp-card-tier-indicators[b-n5he9tnsxa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.35rem;
    background: var(--surface-2);
    border-top: 1px solid var(--border-dark);
}

.wsp-tier[b-n5he9tnsxa] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 0.15em;
    color: var(--text-dim);
    text-transform: uppercase;
}

.wsp-tier-divider[b-n5he9tnsxa] {
    font-size: 0.5rem;
    color: var(--border);
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiSpeciesDetail.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wsdd-page[b-4vpeag431x] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wsdd-header[b-4vpeag431x] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.75rem;
}

.wsdd-header-inner[b-4vpeag431x] { max-width: 1100px; margin: 0 auto; }

.wsdd-breadcrumb[b-4vpeag431x] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.18em;
    color: var(--text-dim);
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}

.wsdd-breadcrumb a[b-4vpeag431x] {
    color: var(--accent-bright);
    text-decoration: none;
}

.wsdd-breadcrumb a:hover[b-4vpeag431x] { color: var(--text-bright); }

.wsdd-alias[b-4vpeag431x] {
    display: block;
    font-family: var(--font-display);
    font-size: 0.62rem;
    letter-spacing: 0.22em;
    color: var(--accent-bright);
    text-transform: uppercase;
    margin-bottom: 0.4rem;
}

.wsdd-name[b-4vpeag431x] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4.5vw, 3rem);
    font-weight: 900;
    letter-spacing: 0.1em;
    color: var(--text-bright);
    margin-bottom: 0.75rem;
}

.wsdd-description[b-4vpeag431x] {
    font-family: var(--font-body);
    font-size: 0.92rem;
    color: var(--text-muted);
    line-height: 1.7;
    max-width: 720px;
}

/* ── BODY ─────────────────────────────────────────────── */

.wsdd-body[b-4vpeag431x] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 3rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}

/* ── LORE SECTION ─────────────────────────────────────── */

.wsdd-lore-section[b-4vpeag431x] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--border-dark);
}

.wsdd-lore-quote[b-4vpeag431x] {
    border-left: 3px solid var(--accent-bright);
    padding: 0.75rem 1.25rem;
    margin: 0;
    background: rgba(123,31,162,0.07);
    border-radius: 0 4px 4px 0;
}

.wsdd-lore-quote-text[b-4vpeag431x] {
    font-family: var(--font-body);
    font-size: 1rem;
    font-style: italic;
    color: var(--text-muted);
    line-height: 1.65;
}

.wsdd-lore-quote-cite[b-4vpeag431x] {
    display: block;
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-dim);
    margin-top: 0.4rem;
    font-style: normal;
}

.wsdd-lore-entry[b-4vpeag431x] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.wsdd-lore-heading[b-4vpeag431x] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: var(--accent-bright);
    text-transform: uppercase;
}

.wsdd-lore-para[b-4vpeag431x] {
    font-family: var(--font-body);
    font-size: 0.92rem;
    color: var(--text-muted);
    line-height: 1.75;
    max-width: 760px;
}

/* ── TIER SECTION ─────────────────────────────────────── */

.wsdd-tier-section[b-4vpeag431x] {}

.wsdd-tier-header[b-4vpeag431x] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.75rem;
}

.wsdd-tier-rule[b-4vpeag431x] {
    flex: 1;
    height: 1px;
    background: var(--border-dark);
}

.wsdd-tier-badge[b-4vpeag431x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.wsdd-tier-number[b-4vpeag431x] {
    font-family: var(--font-display);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.25em;
    color: var(--accent-bright);
    background: rgba(123,31,162,0.12);
    border: 1px solid rgba(123,31,162,0.3);
    padding: 0.3rem 0.8rem;
    border-radius: 3px;
}

.wsdd-tier-subtitle[b-4vpeag431x] {
    font-family: var(--font-display);
    font-size: 0.62rem;
    letter-spacing: 0.15em;
    color: var(--text-dim);
    text-transform: uppercase;
}

/* ── PATHS ────────────────────────────────────────────── */

.wsdd-paths-block[b-4vpeag431x] {
    margin-bottom: 1.75rem;
}

.wsdd-paths-label[b-4vpeag431x] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.2em;
    color: var(--text-dim);
    margin-bottom: 0.85rem;
}

.wsdd-paths-grid[b-4vpeag431x] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
}

.wsdd-path-card[b-4vpeag431x] {
    background: var(--surface-1);
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent-bright);
    border-radius: 5px;
    padding: 1.25rem 1.25rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.wsdd-path-header[b-4vpeag431x] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 0.15rem;
}

.wsdd-path-name[b-4vpeag431x] {
    font-family: var(--font-display);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    color: var(--accent-bright);
}

.wsdd-path-flavor[b-4vpeag431x] {
    font-family: var(--font-body);
    font-size: 0.72rem;
    font-style: italic;
    color: var(--text-dim);
}

.wsdd-path-rule[b-4vpeag431x] {
    font-family: var(--font-body);
    font-size: 0.84rem;
    color: var(--text-bright);
    line-height: 1.65;
}

/* ── ABILITIES GRID ───────────────────────────────────── */

.wsdd-abilities-grid[b-4vpeag431x] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1rem;
}

.wsdd-ability-card[b-4vpeag431x] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 5px;
    padding: 1.2rem 1.2rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.wsdd-ability-header[b-4vpeag431x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.wsdd-ability-name[b-4vpeag431x] {
    font-family: var(--font-display);
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--text-bright);
}

.wsdd-path-source[b-4vpeag431x] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.1em;
    color: var(--accent-bright);
    background: rgba(123,31,162,0.12);
    border: 1px solid rgba(123,31,162,0.28);
    padding: 0.2rem 0.5rem;
    border-radius: 2px;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

.wsdd-ability-rule[b-4vpeag431x] {
    font-family: var(--font-body);
    font-size: 0.84rem;
    color: var(--text-bright);
    line-height: 1.65;
}

/* ── MILESTONE ────────────────────────────────────────── */

.wsdd-milestone[b-4vpeag431x] {
    margin-top: 1.5rem;
    background: rgba(123,31,162,0.07);
    border: 1px solid rgba(123,31,162,0.25);
    border-radius: 5px;
    padding: 1.1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.wsdd-milestone-label[b-4vpeag431x] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    color: var(--accent-bright);
    text-transform: uppercase;
}

.wsdd-milestone-text[b-4vpeag431x] {
    font-family: var(--font-body);
    font-size: 0.84rem;
    color: var(--text-muted);
    line-height: 1.65;
    font-style: italic;
}

.wsdd-milestone-bullets[b-4vpeag431x] {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0;
}

.wsdd-milestone-bullets li[b-4vpeag431x] {
    font-family: var(--font-body);
    font-size: 0.84rem;
    color: var(--text-muted);
    line-height: 1.6;
    font-style: italic;
    padding-left: 1rem;
    position: relative;
}

.wsdd-milestone-bullets li[b-4vpeag431x]::before {
    content: '▸';
    position: absolute;
    left: 0;
    color: var(--accent-dim);
    font-size: 0.6rem;
    top: 0.22rem;
}

/* ── NOT FOUND ────────────────────────────────────────── */

.wsdd-not-found[b-4vpeag431x] {
    padding: 4rem 2rem;
    text-align: center;
    color: var(--text-muted);
    font-family: var(--font-body);
}

.wsdd-not-found a[b-4vpeag431x] {
    display: inline-block;
    margin-top: 1rem;
    color: var(--accent-bright);
    font-family: var(--font-display);
    font-size: 0.7rem;
    letter-spacing: 0.1em;
    text-decoration: none;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiStats.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wst-page[b-k390k8vg5d] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wst-header[b-k390k8vg5d] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.wst-header[b-k390k8vg5d]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 50% 50%, rgba(123,31,162,0.07) 0%, transparent 65%);
    pointer-events: none;
}

.wst-header-inner[b-k390k8vg5d] {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.wst-breadcrumb[b-k390k8vg5d] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.wst-breadcrumb a[b-k390k8vg5d] { color: var(--accent-bright); text-decoration: none; }
.wst-breadcrumb a:hover[b-k390k8vg5d] { color: var(--text-bright); }

.wst-title[b-k390k8vg5d] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.6rem;
}

.wst-subtitle[b-k390k8vg5d] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── BODY ─────────────────────────────────────────────── */

.wst-body[b-k390k8vg5d] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

/* ── FORMULA BAR ──────────────────────────────────────── */

.wst-formula-bar[b-k390k8vg5d] {
    display: flex;
    align-items: center;
    gap: 0;
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    flex-wrap: wrap;
}

.wst-formula-item[b-k390k8vg5d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    flex: 1;
    min-width: 180px;
}

.wst-formula-divider[b-k390k8vg5d] {
    width: 1px;
    align-self: stretch;
    background: var(--border-dark);
}

.wst-formula-label[b-k390k8vg5d] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    letter-spacing: 0.18em;
    color: var(--text-muted);
}

.wst-formula-eq[b-k390k8vg5d] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    color: var(--text-secondary);
}

.wst-formula-val[b-k390k8vg5d] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--accent-bright);
    font-weight: 600;
}

/* ── GRID ─────────────────────────────────────────────── */

.wst-grid[b-k390k8vg5d] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
}

/* ── CARD ─────────────────────────────────────────────── */

.wst-card[b-k390k8vg5d] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    --class-color: var(--accent);
    transition: border-color 200ms ease, box-shadow 200ms ease;
}

.wst-card[data-class="enforcer"][b-k390k8vg5d]    { --class-color: var(--class-enforcer); }
.wst-card[data-class="phantom"][b-k390k8vg5d]     { --class-color: var(--class-phantom); }
.wst-card[data-class="mutant"][b-k390k8vg5d]      { --class-color: var(--class-mutant); }
.wst-card[data-class="engineer"][b-k390k8vg5d]    { --class-color: var(--class-engineer); }
.wst-card[data-class="voidstrider"][b-k390k8vg5d] { --class-color: var(--class-voidstrider); }
.wst-card[data-class="aristocrat"][b-k390k8vg5d]  { --class-color: var(--class-aristocrat); }

.wst-card:hover[b-k390k8vg5d] {
    border-color: var(--class-color);
    box-shadow: 0 4px 20px rgba(0,0,0,0.35), 0 0 12px color-mix(in srgb, var(--class-color) 20%, transparent);
}

.wst-card-bar[b-k390k8vg5d] { height: 3px; background: var(--class-color); }

.wst-card-inner[b-k390k8vg5d] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1;
}

.wst-card-top[b-k390k8vg5d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.wst-card-names[b-k390k8vg5d] { display: flex; flex-direction: column; gap: 0.15rem; }

.wst-short[b-k390k8vg5d] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.22em;
    color: var(--class-color);
}

.wst-name[b-k390k8vg5d] {
    font-family: var(--font-display);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--text-bright);
    margin: 0;
}

.wst-card-formula[b-k390k8vg5d] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.15rem;
    flex-shrink: 0;
}

.wst-formula-badge-label[b-k390k8vg5d] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 0.15em;
    color: var(--text-secondary);
    text-align: right;
}

.wst-formula-badge-val[b-k390k8vg5d] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--class-color);
    text-align: right;
}

.wst-quote[b-k390k8vg5d] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    font-style: italic;
    color: var(--text-secondary);
    border-left: 2px solid color-mix(in srgb, var(--class-color) 40%, transparent);
    padding-left: 0.75rem;
    margin: 0;
    line-height: 1.5;
}

.wst-desc[b-k390k8vg5d] {
    font-family: var(--font-body);
    font-size: 0.85rem;
    color: var(--text-muted);
    line-height: 1.6;
    margin: 0;
}

.wst-impact-block[b-k390k8vg5d] {
    background: color-mix(in srgb, var(--class-color) 5%, var(--surface-2));
    border: 1px solid color-mix(in srgb, var(--class-color) 15%, transparent);
    border-radius: 4px;
    padding: 0.7rem 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.wst-impact-label[b-k390k8vg5d] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 0.2em;
    color: var(--class-color);
}

.wst-impact-text[b-k390k8vg5d] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin: 0;
}

.wst-primary-class[b-k390k8vg5d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px solid var(--border-dark);
}

.wst-primary-label[b-k390k8vg5d] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 0.18em;
    color: var(--text-secondary);
}

.wst-primary-val[b-k390k8vg5d] {
    font-family: var(--font-display);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--class-color);
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiSubclassDetail.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wsd-page[b-7qk4vo4cmr] { min-height: 100vh; --class-color: var(--accent); }

.wsd-page[data-class="enforcer"][b-7qk4vo4cmr]    { --class-color: var(--class-enforcer); }
.wsd-page[data-class="phantom"][b-7qk4vo4cmr]     { --class-color: var(--class-phantom); }
.wsd-page[data-class="mutant"][b-7qk4vo4cmr]      { --class-color: var(--class-mutant); }
.wsd-page[data-class="engineer"][b-7qk4vo4cmr]    { --class-color: var(--class-engineer); }
.wsd-page[data-class="voidstrider"][b-7qk4vo4cmr] { --class-color: var(--class-voidstrider); }
.wsd-page[data-class="aristocrat"][b-7qk4vo4cmr]  { --class-color: var(--class-aristocrat); }

/* ── HEADER ───────────────────────────────────────────── */

.wsd-header[b-7qk4vo4cmr] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 0;
}

.wsd-header-inner[b-7qk4vo4cmr] {
    max-width: 1100px;
    margin: 0 auto;
    padding-bottom: 2.5rem;
}

.wsd-breadcrumb[b-7qk4vo4cmr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.18em;
    color: var(--text-dim);
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}

.wsd-breadcrumb a[b-7qk4vo4cmr] {
    color: var(--accent-bright);
    text-decoration: none;
}

.wsd-breadcrumb a:hover[b-7qk4vo4cmr] { color: var(--text-bright); }

.wsd-class-label[b-7qk4vo4cmr] {
    display: block;
    font-family: var(--font-display);
    font-size: 0.62rem;
    letter-spacing: 0.22em;
    color: var(--class-color);
    margin-bottom: 0.4rem;
}

.wsd-subclass-name[b-7qk4vo4cmr] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4.5vw, 3rem);
    font-weight: 900;
    letter-spacing: 0.1em;
    color: var(--text-bright);
    margin-bottom: 0.5rem;
}

.wsd-tagline[b-7qk4vo4cmr] {
    font-family: var(--font-body);
    font-size: 0.95rem;
    color: var(--text-muted);
    max-width: 480px;
}

.wsd-header-bar[b-7qk4vo4cmr] {
    height: 3px;
    background: linear-gradient(90deg, var(--class-color) 0%, transparent 80%);
}

/* ── BODY ─────────────────────────────────────────────── */

.wsd-body[b-7qk4vo4cmr] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

/* ── RELATED RESOURCES ────────────────────────────────── */

.wsd-resources[b-7qk4vo4cmr] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.wsd-resources-head[b-7qk4vo4cmr] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.wsd-resources-rule[b-7qk4vo4cmr] {
    flex: 1;
    height: 1px;
    background: var(--border-dark);
}

.wsd-resources-title[b-7qk4vo4cmr] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: var(--text-secondary);
    white-space: nowrap;
}

.wsd-resources-grid[b-7qk4vo4cmr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.75rem;
}

.wsd-resource-card[b-7qk4vo4cmr] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-left: 2px solid var(--class-color);
    border-radius: 4px;
    padding: 0.75rem 1rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.wsd-resource-card:hover[b-7qk4vo4cmr] {
    background: color-mix(in srgb, var(--class-color) 6%, var(--surface-1));
    border-color: color-mix(in srgb, var(--class-color) 50%, var(--border-dark));
    box-shadow: 0 2px 12px rgba(0,0,0,0.3);
}

.wsd-resource-icon[b-7qk4vo4cmr] {
    font-size: 1rem;
    color: var(--class-color);
    flex-shrink: 0;
    opacity: 0.75;
}

.wsd-resource-body[b-7qk4vo4cmr] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: 1;
}

.wsd-resource-name[b-7qk4vo4cmr] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--text-bright);
}

.wsd-resource-type[b-7qk4vo4cmr] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.15em;
    color: var(--class-color);
    opacity: 0.8;
}

.wsd-resource-arrow[b-7qk4vo4cmr] {
    font-family: var(--font-display);
    font-size: 0.85rem;
    color: var(--text-secondary);
    flex-shrink: 0;
    transition: color 150ms ease, transform 150ms ease;
}

.wsd-resource-card:hover .wsd-resource-arrow[b-7qk4vo4cmr] {
    color: var(--class-color);
    transform: translateX(2px);
}

/* ── LORE SECTION ─────────────────────────────────────── */

.wsd-lore-section[b-7qk4vo4cmr] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--border-dark);
    margin-bottom: 0.5rem;
}

.wsd-lore-quote[b-7qk4vo4cmr] {
    border-left: 3px solid var(--class-color);
    padding: 0.75rem 1.25rem;
    margin: 0;
    background: color-mix(in srgb, var(--class-color) 6%, transparent);
    border-radius: 0 4px 4px 0;
}

.wsd-lore-quote-text[b-7qk4vo4cmr] {
    font-family: var(--font-body);
    font-size: 1rem;
    font-style: italic;
    color: var(--text-muted);
    line-height: 1.65;
}

.wsd-lore-quote-cite[b-7qk4vo4cmr] {
    display: block;
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-dim);
    margin-top: 0.4rem;
    font-style: normal;
}

.wsd-lore-entry[b-7qk4vo4cmr] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.wsd-lore-heading[b-7qk4vo4cmr] {
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: var(--class-color);
    text-transform: uppercase;
}

.wsd-lore-para[b-7qk4vo4cmr] {
    font-family: var(--font-body);
    font-size: 0.92rem;
    color: var(--text-muted);
    line-height: 1.75;
    max-width: 760px;
}

/* ── LEVEL SECTION ────────────────────────────────────── */

.wsd-level-section[b-7qk4vo4cmr] {}

.wsd-level-heading[b-7qk4vo4cmr] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.wsd-level-heading[b-7qk4vo4cmr]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border-dark);
}

.wsd-level-badge[b-7qk4vo4cmr] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.25em;
    color: var(--class-color);
    background: color-mix(in srgb, var(--class-color) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--class-color) 30%, transparent);
    padding: 0.3rem 0.75rem;
    border-radius: 3px;
    white-space: nowrap;
}

/* ── ABILITY GRID ─────────────────────────────────────── */

.wsd-ability-grid[b-7qk4vo4cmr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.1rem;
}

.wsd-ability-card--wide[b-7qk4vo4cmr] {
    grid-column: 1 / -1;
}

/* ── ABILITY CARD ─────────────────────────────────────── */

.wsd-ability-card[b-7qk4vo4cmr] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    position: relative;
    overflow: hidden;
}

.wsd-ability-card[b-7qk4vo4cmr]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--class-color);
    opacity: 0.7;
}

/* ── ABILITY HEADER ───────────────────────────────────── */

.wsd-ability-header[b-7qk4vo4cmr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.wsd-ability-name[b-7qk4vo4cmr] {
    font-family: var(--font-display);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--text-bright);
    flex: 1;
}

.wsd-type-badge[b-7qk4vo4cmr] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 0.25rem 0.6rem;
    border-radius: 3px;
    background: var(--surface-2);
    border: 1px solid var(--border);
    color: var(--text-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.wsd-type-badge--active[b-7qk4vo4cmr] {
    background: color-mix(in srgb, var(--class-color) 15%, transparent);
    border-color: color-mix(in srgb, var(--class-color) 40%, transparent);
    color: color-mix(in srgb, var(--class-color) 90%, var(--text-bright));
}

/* ── COSTS ────────────────────────────────────────────── */

.wsd-costs[b-7qk4vo4cmr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.wsd-cost-badge[b-7qk4vo4cmr] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    letter-spacing: 0.1em;
    padding: 0.2rem 0.6rem;
    background: color-mix(in srgb, var(--class-color) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--class-color) 35%, transparent);
    border-radius: 2px;
    color: color-mix(in srgb, var(--class-color) 85%, var(--text-bright));
    text-transform: uppercase;
}

/* ── TRIGGER ──────────────────────────────────────────── */

.wsd-trigger[b-7qk4vo4cmr] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-muted);
    background: var(--surface-2);
    border-left: 3px solid var(--class-color);
    padding: 0.5rem 0.75rem;
    border-radius: 0 4px 4px 0;
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    line-height: 1.45;
}

.wsd-trigger-icon[b-7qk4vo4cmr] {
    flex-shrink: 0;
    font-size: 0.75rem;
    margin-top: 0.05rem;
}

/* ── QUOTE ────────────────────────────────────────────── */

.wsd-quote[b-7qk4vo4cmr] {
    border-left: 2px solid var(--border);
    padding: 0.4rem 0.9rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.wsd-quote-text[b-7qk4vo4cmr] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    font-style: italic;
    color: var(--text-dim);
    line-height: 1.55;
}

.wsd-quote-cite[b-7qk4vo4cmr] {
    font-family: var(--font-body);
    font-size: 0.72rem;
    color: var(--text-dim);
    font-style: normal;
    opacity: 0.8;
}

/* ── BODY LINES ───────────────────────────────────────── */

.wsd-lore-text[b-7qk4vo4cmr] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.6;
    font-style: italic;
}

.wsd-rule-text[b-7qk4vo4cmr] {
    font-family: var(--font-body);
    font-size: 0.85rem;
    color: var(--text-bright);
    line-height: 1.6;
}

.wsd-lore-bullet[b-7qk4vo4cmr],
.wsd-rule-bullet[b-7qk4vo4cmr] {
    font-family: var(--font-body);
    font-size: 0.84rem;
    line-height: 1.6;
    padding-left: 1.1rem;
    position: relative;
}

.wsd-lore-bullet[b-7qk4vo4cmr] {
    color: var(--text-muted);
    font-style: italic;
}

.wsd-lore-bullet[b-7qk4vo4cmr]::before {
    content: '–';
    position: absolute;
    left: 0;
    color: var(--text-dim);
}

.wsd-rule-bullet[b-7qk4vo4cmr] {
    color: var(--text-bright);
}

.wsd-rule-bullet[b-7qk4vo4cmr]::before {
    content: '▸';
    position: absolute;
    left: 0;
    color: var(--class-color);
    font-size: 0.65rem;
    top: 0.18rem;
}

.wsd-sub-heading[b-7qk4vo4cmr] {
    font-family: var(--font-display);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--class-color);
    text-transform: uppercase;
    margin-top: 0.25rem;
}

.wsd-metadata[b-7qk4vo4cmr] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    color: var(--text-dim);
    font-style: italic;
}

.wsd-divider[b-7qk4vo4cmr] {
    border: none;
    border-top: 1px solid var(--border-dark);
    margin: 0.25rem 0;
}

/* ── ACTIVATION BODY ──────────────────────────────────── */

.wsd-activation-body[b-7qk4vo4cmr] {
    border-top: 1px solid var(--border-dark);
    padding-top: 0.6rem;
    margin-top: 0.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

/* ── CHOICES ──────────────────────────────────────────── */

.wsd-choices[b-7qk4vo4cmr] {
    border-top: 1px solid var(--border-dark);
    padding-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.wsd-choice-instruction[b-7qk4vo4cmr] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    color: var(--class-color);
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.wsd-choice-option[b-7qk4vo4cmr] {
    background: var(--surface-2);
    border: 1px solid var(--border-dark);
    border-radius: 4px;
    padding: 0.85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.wsd-choice-name[b-7qk4vo4cmr] {
    font-family: var(--font-display);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--text-bright);
}

.wsd-choice-quote[b-7qk4vo4cmr] {
    font-family: var(--font-body);
    font-size: 0.75rem;
    font-style: italic;
    color: var(--text-dim);
}

/* ── NOT FOUND ────────────────────────────────────────── */

.wsd-not-found[b-7qk4vo4cmr] {
    padding: 4rem 2rem;
    text-align: center;
    color: var(--text-muted);
    font-family: var(--font-body);
}

.wsd-not-found a[b-7qk4vo4cmr] {
    display: inline-block;
    margin-top: 1rem;
    color: var(--accent-bright);
    font-family: var(--font-display);
    font-size: 0.7rem;
    letter-spacing: 0.1em;
    text-decoration: none;
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiVoidCalls.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wvc-page[b-n4nas4zlw8] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wvc-header[b-n4nas4zlw8] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.wvc-header[b-n4nas4zlw8]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 50% 50%, rgba(123,31,162,0.1) 0%, transparent 65%);
    pointer-events: none;
}

.wvc-header-inner[b-n4nas4zlw8] {
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.wvc-breadcrumb[b-n4nas4zlw8] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.wvc-breadcrumb a[b-n4nas4zlw8] { color: var(--accent-bright); text-decoration: none; }
.wvc-breadcrumb a:hover[b-n4nas4zlw8] { color: var(--text-bright); }

.wvc-title[b-n4nas4zlw8] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.6rem;
}

.wvc-subtitle[b-n4nas4zlw8] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── BODY ─────────────────────────────────────────────── */

.wvc-body[b-n4nas4zlw8] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}

/* ── GROUP ────────────────────────────────────────────── */

.wvc-group-header[b-n4nas4zlw8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.wvc-rule[b-n4nas4zlw8] {
    flex: 1;
    height: 1px;
    background: var(--border);
}

.wvc-group-title[b-n4nas4zlw8] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: var(--accent-bright);
    white-space: nowrap;
}

/* ── GRID ─────────────────────────────────────────────── */

.wvc-grid[b-n4nas4zlw8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
}

/* ── CARD ─────────────────────────────────────────────── */

.wvc-card[b-n4nas4zlw8] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    transition: border-color 200ms ease, box-shadow 200ms ease;
}

.wvc-card:hover[b-n4nas4zlw8] {
    border-color: var(--accent-bright);
    box-shadow: 0 4px 24px rgba(0,0,0,0.4), 0 0 12px rgba(123,31,162,0.2);
}

.wvc-card-top[b-n4nas4zlw8] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.wvc-card-meta[b-n4nas4zlw8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.wvc-ve-badge[b-n4nas4zlw8] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.12em;
    padding: 0.2rem 0.5rem;
    background: color-mix(in srgb, var(--class-voidstrider) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--class-voidstrider) 40%, transparent);
    border-radius: 2px;
    color: #b87ad0;
}

.wvc-action-badge[b-n4nas4zlw8] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.12em;
    padding: 0.2rem 0.5rem;
    background: rgba(255,255,255,0.05);
    border: 1px solid var(--border-dark);
    border-radius: 2px;
    color: var(--text-secondary);
}

.wvc-cooldown-badge[b-n4nas4zlw8] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.12em;
    padding: 0.2rem 0.5rem;
    background: color-mix(in srgb, #e65100 12%, transparent);
    border: 1px solid color-mix(in srgb, #e65100 30%, transparent);
    border-radius: 2px;
    color: #e08060;
}

.wvc-name[b-n4nas4zlw8] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    color: var(--text-bright);
    margin: 0;
}

.wvc-range[b-n4nas4zlw8] {
    font-family: var(--font-display);
    font-size: 0.6rem;
    letter-spacing: 0.12em;
    color: var(--text-secondary);
}

/* ── QUOTE ────────────────────────────────────────────── */

.wvc-quote[b-n4nas4zlw8] {
    margin: 0;
    padding: 0.5rem 0.75rem;
    border-left: 2px solid rgba(123,31,162,0.4);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.wvc-quote-text[b-n4nas4zlw8] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    font-style: italic;
    color: var(--text-secondary);
    line-height: 1.5;
}

.wvc-quote-attrib[b-n4nas4zlw8] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.1em;
    color: var(--text-secondary);
    opacity: 0.7;
}

/* ── BODY TEXT ────────────────────────────────────────── */

.wvc-desc[b-n4nas4zlw8] {
    font-family: var(--font-body);
    font-size: 0.83rem;
    color: var(--text-muted);
    line-height: 1.6;
    margin: 0;
}

.wvc-rules[b-n4nas4zlw8] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.wvc-rules li[b-n4nas4zlw8] {
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.5;
    padding-left: 1rem;
    position: relative;
}

.wvc-rules li[b-n4nas4zlw8]::before {
    content: '▸';
    position: absolute;
    left: 0;
    color: var(--accent-bright);
    font-size: 0.65rem;
    top: 0.1em;
}

/* ── RESTRICTION ──────────────────────────────────────── */

.wvc-restriction[b-n4nas4zlw8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.6rem;
    background: rgba(182,28,28,0.08);
    border: 1px solid rgba(182,28,28,0.2);
    border-radius: 3px;
}

.wvc-restriction-label[b-n4nas4zlw8] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 0.15em;
    color: #d97575;
}

.wvc-restriction-val[b-n4nas4zlw8] {
    font-family: var(--font-body);
    font-size: 0.78rem;
    color: var(--text-muted);
}
/* _content/VoidMarkedSite/Components/Pages/Wiki/WikiVoidInstability.razor.rz.scp.css */
/* ── PAGE ─────────────────────────────────────────────── */

.wvi-page[b-cf1rhczc7c] { min-height: 100vh; }

/* ── HEADER ───────────────────────────────────────────── */

.wvi-header[b-cf1rhczc7c] {
    background: linear-gradient(135deg, #0d0a16 0%, #120e1e 60%, #1a1228 100%);
    border-bottom: 1px solid var(--border);
    padding: 3rem 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

.wvi-header[b-cf1rhczc7c]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 50% 70% at 50% 50%, rgba(123,31,162,0.14) 0%, transparent 65%);
    pointer-events: none;
}

.wvi-header-inner[b-cf1rhczc7c] { max-width: 860px; margin: 0 auto; text-align: center; position: relative; }

.wvi-breadcrumb[b-cf1rhczc7c] {
    font-family: var(--font-display);
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    color: var(--text-secondary);
    margin-bottom: 0.6rem;
    display: flex; align-items: center; justify-content: center; gap: 0.4rem;
}

.wvi-breadcrumb a[b-cf1rhczc7c] { color: var(--accent-bright); text-decoration: none; }
.wvi-breadcrumb a:hover[b-cf1rhczc7c] { color: var(--text-bright); }

.wvi-class-badge[b-cf1rhczc7c] {
    font-family: var(--font-display);
    font-size: 0.58rem;
    letter-spacing: 0.22em;
    color: var(--class-voidstrider);
    background: color-mix(in srgb, var(--class-voidstrider) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--class-voidstrider) 25%, transparent);
    display: inline-block;
    padding: 0.22rem 0.7rem;
    border-radius: 2px;
    margin-bottom: 0.7rem;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease;
}

.wvi-class-badge:hover[b-cf1rhczc7c] {
    background: color-mix(in srgb, var(--class-voidstrider) 18%, transparent);
    border-color: color-mix(in srgb, var(--class-voidstrider) 45%, transparent);
}

.wvi-title[b-cf1rhczc7c] {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    color: var(--text-bright);
    margin-bottom: 0.6rem;
}

.wvi-subtitle[b-cf1rhczc7c] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-muted);
    max-width: 520px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── BODY ─────────────────────────────────────────────── */

.wvi-body[b-cf1rhczc7c] {
    max-width: 820px;
    margin: 0 auto;
    padding: 2.5rem 2rem 5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* ── CONTEXT ──────────────────────────────────────────── */

.wvi-context[b-cf1rhczc7c] {
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-left: 3px solid var(--class-voidstrider);
    border-radius: 4px;
    padding: 1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.wvi-context-label[b-cf1rhczc7c] {
    font-family: var(--font-display);
    font-size: 0.55rem;
    letter-spacing: 0.2em;
    color: var(--class-voidstrider);
}

.wvi-context-text[b-cf1rhczc7c] {
    font-family: var(--font-body);
    font-size: 0.83rem;
    color: var(--text-muted);
    line-height: 1.6;
    margin: 0;
}

/* ── SECTION HEAD ─────────────────────────────────────── */

.wvi-section-head[b-cf1rhczc7c] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.wvi-rule[b-cf1rhczc7c] { flex: 1; height: 1px; background: var(--border); }
.wvi-rule.danger-rule[b-cf1rhczc7c] { background: rgba(183,28,28,0.4); }

.wvi-section-title[b-cf1rhczc7c] {
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: var(--text-muted);
    white-space: nowrap;
}

.wvi-section-title.danger-title[b-cf1rhczc7c] { color: #d97575; }

.wvi-table-note[b-cf1rhczc7c] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

/* ── ENTRIES ──────────────────────────────────────────── */

.wvi-entries[b-cf1rhczc7c] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.wvi-entry[b-cf1rhczc7c] {
    display: flex;
    align-items: stretch;
    background: var(--surface-1);
    border: 1px solid var(--border-dark);
    border-radius: 6px;
    overflow: hidden;
    transition: border-color 200ms ease, box-shadow 200ms ease;
}

.wvi-entry:hover[b-cf1rhczc7c] { border-color: rgba(123,31,162,0.4); }

/* Joker entries */
.wvi-entry.black-joker[b-cf1rhczc7c] {
    border-color: rgba(80,80,80,0.5);
    background: rgba(20,20,20,0.6);
}

.wvi-entry.black-joker:hover[b-cf1rhczc7c] {
    border-color: rgba(150,150,150,0.6);
    box-shadow: 0 4px 20px rgba(0,0,0,0.5), 0 0 12px rgba(0,0,0,0.4);
}

.wvi-entry.red-joker[b-cf1rhczc7c] {
    border-color: rgba(183,28,28,0.5);
    background: rgba(50,10,10,0.5);
}

.wvi-entry.red-joker:hover[b-cf1rhczc7c] {
    border-color: rgba(239,83,80,0.6);
    box-shadow: 0 4px 20px rgba(0,0,0,0.5), 0 0 16px rgba(239,83,80,0.2);
}

/* ── ROLL COLUMN ──────────────────────────────────────── */

.wvi-entry-roll[b-cf1rhczc7c] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 900;
    color: var(--accent-bright);
    background: color-mix(in srgb, var(--class-voidstrider) 10%, var(--surface-2));
    border-right: 1px solid var(--border-dark);
    width: 56px;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    letter-spacing: 0;
}

.wvi-entry-roll.joker-roll[b-cf1rhczc7c] {
    background: rgba(10,10,10,0.6);
    border-right-color: rgba(80,80,80,0.3);
    width: 56px;
}

.black-joker .wvi-entry-roll[b-cf1rhczc7c] { color: #cccccc; }
.red-joker   .wvi-entry-roll[b-cf1rhczc7c] { color: #ef5350; }

.wvi-joker-icon[b-cf1rhczc7c] { font-size: 1.4rem; }
.wvi-joker-icon.red[b-cf1rhczc7c] { color: #ef5350; }

/* ── ENTRY BODY ───────────────────────────────────────── */

.wvi-entry-body[b-cf1rhczc7c] {
    padding: 0.85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    flex: 1;
}

.wvi-entry-head[b-cf1rhczc7c] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.wvi-entry-name[b-cf1rhczc7c] {
    font-family: var(--font-display);
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--text-bright);
    margin: 0;
}

.wvi-forced-badge[b-cf1rhczc7c] {
    font-family: var(--font-display);
    font-size: 0.52rem;
    letter-spacing: 0.18em;
    padding: 0.15rem 0.45rem;
    border-radius: 2px;
    background: rgba(183,28,28,0.15);
    border: 1px solid rgba(183,28,28,0.35);
    color: #ef5350;
}

.wvi-entry-effect[b-cf1rhczc7c] {
    font-family: var(--font-body);
    font-size: 0.82rem;
    color: var(--text-muted);
    line-height: 1.55;
    margin: 0;
}

/* ── SUB TABLE ────────────────────────────────────────── */

.wvi-subtable[b-cf1rhczc7c] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid rgba(183,28,28,0.25);
    border-radius: 6px;
    padding: 1.25rem;
    background: rgba(50,10,10,0.25);
}

.subtable-entries[b-cf1rhczc7c] { gap: 0.55rem; }

.wrath-entry[b-cf1rhczc7c] {
    background: rgba(30,8,8,0.7) !important;
    border-color: rgba(183,28,28,0.25) !important;
}

.wrath-entry:hover[b-cf1rhczc7c] { border-color: rgba(239,83,80,0.45) !important; }

.wrath-roll[b-cf1rhczc7c] {
    background: rgba(183,28,28,0.12) !important;
    border-right-color: rgba(183,28,28,0.25) !important;
    color: #ef9a9a !important;
}

.wvi-empty[b-cf1rhczc7c] {
    font-family: var(--font-body);
    font-size: 0.9rem;
    color: var(--text-secondary);
    text-align: center;
    padding: 3rem;
}