@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* _content/SW_Constellation.Web/Components/Layout/BingoLayout.razor.rz.scp.css */
.page--bingo[b-h75bddgx7l] {
    min-height: 100dvh;
}

.main-content--bingo[b-h75bddgx7l] {
    padding: 0.75rem 0.75rem 1rem;
}

.shell--bingo[b-h75bddgx7l] {
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

@media (max-width: 640px) {
    .main-content--bingo[b-h75bddgx7l] {
        padding: 0.6rem 0.5rem 0.85rem;
    }
}
/* _content/SW_Constellation.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-u006eqz8eu] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.main-content[b-u006eqz8eu] {
    flex: 1;
    padding: 1.2rem;
}

.shell[b-u006eqz8eu] {
    max-width: 1480px;
    margin: 0 auto;
}

.site-footer[b-u006eqz8eu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding: 1.2rem;
    border-top: 1px solid rgba(139, 92, 246, 0.22);
    background: rgba(10, 1, 24, 0.72);
}

.site-footer p[b-u006eqz8eu] {
    margin: 0;
    color: #97a8c8;
}

.site-footer a[b-u006eqz8eu] {
    color: #cfd7fb;
    text-decoration: none;
}

.site-footer__docs[b-u006eqz8eu] {
    text-align: right;
}

#blazor-error-ui[b-u006eqz8eu] {
    color-scheme: dark;
    background: rgba(26, 11, 46, 0.96);
    color: var(--neon-text);
    border-top: 1px solid rgba(139, 92, 246, 0.3);
    bottom: 0;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.35);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-u006eqz8eu] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

@media (max-width: 480px) {
    .site-footer[b-u006eqz8eu] {
        grid-template-columns: 1fr;
    }

    .site-footer__docs[b-u006eqz8eu] {
        text-align: left;
    }

    .main-content[b-u006eqz8eu] {
        padding: 0.85rem;
    }
}
/* _content/SW_Constellation.Web/Components/Layout/ProfileMenu.razor.rz.scp.css */
.profile-menu-root[b-1ybkw2nluk] {
    position: relative;
    display: inline-flex;
}

.profile-menu-toggle[b-1ybkw2nluk] {
    font-size: 0.875rem;
    padding: 0.25rem 0.65rem;
    border-color: rgba(207, 215, 251, 0.45);
    color: #cfd7fb;
}

.profile-menu-toggle:hover[b-1ybkw2nluk],
.profile-menu-toggle:focus[b-1ybkw2nluk] {
    color: #ffffff;
    border-color: rgba(6, 182, 212, 0.55);
    background: rgba(14, 116, 144, 0.35);
}

.profile-menu-backdrop[b-1ybkw2nluk] {
    position: fixed;
    inset: 0;
    z-index: 140;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: default;
}

.profile-menu-panel[b-1ybkw2nluk] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.35rem);
    z-index: 200;
    min-width: 16rem;
    padding: 0.35rem 0;
    background: rgba(10, 1, 24, 0.96);
    border: 1px solid rgba(139, 92, 246, 0.35);
    border-radius: 0.5rem;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

.profile-menu-header[b-1ybkw2nluk] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.55rem 1rem 0.35rem;
    color: #eff4ff;
}

.profile-menu-divider[b-1ybkw2nluk] {
    margin: 0.35rem 0;
    border: 0;
    border-top: 1px solid rgba(139, 92, 246, 0.22);
    opacity: 1;
}

.profile-menu-label[b-1ybkw2nluk] {
    display: block;
    font-size: 0.68rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(207, 215, 251, 0.72);
}

.profile-menu-email[b-1ybkw2nluk] {
    display: block;
    font-size: 0.875rem;
    word-break: break-all;
    color: #eff4ff;
}

.profile-menu-item[b-1ybkw2nluk] {
    display: block;
    color: #cfd7fb;
    padding: 0.45rem 1rem;
    text-decoration: none;
}

.profile-menu-item:hover[b-1ybkw2nluk],
.profile-menu-item:focus[b-1ybkw2nluk] {
    color: #ffffff;
    background: rgba(109, 40, 217, 0.28);
}

.profile-menu-item--logout[b-1ybkw2nluk] {
    color: #fca5a5;
}

.profile-menu-item--logout:hover[b-1ybkw2nluk],
.profile-menu-item--logout:focus[b-1ybkw2nluk] {
    color: #fff5f5;
    background: #7f1d1d;
}

.profile-menu-token-block[b-1ybkw2nluk] {
    padding: 0.45rem 1rem 0.65rem;
}

.profile-menu-token-block .profile-menu-label[b-1ybkw2nluk] {
    margin-bottom: 0.35rem;
}

.profile-menu-token-input[b-1ybkw2nluk] {
    margin: 0;
}

.profile-menu-token-input .form-control[b-1ybkw2nluk] {
    font-size: 0.75rem;
}

.profile-menu-token-empty[b-1ybkw2nluk] {
    display: block;
    font-size: 0.8125rem;
    color: rgba(207, 215, 251, 0.75);
}

.profile-menu-token-block .alert[b-1ybkw2nluk] {
    margin: 0;
    font-size: 0.8125rem;
}

.profile-menu-preference-block[b-1ybkw2nluk] {
    padding: 0.45rem 1rem 0.65rem;
}

.profile-menu-preference-block .form-text[b-1ybkw2nluk],
.profile-menu-preference-block .alert[b-1ybkw2nluk] {
    font-size: 0.8125rem;
}
/* _content/SW_Constellation.Web/Components/Layout/PublicSiteHeader.razor.rz.scp.css */
.site-header[b-twfscj1zta] {
    position: sticky;
    top: 0;
    z-index: 50;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.35rem 1.2rem;
    backdrop-filter: blur(10px);
    background: rgba(10, 1, 24, 0.74);
    border-bottom: 1px solid rgba(139, 92, 246, 0.24);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

/* A modal dialog must cover the whole application, including the sticky site
   header and any of its menus.  Keeping the header isolated prevents a child
   menu with its own z-index from escaping above the dialog. */
body:has([role="dialog"]) .site-header[b-twfscj1zta] {
    z-index: 0;
}

.brand[b-twfscj1zta] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    color: #eff4ff;
    text-decoration: none;
    text-shadow: 0 0 14px rgba(168, 85, 247, 0.28);
}

.brand__icon[b-twfscj1zta] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 0.45rem;
    object-fit: cover;
    box-shadow: 0 0 16px rgba(78, 177, 255, 0.35);
}

.brand__copy[b-twfscj1zta] {
    display: grid;
    line-height: 1.05;
}

.brand__name[b-twfscj1zta] {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.brand__page-title[b-twfscj1zta] {
    margin-top: 0.18rem;
    color: #aeb9d2;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.public-nav[b-twfscj1zta] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.public-nav a[b-twfscj1zta] {
    color: #cfd7fb;
    text-decoration: none;
    transition: color 150ms ease, text-shadow 150ms ease;
}

.public-nav a:hover[b-twfscj1zta] {
    color: #7ce9ff;
    text-shadow: 0 0 12px rgba(6, 182, 212, 0.35);
}

.auth-actions[b-twfscj1zta] {
    position: relative;
    z-index: 60;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.auth-actions form[b-twfscj1zta] {
    margin: 0;
}

.header-json-upload[b-twfscj1zta] {
    margin: 0;
    cursor: pointer;
}

.header-json-upload[aria-disabled="true"][b-twfscj1zta] {
    pointer-events: none;
    opacity: 0.65;
}

.lang-menu-root[b-twfscj1zta] {
    position: relative;
    display: inline-flex;
}

.lang-menu-toggle[b-twfscj1zta] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    font-size: 0.875rem;
    padding: 0.25rem 0.65rem;
    border-color: rgba(207, 215, 251, 0.45);
    color: #cfd7fb;
}

.lang-menu-toggle:hover[b-twfscj1zta],
.lang-menu-toggle:focus[b-twfscj1zta] {
    color: #ffffff;
    border-color: rgba(6, 182, 212, 0.55);
    background: rgba(14, 116, 144, 0.35);
}

.lang-menu-backdrop[b-twfscj1zta] {
    position: fixed;
    inset: 0;
    z-index: 140;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: default;
}

.lang-menu-panel[b-twfscj1zta] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.35rem);
    z-index: 200;
    min-width: 100%;
    padding: 0.25rem 0;
    background: rgba(10, 1, 24, 0.96);
    border: 1px solid rgba(139, 92, 246, 0.35);
    border-radius: 0.5rem;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

.lang-menu-item[b-twfscj1zta] {
    display: block;
    padding: 0.4rem 0.85rem;
    color: #cfd7fb;
    text-align: center;
    text-decoration: none;
    font-size: 0.875rem;
}

.lang-menu-item:hover[b-twfscj1zta],
.lang-menu-item:focus[b-twfscj1zta] {
    color: #ffffff;
    background: rgba(109, 40, 217, 0.28);
}

.site-header[data-lang="fr"][b-twfscj1zta] {
    border-bottom-color: rgba(61, 217, 255, 0.45);
}

.site-header[data-lang="en"][b-twfscj1zta] {
    border-bottom-color: rgba(154, 77, 255, 0.45);
}

@media (max-width: 900px) {
    .site-header[b-twfscj1zta] {
        flex-wrap: wrap;
        padding: 0.3rem 1rem;
    }

    .brand[b-twfscj1zta] {
        flex: 1 1 auto;
    }

    .auth-actions[b-twfscj1zta] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .public-nav[b-twfscj1zta] {
        order: 3;
        width: 100%;
        gap: 0.65rem 1rem;
    }
}

@media (max-width: 560px) {
    .site-header[b-twfscj1zta] {
        gap: 0.7rem;
    }

    .brand__icon[b-twfscj1zta] {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .brand__name[b-twfscj1zta] {
        font-size: 1.15rem;
    }
}
/* _content/SW_Constellation.Web/Components/Layout/StorybookLayout.razor.rz.scp.css */
.storybook-layout[b-e3zxy4bl58] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.storybook-header[b-e3zxy4bl58] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1.25rem;
    backdrop-filter: blur(10px);
    background: rgba(10, 1, 24, 0.88);
    border-bottom: 1px solid rgba(6, 182, 212, 0.22);
}

.storybook-brand[b-e3zxy4bl58] {
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #eff4ff;
    text-shadow: 0 0 14px rgba(168, 85, 247, 0.28);
}

.storybook-badge[b-e3zxy4bl58] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--neon-accent);
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(6, 182, 212, 0.3);
    background: rgba(49, 46, 129, 0.35);
}

.storybook-main[b-e3zxy4bl58] {
    flex: 1;
    padding: 1rem 1.25rem 2rem;
}
/* _content/SW_Constellation.Web/Components/Pages/Admin/AdminGuildPresetCreate.razor.rz.scp.css */
.preset-create-page[b-5gitgw4px3] {
    gap: 1.25rem;
}

.preset-page-actions[b-5gitgw4px3],
.preset-summary-badges[b-5gitgw4px3],
.preset-monster-header[b-5gitgw4px3],
.preset-monster-header-actions[b-5gitgw4px3],
.preset-roster-header[b-5gitgw4px3],
.preset-footer-actions[b-5gitgw4px3],
.preset-tag-item[b-5gitgw4px3] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.preset-summary-card[b-5gitgw4px3] {
    background:
        radial-gradient(circle at top right, rgba(250, 204, 21, 0.18), transparent 36%),
        linear-gradient(160deg, rgba(15, 23, 42, 0.96), rgba(30, 41, 59, 0.92));
    border: 1px solid rgba(148, 163, 184, 0.2);
}

.preset-summary-grid[b-5gitgw4px3],
.preset-tag-grid[b-5gitgw4px3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.preset-summary-item[b-5gitgw4px3],
.preset-tag-editor[b-5gitgw4px3],
.preset-monster-card[b-5gitgw4px3],
.preset-detail-block[b-5gitgw4px3] {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1rem;
    background: rgba(15, 23, 42, 0.42);
}

.preset-summary-item[b-5gitgw4px3] {
    padding: 0.9rem 1rem;
}

.preset-summary-label[b-5gitgw4px3] {
    display: block;
    margin-bottom: 0.2rem;
    color: rgba(226, 232, 240, 0.72);
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.preset-section-card[b-5gitgw4px3] {
    padding-bottom: 1.25rem;
}

.preset-monster-stack[b-5gitgw4px3] {
    display: grid;
    gap: 1rem;
}

.preset-monster-card[b-5gitgw4px3] {
    padding: 1rem;
    background:
        radial-gradient(circle at top left, rgba(34, 197, 94, 0.12), transparent 28%),
        rgba(2, 6, 23, 0.52);
}

.preset-monster-header[b-5gitgw4px3] {
    align-items: flex-start;
    margin-bottom: 1rem;
}

.preset-picker-wrap[b-5gitgw4px3] {
    margin-top: 1rem;
}

.preset-detail-block[b-5gitgw4px3] {
    margin-bottom: 0.85rem;
    padding: 0.9rem 1rem;
}

.preset-detail-block:last-child[b-5gitgw4px3] {
    margin-bottom: 0;
}

.preset-detail-block summary[b-5gitgw4px3] {
    cursor: pointer;
    font-weight: 700;
    list-style: none;
}

.preset-detail-block summary[b-5gitgw4px3]::-webkit-details-marker {
    display: none;
}

.preset-detail-block[open] summary[b-5gitgw4px3] {
    margin-bottom: 0.75rem;
}

.preset-tag-editor[b-5gitgw4px3] {
    padding: 1rem;
}

.preset-tag-list[b-5gitgw4px3] {
    margin-top: 0.75rem;
    margin-bottom: 0;
    display: grid;
    gap: 0.5rem;
}

@media (max-width: 767.98px) {
    .preset-monster-card[b-5gitgw4px3],
    .preset-detail-block[b-5gitgw4px3],
    .preset-tag-editor[b-5gitgw4px3] {
        padding: 0.85rem;
    }
}
/* _content/SW_Constellation.Web/Components/Pages/Admin/AdminGuildPresetList.razor.rz.scp.css */
.preset-list-grid[b-65tf7ev5tn] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.preset-list-card[b-65tf7ev5tn] {
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.18), transparent 38%),
        linear-gradient(160deg, rgba(15, 23, 42, 0.96), rgba(30, 41, 59, 0.92));
    border: 1px solid rgba(148, 163, 184, 0.2);
}

.preset-list-link[b-65tf7ev5tn] {
    color: inherit;
    text-decoration: none;
    display: block;
}

.preset-list-link:hover .preset-list-card[b-65tf7ev5tn],
.preset-list-link:focus-visible .preset-list-card[b-65tf7ev5tn] {
    border-color: rgba(56, 189, 248, 0.45);
    transform: translateY(-2px);
    transition: transform 120ms ease, border-color 120ms ease;
}

.preset-list-card-top[b-65tf7ev5tn],
.preset-list-meta[b-65tf7ev5tn] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.preset-list-empty[b-65tf7ev5tn] {
    text-align: center;
}
/* _content/SW_Constellation.Web/Components/Pages/Admin/AdminSiegeReportViewer.razor.rz.scp.css */
.siege-report-full-bleed[b-y6asiif79z] {
    width: 100%;
    min-height: calc(100vh - 160px);
}

.siege-report-toolbar[b-y6asiif79z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem clamp(1rem, 2vw, 2rem);
    border: 1px solid var(--neon-panel-border);
    border-radius: 20px;
    background: var(--neon-panel-bg);
    box-shadow: var(--neon-panel-shadow);
}

.siege-report-toolbar h1[b-y6asiif79z] {
    margin: 0;
}

.siege-report-loading[b-y6asiif79z] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
    color: var(--neon-muted);
}

.siege-report-frame-shell[b-y6asiif79z] {
    min-height: 82vh;
    margin-top: 1rem;
    overflow: hidden;
    border: 1px solid var(--neon-panel-border);
    border-radius: 20px;
    background: var(--neon-bg);
    box-shadow: var(--neon-panel-shadow);
}

.siege-report-frame-shell iframe[b-y6asiif79z] {
    display: block;
    width: 100%;
    min-height: 82vh;
    border: 0;
    background: #0b0f14;
}

@media (max-width: 768px) {
    .siege-report-toolbar[b-y6asiif79z] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* _content/SW_Constellation.Web/Components/Pages/Member/ArtifactOptimizer.razor.rz.scp.css */
.artifact-optimizer-page[b-tjngy5fxjj] { width:100%; max-width:none; box-sizing:border-box; margin:0; padding:24px clamp(16px,3vw,42px) 40px; color:var(--neon-text,#f1f4ff); }
.artifact-optimizer-head[b-tjngy5fxjj], .artifact-optimizer-summary[b-tjngy5fxjj], .artifact-optimizer-results-head[b-tjngy5fxjj] { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.artifact-optimizer-head[b-tjngy5fxjj] { margin-bottom: 1.5rem; }.artifact-optimizer-head h1[b-tjngy5fxjj],.artifact-optimizer-results h2[b-tjngy5fxjj] { margin: .15rem 0; font-size: clamp(1.55rem, 3vw, 2.2rem); }.artifact-optimizer-head p:not(.artifact-optimizer-kicker)[b-tjngy5fxjj] { margin: 0; color: #95a3b8; }
.artifact-optimizer-kicker[b-tjngy5fxjj] { margin:0; color:var(--neon-accent,#06b6d4); font-size:.76rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }.artifact-optimizer-badge[b-tjngy5fxjj] { border:1px solid rgba(139,92,246,.42); border-radius:999px; padding:.45rem .75rem; color:var(--neon-accent,#06b6d4); background:rgba(45,27,78,.3); font-weight:700; white-space:nowrap; }
.artifact-optimizer-panel[b-tjngy5fxjj],.artifact-optimizer-summary[b-tjngy5fxjj],.artifact-optimizer-results[b-tjngy5fxjj],.artifact-optimizer-pair[b-tjngy5fxjj] { background:var(--neon-panel-bg); border:1px solid var(--neon-panel-border); border-radius:14px; box-shadow:var(--neon-panel-shadow); }
.artifact-optimizer-controls[b-tjngy5fxjj] { display:grid; grid-template-columns:minmax(150px,.8fr) minmax(230px,1.4fr) minmax(190px,1fr) minmax(230px,1.25fr) auto; gap:1rem; align-items:end; padding:1.1rem; }.artifact-optimizer-controls label[b-tjngy5fxjj],.artifact-optimizer-stats-grid label[b-tjngy5fxjj] { display:grid; gap:.35rem; color:#9fb0c7; font-size:.78rem; font-weight:700; letter-spacing:.04em; }
.artifact-optimizer-controls select[b-tjngy5fxjj],.artifact-optimizer-controls input[type="search"][b-tjngy5fxjj],.artifact-optimizer-stats-grid input[b-tjngy5fxjj] { min-width:0; border:1px solid rgba(139,92,246,.3); border-radius:8px; background:rgba(45,27,78,.52); color:inherit; padding:.62rem .7rem; font:inherit; }.artifact-optimizer-control-actions[b-tjngy5fxjj] { display:flex; align-items:end; gap:.7rem; min-width:max-content; }.artifact-optimizer-toggle[b-tjngy5fxjj] { display:flex !important; align-items:center; gap:.45rem; min-height:40px; white-space:nowrap; }.artifact-optimizer-toggle input[b-tjngy5fxjj]{ accent-color:var(--neon-accent,#06b6d4); }
.artifact-optimizer-page select[b-tjngy5fxjj] { border-color:rgba(139,92,246,.5); background:linear-gradient(135deg,rgba(10,1,24,.9),rgba(26,11,46,.82)); color:#f1f4ff; font-weight:800; color-scheme:dark; }.artifact-optimizer-page select:focus[b-tjngy5fxjj] { outline:none; border-color:var(--neon-accent,#06b6d4); box-shadow:0 0 0 3px rgba(6,182,212,.13); }.artifact-optimizer-page select option[b-tjngy5fxjj] { background:#16072b; color:#f1f4ff; }.artifact-optimizer-page select option:disabled[b-tjngy5fxjj] { color:#909cc0; }
.artifact-optimizer-calculate[b-tjngy5fxjj],.artifact-optimizer-search[b-tjngy5fxjj],.artifact-optimizer-manual[b-tjngy5fxjj],.artifact-optimizer-actions button[b-tjngy5fxjj] { border:1px solid rgba(139,92,246,.34); border-radius:8px; padding:.65rem .85rem; background:rgba(45,27,78,.3); color:var(--neon-text,#f1f4ff); font:inherit; font-weight:700; cursor:pointer; }.artifact-optimizer-calculate[b-tjngy5fxjj] { background:linear-gradient(135deg,rgba(6,182,212,.3),rgba(139,92,246,.42)); border-color:rgba(6,182,212,.45); }.artifact-optimizer-calculate:disabled[b-tjngy5fxjj],.artifact-optimizer-search:disabled[b-tjngy5fxjj] { opacity:.55; cursor:wait; }
.artifact-optimizer-filter-controls[b-tjngy5fxjj] { grid-column:1 / -1; display:grid; grid-template-columns:minmax(285px,1.55fr) repeat(2,minmax(170px,.78fr)) minmax(250px,1.1fr); gap:.8rem; padding-top:.2rem; border-top:1px solid rgba(139,92,246,.18); }.artifact-optimizer-filter-block[b-tjngy5fxjj],.artifact-optimizer-relic-toggle[b-tjngy5fxjj] { min-width:0; padding:.72rem .78rem; border:1px solid rgba(139,92,246,.24); border-radius:9px; background:rgba(26,11,46,.28); }.artifact-optimizer-filter-heading[b-tjngy5fxjj] { display:grid; gap:.18rem; margin-bottom:.48rem; color:#aebad0; font-size:.68rem; font-weight:750; letter-spacing:.07em; text-transform:uppercase; }.artifact-optimizer-filter-heading small[b-tjngy5fxjj] { color:#8492a8; font-size:.66rem; font-weight:500; letter-spacing:0; text-transform:none; }.artifact-optimizer-line-list[b-tjngy5fxjj] { display:flex; flex-wrap:wrap; align-items:center; gap:.42rem; }.artifact-optimizer-line-filter[b-tjngy5fxjj] { display:flex; align-items:center; gap:.34rem; min-width:0; }.artifact-optimizer-line-filter select[b-tjngy5fxjj],.artifact-optimizer-line-filter input[b-tjngy5fxjj] { min-width:0; height:30px; border:1px solid rgba(139,92,246,.32); border-radius:6px; background:rgba(45,27,78,.52); color:inherit; padding:.25rem .42rem; font:inherit; font-size:.74rem; }.artifact-optimizer-line-filter select[b-tjngy5fxjj] { width:min(190px,42vw); }.artifact-optimizer-line-filter input[b-tjngy5fxjj] { width:58px; }.artifact-optimizer-line-filter > span[b-tjngy5fxjj] { color:#8b9bb3; font-weight:800; }.artifact-optimizer-line-remove[b-tjngy5fxjj],.artifact-optimizer-add-line[b-tjngy5fxjj] { border:0; background:transparent; color:#8bbbf1; font:inherit; font-size:.74rem; cursor:pointer; }.artifact-optimizer-line-remove[b-tjngy5fxjj] { width:25px; height:25px; border:1px solid rgba(139,92,246,.28); border-radius:6px; color:#b9a4ea; font-size:1rem; line-height:1; }.artifact-optimizer-add-line[b-tjngy5fxjj] { padding:.28rem .08rem; white-space:nowrap; }.artifact-optimizer-segmented[b-tjngy5fxjj] { display:flex; overflow:hidden; width:max-content; max-width:100%; border:1px solid rgba(139,92,246,.28); border-radius:7px; }.artifact-optimizer-segmented button[b-tjngy5fxjj] { min-width:40px; border:0; border-right:1px solid rgba(139,92,246,.22); padding:.42rem .5rem; background:rgba(26,11,46,.24); color:#93a5be; font:inherit; font-size:.73rem; font-weight:700; cursor:pointer; }.artifact-optimizer-segmented button:last-child[b-tjngy5fxjj] { border-right:0; }.artifact-optimizer-segmented button.is-active[b-tjngy5fxjj] { background:linear-gradient(135deg,rgba(6,182,212,.52),rgba(139,92,246,.72)); color:#fff; }.artifact-optimizer-relic-toggle[b-tjngy5fxjj] { display:flex !important; align-items:center; gap:.55rem; color:#c4d1e4 !important; cursor:pointer; }.artifact-optimizer-relic-toggle input[b-tjngy5fxjj] { accent-color:var(--neon-accent,#06b6d4); }.artifact-optimizer-relic-toggle span[b-tjngy5fxjj] { display:grid; gap:.16rem; }.artifact-optimizer-relic-toggle strong[b-tjngy5fxjj] { font-size:.72rem; letter-spacing:.07em; text-transform:uppercase; }.artifact-optimizer-relic-toggle small[b-tjngy5fxjj] { color:#8795a9; font-size:.69rem; font-weight:500; letter-spacing:0; }
.artifact-optimizer-stat-comparison[b-tjngy5fxjj] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; margin:-.35rem 0 1.1rem; }.artifact-optimizer-stat-group[b-tjngy5fxjj] { min-width:0; padding:.68rem .75rem; border:1px solid rgba(139,92,246,.28); border-radius:10px; }.artifact-optimizer-stat-group header[b-tjngy5fxjj] { display:flex; align-items:baseline; justify-content:space-between; gap:.65rem; margin-bottom:.5rem; }.artifact-optimizer-stat-group strong[b-tjngy5fxjj] { font-size:.77rem; }.artifact-optimizer-stat-group header small[b-tjngy5fxjj],.artifact-optimizer-stat-context[b-tjngy5fxjj] { color:var(--neon-muted,#a9a2bd); font-size:.68rem; }.artifact-optimizer-stat-group--build[b-tjngy5fxjj] { background:linear-gradient(135deg,rgba(55,32,105,.38),rgba(26,11,46,.5)); border-color:rgba(139,92,246,.42); }.artifact-optimizer-stat-group--build strong[b-tjngy5fxjj] { color:#d8ccff; }.artifact-optimizer-stat-group--combat[b-tjngy5fxjj] { background:linear-gradient(135deg,rgba(8,71,85,.36),rgba(15,31,58,.52)); border-color:rgba(6,182,212,.4); }.artifact-optimizer-stat-group--combat strong[b-tjngy5fxjj] { color:#8ae7fa; }.artifact-optimizer-stat-tiles[b-tjngy5fxjj] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.36rem; }.artifact-optimizer-stat-tiles span[b-tjngy5fxjj] { display:grid; justify-items:center; gap:.12rem; min-width:0; padding:.34rem .25rem; border:1px solid rgba(139,92,246,.22); border-radius:6px; background:rgba(10,1,24,.32); color:#f1f4ff; font-size:.88rem; font-weight:800; }.artifact-optimizer-stat-group--combat .artifact-optimizer-stat-tiles span[b-tjngy5fxjj] { border-color:rgba(6,182,212,.2); background:rgba(4,43,56,.28); }.artifact-optimizer-stat-tiles small[b-tjngy5fxjj] { color:#9eabc1; font-size:.61rem; font-weight:750; letter-spacing:.06em; }.artifact-optimizer-stat-context[b-tjngy5fxjj] { grid-column:1 / -1; padding:0 .15rem; }
.artifact-optimizer-summary[b-tjngy5fxjj] { margin:1.1rem 0; padding:1rem 1.1rem; }.artifact-optimizer-monster[b-tjngy5fxjj] { display:flex; align-items:center; gap:.8rem; }.artifact-optimizer-monster img[b-tjngy5fxjj]{ width:46px;height:46px;object-fit:cover;border-radius:10px;background:#0a101a; }.artifact-optimizer-monster div[b-tjngy5fxjj],.artifact-optimizer-damage[b-tjngy5fxjj] { display:grid; gap:.12rem; }.artifact-optimizer-monster span[b-tjngy5fxjj],.artifact-optimizer-damage span[b-tjngy5fxjj],.artifact-optimizer-total span[b-tjngy5fxjj] { color:#91a0b5; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }.artifact-optimizer-monster small[b-tjngy5fxjj],.artifact-optimizer-damage small[b-tjngy5fxjj] { color:#8291a5; }.artifact-optimizer-damage[b-tjngy5fxjj] { margin-left:auto; text-align:right; }.artifact-optimizer-damage strong[b-tjngy5fxjj],.artifact-optimizer-total strong[b-tjngy5fxjj] { color:#f4c94b; font-size:1.3rem; }
.artifact-optimizer-relic-result[b-tjngy5fxjj] { display:grid; gap:.18rem; max-width:310px; color:#95a7bf; }.artifact-optimizer-relic-result span[b-tjngy5fxjj] { color:#91a0b5; font-size:.68rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }.artifact-optimizer-relic-result strong[b-tjngy5fxjj] { color:#c4d1e4; font-size:.74rem; font-weight:650; line-height:1.35; }
.artifact-optimizer-manual-panel[b-tjngy5fxjj] { display:grid; grid-template-columns:minmax(220px,1fr) 2fr auto; gap:1rem; align-items:center; padding:1rem 1.1rem; }.artifact-optimizer-manual-panel p[b-tjngy5fxjj] { margin:.35rem 0 0;color:#94a3b8;font-size:.87rem; }.artifact-optimizer-stats-grid[b-tjngy5fxjj] { display:grid; grid-template-columns:repeat(4,minmax(70px,1fr)); gap:.55rem; }
.artifact-optimizer-warning[b-tjngy5fxjj],.artifact-optimizer-state[b-tjngy5fxjj] { margin:1rem 0; border-left:3px solid #e3b341; background:#e3b34112; color:#d5dfed; padding:.75rem 1rem; border-radius:0 8px 8px 0; }.artifact-optimizer-state--error[b-tjngy5fxjj] { border-color:#e05d68;background:#e05d6812; }
.artifact-optimizer-results[b-tjngy5fxjj] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; padding:1.1rem; }.artifact-optimizer-results-head[b-tjngy5fxjj],.artifact-optimizer-state[b-tjngy5fxjj] { grid-column:1 / -1; }.artifact-optimizer-results-head[b-tjngy5fxjj] { margin-bottom:0; }.artifact-optimizer-results-head > span[b-tjngy5fxjj] { color:var(--neon-muted,#a9a2bd); font-size:.86rem; text-align:right; }.artifact-optimizer-pair[b-tjngy5fxjj] { position:relative; display:grid; grid-template-columns:minmax(0,1fr); gap:.8rem; align-items:start; padding:.9rem; margin:0; border-color:rgba(139,92,246,.48); background:linear-gradient(145deg,rgba(45,27,78,.34),rgba(26,11,46,.18)),var(--neon-panel-bg); box-shadow:inset 0 0 0 1px rgba(139,92,246,.08),0 12px 28px rgba(0,0,0,.28); }.artifact-optimizer-pair--best[b-tjngy5fxjj] { border:2px solid rgba(240,184,75,.82); background:var(--neon-panel-bg); box-shadow:inset 0 0 0 1px rgba(241,209,138,.2),0 16px 34px rgba(0,0,0,.38); }.artifact-optimizer-rank[b-tjngy5fxjj] { position:absolute; top:.9rem; left:.9rem; z-index:1; display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(139,92,246,.64);border-radius:50%;background:linear-gradient(145deg,rgba(74,45,125,.98),rgba(26,11,46,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 3px 8px rgba(0,0,0,.34);color:#e5dcff;font-weight:900; }.artifact-optimizer-pair--rank-2 .artifact-optimizer-rank[b-tjngy5fxjj] { border-color:rgba(6,182,212,.6); color:#a8edff; }.artifact-optimizer-pair--rank-3 .artifact-optimizer-rank[b-tjngy5fxjj],.artifact-optimizer-pair--rank-4 .artifact-optimizer-rank[b-tjngy5fxjj] { color:#d8cdf5; }.artifact-optimizer-pair--best .artifact-optimizer-rank[b-tjngy5fxjj]{width:38px;height:38px;border:2px solid #f1d18a;background:linear-gradient(180deg,#f0b84b,#b77810);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 5px 14px rgba(0,0,0,.38);color:#211407;font-size:1.08rem;}
.artifact-optimizer-pair-main[b-tjngy5fxjj] { min-width:0; }.artifact-optimizer-pair-overview[b-tjngy5fxjj] { display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-bottom:.55rem; }.artifact-optimizer-pair-title[b-tjngy5fxjj] { display:flex; gap:.75rem; align-items:center; margin-left:44px; }.artifact-optimizer-pair-per-hit[b-tjngy5fxjj] { display:grid; justify-items:center; gap:2px; padding:4px 12px 5px; border:1px solid rgba(117,217,255,.48); border-radius:7px; background:linear-gradient(145deg,rgba(10,54,74,.8),rgba(10,29,50,.84)); box-shadow:inset 0 0 0 1px rgba(117,217,255,.1); color:#9cb9cd; line-height:1; }.artifact-optimizer-pair-per-hit span[b-tjngy5fxjj],.artifact-optimizer-total-value span[b-tjngy5fxjj] { font-size:.62rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }.artifact-optimizer-pair-per-hit strong[b-tjngy5fxjj] { color:#75d9ff; font-size:1.18rem; font-weight:800; text-shadow:0 1px 1px #082c3d; }.artifact-optimizer-pair-gain[b-tjngy5fxjj] { font-weight:750; white-space:nowrap; }.is-positive[b-tjngy5fxjj]{color:#5fe0a7 !important;}.is-negative[b-tjngy5fxjj]{color:#f08b98 !important;}.artifact-optimizer-artifacts[b-tjngy5fxjj] { display:flex; align-items:center; gap:.45rem; width:100%; max-width:100%; padding:0 .35rem; box-sizing:border-box; }.artifact-optimizer-artifacts[b-tjngy5fxjj]  .artifact-viewer-card { flex:1 1 0; width:auto; min-width:0; max-width:none; zoom:1; }.artifact-optimizer-plus[b-tjngy5fxjj] { flex:0 0 18px; width:18px; display:grid; place-items:center; color:#6f829a; font-size:1.2rem; font-weight:800; }.artifact-optimizer-total[b-tjngy5fxjj] { flex:0 0 auto; display:flex; align-items:center; gap:.65rem; }.artifact-optimizer-total-value[b-tjngy5fxjj] { display:grid; justify-items:center; gap:2px; padding:4px 12px 5px; border:1px solid rgba(240,184,75,.62); border-radius:7px; background:linear-gradient(145deg,rgba(96,63,14,.52),rgba(26,11,46,.84)); box-shadow:inset 0 0 0 1px rgba(240,184,75,.12); color:#f1d18a; line-height:1; }.artifact-optimizer-total-value strong[b-tjngy5fxjj] { color:#f0b84b; font-size:1.18rem; font-weight:800; text-shadow:0 1px 1px rgba(85,52,0,.75); }.artifact-optimizer-total small[b-tjngy5fxjj]{font-weight:750;white-space:nowrap;}.artifact-optimizer-actions[b-tjngy5fxjj] { display:flex; flex-wrap:wrap; gap:.45rem; }.artifact-optimizer-actions button[b-tjngy5fxjj]{font-size:.75rem;padding:.45rem .55rem;}.artifact-optimizer-actions button:last-child[b-tjngy5fxjj] { background:transparent;color:#aab8c8; }
.artifact-optimizer-pair-relic[b-tjngy5fxjj] { display:block; margin:-.16rem 0 .42rem 44px; color:#92a5bf; font-size:.68rem; }
@media (max-width: 1200px) { .artifact-optimizer-filter-controls[b-tjngy5fxjj]{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width: 1100px) { .artifact-optimizer-controls[b-tjngy5fxjj]{grid-template-columns:repeat(3,minmax(0,1fr));}.artifact-optimizer-results[b-tjngy5fxjj]{grid-template-columns:1fr;}.artifact-optimizer-pair[b-tjngy5fxjj]{grid-template-columns:1fr;}.artifact-optimizer-total[b-tjngy5fxjj],.artifact-optimizer-actions[b-tjngy5fxjj]{grid-column:auto;text-align:left;}.artifact-optimizer-actions[b-tjngy5fxjj]{display:flex;} }
@media (max-width: 900px) { .artifact-optimizer-controls[b-tjngy5fxjj]{grid-template-columns:repeat(2,minmax(0,1fr));}.artifact-optimizer-control-actions[b-tjngy5fxjj]{grid-column:1 / -1;justify-content:flex-end;}.artifact-optimizer-summary[b-tjngy5fxjj]{align-items:flex-start;flex-wrap:wrap;}.artifact-optimizer-damage[b-tjngy5fxjj]{margin-left:0;text-align:left;}.artifact-optimizer-manual-panel[b-tjngy5fxjj]{grid-template-columns:1fr;}.artifact-optimizer-results-head[b-tjngy5fxjj]{align-items:flex-start;flex-direction:column;}.artifact-optimizer-results-head>span[b-tjngy5fxjj]{text-align:left;} }
@media (max-width: 560px) { .artifact-optimizer-head[b-tjngy5fxjj]{align-items:flex-start;flex-direction:column;gap:.5rem;}.artifact-optimizer-controls[b-tjngy5fxjj]{grid-template-columns:1fr;}.artifact-optimizer-control-actions[b-tjngy5fxjj]{grid-column:auto;align-items:stretch;flex-direction:column;min-width:0;}.artifact-optimizer-toggle[b-tjngy5fxjj]{white-space:normal;}.artifact-optimizer-calculate[b-tjngy5fxjj]{width:100%;}.artifact-optimizer-stat-comparison[b-tjngy5fxjj]{grid-template-columns:1fr;}.artifact-optimizer-stat-tiles[b-tjngy5fxjj]{grid-template-columns:repeat(3,minmax(0,1fr));}.artifact-optimizer-stats-grid[b-tjngy5fxjj]{grid-template-columns:repeat(2,1fr);}.artifact-optimizer-artifacts[b-tjngy5fxjj]{flex-direction:column;width:100%;}.artifact-optimizer-artifacts[b-tjngy5fxjj]  .artifact-viewer-card{flex:0 0 auto;width:100%;transform:none;}.artifact-optimizer-plus[b-tjngy5fxjj]{align-self:center;} }
/* Les petits sélecteurs de sous-stats suivent le même thème que les contrôles principaux. */
.artifact-optimizer-page .artifact-optimizer-line-filter select[b-tjngy5fxjj] { border-color:rgba(139,92,246,.5); background:linear-gradient(135deg,rgba(10,1,24,.9),rgba(26,11,46,.82)); color:#f1f4ff; font-weight:800; }
.artifact-optimizer-monster-search[b-tjngy5fxjj] { position:relative; display:grid; min-width:0; gap:.35rem; color:#9fb0c7; font-size:.78rem; font-weight:700; letter-spacing:.04em; }
.artifact-optimizer-monster-search input[b-tjngy5fxjj] { width:100%; }
.artifact-optimizer-monster-search > small[b-tjngy5fxjj] { color:var(--neon-muted,#a9a2bd); font-size:.72rem; font-weight:600; letter-spacing:0; }
.artifact-optimizer-monster-results[b-tjngy5fxjj] { position:absolute; z-index:12; top:100%; right:0; left:0; display:grid; max-height:250px; margin-top:.35rem; overflow:auto; border:1px solid var(--neon-panel-border); border-radius:9px; background:var(--neon-surface,#16072b); box-shadow:var(--neon-panel-shadow); }
.artifact-optimizer-monster-results button[b-tjngy5fxjj] { display:flex; align-items:center; gap:.65rem; width:100%; min-width:0; border:0; border-bottom:1px solid rgba(139,92,246,.18); padding:.55rem .65rem; background:transparent; color:var(--neon-text,#f1f4ff); text-align:left; cursor:pointer; }
.artifact-optimizer-monster-results button:last-child[b-tjngy5fxjj] { border-bottom:0; }
.artifact-optimizer-monster-results button:hover[b-tjngy5fxjj],.artifact-optimizer-monster-results button:focus-visible[b-tjngy5fxjj] { background:rgba(6,182,212,.13); outline:none; }
.artifact-optimizer-monster-portrait[b-tjngy5fxjj] { display:block; flex:0 0 36px; width:36px; height:36px; overflow:hidden; border:1px solid rgba(139,92,246,.42); border-radius:8px; background:#0a101a; }
.artifact-optimizer-monster-results span[b-tjngy5fxjj] { display:grid; min-width:0; gap:.1rem; }
.artifact-optimizer-monster-results strong[b-tjngy5fxjj] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.artifact-optimizer-monster-results small[b-tjngy5fxjj] { color:var(--neon-muted,#a9a2bd); font-size:.7rem; font-weight:600; letter-spacing:0; }
.artifact-optimizer-base-stats-notice[b-tjngy5fxjj] { max-width:620px; color:#f1cf78 !important; }
.artifact-optimizer-manage-locks[b-tjngy5fxjj] { border:1px solid rgba(6,182,212,.4); border-radius:8px; min-height:40px; padding:.58rem .72rem; background:rgba(8,71,85,.25); color:#a9eaf8; font:inherit; font-size:.78rem; font-weight:750; white-space:nowrap; cursor:pointer; }
.artifact-optimizer-manage-locks:hover[b-tjngy5fxjj],.artifact-optimizer-manage-locks:focus-visible[b-tjngy5fxjj] { border-color:var(--neon-accent,#06b6d4); background:rgba(8,71,85,.48); }
.artifact-optimizer-actions button:disabled[b-tjngy5fxjj],.artifact-optimizer-unlock-lock:disabled[b-tjngy5fxjj] { opacity:.62; cursor:wait; }
.artifact-optimizer-lock-feedback[b-tjngy5fxjj] { grid-column:1 / -1; margin:0; padding:.6rem .72rem; border:1px solid rgba(6,182,212,.3); border-radius:8px; background:rgba(8,71,85,.2); color:#b5f1fb; font-size:.78rem; }
.artifact-optimizer-lock-feedback--error[b-tjngy5fxjj] { border-color:rgba(224,93,104,.5); background:rgba(224,93,104,.1); color:#ffd0d5; }
.artifact-optimizer-lock-manager[b-tjngy5fxjj] { display:grid; gap:.75rem; }.artifact-optimizer-lock-manager > p[b-tjngy5fxjj] { margin:0; color:var(--neon-muted,#a9a2bd); font-size:.85rem; }.artifact-optimizer-lock-list[b-tjngy5fxjj] { display:grid; gap:.55rem; }
.artifact-optimizer-lock-row[b-tjngy5fxjj] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem .8rem; border:1px solid rgba(139,92,246,.28); border-radius:9px; background:rgba(26,11,46,.42); }
.artifact-optimizer-lock-row > div[b-tjngy5fxjj] { display:grid; gap:.2rem; min-width:0; }.artifact-optimizer-lock-row strong[b-tjngy5fxjj] { color:var(--neon-text,#f1f4ff); }.artifact-optimizer-lock-row span[b-tjngy5fxjj],.artifact-optimizer-lock-row small[b-tjngy5fxjj] { color:var(--neon-muted,#a9a2bd); font-size:.77rem; }
.artifact-optimizer-unlock-lock[b-tjngy5fxjj] { flex:0 0 auto; border:1px solid rgba(224,93,104,.48); border-radius:7px; padding:.5rem .65rem; background:rgba(224,93,104,.1); color:#ffd0d5; font:inherit; font-size:.76rem; font-weight:750; cursor:pointer; }
.artifact-optimizer-unlock-lock:hover[b-tjngy5fxjj],.artifact-optimizer-unlock-lock:focus-visible[b-tjngy5fxjj] { background:rgba(224,93,104,.22); }
@media (max-width: 560px) { .artifact-optimizer-manage-locks[b-tjngy5fxjj]{width:100%;}.artifact-optimizer-lock-row[b-tjngy5fxjj]{align-items:stretch;flex-direction:column;}.artifact-optimizer-unlock-lock[b-tjngy5fxjj]{width:100%;} }
/* _content/SW_Constellation.Web/Components/Pages/Member/MemberDecksBlazor.razor.rz.scp.css */
.decks-native-page[b-za6z96mnlz] {
    --decks-surface: rgba(26, 11, 46, 0.78);
    --decks-surface-raised: rgba(45, 27, 78, 0.68);
    --decks-surface-deep: rgba(10, 1, 24, 0.82);
    --decks-line: rgba(139, 92, 246, 0.28);
    /* Le wrapper conserve uniquement le gabarit : il n'est plus un panneau visuel. */
    width: min(100%, 1480px);
    min-height: 100%;
    margin: 0 auto;
    padding: 14px 34px 36px;
    display: flex;
    flex-direction: column;
    color: #f5f7ff;
    font-family: "Inter", "Segoe UI", system-ui, sans-serif;
}

.decks-native-card-head[b-za6z96mnlz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

/* Réutilisé par la recherche partagée : seul le détail du deck est rendu. */
.decks-native-page-modal-only[b-za6z96mnlz] {
    width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
}

.decks-native-page-modal-only > :not(.decks-native-modal-backdrop)[b-za6z96mnlz] {
    display: none !important;
}

.decks-native-card-title[b-za6z96mnlz] { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; }

.decks-native-season-winrate[b-za6z96mnlz] {
    display: grid;
    flex: 0 0 auto;
    justify-items: end;
    gap: 3px;
    color: #d9f99d;
    font-size: 12px;
    line-height: 1;
    text-align: right;
}

.decks-native-season-winrate b[b-za6z96mnlz] { color: #a8e75f; font-size: 10px; font-weight: 900; letter-spacing: .35px; text-transform: uppercase; }
.decks-native-season-winrate strong[b-za6z96mnlz] { color: #f2fee0; font-size: 15px; font-weight: 900; white-space: nowrap; }
.decks-native-season-winrate small[b-za6z96mnlz] { color: #70e6f3; font-size: 12px; font-weight: 900; white-space: nowrap; }
.decks-native-season-matchups-trigger[b-za6z96mnlz] { cursor: pointer; border-radius: 6px; outline: 0; }
.decks-native-season-matchups-trigger:hover[b-za6z96mnlz], .decks-native-season-matchups-trigger:focus-visible[b-za6z96mnlz] { background: rgba(6, 182, 212, .12); box-shadow: 0 0 0 2px rgba(6, 182, 212, .24); }

.decks-native-hero[b-za6z96mnlz],
.decks-native-toolbar[b-za6z96mnlz],
.decks-native-category[b-za6z96mnlz] {
    width: 100%;
    margin-inline: 0;
    border: 1px solid var(--decks-line);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(49, 46, 129, 0.42), var(--decks-surface));
    box-shadow: 0 12px 28px rgba(3, 0, 12, 0.32);
}

.decks-native-hero[b-za6z96mnlz] {
    min-height: 116px;
    padding: 17px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.decks-native-hero p[b-za6z96mnlz] {
    margin: 0 0 2px;
    color: #ffbd43;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.decks-native-hero h1[b-za6z96mnlz] {
    margin: 0 0 13px;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
}

.decks-native-hero span[b-za6z96mnlz] {
    color: #c9d1dc;
    font-size: 12px;
}

.decks-native-kpis[b-za6z96mnlz] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.decks-native-kpis span[b-za6z96mnlz] {
    min-width: 128px;
    min-height: 36px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 9px;
    background: rgba(10, 1, 24, 0.48);
}

.decks-native-kpis small[b-za6z96mnlz] {
    color: #c8c0b5;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.decks-native-kpis b[b-za6z96mnlz] {
    color: #fff;
    font-size: 18px;
}

.decks-native-toolbar[b-za6z96mnlz] {
    margin-top: 12px;
    padding: 10px 13px;
    overflow: visible;
}

.decks-shared-search[b-za6z96mnlz] {
    width: 100%;
    margin-top: 12px;
    padding: 13px;
    border: 1px solid rgba(6, 182, 212, .34);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(6, 182, 212, .11), var(--decks-surface));
    box-shadow: 0 12px 28px rgba(3, 0, 12, .24);
}

.decks-shared-search-head[b-za6z96mnlz] { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.decks-shared-search-head p[b-za6z96mnlz] { margin: 0 0 2px; color: #06b6d4; font-size: 11px; font-weight: 900; letter-spacing: 1.5px; text-transform: uppercase; }
.decks-shared-search-head h2[b-za6z96mnlz] { margin: 0; color: #fff; font-size: 16px; font-weight: 900; }
.decks-shared-search-head > span[b-za6z96mnlz] { color: #c9d1dc; font-size: 12px; font-weight: 800; }
.decks-shared-search-input[b-za6z96mnlz] { min-height: 42px; border-color: rgba(6, 182, 212, .5); background: rgba(10, 1, 24, .68); color: #fff; font-weight: 700; }
.decks-shared-search-input[b-za6z96mnlz]::placeholder { color: #a8a2b9; }
.decks-shared-search-intro[b-za6z96mnlz] { margin: 0 0 10px; color: #c9d1dc; font-size: 12px; }
.decks-shared-search-monsters[b-za6z96mnlz] { display: grid; gap: 8px; }
.decks-shared-search-monster[b-za6z96mnlz] { padding: 9px; border: 1px solid rgba(6, 182, 212, .22); border-radius: 9px; background: rgba(10, 1, 24, .38); }
.decks-shared-search-status[b-za6z96mnlz] { padding: 10px 2px 0; color: #c9d1dc; font-size: 12px; }
.decks-shared-search-groups[b-za6z96mnlz] { display: grid; gap: 7px; margin-top: 10px; }
.decks-shared-search-group[b-za6z96mnlz] { border: 1px solid rgba(139, 92, 246, .28); border-radius: 9px; background: rgba(10, 1, 24, .46); overflow: hidden; }
.decks-shared-search-group summary[b-za6z96mnlz] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 10px; cursor: pointer; list-style: none; }
.decks-shared-search-group summary[b-za6z96mnlz]::-webkit-details-marker { display: none; }
.decks-shared-search-group summary span[b-za6z96mnlz] { display: grid; min-width: 0; gap: 3px; }
.decks-shared-search-group summary strong[b-za6z96mnlz] { color: #fff; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.decks-shared-search-group summary small[b-za6z96mnlz] { color: #beb9c8; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.decks-shared-search-group summary b[b-za6z96mnlz] { flex: 0 0 auto; color: #72e8f4; font-size: 11px; }
.decks-shared-search-variants[b-za6z96mnlz] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 7px; padding: 8px; border-top: 1px solid rgba(139, 92, 246, .2); }
.decks-shared-search-variant[b-za6z96mnlz] { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; min-height: 66px; padding: 11px; border: 1px solid rgba(139, 92, 246, .22); border-radius: 7px; background: rgba(31, 16, 56, .42); color: #fff; text-align: left; }
.decks-shared-search-variant:hover:not(:disabled)[b-za6z96mnlz], .decks-shared-search-variant:focus-visible[b-za6z96mnlz] { background: rgba(6, 182, 212, .13); }
.decks-shared-search-variant:disabled[b-za6z96mnlz] { cursor: wait; opacity: .65; }
.decks-shared-search-variant-identity[b-za6z96mnlz] { display: grid; min-width: 0; gap: 2px; }
.decks-shared-search-variant strong[b-za6z96mnlz] { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.decks-shared-search-variant small[b-za6z96mnlz] { color: #c3bfca; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.decks-shared-search-variant-winrate[b-za6z96mnlz] { display: grid; flex: 0 0 auto; gap: 3px; font-size: 12px; font-weight: 900; text-align: right; white-space: nowrap; }
.decks-shared-search-winrate[b-za6z96mnlz] { color: #d9f99d; }
.decks-shared-search-offense-count[b-za6z96mnlz] { color: #72e8f4; }

@media (max-width: 1250px) {
    .decks-shared-search-variants[b-za6z96mnlz] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 1000px) {
    .decks-shared-search-variants[b-za6z96mnlz] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.decks-native-account-picker[b-za6z96mnlz] {
    display: grid;
    gap: 4px;
    max-width: 280px;
    margin-bottom: 10px;
}

.decks-native-account-picker label[b-za6z96mnlz] {
    color: #bbb3a7;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.decks-native-account-picker .form-select[b-za6z96mnlz] {
    min-height: 42px;
    border: 1px solid rgba(139, 92, 246, .68);
    border-radius: 9px;
    background-color: rgba(10, 1, 24, .9);
    color: #f5f1ff;
    font-size: 15px;
    font-weight: 800;
    box-shadow: inset 0 0 0 1px rgba(6, 182, 212, .08), 0 5px 14px rgba(3, 0, 12, .2);
}

.decks-native-account-picker .form-select:hover[b-za6z96mnlz],
.decks-native-account-picker .form-select:focus[b-za6z96mnlz] {
    border-color: #06b6d4;
    background-color: rgba(14, 3, 31, .98);
    color: #fff;
    box-shadow: 0 0 0 2px rgba(6, 182, 212, .13), 0 7px 16px rgba(3, 0, 12, .26);
}

.decks-native-account-picker .form-select option[b-za6z96mnlz] { background: #140827; color: #f5f1ff; }

.decks-native-filters[b-za6z96mnlz] {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}

.decks-native-filter[b-za6z96mnlz] {
    flex: 0 0 auto;
    height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(139, 92, 246, 0.32);
    border-radius: 999px;
    background: rgba(26, 11, 46, 0.82);
    color: #e9e4ff;
    font-size: 12px;
    font-weight: 900;
}

.decks-native-filter.is-active[b-za6z96mnlz] {
    border-color: var(--neon-accent, #06b6d4);
    color: #fff;
    background: linear-gradient(135deg, rgba(4, 70, 90, 0.96), rgba(55, 30, 110, 0.96));
    box-shadow: inset 0 0 0 1px rgba(6, 182, 212, 0.16), 0 0 14px rgba(6, 182, 212, 0.18);
}

.decks-native-filter span[b-za6z96mnlz] {
    margin-left: 5px;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(8, 4, 20, 0.72);
    color: #f2efe8;
}

.decks-native-layout[b-za6z96mnlz] {
    width: 100%;
    align-self: stretch;
    margin-top: 12px;
    display: grid;
    gap: 12px;
    padding-bottom: 4px;
}

.decks-native-category[b-za6z96mnlz] {
    padding: 13px 12px;
}

.decks-native-category > header[b-za6z96mnlz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 9px;
}

.decks-native-category h2[b-za6z96mnlz] {
    margin: 0;
    color: #f7f7f7;
    font-size: 17px;
    font-weight: 900;
}

.decks-native-category > header strong[b-za6z96mnlz] {
    color: #bcb7ae;
    font-size: 12px;
}

.decks-native-sections[b-za6z96mnlz] {
    display: grid;
    gap: 11px;
}

.decks-native-section[b-za6z96mnlz] {
    padding: 12px 14px 10px;
    border: 1px solid rgba(139, 92, 246, 0.22);
    border-left: 7px solid var(--deck-color);
    border-radius: 10px;
    background: linear-gradient(100deg, color-mix(in srgb, var(--deck-color) 7%, transparent), var(--decks-surface-deep));
}

.decks-native-section > header[b-za6z96mnlz] {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.decks-native-section h3[b-za6z96mnlz] {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
}

.decks-native-section > header b[b-za6z96mnlz] {
    min-width: 28px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--deck-color);
    border-radius: 999px;
    color: #fff;
    font-size: 12px;
}

.decks-native-cards[b-za6z96mnlz] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.decks-native-card[b-za6z96mnlz] {
    min-width: 0;
    min-height: 152px;
    padding: 12px 11px 11px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    border: 1px solid var(--deck-color);
    border-radius: 10px;
    background:
        linear-gradient(150deg, color-mix(in srgb, var(--deck-color) 22%, rgba(49, 46, 129, 0.58)), rgba(26, 11, 46, 0.92)),
        var(--neon-card-bg);
    color: #fff;
    text-align: left;
    box-shadow: inset 0 0 18px color-mix(in srgb, var(--deck-color) 15%, transparent), 0 8px 16px rgba(3, 0, 12, .2);
    transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.decks-native-card:hover[b-za6z96mnlz],
.decks-native-card:focus-visible[b-za6z96mnlz] { border-color: #93f3ff; box-shadow: inset 0 0 20px rgba(6, 182, 212, .19), 0 9px 18px rgba(3, 0, 12, .32); transform: translateY(-1px); }
.decks-native-card:focus-visible[b-za6z96mnlz] { outline: 2px solid rgba(6, 182, 212, .7); outline-offset: 2px; }
.decks-native-card:disabled[b-za6z96mnlz] { cursor: progress; opacity: .78; }
.decks-native-card-loading[b-za6z96mnlz] { color: #89e7ff; font-size: .78rem; font-weight: 800; }
.decks-native-detail-error[b-za6z96mnlz] { margin: 12px 0 0; color: #ffb3b3; font-weight: 700; }

/* Les rares presets à 5-6 unités gardent tous leurs portraits dans la tuile. */
.decks-native-card.deck-size-5 .decks-native-monster img[b-za6z96mnlz] { width: 42px; height: 42px; }
.decks-native-card.deck-size-6 .decks-native-monster img[b-za6z96mnlz] { width: 36px; height: 36px; }

.decks-native-modal-backdrop[b-za6z96mnlz] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.62);
}

.decks-native-modal[b-za6z96mnlz] {
    width: min(1120px, calc(100vw - 32px));
    max-height: min(760px, calc(100vh - 40px));
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(139, 92, 246, .4);
    border-radius: 14px;
    background: radial-gradient(circle at 50% 0%, rgba(6,182,212,.12), transparent 46%), var(--neon-panel-bg);
    box-shadow: 0 24px 80px rgba(3, 0, 12, 0.72), 0 0 32px rgba(139, 92, 246, .18);
    color: #f5f7ff;
}

.decks-native-modal-head[b-za6z96mnlz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 14px;
    border-bottom: 1px solid rgba(139, 92, 246, .3);
}

.decks-native-modal-body[b-za6z96mnlz] { overflow: auto; padding: 7px 14px; }

.decks-native-modal-heading[b-za6z96mnlz] { display: flex; min-width: 0; align-items: baseline; gap: 7px; flex-wrap: wrap; color: #f5f7ff; font-size: clamp(13px, 1.2vw, 18px); font-weight: 800; line-height: 1.15; }
.decks-native-header-category[b-za6z96mnlz] { color: #06b6d4; }
.decks-native-header-preset[b-za6z96mnlz] { color: #f0b84b; }
.decks-native-header-separator[b-za6z96mnlz] { color: #8b5cf6; }
.decks-native-header-turn-label[b-za6z96mnlz] { color: #8ec5e8; font-size: .78em; text-transform: uppercase; }
.decks-native-header-turn-order[b-za6z96mnlz] { min-width: 0; color: #e8eaff; font-weight: 600; }
.decks-native-modal-close[b-za6z96mnlz] {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(6, 182, 212, .52);
    border-radius: 9px;
    background: rgba(10, 1, 24, .58);
    color: #f5f7ff;
    font-size: 18px;
    line-height: 1;
    box-shadow: 0 0 12px rgba(6, 182, 212, .12);
}
.decks-native-modal-close:hover[b-za6z96mnlz], .decks-native-modal-close:focus[b-za6z96mnlz] { border-color: #06b6d4; background: rgba(4, 70, 90, .92); color: #fff; }
.decks-native-modal-monsters[b-za6z96mnlz] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.decks-native-modal-monster[b-za6z96mnlz] { padding: 7px 14px; border: 1px solid rgba(139,92,246,.3); border-radius: 12px; background: linear-gradient(160deg, rgba(49,46,129,.35), rgba(10,1,24,.86)); text-align: center; }
.decks-native-modal-monster header[b-za6z96mnlz] { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px; text-align: center; }
.decks-native-modal-monster header img[b-za6z96mnlz] { width: 56px; height: 56px; border-radius: 8px; object-fit: cover; }
.decks-native-equipment[b-za6z96mnlz] { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 3px; width: 100%; margin-top: 13px; padding: 0 2px; }
.decks-native-gear[b-za6z96mnlz] { position: relative; width: 100%; aspect-ratio: 1; min-width: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(139,92,246,.36); border-radius: 7px; background: rgba(10,1,24,.56); }
.decks-native-gear img[b-za6z96mnlz] { width: min(78%, 30px); height: min(78%, 30px); object-fit: contain; }
.decks-native-gear b[b-za6z96mnlz] { position: absolute; right: 2px; bottom: 1px; color: #fff; font-size: 10px; text-shadow: 0 1px 2px #000; }
.decks-native-gear.is-missing[b-za6z96mnlz] { opacity: .52; }
.decks-native-build-metrics[b-za6z96mnlz] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px; margin-top: 9px; }
.decks-native-build-metrics > span[b-za6z96mnlz] { grid-column: span 2; display: grid; justify-items: center; gap: 3px; min-width: 0; padding: 7px; border: 1px solid rgba(139,92,246,.2); border-radius: 8px; background: rgba(10,1,24,.52); color: #fff; font-weight: 800; text-align: center; }
.decks-native-build-metrics b[b-za6z96mnlz] { display: flex; align-items: center; justify-content: center; color: #bbb3a7; font-size: 9px; text-transform: uppercase; }
.decks-native-artifact-attribute[b-za6z96mnlz] { grid-column: 1 / span 2 !important; }
.decks-native-artifact-type[b-za6z96mnlz] { grid-column: 3 / span 2 !important; }
.decks-native-artifact-effects[b-za6z96mnlz] { display: grid; width: 100%; gap: 2px; text-align: left; }
.decks-native-artifact-effects small[b-za6z96mnlz] { overflow: hidden; color: #e9e5ff; font-size: 12px; font-weight: 800; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.decks-native-artifact-effects small:not(:last-child)[b-za6z96mnlz] { border-bottom: 1px solid rgba(139,92,246,.14); padding-bottom: 2px; }
.decks-native-artifact-effects small.is-max-proc[b-za6z96mnlz] { color: rgb(255, 195, 50); font-weight: 900; }
.decks-native-eff b[b-za6z96mnlz] { gap: 4px; }
.decks-native-eff b img[b-za6z96mnlz] { width: 13px; height: 13px; object-fit: contain; }
.decks-native-detail[b-za6z96mnlz] { grid-column: span 3 !important; container-type: inline-size; }
.decks-native-detail strong[b-za6z96mnlz] {
    width: 100%;
    overflow: hidden;
    text-overflow: clip;
    color: #fff;
    font-size: clamp(8px, .92vw, 13px);
    letter-spacing: -.2px;
    line-height: 1.2;
    white-space: nowrap;
    text-align: center;
}
.decks-native-build-metrics strong[b-za6z96mnlz] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f0b84b; font-size: 18px; }
.decks-native-build-metrics .decks-native-detail strong[b-za6z96mnlz] {
    width: 100%;
    overflow: hidden;
    text-overflow: clip;
    color: #fff;
    /* La taille est basée sur la largeur de la tuile, pas celle de la fenêtre. */
    font-size: clamp(12px, 7cqi, 18px);
    letter-spacing: -.25px;
    line-height: 1.2;
    white-space: nowrap;
    text-align: center;
}
.decks-native-stat-table[b-za6z96mnlz] { width: 100%; margin-top: 10px; border-collapse: separate; border-spacing: 0; border: 1px solid rgba(139,92,246,.28); border-radius: 10px; background: rgba(10,1,24,.36); color: #e7e7e7; font-size: 12px; overflow: hidden; }
.decks-native-stat-table th[b-za6z96mnlz], .decks-native-stat-table td[b-za6z96mnlz] { padding: 8px 9px; border-right: 1px solid rgba(139,92,246,.18); border-bottom: 1px solid rgba(139,92,246,.18); text-align: right; }
.decks-native-stat-table th:first-child[b-za6z96mnlz] { text-align: left; color: #f3f3f3; }
.decks-native-stat-table td:nth-child(3)[b-za6z96mnlz] { color: #7ed49c; font-weight: 800; }
.decks-native-stat-table td:last-child[b-za6z96mnlz] { color: #8ec5e8; font-weight: 900; border-right: 0; }
.decks-native-stat-table tr:last-child th[b-za6z96mnlz], .decks-native-stat-table tr:last-child td[b-za6z96mnlz] { border-bottom: 0; }
.decks-native-stat-table thead th[b-za6z96mnlz] { color: #c8c0b5; font-size: 10px; }
@media (max-width: 1100px) { .decks-native-modal-monsters[b-za6z96mnlz] { grid-template-columns: 1fr; } }

.decks-native-card-title strong[b-za6z96mnlz] {
    font-size: 15px;
    font-weight: 900;
    line-height: 1.05;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.decks-native-card-title small[b-za6z96mnlz] {
    margin-top: 4px;
    color: #c5c4cf;
    font-size: 12px;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.decks-native-monsters[b-za6z96mnlz] {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    overflow: hidden;
}

.decks-native-monster[b-za6z96mnlz] {
    position: relative;
    flex: 0 0 auto;
}

.decks-native-monster img[b-za6z96mnlz] {
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 8px;
    object-fit: cover;
}

.decks-native-monster i[b-za6z96mnlz] {
    position: absolute;
    left: -2px;
    bottom: -2px;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: #1a4a7a;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
}

.decks-native-card-meta[b-za6z96mnlz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 28px;
}

.decks-native-card-meta span[b-za6z96mnlz] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #d7d8e5;
    font-size: 12px;
    font-weight: 900;
}

.decks-native-card-meta img[b-za6z96mnlz] {
    width: 15px;
    height: 15px;
    object-fit: contain;
}

.decks-native-empty[b-za6z96mnlz] {
    width: 100%;
    margin-inline: 0;
    margin-top: 18px;
    padding: 20px;
    border: 1px solid rgba(139, 92, 246, .3);
    border-radius: 12px;
    background: var(--decks-surface);
    color: #d7dce7;
}

@media (max-width: 800px) {
    .decks-native-page[b-za6z96mnlz] {
        margin: 0 auto;
        padding: 12px;
    }

    .decks-native-topbar[b-za6z96mnlz],
    .decks-native-hero[b-za6z96mnlz] {
        align-items: flex-start;
        flex-direction: column;
    }

    .decks-native-actions[b-za6z96mnlz],
    .decks-native-kpis[b-za6z96mnlz] {
        justify-content: flex-start;
        width: 100%;
    }

    .decks-native-cards[b-za6z96mnlz] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

    .decks-shared-search-head[b-za6z96mnlz],
    .decks-shared-search-group summary[b-za6z96mnlz],
    .decks-shared-search-variant[b-za6z96mnlz] { align-items: flex-start; flex-direction: column; }

    .decks-shared-search-variants[b-za6z96mnlz] { grid-template-columns: 1fr; }

    .decks-shared-search-variant-winrate[b-za6z96mnlz] { align-self: flex-end; }
}

@media (max-width: 1350px) { .decks-native-cards[b-za6z96mnlz] { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 1120px) { .decks-native-cards[b-za6z96mnlz] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 900px) { .decks-native-cards[b-za6z96mnlz] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) {
    .decks-native-cards[b-za6z96mnlz] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .decks-native-card[b-za6z96mnlz] { min-height: 108px; }
    .decks-native-monster img[b-za6z96mnlz] { width: 34px; height: 34px; }
}
/* _content/SW_Constellation.Web/Components/Pages/Member/MemberDeckSeasonMatchupsModal.razor.rz.scp.css */
.deck-matchups-backdrop[b-beek3vl8l5] {
    position: fixed;
    inset: 0;
    z-index: 5100;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(2, 4, 16, .7);
}

.deck-matchups-modal[b-beek3vl8l5] {
    width: min(1180px, calc(100vw - 32px));
    max-height: min(820px, calc(100vh - 40px));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--neon-panel-border, rgba(6, 182, 212, .48));
    border-radius: 14px;
    background: radial-gradient(circle at 50% 0%, rgba(6, 182, 212, .12), transparent 48%), var(--neon-panel-bg, #10071f);
    box-shadow: var(--neon-panel-shadow, 0 24px 80px rgba(3, 0, 12, .72));
    color: var(--neon-text, #f5f7ff);
}

.deck-matchups-head[b-beek3vl8l5] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; border-bottom: 1px solid var(--neon-panel-border, rgba(6, 182, 212, .35)); }
.deck-matchups-head p[b-beek3vl8l5] { margin: 0 0 2px; color: var(--neon-accent, #06b6d4); font-size: 11px; font-weight: 900; letter-spacing: 1.4px; text-transform: uppercase; }
.deck-matchups-head h2[b-beek3vl8l5] { margin: 0; font-size: clamp(18px, 1.8vw, 24px); font-weight: 900; }
.deck-matchups-close[b-beek3vl8l5] { width: 36px; height: 36px; border: 1px solid var(--neon-accent, #06b6d4); border-radius: 9px; background: var(--neon-surface-alt, rgba(10, 1, 24, .7)); color: var(--neon-text, #f5f7ff); font-size: 17px; }
.deck-matchups-close:hover[b-beek3vl8l5], .deck-matchups-close:focus-visible[b-beek3vl8l5] { background: rgba(6, 182, 212, .2); }

.deck-matchups-body[b-beek3vl8l5] { overflow: auto; padding: 15px 16px 18px; }
.deck-matchups-status[b-beek3vl8l5] { min-height: 150px; display: grid; place-items: center; color: var(--neon-muted, #b8c4df); font-weight: 700; text-align: center; }
.deck-matchups-status.is-error[b-beek3vl8l5] { color: #ffb3b3; }
.deck-matchups-summary[b-beek3vl8l5] { margin: 0 0 12px; color: var(--neon-muted, #b8c4df); font-size: 13px; font-weight: 700; }
.deck-matchups-grid[b-beek3vl8l5] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.deck-matchups-card[b-beek3vl8l5] { min-height: 128px; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid var(--neon-panel-border, rgba(139, 92, 246, .38)); border-radius: 11px; background: linear-gradient(145deg, color-mix(in srgb, var(--neon-surface-alt, #1f123d) 84%, transparent), var(--neon-surface, #110720)); }
.deck-matchups-card-head[b-beek3vl8l5] { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.deck-matchups-portraits[b-beek3vl8l5] { display: flex; min-width: 0; align-items: center; }
.deck-matchups-portraits img[b-beek3vl8l5] { width: clamp(48px, 4vw, 62px); height: clamp(48px, 4vw, 62px); margin-right: -8px; border: 2px solid var(--neon-surface, #110720); border-radius: 9px; object-fit: cover; background: var(--neon-surface-alt, #1f123d); }
.deck-matchups-portraits img:last-child[b-beek3vl8l5] { margin-right: 0; }
.deck-matchups-score[b-beek3vl8l5] { display: grid; justify-items: end; gap: 4px; white-space: nowrap; }
.deck-matchups-score strong[b-beek3vl8l5] { color: #a8e75f; font-size: 18px; font-weight: 900; }
.deck-matchups-score span[b-beek3vl8l5] { color: #ffb26b; font-size: 14px; font-weight: 900; }
.deck-matchups-opponent[b-beek3vl8l5] { display: grid; gap: 3px; min-width: 0; }
.deck-matchups-opponent strong[b-beek3vl8l5], .deck-matchups-opponent span[b-beek3vl8l5] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deck-matchups-opponent strong[b-beek3vl8l5] { color: var(--neon-text, #f5f7ff); font-size: 15px; }
.deck-matchups-opponent span[b-beek3vl8l5] { color: var(--neon-muted, #b8c4df); font-size: 13px; }

@media (max-width: 900px) { .deck-matchups-grid[b-beek3vl8l5] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .deck-matchups-backdrop[b-beek3vl8l5] { padding: 10px; } .deck-matchups-grid[b-beek3vl8l5] { grid-template-columns: 1fr; } .deck-matchups-card[b-beek3vl8l5] { min-height: 116px; } }
/* _content/SW_Constellation.Web/Components/Pages/Member/MemberDecksSearch.razor.rz.scp.css */
.decks-native-page[b-b6h38f5ldv] {
    --decks-surface: rgba(26, 11, 46, .78);
    --decks-surface-deep: rgba(10, 1, 24, .82);
    --decks-line: rgba(139, 92, 246, .28);
    width: min(100%, 1480px);
    min-height: 100%;
    margin: 0 auto;
    padding: 14px 34px 36px;
    color: #f5f7ff;
    font-family: "Inter", "Segoe UI", system-ui, sans-serif;
}

.decks-native-hero[b-b6h38f5ldv],
.decks-shared-search[b-b6h38f5ldv],
.decks-native-category[b-b6h38f5ldv] {
    width: 100%;
    border: 1px solid var(--decks-line);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(49, 46, 129, .42), var(--decks-surface));
    box-shadow: 0 12px 28px rgba(3, 0, 12, .32);
}

.decks-native-hero[b-b6h38f5ldv] {
    min-height: 116px;
    padding: 17px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.decks-native-hero p[b-b6h38f5ldv],
.decks-shared-search-head p[b-b6h38f5ldv],
.decks-shared-search-results-head p[b-b6h38f5ldv],
.decks-shared-search-selected > header p[b-b6h38f5ldv] {
    margin: 0 0 2px;
    color: #06d5ef;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.decks-native-hero h1[b-b6h38f5ldv] { margin: 0 0 13px; color: #fff; font-size: 20px; font-weight: 900; line-height: 1; }
.decks-native-hero span[b-b6h38f5ldv] { color: #c9d1dc; font-size: 12px; }

.decks-shared-search[b-b6h38f5ldv] {
    margin-top: 12px;
    padding: 15px;
    border-color: rgba(6, 182, 212, .42);
    background: linear-gradient(135deg, rgba(6, 182, 212, .11), var(--decks-surface));
}

.decks-shared-search-head[b-b6h38f5ldv],
.decks-shared-search-results-head[b-b6h38f5ldv] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
}

.decks-shared-search-head[b-b6h38f5ldv] { margin-bottom: 9px; }
.decks-shared-search-head h2[b-b6h38f5ldv],
.decks-shared-search-results-head h2[b-b6h38f5ldv] { margin: 0; color: #fff; font-size: 18px; font-weight: 900; }
.decks-shared-search-head > span[b-b6h38f5ldv] { color: #d8f7fb; font-size: 12px; font-weight: 900; }
.decks-shared-search-intro[b-b6h38f5ldv] { margin: 0 0 12px; color: #c9d1dc; font-size: 12px; }
.decks-shared-search-monsters[b-b6h38f5ldv] { display: grid; gap: 8px; }
.decks-shared-search-monster[b-b6h38f5ldv] { padding: 10px; border: 1px solid rgba(6, 182, 212, .25); border-radius: 9px; background: rgba(10, 1, 24, .43); }
.decks-shared-search-status[b-b6h38f5ldv] { padding: 13px 3px 2px; color: #c9d1dc; font-size: 12px; font-weight: 700; }

.decks-shared-search-results[b-b6h38f5ldv] { margin-top: 20px; }
.decks-shared-search-results-head[b-b6h38f5ldv] { margin-bottom: 10px; }
.decks-shared-search-results-head > span[b-b6h38f5ldv] { color: #d5dce8; font-size: 11px; font-weight: 700; }
.decks-shared-search-filters[b-b6h38f5ldv] { display: flex; align-items: end; flex-wrap: nowrap; gap: 14px; margin: 0 0 14px; }
.decks-shared-search-filter-control[b-b6h38f5ldv], .decks-shared-search-filter-select[b-b6h38f5ldv] { display: grid; min-width: 0; gap: 5px; }
.decks-shared-search-filter-control > span[b-b6h38f5ldv], .decks-shared-search-filter-select > span[b-b6h38f5ldv] { color: #d8d9e6; font-size: 11px; font-weight: 900; letter-spacing: .7px; line-height: 1; text-transform: uppercase; }
.decks-shared-search-filter-select select[b-b6h38f5ldv] { min-width: 150px; height: 36px; padding: 0 31px 0 11px; border: 1px solid rgba(139, 92, 246, .42); border-radius: 8px; background: rgba(10, 1, 24, .68); color: #f4f5ff; font-size: 13px; font-weight: 800; }
.decks-shared-search-filter-select select:focus-visible[b-b6h38f5ldv] { border-color: #06b6d4; outline: 2px solid rgba(6, 182, 212, .3); outline-offset: 1px; }
.decks-shared-search-filter-options[b-b6h38f5ldv] { display: flex; flex-wrap: nowrap; gap: 6px; }
.decks-shared-search-filter-options button[b-b6h38f5ldv] { min-height: 36px; padding: 0 12px; border: 1px solid rgba(139, 92, 246, .42); border-radius: 8px; background: rgba(10, 1, 24, .54); color: #efedf5; font-size: 12px; font-weight: 850; white-space: nowrap; }
.decks-shared-search-filter-options button:hover[b-b6h38f5ldv], .decks-shared-search-filter-options button:focus-visible[b-b6h38f5ldv], .decks-shared-search-filter-options button.is-active[b-b6h38f5ldv] { border-color: #06b6d4; background: rgba(4, 70, 90, .94); color: #effeff; }
.decks-shared-search-groups[b-b6h38f5ldv] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.decks-shared-search-groups[aria-busy="True"][b-b6h38f5ldv] { opacity: .72; }

.decks-native-category[b-b6h38f5ldv] { margin-top: 16px; padding: 13px 12px; }
.decks-shared-search-groups > .decks-shared-search-selected[b-b6h38f5ldv] { grid-column: 1 / -1; }
.decks-native-category > header[b-b6h38f5ldv] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; gap: 12px; }
.decks-native-category h2[b-b6h38f5ldv] { margin: 0; color: #f7f7f7; font-size: 17px; font-weight: 900; }
.decks-native-category > header strong[b-b6h38f5ldv] { color: #b9e9ee; font-size: 12px; white-space: nowrap; }
.decks-shared-search-selected > header p[b-b6h38f5ldv] { color: #06d5ef; font-size: 10px; }
.decks-shared-search-back[b-b6h38f5ldv] { min-height: 30px; padding: 0 10px; border: 1px solid rgba(6, 182, 212, .62); border-radius: 7px; background: rgba(4, 70, 90, .94); color: #effeff; font-size: 11px; font-weight: 900; }
.decks-shared-search-back:hover[b-b6h38f5ldv], .decks-shared-search-back:focus-visible[b-b6h38f5ldv] { border-color: #8ff0fb; background: rgba(6, 182, 212, .23); }

.decks-native-section[b-b6h38f5ldv] {
    padding: 12px 14px 10px;
    border: 1px solid rgba(139, 92, 246, .22);
    border-left: 7px solid var(--deck-color);
    border-radius: 10px;
    background: linear-gradient(100deg, color-mix(in srgb, var(--deck-color) 7%, transparent), var(--decks-surface-deep));
}

.decks-native-section > header[b-b6h38f5ldv] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.decks-native-section h3[b-b6h38f5ldv] { margin: 0; color: #fff; font-size: 15px; font-weight: 900; }
.decks-native-section > header b[b-b6h38f5ldv] { min-width: 28px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--deck-color); border-radius: 999px; color: #fff; font-size: 12px; }

.decks-native-cards[b-b6h38f5ldv] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.decks-native-card[b-b6h38f5ldv] {
    min-width: 0;
    min-height: 105px;
    padding: 10px 9px 9px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    border: 1px solid var(--deck-color);
    border-radius: 10px;
    background: linear-gradient(150deg, color-mix(in srgb, var(--deck-color) 22%, rgba(49, 46, 129, .58)), rgba(26, 11, 46, .92));
    color: #fff;
    text-align: left;
    box-shadow: inset 0 0 18px color-mix(in srgb, var(--deck-color) 15%, transparent), 0 8px 16px rgba(3, 0, 12, .2);
    transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.decks-native-card:hover[b-b6h38f5ldv],
.decks-native-card:focus-visible[b-b6h38f5ldv] { border-color: #93f3ff; box-shadow: inset 0 0 20px rgba(6, 182, 212, .19), 0 9px 18px rgba(3, 0, 12, .32); transform: translateY(-1px); }
.decks-native-card:focus-visible[b-b6h38f5ldv] { outline: 2px solid rgba(6, 182, 212, .7); outline-offset: 2px; }
.decks-native-card-head[b-b6h38f5ldv] { display: flex; align-items: flex-start; justify-content: space-between; gap: 7px; min-width: 0; }
.decks-native-card-title[b-b6h38f5ldv] { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; }
.decks-native-card-title strong[b-b6h38f5ldv] { overflow: hidden; font-size: 13px; font-weight: 900; line-height: 1.08; text-overflow: ellipsis; white-space: nowrap; }
.decks-native-card-title small[b-b6h38f5ldv] { margin-top: 3px; overflow: hidden; color: #c5c4cf; font-size: 11px; font-weight: 700; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.decks-native-season-winrate[b-b6h38f5ldv] { display: grid; flex: 0 0 auto; justify-items: end; gap: 2px; color: #d9f99d; font-size: 10px; line-height: 1; text-align: right; }
.decks-native-season-winrate b[b-b6h38f5ldv] { color: #a8e75f; font-size: 9px; font-weight: 900; letter-spacing: .35px; text-transform: uppercase; }
.decks-native-season-winrate strong[b-b6h38f5ldv] { color: #f2fee0; font-size: 13px; font-weight: 900; white-space: nowrap; }
.decks-native-season-winrate small[b-b6h38f5ldv] { color: #70e6f3; font-size: 10px; font-weight: 900; white-space: nowrap; }
.decks-native-monsters[b-b6h38f5ldv] { min-height: 38px; display: flex; align-items: center; justify-content: center; gap: 5px; overflow: hidden; }
.decks-native-monster[b-b6h38f5ldv] { position: relative; flex: 0 0 auto; }
.decks-native-monster img[b-b6h38f5ldv] { width: 38px; height: 38px; display: block; border-radius: 7px; object-fit: cover; }
.decks-native-monster i[b-b6h38f5ldv] { position: absolute; left: -2px; bottom: -2px; width: 14px; height: 14px; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; background: #1a4a7a; color: #fff; font-size: 9px; font-style: normal; font-weight: 900; }
.decks-native-card-meta[b-b6h38f5ldv] { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 16px; }
.decks-native-card-meta span[b-b6h38f5ldv] { display: inline-flex; align-items: center; gap: 3px; color: #d7d8e5; font-size: 11px; font-weight: 900; }
.decks-native-card-meta img[b-b6h38f5ldv] { width: 13px; height: 13px; object-fit: contain; }
.decks-shared-search-card-meta[b-b6h38f5ldv] { margin-top: 4px; }
.decks-native-card.decks-shared-search-group[b-b6h38f5ldv] { min-height: 152px; padding: 12px 11px 11px; }
.decks-shared-search-browse-cards .decks-native-card[b-b6h38f5ldv] { min-height: 152px; padding: 12px 11px 11px; }
.decks-shared-search-browse-cards .decks-native-card-title strong[b-b6h38f5ldv] { font-size: 15px; }
.decks-shared-search-browse-cards .decks-native-card-title small[b-b6h38f5ldv] { margin-top: 4px; font-size: 12px; }
.decks-shared-search-browse-cards .decks-native-season-winrate[b-b6h38f5ldv] { gap: 3px; font-size: 12px; }
.decks-shared-search-browse-cards .decks-native-season-winrate b[b-b6h38f5ldv] { font-size: 10px; }
.decks-shared-search-browse-cards .decks-native-season-winrate strong[b-b6h38f5ldv] { font-size: 15px; }
.decks-shared-search-browse-cards .decks-native-season-winrate small[b-b6h38f5ldv] { font-size: 12px; }
.decks-shared-search-browse-cards .decks-native-monsters[b-b6h38f5ldv] { min-height: 50px; gap: 6px; }
.decks-shared-search-browse-cards .decks-native-monster img[b-b6h38f5ldv] { width: 50px; height: 50px; border-radius: 8px; }
.decks-shared-search-browse-cards .decks-native-monster i[b-b6h38f5ldv] { width: 16px; height: 16px; font-size: 10px; }
.decks-shared-search-browse-cards .decks-native-card-meta[b-b6h38f5ldv] { min-height: 28px; gap: 12px; }
.decks-shared-search-browse-cards .decks-native-card-meta span[b-b6h38f5ldv] { font-size: 12px; }
.decks-shared-search-browse-cards .decks-native-card-meta img[b-b6h38f5ldv] { width: 15px; height: 15px; }
.decks-shared-search-group .decks-native-card-title strong[b-b6h38f5ldv] { font-size: 15px; }
.decks-shared-search-group .decks-native-card-title small[b-b6h38f5ldv] { margin-top: 4px; font-size: 12px; }
.decks-shared-search-group .decks-native-season-winrate[b-b6h38f5ldv] { gap: 3px; font-size: 12px; }
.decks-shared-search-group .decks-native-season-winrate b[b-b6h38f5ldv] { font-size: 10px; }
.decks-shared-search-group .decks-native-season-winrate strong[b-b6h38f5ldv] { font-size: 15px; }
.decks-shared-search-group .decks-native-season-winrate small[b-b6h38f5ldv] { font-size: 12px; }
.decks-shared-search-group-monsters[b-b6h38f5ldv] { min-height: 50px; margin: 3px 0; gap: 6px; }
.decks-shared-search-group-monsters .decks-native-monster img[b-b6h38f5ldv] { width: 50px; height: 50px; border: 1px solid color-mix(in srgb, var(--deck-color) 65%, #fff); }
.decks-shared-search-group-monsters .decks-shared-search-collab-portrait[b-b6h38f5ldv] { width: 50px; height: 50px; display: block; position: relative; overflow: hidden; border: 1px solid color-mix(in srgb, var(--deck-color) 65%, #fff); border-radius: 8px; background: #171a1d; }
.decks-shared-search-group-monsters .decks-shared-search-collab-portrait img[b-b6h38f5ldv] { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 0; object-fit: cover; }
.decks-shared-search-collab-classic[b-b6h38f5ldv] { clip-path: polygon(0 0, 58% 0, 43% 100%, 0 100%); }
.decks-shared-search-collab-variant[b-b6h38f5ldv] { clip-path: polygon(58% 0, 100% 0, 100% 100%, 43% 100%); }
.decks-shared-search-collab-portrait[b-b6h38f5ldv]::after { content: ""; position: absolute; left: 49%; top: -9%; width: 2px; height: 118%; border-radius: 999px; background: rgba(255, 255, 255, .7); box-shadow: 0 0 5px rgba(0, 0, 0, .65); transform: rotate(8deg); pointer-events: none; }
.decks-shared-search-group-meta[b-b6h38f5ldv] { min-height: 28px; margin-top: 5px; justify-content: space-between; gap: 6px; transform: translateY(2px); }
.decks-shared-search-group-meta span[b-b6h38f5ldv] { color: #e2e8f4; font-size: 12px; white-space: nowrap; }
.decks-shared-search-group-meta span:first-child[b-b6h38f5ldv] { color: #ffcc76; }
.decks-shared-search-browse-cards[b-b6h38f5ldv] { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; transition: opacity .16s ease; }
.decks-shared-search-browse-cards[aria-busy="True"][b-b6h38f5ldv] { opacity: .72; }
.decks-shared-search-pagination[b-b6h38f5ldv] { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.decks-shared-search-pagination button[b-b6h38f5ldv] { min-width: 32px; min-height: 36px; padding: 0 9px; border: 1px solid rgba(139, 92, 246, .38); border-radius: 7px; background: rgba(10, 1, 24, .62); color: #d7d8e5; font-size: 12px; font-weight: 900; }
.decks-shared-search-pagination button:hover:not(:disabled)[b-b6h38f5ldv], .decks-shared-search-pagination button:focus-visible[b-b6h38f5ldv], .decks-shared-search-pagination button.is-active[b-b6h38f5ldv] { border-color: #06b6d4; background: rgba(4, 70, 90, .94); color: #effeff; }
.decks-shared-search-pagination button:disabled[b-b6h38f5ldv] { cursor: default; opacity: .42; }

.decks-shared-search-detail-shell[b-b6h38f5ldv] { position: relative; z-index: 5000; }
.decks-shared-search-detail-pending[b-b6h38f5ldv] { position: fixed; inset: 0; z-index: 4999; display: grid; place-items: center; padding: 20px; background: rgba(0, 0, 0, .62); color: #d8faff; font-size: 14px; font-weight: 800; }

@media (max-width: 1350px) { .decks-native-cards[b-b6h38f5ldv] { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 1120px) { .decks-native-cards[b-b6h38f5ldv], .decks-shared-search-groups[b-b6h38f5ldv], .decks-shared-search-browse-cards[b-b6h38f5ldv] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 900px) { .decks-native-cards[b-b6h38f5ldv], .decks-shared-search-groups[b-b6h38f5ldv], .decks-shared-search-browse-cards[b-b6h38f5ldv] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 800px) {
    .decks-native-page[b-b6h38f5ldv] { padding: 12px; }
    .decks-native-hero[b-b6h38f5ldv] { align-items: flex-start; flex-direction: column; }
    .decks-shared-search-head[b-b6h38f5ldv], .decks-shared-search-results-head[b-b6h38f5ldv] { align-items: flex-start; flex-direction: column; }
    .decks-shared-search-filters[b-b6h38f5ldv] { align-items: stretch; flex-wrap: wrap; gap: 10px; }
}
@media (max-width: 560px) {
    .decks-native-cards[b-b6h38f5ldv], .decks-shared-search-groups[b-b6h38f5ldv], .decks-shared-search-browse-cards[b-b6h38f5ldv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .decks-native-card[b-b6h38f5ldv] { min-height: 108px; }
    .decks-native-monster img[b-b6h38f5ldv] { width: 34px; height: 34px; }
}
/* _content/SW_Constellation.Web/Components/Pages/Member/MemberLiveReport.razor.rz.scp.css */
.member-live-report-blazor-page[b-kzikyhvnfd] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 10% 0%, rgba(139, 92, 246, 0.2), transparent 30rem),
        radial-gradient(circle at 90% 10%, rgba(6, 182, 212, 0.12), transparent 25rem),
        var(--neon-bg, #0a0118);
}

.member-live-report-shell[b-kzikyhvnfd] {
    width: min(1490px, 100%);
    min-height: 100vh;
    margin: 0 auto;
    padding: 14px 9px 22px;
}

.member-live-report-shell[b-kzikyhvnfd]  .member-live-report-panel {
    min-height: calc(100vh - 36px);
}

.member-live-report-shell[b-kzikyhvnfd]  .member-live-report-panel .app-admin-panel-header {
    align-items: end;
    gap: 1rem;
}

.member-live-report-actions[b-kzikyhvnfd] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.member-report-frame-shell[b-kzikyhvnfd] {
    min-height: min(880px, 78dvh);
    overflow: hidden;
    border: 1px solid var(--neon-panel-border);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(19, 5, 40, .96), rgba(10, 1, 24, .98));
    box-shadow: inset 0 0 0 1px rgba(139, 92, 246, .08);
}

.member-report-frame-shell iframe[b-kzikyhvnfd] {
    display: block;
    width: 100%;
    min-height: min(880px, 78dvh);
    border: 0;
    background: var(--neon-bg);
}

.opti-offense-grid[b-kzikyhvnfd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.opti-offense-card[b-kzikyhvnfd] {
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--neon-panel-border);
    border-radius: 14px;
    background: var(--neon-panel-bg);
    box-shadow: var(--neon-panel-shadow);
}

.opti-offense-card-head[b-kzikyhvnfd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
    color: var(--neon-muted);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.opti-offense-card-head strong[b-kzikyhvnfd] {
    color: #ffc3cd;
    font-size: .78rem;
}

.opti-offense-card-content[b-kzikyhvnfd] {
    display: grid;
    gap: 8px;
}

.opti-offense-defense[b-kzikyhvnfd],
.opti-offense-proposals[b-kzikyhvnfd] {
    min-width: 0;
    padding: 8px;
    border-radius: 10px;
}

.opti-offense-defense[b-kzikyhvnfd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    border: 1px solid color-mix(in srgb, var(--neon-panel-border) 80%, transparent);
    background: var(--neon-surface-alt);
}

.opti-offense-proposals[b-kzikyhvnfd] {
    display: grid;
    align-content: start;
    gap: 6px;
    border: 1px solid color-mix(in srgb, var(--neon-accent) 35%, transparent);
    background: color-mix(in srgb, var(--neon-surface) 88%, var(--neon-accent) 12%);
}

.opti-offense-proposals-label[b-kzikyhvnfd] {
    color: var(--neon-accent);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.opti-offense-monster[b-kzikyhvnfd] {
    width: 60px;
    height: 60px;
    object-fit: contain;
    border: 1px solid color-mix(in srgb, var(--neon-accent) 38%, transparent);
    border-radius: 9px;
    background: var(--neon-surface);
}

.opti-offense-suggestion[b-kzikyhvnfd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    width: 100%;
    min-width: 0;
    min-height: 49px;
    padding: 6px;
    border: 1px solid color-mix(in srgb, var(--neon-accent) 40%, transparent);
    border-radius: 9px;
    background: color-mix(in srgb, var(--neon-surface-alt) 84%, var(--neon-accent) 16%);
    color: var(--neon-text);
    text-align: left;
}

.opti-offense-suggestion:hover[b-kzikyhvnfd],
.opti-offense-suggestion:focus-visible[b-kzikyhvnfd] {
    border-color: var(--neon-accent);
    background: color-mix(in srgb, var(--neon-surface-alt) 72%, var(--neon-accent) 28%);
}

.opti-offense-stats[b-kzikyhvnfd] {
    margin-left: auto;
    color: var(--neon-muted);
    font-size: .72rem;
    white-space: nowrap;
}

.opti-offense-stats b[b-kzikyhvnfd] {
    color: var(--neon-accent);
}

.opti-offense-no-match[b-kzikyhvnfd],
.opti-offense-empty[b-kzikyhvnfd] {
    padding: 11px;
    border: 1px dashed var(--neon-panel-border);
    border-radius: 10px;
    color: var(--neon-muted);
    background: var(--neon-surface-alt);
}

@media (max-width: 1320px) {
    .opti-offense-grid[b-kzikyhvnfd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1020px) {
    .opti-offense-grid[b-kzikyhvnfd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .opti-offense-grid[b-kzikyhvnfd] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .opti-offense-monster[b-kzikyhvnfd] {
        width: 60px;
        height: 60px;
    }
}

/* Reprise à l'identique de la carte in-game ouverte depuis le Top 10 des
   artéfacts du relevé de compte. */
.member-artifact-viewer-backdrop[b-kzikyhvnfd] {
    position: fixed;
    inset: 0;
    /* Au-dessus de l'iframe du rapport et des autres overlays de l'outil. */
    z-index: 10050;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(0, 0, 0, .72);
}

/* La structure est celle de la vue rune par rune, mais son thème doit rester
   celui des pages Blazor. L'ancienne feuille SPA est requise pour les détails
   de la tuile rune, ses règles grises sont donc explicitement neutralisées ici. */
.member-live-report-blazor-page .member-artifact-viewer-backdrop[b-kzikyhvnfd] {
    place-items: center;
    padding: 20px;
    background: rgba(5, 0, 16, .72);
    backdrop-filter: blur(7px);
}

.member-live-report-blazor-page .member-artifact-viewer-backdrop > .member-artifact-rune-viewer-modal[b-kzikyhvnfd] {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    width: min(1340px, calc(100vw - 32px));
    height: auto !important;
    min-height: 0 !important;
    max-height: min(92vh, 980px);
    margin: 0;
    display: flex !important;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(139, 92, 246, .55) !important;
    border-radius: 12px;
    background: linear-gradient(145deg, #211040, #120521) !important;
    color: #f1f4ff;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .55);
}

.member-live-report-blazor-page .member-artifact-rune-viewer-modal .rune-viewer-head[b-kzikyhvnfd] {
    padding: 12px 14px;
    border-bottom-color: rgba(139, 92, 246, .35);
}

.member-live-report-blazor-page .member-artifact-rune-viewer-modal .rune-viewer-head h2[b-kzikyhvnfd] {
    color: #f1f4ff;
}

.member-live-report-blazor-page .member-artifact-rune-viewer-modal .rune-viewer-head p[b-kzikyhvnfd] {
    margin: 4px 0 0;
    color: #b9b4d7;
}

.member-live-report-blazor-page .member-artifact-rune-viewer-modal .rune-viewer-body[b-kzikyhvnfd] {
    padding: 12px 14px 14px;
}

.member-live-report-blazor-page .member-artifact-rune-viewer-modal .rune-viewer-controls .ghost-button[b-kzikyhvnfd],
.member-live-report-blazor-page .member-artifact-rune-viewer-modal .rune-viewer-controls .icon-button[b-kzikyhvnfd] {
    border-color: rgba(139, 92, 246, .42) !important;
    background: rgba(26, 11, 46, .72) !important;
    color: #e9e6ff !important;
}

.member-live-report-blazor-page .member-artifact-rune-viewer-modal .rune-viewer-controls .ghost-button:hover:not(:disabled)[b-kzikyhvnfd],
.member-live-report-blazor-page .member-artifact-rune-viewer-modal .rune-viewer-controls .icon-button:hover[b-kzikyhvnfd] {
    border-color: #59e2f2 !important;
    background: linear-gradient(135deg, rgba(6, 182, 212, .22), rgba(139, 92, 246, .32)) !important;
    color: #fff !important;
}

.member-artifact-viewer-modal[b-kzikyhvnfd] {
    width: min(615px, calc(100vw - 18px));
    max-height: calc(100dvh - 32px);
    overflow: auto;
}

.member-artifact-game-card[b-kzikyhvnfd] {
    position: relative;
    width: 615px;
    min-width: 615px;
    min-height: 400px;
    padding: 0;
    border: 2px solid #8c6a00;
    border-radius: 10px;
    background: radial-gradient(circle at 26% 16%, rgba(112, 65, 19, .32), transparent 42%), linear-gradient(180deg, rgba(43, 20, 8, .98), rgba(25, 13, 7, .98));
    box-shadow: inset 0 0 0 1px rgba(255, 214, 90, .18), 0 24px 70px rgba(0, 0, 0, .55);
    color: #f7e7a3;
}

.member-artifact-game-close[b-kzikyhvnfd] {
    position: absolute;
    z-index: 2;
    top: 17px;
    right: 18px;
    width: 42px;
    height: 42px;
    border: 0;
    background: transparent;
    color: #d79b43;
    font-size: 36px;
    font-weight: 900;
    line-height: 1;
    text-shadow: 0 2px 0 #4f2b0d, 0 0 5px rgba(255, 193, 76, .35);
}

.member-artifact-game-title[b-kzikyhvnfd] {
    position: absolute;
    top: 28px;
    left: 140px;
    width: 270px;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f5a64e;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.05;
    text-align: center;
    text-shadow: 0 3px 0 #5b3800, 0 0 6px rgba(255, 196, 56, .42);
}

.member-artifact-game-body[b-kzikyhvnfd] { display: block; }

.member-artifact-game-left[b-kzikyhvnfd] {
    position: absolute;
    top: 76px;
    left: 25px;
    width: 100px;
}

.member-artifact-game-icon[b-kzikyhvnfd] {
    position: relative;
    width: 98px;
    height: 98px;
    filter: drop-shadow(0 5px 7px rgba(0, 0, 0, .55));
}

.member-artifact-game-frame[b-kzikyhvnfd] {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.member-artifact-game-center[b-kzikyhvnfd] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .65));
}

.member-artifact-game-location[b-kzikyhvnfd] {
    display: block;
    margin-top: 7px;
    overflow: hidden;
    color: #d8b977;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-artifact-game-main > strong[b-kzikyhvnfd] {
    position: absolute;
    top: 92px;
    left: 150px;
    width: 245px;
    color: #fff4bb;
    font-size: 29px;
    font-weight: 500;
    line-height: 1;
    text-shadow: 0 2px 1px #3b2605;
}

.member-artifact-game-subs[b-kzikyhvnfd] {
    position: absolute;
    top: 190px;
    left: 25px;
    display: grid;
    width: 390px;
    gap: 7px;
}

.member-artifact-game-sub[b-kzikyhvnfd] {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 7px;
    color: #f3df9a;
    font-size: 18px;
    line-height: 1.28;
    text-shadow: 0 2px 1px #2a1707;
}

.member-artifact-game-proc[b-kzikyhvnfd] {
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border: 1px solid rgba(139, 92, 246, .58);
    border-radius: 6px;
    background: linear-gradient(145deg, rgba(63, 39, 111, .96), rgba(25, 12, 54, .98));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 2px 4px rgba(0, 0, 0, .42);
    color: #d8cdf5;
    font-size: 15px;
    font-weight: 400;
    text-shadow: none;
}

.member-artifact-game-proc.has-proc[b-kzikyhvnfd] { border-color: #20c5f2; background: linear-gradient(145deg, rgba(27, 102, 145, .94), rgba(50, 31, 108, .98)); color: #e5fbff; box-shadow: inset 0 1px 0 rgba(220,251,255,.22), 0 0 7px rgba(32,197,242,.2), 0 2px 4px rgba(0,0,0,.42); }

.member-artifact-game-sub-text[b-kzikyhvnfd] {
    overflow: hidden;
    color: #f3df9a;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-artifact-game-sub-text.is-highlighted[b-kzikyhvnfd] { color: #fff4bb; text-shadow: 0 0 7px rgba(255, 223, 116, .65); }

.member-artifact-game-side[b-kzikyhvnfd] {
    position: absolute;
    top: 80px;
    right: 18px;
    display: grid;
    width: 164px;
    gap: 10px;
}

.member-artifact-game-quality[b-kzikyhvnfd],
.member-artifact-game-score[b-kzikyhvnfd],
.member-artifact-game-uses[b-kzikyhvnfd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 33px;
    padding: 0 8px;
    border-radius: 8px;
    background: #2a1a0e;
    color: #f0c878;
    font-size: 17px;
    font-weight: 750;
    line-height: 21px;
}

.member-artifact-game-quality--legend[b-kzikyhvnfd] { background: #763012; color: #ffc975; }
.member-artifact-game-quality--hero[b-kzikyhvnfd] { background: #5f2244; color: #fed8ec; }
.member-artifact-game-quality--rare[b-kzikyhvnfd] { background: #1d414f; color: #adf4ff; }

.member-artifact-game-score[b-kzikyhvnfd] { gap: 6px; }
.member-artifact-game-score img[b-kzikyhvnfd] { width: 21px; height: 21px; object-fit: contain; }
.member-artifact-game-uses[b-kzikyhvnfd] { color: #e4cb98; font-size: 13px; }

.member-artifact-viewer-nav[b-kzikyhvnfd] {
    position: absolute;
    right: 18px;
    bottom: 18px;
    left: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    color: #d8b977;
    font-size: 13px;
    font-weight: 750;
}

.member-artifact-viewer-nav .btn[b-kzikyhvnfd] { border-color: rgba(216, 185, 119, .5); color: #f4d99d; }
.member-artifact-viewer-nav .btn:hover:not(:disabled)[b-kzikyhvnfd] { background: rgba(216, 185, 119, .16); }

/* Carte d'artéfact unique : même emprise que la tuile de rune, quelle que soit
   la page qui l'ouvre. Les usages de preset et le portrait reprennent les
   emplacements de la vue rune par rune. */
.member-artifact-rune-viewer-modal .rune-viewer-body[b-kzikyhvnfd] {
    min-height: 0;
}

.member-artifact-rune-card[b-kzikyhvnfd] {
    --artifact-title: #f5a64e;
    --artifact-main: #fff4bb;
    --artifact-quality-bg: #983e0d;
    --artifact-quality-text: #ffd07f;
    display: block;
    height: 265px;
    min-height: 265px;
    padding: 0;
    border-radius: 12px;
    background:
        radial-gradient(circle at 24% 22%, rgba(72, 31, 11, .62), transparent 38%),
        linear-gradient(145deg, #231005, #120803 72%);
}

.member-artifact-rune-card--legend[b-kzikyhvnfd] { --artifact-title: #f5a64e; --artifact-main: #fff4bb; --artifact-quality-bg: #983e0d; --artifact-quality-text: #ffd07f; }
.member-artifact-rune-card--hero[b-kzikyhvnfd] { --artifact-title: #f34cda; --artifact-main: #fff3ff; --artifact-quality-bg: #971454; --artifact-quality-text: #ffe0f4; }
.member-artifact-rune-card--rare[b-kzikyhvnfd] { --artifact-title: #6ce7ff; --artifact-main: #edfcff; --artifact-quality-bg: #175b73; --artifact-quality-text: #cdf8ff; }
.member-artifact-rune-card--magic[b-kzikyhvnfd] { --artifact-title: #73b7ff; --artifact-main: #eff8ff; --artifact-quality-bg: #21528a; --artifact-quality-text: #d6edff; }
.member-artifact-rune-card--common[b-kzikyhvnfd] { --artifact-title: #b6c4c8; --artifact-main: #f2f5f5; --artifact-quality-bg: #46575a; --artifact-quality-text: #e0e8e9; }

.member-artifact-rune-card .rune-viewer-card-head[b-kzikyhvnfd] {
    position: absolute;
    top: 14px;
    right: 12px;
    left: 0;
    min-height: 28px;
}

.member-artifact-rune-card .rune-viewer-card-head strong[b-kzikyhvnfd] {
    padding: 0 24px 0 48px;
    color: var(--artifact-title);
    font-size: 21px;
    font-weight: 500;
    text-shadow: 0 2px 0 rgba(74, 20, 0, .8), 0 0 5px color-mix(in srgb, var(--artifact-title) 48%, transparent);
}

.member-artifact-rune-card .rune-viewer-card-main[b-kzikyhvnfd] {
    display: block;
    padding: 0;
}

.member-artifact-rune-card .rune-viewer-left[b-kzikyhvnfd] {
    position: absolute;
    top: 47px;
    left: 20px;
    width: 66px;
    min-width: 66px;
}

.member-artifact-rune-card .member-artifact-rune-art[b-kzikyhvnfd] {
    width: 66px;
    height: 66px;
    flex-basis: 66px;
    filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .55));
}

.member-artifact-rune-frame[b-kzikyhvnfd],
.member-artifact-rune-center[b-kzikyhvnfd] {
    position: absolute;
    display: block;
    object-fit: contain;
}

.member-artifact-rune-frame[b-kzikyhvnfd] { inset: 0; width: 100%; height: 100%; }
.member-artifact-rune-center[b-kzikyhvnfd] {
    top: 50%;
    left: 50%;
    width: 20%;
    height: 20%;
    transform: translate(-50%, -50%);
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .55));
}

.member-artifact-rune-card .rune-viewer-info[b-kzikyhvnfd] { display: block; min-height: 0; }
.member-artifact-rune-card .rune-viewer-main-stat[b-kzikyhvnfd] {
    position: absolute;
    top: 55px;
    left: 104px;
    padding: 0;
    color: var(--artifact-main);
    font-size: 21px;
    font-weight: 500;
    text-shadow: 0 2px 1px rgba(57, 10, 43, .8), 0 0 4px color-mix(in srgb, var(--artifact-title) 35%, transparent);
}

.member-artifact-rune-card .rune-viewer-quality-row[b-kzikyhvnfd] { top: 51px; right: 12px; width: 110px; }
.member-artifact-rune-card .rune-viewer-quality[b-kzikyhvnfd] {
    width: 110px;
    height: 22px;
    padding: 2px 6px;
    border-radius: 6px;
    background: var(--artifact-quality-bg);
    color: var(--artifact-quality-text);
    font-size: 15px;
    font-weight: 700;
}

.member-artifact-rune-card .rune-viewer-score[b-kzikyhvnfd] {
    top: 78px;
    right: 12px;
    width: 110px;
    height: 21px;
    padding: 1px 7px;
    color: #b88848;
    font-size: 15px;
}

.member-artifact-rune-card .rune-viewer-score img[b-kzikyhvnfd] { width: 17px; height: 17px; }

.member-artifact-rune-card .rune-viewer-usage-icons[b-kzikyhvnfd] {
    top: 105px;
    right: 12px;
    width: 110px;
}

.member-artifact-rune-substats-row[b-kzikyhvnfd] {
    position: absolute;
    top: 123px;
    right: 12px;
    left: 26px;
    display: block;
    padding: 0;
}

.member-artifact-rune-subs[b-kzikyhvnfd] {
    width: 100%;
    max-width: none;
    gap: 3px;
    cursor: default;
}

.member-artifact-rune-sub[b-kzikyhvnfd] {
    width: 100%;
    min-width: 0;
    min-height: 20px;
    gap: 5px;
    align-items: start;
    color: #f5d188;
    font-size: 16px;
    line-height: 1.22;
    text-shadow: 0 2px 1px #2a1707;
    white-space: normal;
}

.member-artifact-rune-sub.is-highlighted[b-kzikyhvnfd] { color: #fff4bb; text-shadow: 0 0 7px rgba(255, 223, 116, .65); }
.member-artifact-rune-proc[b-kzikyhvnfd] {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    border: 1px solid rgba(139, 92, 246, .58);
    border-radius: 5px;
    background: linear-gradient(145deg, rgba(63, 39, 111, .96), rgba(25, 12, 54, .98));
    color: #d8cdf5;
    display: inline-grid;
    place-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-shadow: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 2px 3px rgba(0, 0, 0, .42);
}

.member-artifact-rune-proc.has-proc[b-kzikyhvnfd] { border-color: #20c5f2; background: linear-gradient(145deg, rgba(27, 102, 145, .94), rgba(50, 31, 108, .98)); color: #e5fbff; box-shadow: inset 0 1px 0 rgba(220,251,255,.22), 0 0 7px rgba(32,197,242,.2), 0 2px 3px rgba(0,0,0,.42); }
.member-artifact-rune-converted[b-kzikyhvnfd] { width: 19px; height: 19px; flex: 0 0 19px; display: block; object-fit: contain; }
.member-artifact-rune-sub-text[b-kzikyhvnfd] { min-width: 0; overflow: visible; text-overflow: clip; white-space: normal; }

.member-artifact-rune-metrics[b-kzikyhvnfd] {
    position: absolute;
    top: auto;
    right: 15px;
    bottom: 13px;
    min-width: 0;
    transform: none;
}

.member-artifact-rune-metrics .rune-viewer-metric[b-kzikyhvnfd] {
    min-height: 20px;
    display: flex;
    grid-template-columns: none;
    gap: 4px;
    color: #fff7ee;
    font-size: 14px;
    text-shadow: 0 2px 1px #2a1707;
}

.member-artifact-rune-metrics .rune-viewer-metric-label[b-kzikyhvnfd] { color: #f0d27a; }
.member-artifact-rune-metrics .rune-viewer-metric-value[b-kzikyhvnfd] { min-width: 0; color: #fff7ee; font-size: inherit; font-weight: inherit; line-height: inherit; text-align: left; }

@media (max-width: 768px) {
    .member-live-report-shell[b-kzikyhvnfd] {
        padding: 10px 8px 16px;
    }

    .member-live-report-shell[b-kzikyhvnfd]  .member-live-report-panel {
        min-height: calc(100vh - 26px);
        padding: 1rem;
    }

    .member-live-report-shell[b-kzikyhvnfd]  .member-live-report-panel .app-admin-panel-header {
        align-items: start;
    }

    .member-live-report-actions[b-kzikyhvnfd] {
        justify-content: stretch;
    }

    .member-live-report-actions > *[b-kzikyhvnfd] {
        flex: 1;
    }

    .member-report-frame-shell[b-kzikyhvnfd],
    .member-report-frame-shell iframe[b-kzikyhvnfd] {
        min-height: 72dvh;
    }

    .member-artifact-viewer-backdrop[b-kzikyhvnfd] { padding: 9px; place-items: start center; overflow: auto; }
    .member-artifact-game-card[b-kzikyhvnfd] { width: min(615px, calc(100vw - 18px)); min-width: 0; transform-origin: top center; }
}
/* _content/SW_Constellation.Web/Components/Pages/Member/MemberReportViewer.razor.rz.scp.css */
.member-report-viewer-page[b-j61nbh1h8h] {
    min-height: 100vh;
    background:
        radial-gradient(circle at 10% 0%, rgba(139, 92, 246, .2), transparent 30rem),
        radial-gradient(circle at 90% 10%, rgba(6, 182, 212, .12), transparent 25rem),
        var(--neon-bg, #0a0118);
}

.member-report-viewer-shell[b-j61nbh1h8h] {
    width: min(1490px, 100%);
    min-height: 100vh;
    margin: 0 auto;
    padding: 14px 9px 22px;
}

.member-report-viewer-shell[b-j61nbh1h8h]  .member-report-viewer-panel {
    min-height: calc(100vh - 36px);
}

.member-report-viewer-shell[b-j61nbh1h8h]  .member-report-viewer-panel .app-admin-panel-header {
    align-items: end;
    gap: 1rem;
}

.member-report-frame-shell[b-j61nbh1h8h] {
    min-height: min(880px, 78dvh);
    overflow: hidden;
    border: 1px solid var(--neon-panel-border);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(19, 5, 40, .96), rgba(10, 1, 24, .98));
    box-shadow: inset 0 0 0 1px rgba(139, 92, 246, .08);
}

.member-report-frame-shell iframe[b-j61nbh1h8h] {
    display: block;
    width: 100%;
    min-height: min(880px, 78dvh);
    border: 0;
    background: var(--neon-bg);
}

@media (max-width: 768px) {
    .member-report-viewer-shell[b-j61nbh1h8h] {
        padding: 10px 8px 16px;
    }

    .member-report-viewer-shell[b-j61nbh1h8h]  .member-report-viewer-panel {
        min-height: calc(100vh - 26px);
        padding: 1rem;
    }

    .member-report-viewer-shell[b-j61nbh1h8h]  .member-report-viewer-panel .app-admin-panel-header {
        align-items: start;
    }

    .member-report-frame-shell[b-j61nbh1h8h],
    .member-report-frame-shell iframe[b-j61nbh1h8h] {
        min-height: 72dvh;
    }
}
/* _content/SW_Constellation.Web/Components/Pages/Member/MemberRuneOptimizerBlazor.razor.rz.scp.css */
/* Géométrie historique conservée ; palette native Blazor appliquée ci-dessous. */

/* Plein écran sous le header site (même classe globale que l'iframe SPA). */
.ro-full-bleed[b-ci701xsqxe] {
    flex: 1;
    min-height: 0;
    width: 100%;
    display: flex;
    background: var(--neon-bg, #0a0118);
    overflow: auto;
}

.ro-blazor-page[b-ci701xsqxe] {
    --bg: #0a0118;
    --bg2: rgba(26, 11, 46, .92);
    --bg3: rgba(45, 27, 78, .82);
    --panel: rgba(26, 11, 46, .84);
    --panel-2: rgba(45, 27, 78, .74);
    --surface: rgba(59, 38, 102, .72);
    --line: rgba(139, 92, 246, .34);
    --line-soft: rgba(139, 92, 246, .2);
    --border: rgba(139, 92, 246, .48);
    --border2: rgba(6, 182, 212, .44);
    --text: #eef2ff;
    --text-dim: #c7d2fe;
    --muted: #aeb9d6;
    --gold: #ffbd43;
    --gold-2: #bb7412;
    --purple: #d8b4fe;
    --accent: #67e8f9;

    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 10px 38px 22px;
    color: var(--text);
    background:
        radial-gradient(circle at 12% 2%, rgba(168, 85, 247, .2), transparent 28%),
        radial-gradient(circle at 88% 8%, rgba(6, 182, 212, .13), transparent 24%),
        linear-gradient(180deg, rgba(19, 3, 38, .96), var(--bg));
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1;
    min-height: 100%;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ===== Topbar (app.css .topbar / .brand / .top-actions, mode embedded) ===== */
.ro-topbar[b-ci701xsqxe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    min-height: 58px;
    padding: 2px 0 10px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
}

.ro-brand[b-ci701xsqxe] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 210px;
    flex: 0 0 auto;
    padding: 5px 8px 5px 5px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.ro-brand:hover[b-ci701xsqxe] {
    border-color: var(--line);
    background: rgba(255, 255, 255, 0.035);
    color: inherit;
}

.ro-brand img[b-ci701xsqxe] {
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    object-fit: contain;
    border-radius: 50%;
}

.ro-brand-text h1[b-ci701xsqxe] {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 750;
    white-space: nowrap;
}

.ro-brand-text h1 span[b-ci701xsqxe] {
    display: block;
}

.ro-brand-text h1 small[b-ci701xsqxe] {
    display: block;
    font-size: 0.7em;
    color: var(--muted);
    font-weight: 600;
    letter-spacing: 0.02em;
}

.ro-top-actions[b-ci701xsqxe] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    justify-content: flex-end;
    flex: 1 0 auto;
}

.ro-settings-dialog[b-ci701xsqxe] {
    display: grid;
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 12px;
}

.ro-settings-dialog label[b-ci701xsqxe] {
    display: grid;
    gap: 5px;
    color: var(--text-dim);
    font-size: 12px;
    font-weight: 700;
}

.ro-settings-dialog input[b-ci701xsqxe] {
    min-height: 32px;
    padding: 0 8px;
    color: var(--text);
    background: #171716;
    border: 1px solid var(--line);
    border-radius: 6px;
}

.ro-settings-dialog .ro-filter-check[b-ci701xsqxe] {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    gap: 8px;
}

/* Ghost / help — forcer le thème sombre contre Bootstrap (isolation Blazor + enfants). */
.ro-blazor-page[b-ci701xsqxe]  .ro-ghost-button,
.ro-blazor-page[b-ci701xsqxe]  .ro-help-button,
.ro-blazor-page .ro-ghost-button[b-ci701xsqxe],
.ro-blazor-page .ro-help-button[b-ci701xsqxe] {
    min-height: 32px;
    padding: 0 9px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    box-shadow: none !important;
}

.ro-blazor-page[b-ci701xsqxe]  .ro-ghost-button,
.ro-blazor-page .ro-ghost-button[b-ci701xsqxe] {
    background: #1e1e1d !important;
    color: var(--text) !important;
    border: 1px solid var(--line) !important;
}

.ro-blazor-page[b-ci701xsqxe]  .ro-ghost-button:hover:not(:disabled),
.ro-blazor-page .ro-ghost-button:hover:not(:disabled)[b-ci701xsqxe] {
    border-color: #69645d !important;
    color: var(--text) !important;
    background: #262625 !important;
}

.ro-blazor-page[b-ci701xsqxe]  .ro-ghost-button:disabled,
.ro-blazor-page .ro-ghost-button:disabled[b-ci701xsqxe] {
    opacity: 0.45;
    cursor: default;
}

.ro-blazor-page .ro-help-button[b-ci701xsqxe] {
    background: linear-gradient(180deg, #f0b84b, #b77810) !important;
    border: 1px solid #f6c86b !important;
    color: #201609 !important;
    font-weight: 850;
}

.ro-blazor-page .ro-help-button:hover[b-ci701xsqxe] {
    border-color: #ffe0a0 !important;
    filter: brightness(1.05);
}

/* Stage control */
.ro-stage-control[b-ci701xsqxe] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    min-height: 32px;
    padding-left: 6px;
    border-left: 1px solid var(--line-soft);
    white-space: nowrap;
}

.ro-stage-control label[b-ci701xsqxe] {
    font-size: 11px;
}

.ro-stage-control select[b-ci701xsqxe] {
    height: 32px;
    padding: 0 24px 0 10px;
    border-radius: 6px;
    border: 1px solid var(--line);
    background: #171716;
    color: var(--text);
}

/* ===== Entry / view cards ===== */
.ro-optimizer-entry[b-ci701xsqxe] {
    display: grid;
    gap: 14px;
}

.ro-optimizer-entry-hero[b-ci701xsqxe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px;
    border: 1px solid var(--line-soft);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(34, 34, 32, 0.94), rgba(24, 24, 23, 0.96));
}

.ro-optimizer-entry-kicker[b-ci701xsqxe] {
    margin: 0 0 4px;
    color: var(--gold);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ro-optimizer-entry-hero h2[b-ci701xsqxe] {
    margin: 0 0 6px;
    color: var(--text);
    font-size: 25px;
    line-height: 1.1;
}

.ro-optimizer-entry-hero p[b-ci701xsqxe] {
    max-width: 780px;
    margin: 0;
    color: var(--muted);
    line-height: 1.45;
}

.ro-optimizer-entry-status[b-ci701xsqxe] {
    min-width: 128px;
    padding: 9px 12px;
    border: 1px solid rgba(240, 184, 75, 0.4);
    border-radius: 8px;
    background: rgba(59, 39, 23, 0.72);
    text-align: right;
}

.ro-optimizer-entry-status strong[b-ci701xsqxe] {
    display: block;
    color: var(--gold);
    font-size: 24px;
    line-height: 1;
}

.ro-optimizer-entry-status span[b-ci701xsqxe] {
    color: var(--muted);
    font-size: 12px;
}

.ro-optimizer-view-cards[b-ci701xsqxe] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ro-optimizer-view-card[b-ci701xsqxe] {
    min-width: 0;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #20201f;
    color: var(--text);
    display: grid;
    grid-template-rows: 190px auto;
    overflow: hidden;
    text-align: left;
    cursor: pointer;
}

.ro-optimizer-view-card:hover[b-ci701xsqxe] {
    border-color: var(--gold);
    filter: brightness(1.04);
}

.ro-optimizer-view-card img[b-ci701xsqxe] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #141413;
}

.ro-optimizer-view-card > span[b-ci701xsqxe] {
    display: grid;
    gap: 4px;
    padding: 12px;
}

.ro-optimizer-view-card strong[b-ci701xsqxe] {
    color: var(--gold);
    font-size: 18px;
}

.ro-optimizer-view-card small[b-ci701xsqxe] {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.35;
}

/* ===== Guide panel ===== */
.ro-optimizer-guide-panel[b-ci701xsqxe] {
    padding: 14px;
    border: 1px solid var(--line-soft);
    border-radius: 8px;
    background: rgba(32, 32, 31, 0.78);
}

.ro-optimizer-guide-panel h3[b-ci701xsqxe] {
    margin: 0 0 12px;
    color: var(--gold);
    font-size: 19px;
}

.ro-optimizer-guide-grid[b-ci701xsqxe] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.ro-optimizer-guide-grid article[b-ci701xsqxe] {
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--line-soft);
    border-radius: 8px;
    background: rgba(18, 18, 17, 0.58);
}

.ro-optimizer-guide-grid h4[b-ci701xsqxe] {
    margin: 0 0 6px;
    color: #dfc880;
    font-size: 14px;
}

.ro-optimizer-guide-grid p[b-ci701xsqxe],
.ro-optimizer-guide-tip[b-ci701xsqxe] {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.4;
}

.ro-optimizer-guide-grid strong[b-ci701xsqxe] {
    color: var(--text);
}

.ro-optimizer-guide-tip[b-ci701xsqxe] {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--line-soft);
    color: var(--text);
}

@media (max-width: 900px) {
    .ro-optimizer-guide-grid[b-ci701xsqxe],
    .ro-optimizer-view-cards[b-ci701xsqxe] {
        grid-template-columns: 1fr;
    }
}

/* Alertes restylées charcoal (surcharge Bootstrap localement). */
.ro-blazor-page :global(.alert)[b-ci701xsqxe] {
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--panel);
    color: var(--text);
    padding: 0.7rem 0.9rem;
    font-size: 0.88rem;
}

.ro-blazor-page :global(.alert-info)[b-ci701xsqxe] {
    border-color: rgba(142, 197, 232, 0.4);
    background: rgba(8, 28, 44, 0.92);
    color: #e8f4fc;
}

.ro-blazor-page :global(.alert-warning)[b-ci701xsqxe] {
    background: linear-gradient(180deg, rgba(48, 36, 12, 0.95), rgba(36, 24, 6, 0.98));
    border: 1px solid rgba(240, 184, 75, 0.45);
    color: #ffe6b0;
}

.ro-blazor-page :global(.alert-danger)[b-ci701xsqxe] {
    border-color: rgba(224, 143, 153, 0.45);
    background: rgba(48, 16, 22, 0.94);
    color: #ffe4e8;
}

.ro-blazor-meta[b-ci701xsqxe] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    font-size: 0.82rem;
    color: var(--muted);
}

.ro-blazor-meta strong[b-ci701xsqxe] {
    color: var(--text);
    font-weight: 800;
}

.ro-blazor-meta code[b-ci701xsqxe] {
    color: var(--gold);
    background: rgba(240, 184, 75, 0.1);
    padding: 1px 5px;
    border-radius: 4px;
}

.ro-blazor-grid-scroll[b-ci701xsqxe] {
    overflow: auto;
    max-height: min(75vh, 900px);
    border-radius: 10px;
    border: 1px solid var(--border);
    background: var(--panel);
}

.ro-blazor-grid-scroll--dimmed[b-ci701xsqxe] {
    filter: blur(1.2px) brightness(0.72);
    pointer-events: none;
}

.ro-stage-note[b-ci701xsqxe] {
    color: #f6b46b;
    font-size: 12px;
}

.ro-fallback-banner[b-ci701xsqxe] {
    display: grid;
    gap: 8px;
    margin-top: 8px;
}

.ro-fallback-actions[b-ci701xsqxe] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.ro-warmup-status[b-ci701xsqxe] {
    color: var(--gold);
    font-size: 0.82rem;
    font-weight: 700;
}

.ro-spa-companion[b-ci701xsqxe] {
    position: fixed;
    width: 1px;
    height: 1px;
    inset: auto;
    opacity: 0;
    pointer-events: none;
    border: 0;
    overflow: hidden;
    z-index: 0;
}

.ro-spa-companion.ro-spa-companion--open[b-ci701xsqxe] {
    inset: 0;
    width: 100vw;
    height: 100vh;
    opacity: 1;
    pointer-events: auto;
    z-index: 12000;
    background: rgba(10, 10, 9, 0.55);
}

.ro-cache-diag[b-ci701xsqxe] {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--bg2);
    padding: 8px 12px;
    color: var(--muted);
    font-size: 0.78rem;
}

.ro-cache-diag > summary[b-ci701xsqxe] {
    cursor: pointer;
    color: var(--text);
    font-weight: 700;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ro-cache-diag > summary[b-ci701xsqxe]::-webkit-details-marker {
    display: none;
}

.ro-cache-diag-badge[b-ci701xsqxe] {
    display: inline-block;
    padding: 1px 7px;
    border-radius: 999px;
    border: 1px solid var(--border);
    background: rgba(142, 197, 255, 0.12);
    color: var(--accent);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.ro-cache-diag-grid[b-ci701xsqxe] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 8px 14px;
    margin: 10px 0 6px;
}

.ro-cache-diag-grid dt[b-ci701xsqxe] {
    color: var(--muted);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ro-cache-diag-grid dd[b-ci701xsqxe] {
    margin: 2px 0 0;
    color: var(--text);
    word-break: break-word;
}

.ro-cache-diag-grid code[b-ci701xsqxe] {
    color: var(--gold);
    background: rgba(240, 184, 75, 0.1);
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 0.74rem;
}

.ro-cache-diag-url[b-ci701xsqxe] {
    grid-column: 1 / -1;
}

.ro-cache-diag-hint[b-ci701xsqxe] {
    margin: 4px 0 2px;
    color: var(--muted);
}

/* Native Blazor skin. Functional hues (rune quality, set identity, verdict,
   score and advice) remain owned by their component classes; only neutral SPA
   graphite layers are replaced here. */
.rune-optimizer-blazor-page .ro-topbar[b-ci701xsqxe],
.rune-optimizer-blazor-page .ro-optimizer-entry-hero[b-ci701xsqxe],
.rune-optimizer-blazor-page .ro-optimizer-guide-panel[b-ci701xsqxe],
.rune-optimizer-blazor-page .ro-cache-diag[b-ci701xsqxe],
.rune-optimizer-blazor-page .ro-blazor-meta[b-ci701xsqxe] {
    border-color: var(--line);
    background: linear-gradient(145deg, rgba(45, 27, 78, .68), rgba(26, 11, 46, .88));
    box-shadow: 0 14px 32px rgba(3, 0, 12, .26);
}
.rune-optimizer-blazor-page .ro-topbar[b-ci701xsqxe] { padding: 10px 12px; border: 1px solid var(--line); border-radius: 13px; }
.rune-optimizer-blazor-page .ro-brand:hover[b-ci701xsqxe] { border-color: rgba(6, 182, 212, .42); background: rgba(6, 182, 212, .08); }
.rune-optimizer-blazor-page .ro-optimizer-view-card[b-ci701xsqxe],
.rune-optimizer-blazor-page .ro-optimizer-guide-grid article[b-ci701xsqxe] {
    border-color: rgba(139, 92, 246, .3);
    background: linear-gradient(145deg, rgba(45, 27, 78, .58), rgba(26, 11, 46, .82));
}
.rune-optimizer-blazor-page .ro-optimizer-view-card img[b-ci701xsqxe] { background: rgba(10, 1, 24, .66); }
.rune-optimizer-blazor-page .ro-optimizer-entry-status[b-ci701xsqxe] {
    border-color: rgba(255, 189, 67, .42);
    background: rgba(255, 189, 67, .1);
}
.rune-optimizer-blazor-page :is(.ro-ghost-button, .ro-help-button)[b-ci701xsqxe] {
    border-color: rgba(139, 92, 246, .42) !important;
    background: rgba(26, 11, 46, .72) !important;
    color: #e9e6ff !important;
}
.rune-optimizer-blazor-page .ro-help-button[b-ci701xsqxe] {
    border-color: rgba(6, 182, 212, .55) !important;
    background: linear-gradient(135deg, #056b80, #5a3fb0) !important;
    color: #ffffff !important;
}
.rune-optimizer-blazor-page :is(.ro-ghost-button, .ro-help-button):hover:not(:disabled)[b-ci701xsqxe] {
    border-color: #59e2f2 !important;
    background: linear-gradient(135deg, #045a6c, #4a3594) !important;
    color: #ffffff !important;
}
.rune-optimizer-blazor-page .ro-stage-control[b-ci701xsqxe] { border-color: rgba(139, 92, 246, .25); }
.rune-optimizer-blazor-page :is(.ro-stage-control select, .ro-settings-dialog input)[b-ci701xsqxe] {
    border-color: rgba(139, 92, 246, .5);
    background: linear-gradient(135deg, rgba(10, 1, 24, .9), rgba(26, 11, 46, .82));
    color: #f1f4ff;
}
.rune-optimizer-blazor-page[b-ci701xsqxe]  :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    border-color: rgba(139, 92, 246, .5) !important;
    background: linear-gradient(135deg, rgba(10, 1, 24, .9), rgba(26, 11, 46, .82)) !important;
    color: #f1f4ff !important;
}
.rune-optimizer-blazor-page[b-ci701xsqxe]  :is(input, select, textarea):focus {
    outline: none;
    border-color: #06b6d4 !important;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, .13);
}
.rune-optimizer-blazor-page[b-ci701xsqxe]  select option { background: #16072b; color: #f1f4ff; }
.rune-optimizer-blazor-page[b-ci701xsqxe]  .ro-toolbar,
.rune-optimizer-blazor-page[b-ci701xsqxe]  .ro-filter-panel,
.rune-optimizer-blazor-page[b-ci701xsqxe]  .ro-filter-popover,
.rune-optimizer-blazor-page[b-ci701xsqxe]  .ro-rune-viewer,
.rune-optimizer-blazor-page[b-ci701xsqxe]  .ro-modal__content {
    border-color: var(--line);
    background: linear-gradient(145deg, rgba(45, 27, 78, .76), rgba(18, 5, 37, .94));
    color: var(--text);
}
.rune-optimizer-blazor-page[b-ci701xsqxe]  .rune-grid { background: rgba(10, 1, 24, .72); }
.rune-optimizer-blazor-page[b-ci701xsqxe]  .rune-grid thead th { background: rgba(49, 46, 129, .72); color: #f3f1ff; border-color: rgba(139, 92, 246, .24); }
.rune-optimizer-blazor-page[b-ci701xsqxe]  .rune-grid tbody tr,
.rune-optimizer-blazor-page[b-ci701xsqxe]  .rune-grid tbody tr:nth-child(odd) { background: rgba(26, 11, 46, .68); }
.rune-optimizer-blazor-page[b-ci701xsqxe]  .rune-grid tbody tr:nth-child(even) { background: rgba(49, 46, 129, .32); }
.rune-optimizer-blazor-page[b-ci701xsqxe]  .rune-grid tbody td:not([class]),
.rune-optimizer-blazor-page[b-ci701xsqxe]  .rune-grid tbody th { background: transparent; border-color: rgba(139, 92, 246, .17); }
.rune-optimizer-blazor-page[b-ci701xsqxe]  .rune-grid tbody tr:hover { background: rgba(6, 182, 212, .14); }
.rune-optimizer-blazor-page[b-ci701xsqxe]  .ro-modal-backdrop { background: rgba(5, 0, 16, .72); backdrop-filter: blur(7px); }
.rune-optimizer-blazor-page[b-ci701xsqxe]  .ro-icon-button {
    width: 34px; height: 34px; display: inline-grid; place-items: center;
    border: 1px solid rgba(6, 182, 212, .52); border-radius: 9px; background: rgba(6, 2, 16, .92);
    color: #ffffff;
}
.rune-optimizer-blazor-page[b-ci701xsqxe]  .ro-icon-button:hover { border-color: #06b6d4; background: rgba(4, 70, 90, .94); color: #fff; }
.rune-optimizer-blazor-page[b-ci701xsqxe]  :is(.ro-bounds-grid, .ro-stock-grid) thead th { background: rgba(49, 46, 129, .72); color: #f3f1ff; }
.rune-optimizer-blazor-page[b-ci701xsqxe]  :is(.ro-bounds-grid, .ro-stock-grid) tbody tr:nth-child(odd) { background: rgba(26, 11, 46, .68); }
.rune-optimizer-blazor-page[b-ci701xsqxe]  :is(.ro-bounds-grid, .ro-stock-grid) tbody tr:nth-child(even) { background: rgba(49, 46, 129, .32); }
@media (max-width: 760px) {
    .ro-blazor-page[b-ci701xsqxe] { padding: 12px 10px 28px; }
    .rune-optimizer-blazor-page .ro-topbar[b-ci701xsqxe] { align-items: flex-start; }
}
/* _content/SW_Constellation.Web/Components/Pages/Member/MemberRuneOptimizerBlazor2.razor.rz.scp.css */
.app-shell[b-xaqudbwa9v] {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: normal;
}

.app-shell h3[b-xaqudbwa9v],
.app-shell h4[b-xaqudbwa9v] {
    line-height: normal;
}

/* La feuille de la page hôte ne doit pas modifier les titres repris du SPA. */
.app-shell .modal-head h2[b-xaqudbwa9v] {
    font-size: 17px;
    font-weight: 700;
    line-height: normal;
}

.app-shell .optimizer-guide-grid article[b-xaqudbwa9v] {
    padding: 10px !important;
}

/* Ces éléments reçoivent sinon les styles typographiques génériques de la
   page hôte, absents de l'iframe historique. On rétablit les métriques exactes
   du HTML SPA importé. */
.app-shell .rune-viewer-head h2[b-xaqudbwa9v] {
    font-size: 17px;
    font-weight: 700;
    line-height: normal;
}

/* Même règle dans la SPA pour le titre du bilan. Sans ce correctif, le
   stylesheet global Blazor écrase la graisse du h2 importé. */
.app-shell .summary-modal h2[b-xaqudbwa9v] {
    font-size: 17px;
    font-weight: 700;
    line-height: normal;
}

/* Les actions des bornes sont des frères de modal-body dans la SPA. Le
   fragment Razor les garde dans ce body pour conserver le cycle Blazor ; ces
   marges rétablissent exactement leur position et la hauteur visible. */
.app-shell .grind-bounds-modal .modal-body > .modal-actions[b-xaqudbwa9v],
.app-shell .gem-bounds-modal .modal-body > .modal-actions[b-xaqudbwa9v] {
    margin: 14px -14px -14px;
}

/* Le canvas historique est remplacé par une courbe SVG déjà calculée par le
   cache .NET : même surface graphique, aucune exécution cliente. */
.app-shell .ro2-efficiency-graph[b-xaqudbwa9v] {
    background: linear-gradient(145deg, rgba(19, 5, 40, .96), rgba(10, 1, 24, .98));
}

.app-shell .ro2-graph-frame[b-xaqudbwa9v] {
    fill: none;
    stroke: rgba(139, 92, 246, .56);
    stroke-width: 1;
}

/* Le détail d'usage remplace le popover JavaScript de la SPA : il reste au
   dessus du lecteur de runes et présente le deck et son porteur exact. */
.app-shell .deck-usage-backdrop[b-xaqudbwa9v] {
    /* Le backdrop parent créait son propre contexte d'empilement sous la
       vue rune par rune (5000), même si le popover enfant était plus haut. */
    z-index: 5100;
}

.app-shell .deck-usage-backdrop .deck-usage-popover[b-xaqudbwa9v] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: min(420px, calc(100% - 32px));
    transform: translate(-50%, -50%);
}

.app-shell .ro2-graph-grid[b-xaqudbwa9v] {
    stroke: rgba(139, 92, 246, .2);
    stroke-width: 1;
}

.app-shell .ro2-graph-axis[b-xaqudbwa9v] {
    stroke: rgba(183, 194, 224, .55);
    stroke-width: 1;
}

.app-shell .ro2-graph-label[b-xaqudbwa9v] {
    fill: #b7c2e0;
    font: 11px Inter, sans-serif;
    text-anchor: end;
}

.app-shell .ro2-graph-x-label[b-xaqudbwa9v] {
    fill: #d1daf2;
    font: 11px Inter, sans-serif;
}

.app-shell .ro2-graph-x-label--end[b-xaqudbwa9v] { text-anchor: end; }

.app-shell #rune-viewer-summary[b-xaqudbwa9v] {
    margin: 13px 0;
}

.app-shell .rune-viewer-card[b-xaqudbwa9v] {
    padding: 10px 12px !important;
}

/* La preview de retour est une grille à une colonne. Sans ce reset, la règle
   de la vue rune par rune place sa carte en colonne 2 et crée une colonne
   implicite, d'où une rune visiblement plus étroite. */
.app-shell .rune-advice-feedback-preview-grid .rune-viewer-card[b-xaqudbwa9v] {
    grid-column: 1;
    width: 100%;
    box-sizing: border-box;
}

.app-shell .rune-advice-feedback-notice[b-xaqudbwa9v] {
    margin: 6px 0 0;
    color: var(--gold, #f0b84b);
    font-size: 12px;
}

/* Backdrop Blazor plus bas que 100vh (header global) : la modale conserve
   son en-tête et ses actions, tandis que son contenu devient défilable. Cela
   évite de couper les derniers conseils sur les viewports Safari trop bas. */
.app-shell .modal-backdrop > .modal.rune-advice-feedback-dialog[b-xaqudbwa9v] {
    max-height: calc(100dvh - 80px);
    height: auto;
    overflow: hidden;
}

.app-shell .rune-advice-feedback-body.modal-body[b-xaqudbwa9v],
.app-shell .rune-advice-feedback-body[b-xaqudbwa9v] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

.app-shell .rune-advice-sub-row[b-xaqudbwa9v] {
    grid-template-columns: minmax(0, 1fr) 78px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.app-shell .rune-advice-targets[b-xaqudbwa9v] {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {
    .app-shell .rune-advice-feedback-layout[b-xaqudbwa9v] {
        grid-template-columns: 1fr;
    }
}

/* Le moteur de layout de la table virtualisée Blazor arrondit autrement que
   le tbody SPA. La ligne source mesure 41px : la fixer évite une dérive à
   chaque ligne pendant le défilement. */
.app-shell .table-shell tbody tr[data-rune-id][b-xaqudbwa9v] {
    height: 41px;
}

/* La page hôte Blazor possède aussi une règle générique `.modal` (position
   fixed). Dans l'iframe SPA, elle n'existe pas : la modale interne doit donc
   rester l'enfant statique de son backdrop, exactement comme dans app.css. */
.app-shell .modal-backdrop > .modal[b-xaqudbwa9v] {
    position: static;
    inset: auto;
    z-index: auto;
    height: auto;
    min-height: 0;
    overflow: visible;
}

/* L'iframe historique commence sous l'en-tête global et dans le conteneur
   horizontal de la page. Le composant Razor vit déjà dans ce même conteneur :
   son backdrop doit donc s'y ancrer, pas couvrir l'en-tête global. */
.ro-full-bleed[b-xaqudbwa9v] {
    position: relative;
}

.ro-full-bleed .modal-backdrop[b-xaqudbwa9v] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: calc(100vh - 60.78125px);
}

.app-shell .ro2-craft-stock-popover[b-xaqudbwa9v] {
    position: fixed;
    /* La vue rune par rune est une modal à z-index 5000. Le stock doit
       s'ouvrir au-dessus, sinon il est bien rendu mais totalement masqué. */
    z-index: 5100;
    right: auto;
    width: fit-content;
    min-width: 450px;
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - 16px);
    padding: 10px;
    border: 1px solid var(--neon-panel-border, var(--line));
    border-radius: var(--neon-radius-md, 12px);
    background: var(--neon-panel-bg, var(--neon-surface));
    box-shadow: var(--neon-panel-shadow, 0 16px 40px rgba(0, 0, 0, .55));
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.app-shell .ro2-craft-stock-popover .grind-stock-head[b-xaqudbwa9v],
.app-shell .ro2-craft-stock-popover .stock-popover-actions[b-xaqudbwa9v] {
    flex: 0 0 auto;
}

.app-shell .ro2-craft-stock-popover .grind-stock-table[b-xaqudbwa9v] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Sur un écran de bureau, le popover conserve une largeur proche de son
   contenu : toutes les données de meules sont visibles sans créer un grand
   panneau vide ni de scrollbar horizontale. */
.app-shell .ro2-craft-stock-popover .grind-stock-table.is-grind .stock-choice-head[b-xaqudbwa9v],
.app-shell .ro2-craft-stock-popover .grind-stock-table.is-grind .stock-choice-row[b-xaqudbwa9v] {
    display: grid;
    grid-template-columns: 66px 52px 72px 58px 72px 64px;
    column-gap: 8px;
    min-width: 0;
}

.app-shell .ro2-craft-stock-popover .grind-stock-table.is-gem .stock-choice-head[b-xaqudbwa9v],
.app-shell .ro2-craft-stock-popover .grind-stock-table.is-gem .stock-choice-row[b-xaqudbwa9v] {
    display: grid;
    grid-template-columns: 90px 72px 58px 72px 64px;
    column-gap: 8px;
    min-width: 0;
}

.app-shell .ro2-craft-stock-popover .stock-choice-head > *[b-xaqudbwa9v],
.app-shell .ro2-craft-stock-popover .stock-choice-row > *[b-xaqudbwa9v] {
    min-width: 0;
}

.app-shell .ro2-craft-stock-popover .stock-count-editor[b-xaqudbwa9v],
.app-shell .ro2-craft-stock-popover .stock-count-input[b-xaqudbwa9v] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* La liste, et non le popup entier, défile : titre, fermeture et validation
   restent accessibles quelle que soit la quantité de gemmes proposées. */
.app-shell .ro2-craft-stock-popover .grind-stock-list[b-xaqudbwa9v] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    padding-right: 0;
}

.app-shell .ro2-craft-stock-list[b-xaqudbwa9v] { display: grid; gap: 6px; margin-top: 9px; }
.app-shell .ro2-craft-stock-list label[b-xaqudbwa9v] { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12px; }
.app-shell .ro2-craft-stock-list input[b-xaqudbwa9v] { width: 64px; color: var(--text, #f1eee8); border: 1px solid var(--line, #3a3834); border-radius: 5px; background: #171716; padding: 4px 6px; }
.app-shell .ro2-craft-stock-actions[b-xaqudbwa9v] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.app-shell .ro2-craft-stock-actions .ghost-button[b-xaqudbwa9v],
.app-shell .ro2-craft-stock-actions .stock-apply-button[b-xaqudbwa9v] { min-width: 76px; }

/* Un stock important ne doit jamais sortir du viewport : le popover reste
   centré verticalement et seule sa liste défile. */
.app-shell .ro2-craft-stock-popover .stock-popover-actions[b-xaqudbwa9v] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--line-soft, #302f2c);
}

@media (max-width: 380px) {
    .app-shell .ro2-craft-stock-popover[b-xaqudbwa9v] {
        left: 8px !important;
        transform: translateY(-50%) !important;
    }
}

@media (max-width: 640px) {
    .app-shell .ro2-craft-stock-popover[b-xaqudbwa9v] {
        width: calc(100vw - 24px);
        min-width: 0;
        padding: 8px;
    }

    .app-shell .ro2-craft-stock-popover .grind-stock-table.is-grind .stock-choice-head[b-xaqudbwa9v],
    .app-shell .ro2-craft-stock-popover .grind-stock-table.is-grind .stock-choice-row[b-xaqudbwa9v] {
        grid-template-columns: minmax(46px, 1.05fr) minmax(40px, .75fr) minmax(54px, .95fr) minmax(46px, .75fr) minmax(54px, .9fr) minmax(46px, .75fr);
        column-gap: 5px;
    }

    .app-shell .ro2-craft-stock-popover .grind-stock-table.is-gem .stock-choice-head[b-xaqudbwa9v],
    .app-shell .ro2-craft-stock-popover .grind-stock-table.is-gem .stock-choice-row[b-xaqudbwa9v] {
        grid-template-columns: minmax(52px, 1.05fr) minmax(54px, .95fr) minmax(46px, .75fr) minmax(54px, .9fr) minmax(46px, .75fr);
        column-gap: 5px;
    }
}

.ro2-page[b-xaqudbwa9v] {
    --ro2-bg: #101722;
    --ro2-panel: #172334;
    --ro2-panel-2: #1e2d42;
    --ro2-line: #30435d;
    --ro2-text: #edf4ff;
    --ro2-muted: #a9bad0;
    --ro2-accent: #5eadeb;
    min-height: calc(100vh - 5rem);
    color: var(--ro2-text);
    background: radial-gradient(circle at top right, #1d3855 0, var(--ro2-bg) 48rem);
    padding: 1rem;
}

.ro2-topbar[b-xaqudbwa9v],
.ro2-toolbar[b-xaqudbwa9v],
.ro2-summary[b-xaqudbwa9v],
.ro2-loading[b-xaqudbwa9v],
.ro2-error[b-xaqudbwa9v],
.ro2-table-wrap[b-xaqudbwa9v] {
    max-width: 1600px;
    margin-inline: auto;
}

.ro2-topbar[b-xaqudbwa9v] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    padding: .6rem 0 1rem;
}

.ro2-brand[b-xaqudbwa9v] {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    color: var(--ro2-text);
    text-decoration: none;
}

.ro2-brand img[b-xaqudbwa9v] { filter: drop-shadow(0 0 .4rem #64baff80); }
.ro2-brand span[b-xaqudbwa9v] { display: grid; line-height: 1.1; }
.ro2-brand strong[b-xaqudbwa9v] { letter-spacing: .03em; }
.ro2-brand small[b-xaqudbwa9v] { color: var(--ro2-muted); font-size: .78rem; }

.ro2-actions[b-xaqudbwa9v] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

button[b-xaqudbwa9v],
select[b-xaqudbwa9v],
input[b-xaqudbwa9v] {
    font: inherit;
}

.ro2-actions button[b-xaqudbwa9v],
.ro2-tool-link[b-xaqudbwa9v],
.ro2-sort[b-xaqudbwa9v],
.ro2-reset[b-xaqudbwa9v],
.ro2-error button[b-xaqudbwa9v] {
    color: var(--ro2-text);
    border: 1px solid var(--ro2-line);
    background: #18283b;
    border-radius: .45rem;
    padding: .42rem .65rem;
    cursor: pointer;
}

.ro2-tool-link[b-xaqudbwa9v] {
    display: inline-flex;
    align-items: center;
    color: var(--ro2-text);
    text-decoration: none;
}

.ro2-actions button:hover[b-xaqudbwa9v],
.ro2-sort:hover[b-xaqudbwa9v],
.ro2-reset:hover[b-xaqudbwa9v],
.ro2-error button:hover[b-xaqudbwa9v] { border-color: var(--ro2-accent); background: #223a55; }

.ro2-toolbar[b-xaqudbwa9v] {
    display: grid;
    grid-template-columns: repeat(5, minmax(7.5rem, 1fr)) auto auto;
    align-items: end;
    gap: .65rem;
    padding: .8rem;
    border: 1px solid var(--ro2-line);
    border-radius: .65rem .65rem 0 0;
    background: #142033e8;
}

.ro2-toolbar label[b-xaqudbwa9v] { display: grid; gap: .25rem; min-width: 0; }
.ro2-toolbar label > span[b-xaqudbwa9v] { color: var(--ro2-muted); font-size: .75rem; }
.ro2-toolbar select[b-xaqudbwa9v],
.ro2-toolbar input[b-xaqudbwa9v] {
    width: 100%;
    min-width: 0;
    color: var(--ro2-text);
    border: 1px solid #3b506c;
    border-radius: .35rem;
    background: #0e1724;
    padding: .45rem .55rem;
}
.ro2-search[b-xaqudbwa9v] { min-width: 12rem; }

.ro2-summary[b-xaqudbwa9v] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding: .65rem .9rem;
    background: #1a2a3de8;
    color: var(--ro2-muted);
    font-size: .86rem;
}

.ro2-summary strong[b-xaqudbwa9v] { color: #fff; }
.ro2-table-wrap[b-xaqudbwa9v] {
    height: min(68vh, 58rem);
    overflow: auto;
    border: 1px solid var(--ro2-line);
    border-radius: 0 0 .65rem .65rem;
    background: #101b2a;
}

.ro2-table[b-xaqudbwa9v] {
    width: 100%;
    min-width: 1090px;
    border-collapse: collapse;
    font-size: .86rem;
}

.ro2-table th[b-xaqudbwa9v] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #263b55;
    color: #f5f9ff;
    text-align: left;
    font-size: .73rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ro2-table th[b-xaqudbwa9v],
.ro2-table td[b-xaqudbwa9v] {
    padding: .48rem .6rem;
    border-bottom: 1px solid #263a53;
    vertical-align: middle;
}

.ro2-table tbody tr:hover[b-xaqudbwa9v] { background: #203550; }
.ro2-table small[b-xaqudbwa9v] { display: block; color: var(--ro2-muted); font-size: .72rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 28rem; }
.ro2-ancient[b-xaqudbwa9v] { box-shadow: inset .2rem 0 #ba8bff; }
.ro2-main[b-xaqudbwa9v] { color: #f2d381; font-weight: 600; }
.ro2-highlight[b-xaqudbwa9v] { color: #7ad6ff; font-weight: 700; }
.ro2-gain[b-xaqudbwa9v] { color: #71e2aa; font-weight: 700; }

.ro2-verdict[b-xaqudbwa9v] {
    display: inline-block;
    margin: .1rem .15rem .1rem 0;
    padding: .13rem .35rem;
    border-radius: 999px;
    background: #3a4d66;
    color: #f7fbff;
    font-size: .7rem;
    white-space: nowrap;
}
.ro2-verdict.ro2-sell[b-xaqudbwa9v] { background: #843d4a; }
.ro2-verdict.ro2-keep[b-xaqudbwa9v] { background: #316a55; }
.ro2-verdict.ro2-upgrade[b-xaqudbwa9v] { background: #716039; }
.ro2-verdict.ro2-action[b-xaqudbwa9v] { background: #315a78; }
.ro2-row-action[b-xaqudbwa9v] { color: #dcecff; border: 1px solid #46617d; border-radius: .3rem; background: #1b3047; padding: .2rem .38rem; cursor: pointer; }
.ro2-row-action:hover[b-xaqudbwa9v] { border-color: #8bd2ff; }

.ro2-loading[b-xaqudbwa9v],
.ro2-error[b-xaqudbwa9v] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 4rem;
    max-width: 42rem;
    padding: 1.25rem;
    border: 1px solid var(--ro2-line);
    border-radius: .75rem;
    background: var(--ro2-panel);
}
.ro2-loading p[b-xaqudbwa9v],
.ro2-error p[b-xaqudbwa9v] { margin: .25rem 0 0; color: var(--ro2-muted); }
.ro2-error[b-xaqudbwa9v] { display: block; border-color: #ad5361; }
.ro2-error button[b-xaqudbwa9v] { margin-top: .75rem; }
.ro2-spinner[b-xaqudbwa9v] { width: 2rem; height: 2rem; flex: 0 0 auto; border: .22rem solid #527492; border-top-color: #8bd2ff; border-radius: 50%; animation: ro2-spin-b-xaqudbwa9v .8s linear infinite; }
@keyframes ro2-spin-b-xaqudbwa9v { to { transform: rotate(360deg); } }

.ro2-modal-backdrop[b-xaqudbwa9v] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: #050b13c9;
}
.ro2-modal[b-xaqudbwa9v] {
    width: min(42rem, 100%);
    max-height: min(48rem, 90vh);
    overflow: auto;
    padding: 1rem 1.2rem 1.2rem;
    border: 1px solid #486480;
    border-radius: .75rem;
    color: var(--ro2-text);
    background: #17273a;
    box-shadow: 0 1.5rem 4rem #0009;
}
.ro2-modal header[b-xaqudbwa9v] { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--ro2-line); }
.ro2-modal h2[b-xaqudbwa9v] { margin: .15rem 0 .7rem; font-size: 1.15rem; }
.ro2-modal header button[b-xaqudbwa9v] { color: var(--ro2-muted); border: 0; background: transparent; font-size: 1.8rem; cursor: pointer; }
.ro2-modal p[b-xaqudbwa9v],
.ro2-modal li[b-xaqudbwa9v] { color: #d1dfef; line-height: 1.55; }
.ro2-bounds[b-xaqudbwa9v] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
.ro2-bounds label[b-xaqudbwa9v] { display: grid; grid-template-columns: 1fr 4rem 4rem; align-items: center; gap: .3rem; font-size: .8rem; }
.ro2-bounds input[b-xaqudbwa9v] { width: 100%; min-width: 0; color: var(--ro2-text); border: 1px solid #46617d; border-radius: .3rem; background: #101b2a; padding: .32rem; }
.ro2-primary[b-xaqudbwa9v] { margin-top: 1rem; padding: .55rem .75rem; color: #06101c; border: 0; border-radius: .4rem; background: #83cdf6; font-weight: 700; cursor: pointer; }
.ro2-kpis[b-xaqudbwa9v] { display: grid; grid-template-columns: repeat(2, 1fr); gap: .65rem; }
.ro2-kpis div[b-xaqudbwa9v] { padding: .65rem; border: 1px solid var(--ro2-line); border-radius: .4rem; background: #111e2d; }
.ro2-kpis dt[b-xaqudbwa9v] { color: var(--ro2-muted); font-size: .8rem; }
.ro2-kpis dd[b-xaqudbwa9v] { margin: .2rem 0 0; font-size: 1.3rem; font-weight: 700; }
.ro2-ranked-list[b-xaqudbwa9v] { padding: 0; list-style: none; }
.ro2-ranked-list li[b-xaqudbwa9v] { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px solid var(--ro2-line); }
.ro2-ranked-list span[b-xaqudbwa9v] { color: var(--ro2-muted); }
.ro2-check[b-xaqudbwa9v] { display: flex; align-items: center; gap: .55rem; margin: .75rem 0; color: #d1dfef; }
.ro2-bars[b-xaqudbwa9v] { display: grid; gap: .55rem; margin-top: 1rem; }
.ro2-bars > div[b-xaqudbwa9v] { display: grid; grid-template-columns: 7rem minmax(3rem, 1fr) 3rem; align-items: center; gap: .6rem; }
.ro2-bars span[b-xaqudbwa9v] { color: var(--ro2-muted); font-size: .82rem; }
.ro2-bars i[b-xaqudbwa9v] { height: .7rem; min-width: .25rem; border-radius: 99px; background: linear-gradient(90deg, #64baff, #85ddba); }
.ro2-bars b[b-xaqudbwa9v] { font-size: .82rem; text-align: right; }
.ro2-rune-details[b-xaqudbwa9v] { display: grid; gap: .45rem; }
.ro2-rune-details div[b-xaqudbwa9v] { display: grid; grid-template-columns: 8rem 1fr; gap: .5rem; padding-bottom: .4rem; border-bottom: 1px solid var(--ro2-line); }
.ro2-rune-details dt[b-xaqudbwa9v] { color: var(--ro2-muted); }
.ro2-rune-details dd[b-xaqudbwa9v] { margin: 0; }

@media (max-width: 1050px) {
    .ro2-topbar[b-xaqudbwa9v] { align-items: flex-start; flex-direction: column; }
    .ro2-actions[b-xaqudbwa9v] { justify-content: flex-start; }
    .ro2-toolbar[b-xaqudbwa9v] { grid-template-columns: repeat(3, minmax(8rem, 1fr)); }
}
@media (max-width: 650px) {
    .ro2-page[b-xaqudbwa9v] { padding: .5rem; }
    .ro2-toolbar[b-xaqudbwa9v] { grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: .45rem; }
    .ro2-search[b-xaqudbwa9v] { min-width: 0; }
    .ro2-summary[b-xaqudbwa9v] { gap: .5rem 1rem; }
    .ro2-bounds[b-xaqudbwa9v] { grid-template-columns: 1fr; }
}

/* Native Blazor skin: retain data/quality/verdict colours, replace only SPA graphite. */
.rune-optimizer-blazor-page[b-xaqudbwa9v] {
    --bg: #0a0118; --bg2: rgba(26, 11, 46, .92); --bg3: rgba(45, 27, 78, .82);
    --panel: rgba(26, 11, 46, .84); --panel-2: rgba(45, 27, 78, .74); --surface: rgba(59, 38, 102, .72);
    --line: rgba(139, 92, 246, .34); --line-soft: rgba(139, 92, 246, .2);
    --text: #eef2ff; --muted: #aeb9d6; --gold: #ffbd43; --accent: #67e8f9;
    background: radial-gradient(circle at 12% 2%, rgba(168,85,247,.2), transparent 28%), radial-gradient(circle at 88% 8%, rgba(6,182,212,.13), transparent 24%), linear-gradient(180deg, rgba(19,3,38,.96), #0a0118);
    color: var(--text);
}
.rune-optimizer-blazor-page #optimizer-view.app-shell[b-xaqudbwa9v] { min-height: 100vh; width: 100%; max-width: none; margin: 0; padding: 14px 12px 22px; box-sizing: border-box; background: transparent; }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(.topbar, .filter-menu, .optimizer-entry-hero, .optimizer-guide-panel, .table-shell, .modal, .grind-stock-popover) { border-color: var(--line); background: linear-gradient(145deg, rgba(45,27,78,.72), rgba(18,5,37,.92)); color: var(--text); box-shadow: 0 14px 32px rgba(3,0,12,.28); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  .topbar { padding: 10px 12px; border: 1px solid var(--line); border-radius: 13px; }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(.ghost-button, .help-button, .filter-chip) { border-color: rgba(139,92,246,.42) !important; background: rgba(26,11,46,.72) !important; color: #e9e6ff !important; }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(.help-button, .file-button, .primary-button) { border-color: rgba(6,182,212,.55) !important; background: linear-gradient(135deg, #056b80, #7551d7) !important; color: #fff !important; }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(.ghost-button, .help-button, .filter-chip, .file-button, .primary-button):hover:not(:disabled) { border-color: #59e2f2 !important; background: linear-gradient(135deg, #056b80, #5a44b8) !important; color: #fff !important; }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { border-color: rgba(139,92,246,.5) !important; background: linear-gradient(135deg, rgba(10,1,24,.9), rgba(26,11,46,.82)) !important; color: #f1f4ff !important; }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(input, select, textarea):focus { outline: none; border-color: #06b6d4 !important; box-shadow: 0 0 0 3px rgba(6,182,212,.13); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  select option { background: #16072b; color: #f1f4ff; }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(.table-shell, .rune-table-wrap) { border-color: var(--line); background: rgba(10,1,24,.72); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(.table-shell table, #rune-table) thead th { background: rgba(49,46,129,.72); color: #f3f1ff; border-color: rgba(139,92,246,.24); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(.table-shell table, #rune-table) tbody tr, .rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(.table-shell table, #rune-table) tbody tr:nth-child(odd) { background: rgba(26,11,46,.68); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(.table-shell table, #rune-table) tbody tr:nth-child(even) { background: rgba(49,46,129,.32); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(.table-shell table, #rune-table) tbody td:not([class]), .rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(.table-shell table, #rune-table) tbody th { background: transparent; border-color: rgba(139,92,246,.17); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(.table-shell table, #rune-table) tbody tr:hover { background: rgba(6,182,212,.14); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  .filter-popover, .rune-optimizer-blazor-page[b-xaqudbwa9v]  .modal-backdrop > .modal { border-color: rgba(139,92,246,.55); background: linear-gradient(145deg, #211040, #120521); color: var(--text); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  .modal-backdrop { background: rgba(5,0,16,.72); backdrop-filter: blur(7px); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(.icon-button, .filter-popover-close, .grind-stock-close) { width: 34px; height: 34px; display: inline-grid; place-items: center; border: 1px solid rgba(6,182,212,.52); border-radius: 9px; background: rgba(10,1,24,.58); color: #f5f7ff; }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  :is(.icon-button, .filter-popover-close, .grind-stock-close):hover { border-color: #06b6d4; background: #056b80; color: #fff; }
/* Le shell historique de la SPA est plafonné à 1440 px. Dans la page native,
   le tableau doit exploiter le conteneur full-bleed et garder seulement une
   respiration latérale minimale. */
@media (max-width: 760px) {
    .rune-optimizer-blazor-page #optimizer-view.app-shell[b-xaqudbwa9v] { padding: 12px 10px 28px; }
}

/* Quick-filter counters and the rune-viewer controls are independent SPA
   surfaces: replace their neutral graphite while retaining their category
   accents (premium, preset, objective and speed). */
.rune-optimizer-blazor-page[b-xaqudbwa9v]  .counter-row { border-color: var(--line); background: linear-gradient(145deg, rgba(45,27,78,.68), rgba(26,11,46,.88)); box-shadow: 0 12px 28px rgba(3,0,12,.24); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  .stat-pill { border-color: rgba(139,92,246,.36); background: rgba(10,1,24,.62); color: #e9e6ff; }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  .stat-pill--premium { background: linear-gradient(135deg, rgba(240,184,75,.16), rgba(10,1,24,.72)); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  .stat-pill--preset { background: linear-gradient(135deg, rgba(196,142,255,.16), rgba(10,1,24,.72)); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  .stat-pill--objective { background: linear-gradient(135deg, rgba(174,198,10,.14), rgba(10,1,24,.72)); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  .stat-pill--speed { background: linear-gradient(135deg, rgba(124,204,204,.14), rgba(10,1,24,.72)); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  .stat-pill strong { color: #f5f3ff; }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  .rune-viewer-count,
.rune-optimizer-blazor-page[b-xaqudbwa9v]  .rune-viewer-controls { border-color: rgba(139,92,246,.3); background: rgba(26,11,46,.7); color: var(--muted); }
.rune-optimizer-blazor-page[b-xaqudbwa9v]  .rune-viewer-button { background: linear-gradient(135deg, rgba(255,189,67,.2), rgba(26,11,46,.76)); border-color: rgba(255,189,67,.46); }
/* _content/SW_Constellation.Web/Components/Pages/Member/MemberSiegeMonsterTierList.razor.rz.scp.css */
.siege-monster-tierlist[b-3pyi7u82qk] { margin-block:1.5rem; }
.siege-tierlist-summary[b-3pyi7u82qk] { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:.6rem; margin-top:1rem; }
.siege-tierlist-summary-card[b-3pyi7u82qk] { display:grid; grid-template-columns:1fr auto; gap:.18rem .5rem; align-items:end; min-height:5.35rem; padding:.65rem .75rem; overflow:hidden; position:relative; border:1px solid var(--neon-panel-border); border-radius:.7rem; background:color-mix(in srgb, var(--neon-surface-alt) 86%, transparent); box-shadow:0 .3rem .9rem color-mix(in srgb, var(--neon-bg) 42%, transparent); }
.siege-tierlist-summary-card[b-3pyi7u82qk]::before { content:""; position:absolute; inset:0 auto 0 0; width:.2rem; background:var(--siege-tierlist-summary-accent, var(--neon-accent)); }
.siege-tierlist-summary-card--copies[b-3pyi7u82qk] { --siege-tierlist-summary-accent:var(--neon-accent); }
.siege-tierlist-summary-card--skillups[b-3pyi7u82qk] { --siege-tierlist-summary-accent:#a78bfa; }
.siege-tierlist-summary-card--complete[b-3pyi7u82qk] { --siege-tierlist-summary-accent:#62d5a0; }
.siege-tierlist-summary-card--premium[b-3pyi7u82qk] { --siege-tierlist-summary-accent:#D79552; }
.siege-tierlist-summary-card--missing[b-3pyi7u82qk] { --siege-tierlist-summary-accent:#e85d5d; }
.siege-tierlist-summary-label[b-3pyi7u82qk] { grid-column:1 / -1; color:var(--neon-muted); font-size:.66rem; font-weight:750; letter-spacing:.02em; }
.siege-tierlist-summary-card strong[b-3pyi7u82qk] { color:var(--neon-text); font-size:1.08rem; font-variant-numeric:tabular-nums; line-height:1.1; }
.siege-tierlist-summary-percent[b-3pyi7u82qk] { color:var(--siege-tierlist-summary-accent, var(--neon-accent)); font-size:.72rem; font-weight:800; font-variant-numeric:tabular-nums; }
.siege-tierlist-summary-empty[b-3pyi7u82qk] { color:var(--neon-muted); font-size:.65rem; line-height:1.2; }
.siege-tierlist-summary-progress[b-3pyi7u82qk] { grid-column:1 / -1; height:.28rem; overflow:hidden; border-radius:999px; background:color-mix(in srgb, var(--neon-bg) 58%, transparent); }
.siege-tierlist-summary-progress > span[b-3pyi7u82qk] { display:block; width:var(--siege-tierlist-progress); height:100%; border-radius:inherit; background:var(--siege-tierlist-summary-accent, var(--neon-accent)); box-shadow:0 0 .5rem color-mix(in srgb, var(--siege-tierlist-summary-accent, var(--neon-accent)) 68%, transparent); }
.siege-tierlist-account-picker[b-3pyi7u82qk] { display:grid; gap:.35rem; min-width:min(100%, 17rem); color:var(--neon-muted); font-size:.82rem; }
.siege-tierlist-controls[b-3pyi7u82qk] { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; align-items:end; margin-top:1.25rem; padding:1rem; border:1px solid var(--neon-panel-border); border-radius:.85rem; background:var(--neon-surface-alt); box-shadow:var(--neon-panel-shadow); }
.siege-tierlist-controls > div[b-3pyi7u82qk] { display:grid; gap:.2rem; }
.siege-tierlist-controls > div span[b-3pyi7u82qk] { color:var(--neon-muted); font-size:.85rem; }
.siege-tierlist-search[b-3pyi7u82qk] { display:grid; gap:.35rem; min-width:min(100%, 18rem); color:var(--neon-muted); font-size:.82rem; }
.siege-tierlist-display-toggle[b-3pyi7u82qk] { display:grid; gap:.08rem; min-width:8.7rem; padding:.55rem .75rem; border:1px solid var(--neon-panel-border); border-radius:.55rem; background:color-mix(in srgb, var(--neon-surface) 72%, transparent); color:var(--neon-text); text-align:left; font:inherit; cursor:pointer; transition:border-color .15s ease, background .15s ease, box-shadow .15s ease; }
.siege-tierlist-display-toggle:hover[b-3pyi7u82qk], .siege-tierlist-display-toggle:focus-visible[b-3pyi7u82qk] { border-color:var(--neon-accent); box-shadow:0 0 .8rem color-mix(in srgb, var(--neon-accent) 26%, transparent); outline:none; }
.siege-tierlist-display-toggle.is-filtered[b-3pyi7u82qk] { border-color:color-mix(in srgb, #f0a43a 60%, var(--neon-panel-border)); background:color-mix(in srgb, #f0a43a 14%, var(--neon-surface)); }
.siege-tierlist-display-toggle span[b-3pyi7u82qk] { font-size:.78rem; font-weight:750; }
.siege-tierlist-display-toggle small[b-3pyi7u82qk] { color:var(--neon-muted); font-size:.68rem; }
.siege-tierlist-display-options[b-3pyi7u82qk] { display:grid; gap:.7rem; margin:0; padding:.8rem 1rem .9rem; border:1px solid var(--neon-panel-border); border-radius:.75rem; background:color-mix(in srgb, var(--neon-surface-alt) 82%, transparent); }
.siege-tierlist-display-options legend[b-3pyi7u82qk] { float:none; width:auto; margin:0; padding:0 .25rem; color:var(--neon-text); font-size:.9rem; font-weight:750; }
.siege-tierlist-display-options > p[b-3pyi7u82qk] { margin:0; color:var(--neon-muted); font-size:.73rem; }
.siege-tierlist-display-option-groups[b-3pyi7u82qk] { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.75rem; }
.siege-tierlist-display-option-groups section[b-3pyi7u82qk] { display:grid; gap:.38rem; padding:.65rem .7rem; border:1px solid color-mix(in srgb, var(--neon-panel-border) 78%, transparent); border-radius:.55rem; background:color-mix(in srgb, var(--neon-surface) 58%, transparent); }
.siege-tierlist-display-option-groups h2[b-3pyi7u82qk] { margin:0 0 .08rem; color:var(--neon-muted); font-size:.67rem; font-weight:800; letter-spacing:.035em; text-transform:uppercase; }
.siege-tierlist-display-option[b-3pyi7u82qk] { display:flex; align-items:center; gap:.5rem; margin:0; color:var(--neon-muted); font-size:.78rem; cursor:pointer; }
.siege-tierlist-display-option.is-active[b-3pyi7u82qk] { color:var(--neon-text); }
.siege-tierlist-display-option .form-check-input[b-3pyi7u82qk] { flex:0 0 auto; margin:0; }
.siege-tierlist-display-reset[b-3pyi7u82qk] { justify-self:start; padding:0; border:0; background:transparent; color:var(--neon-accent); font:inherit; font-size:.76rem; font-weight:700; cursor:pointer; }
.siege-tierlist-display-reset:hover[b-3pyi7u82qk], .siege-tierlist-display-reset:focus-visible[b-3pyi7u82qk] { color:var(--neon-text); text-decoration:underline; outline:none; }
.siege-tierlist-action-legend[b-3pyi7u82qk] { display:flex; align-items:center; gap:.55rem 1rem; margin-top:1rem; padding:.55rem .75rem; overflow-x:auto; border:1px solid var(--neon-panel-border); border-radius:.7rem; background:color-mix(in srgb, var(--neon-surface-alt) 78%, transparent); color:var(--neon-muted); font-size:.72rem; white-space:nowrap; }
.siege-tierlist-action-legend > span[b-3pyi7u82qk] { display:inline-flex; flex:0 0 auto; align-items:center; gap:.32rem; }
.siege-tierlist-action-legend-badge[b-3pyi7u82qk] { display:grid; width:.9rem; height:.9rem; place-items:center; border:1px solid rgba(255,255,255,.56); border-radius:.2rem; color:#fff; font-size:.58rem; font-style:normal; font-weight:900; line-height:1; text-shadow:0 1px 2px rgba(0,0,0,.78); box-shadow:0 1px 3px rgba(0,0,0,.32); }
.siege-tierlist-action-legend-badge--ready[b-3pyi7u82qk] { background:#448D66; }
.siege-tierlist-action-legend-badge--copies[b-3pyi7u82qk] { background:#e85d5d; }
.siege-tierlist-action-legend-badge--skillups[b-3pyi7u82qk] { background:#f0a43a; }
.siege-tierlist-action-legend-badge--both[b-3pyi7u82qk] { background:linear-gradient(135deg, #e85d5d 0 49%, #f0a43a 51% 100%); }
.siege-tierlist-category-grid[b-3pyi7u82qk] { display:grid; gap:1rem; margin-top:1rem; }
.siege-tierlist-category[b-3pyi7u82qk] { overflow:hidden; border:1px solid var(--neon-panel-border); border-radius:.85rem; background:var(--neon-panel-bg); box-shadow:var(--neon-panel-shadow); }
.siege-tierlist-category > header[b-3pyi7u82qk] { display:flex; justify-content:space-between; gap:.75rem; align-items:baseline; padding:.8rem 1rem; border-bottom:1px solid var(--neon-panel-border); background:color-mix(in srgb, var(--neon-surface-alt) 82%, transparent); }
.siege-tierlist-category h2[b-3pyi7u82qk] { margin:0; color:var(--neon-text); font-size:1rem; }
.siege-tierlist-category header span[b-3pyi7u82qk], .siege-tierlist-empty[b-3pyi7u82qk] { color:var(--neon-muted); font-size:.8rem; }
.siege-tierlist-category-meta[b-3pyi7u82qk] { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.35rem .7rem; }
.siege-tierlist-category header .siege-tierlist-category-stat[b-3pyi7u82qk] { color:var(--neon-accent); font-weight:700; font-variant-numeric:tabular-nums; }
.siege-tierlist-empty[b-3pyi7u82qk] { margin:1rem; }
.siege-tierlist-table[b-3pyi7u82qk] { width:100%; border-collapse:collapse; }
.siege-tierlist-table tr + tr[b-3pyi7u82qk] { border-top:1px solid var(--neon-panel-border); }
.siege-tierlist-table th[b-3pyi7u82qk] { width:7.25rem; min-width:7.25rem; padding:.7rem; border-right:1px solid var(--neon-panel-border); color:var(--neon-text); text-align:center; vertical-align:middle; }
.siege-tierlist-table th span[b-3pyi7u82qk] { font-size:1.05rem; font-weight:800; }
.siege-tierlist-threshold--priority[b-3pyi7u82qk],
.siege-tierlist-threshold--high[b-3pyi7u82qk],
.siege-tierlist-threshold--medium[b-3pyi7u82qk],
.siege-tierlist-threshold--low[b-3pyi7u82qk],
.siege-tierlist-threshold--base[b-3pyi7u82qk] { border-left:.2rem solid color-mix(in srgb, var(--siege-tier-threshold-color) 76%, var(--neon-panel-border)); background:linear-gradient(135deg, color-mix(in srgb, var(--siege-tier-threshold-color) 58%, var(--neon-surface-alt)), color-mix(in srgb, var(--siege-tier-threshold-color) 18%, var(--neon-surface-alt))); box-shadow:inset 0 0 1.25rem color-mix(in srgb, var(--siege-tier-threshold-color) 28%, transparent), inset -1px 0 color-mix(in srgb, var(--siege-tier-threshold-color) 60%, var(--neon-panel-border)); }
.siege-tierlist-threshold--priority[b-3pyi7u82qk] { --siege-tier-threshold-color:#c74357; }
.siege-tierlist-threshold--high[b-3pyi7u82qk] { --siege-tier-threshold-color:#e56963; }
.siege-tierlist-threshold--medium[b-3pyi7u82qk] { --siege-tier-threshold-color:#f0a74b; }
.siege-tierlist-threshold--low[b-3pyi7u82qk] { --siege-tier-threshold-color:#a4d95b; }
.siege-tierlist-threshold--base[b-3pyi7u82qk] { --siege-tier-threshold-color:#54df75; }
.siege-tierlist-table td[b-3pyi7u82qk] { padding:0; }
.siege-tierlist-status-groups[b-3pyi7u82qk] { display:flex; flex-wrap:wrap; align-items:stretch; column-gap:10px; row-gap:.5rem; padding:.5rem; }
.siege-tierlist-status-group[b-3pyi7u82qk] { flex:0 0 var(--siege-tierlist-group-width); min-width:0; max-width:100%; overflow:hidden; background:transparent; }
.siege-tierlist-status-group > header[b-3pyi7u82qk] { display:flex; align-items:center; min-height:1.65rem; padding:.22rem; overflow:hidden; color:var(--neon-muted); font-size:.55rem; font-weight:700; line-height:1.2; white-space:nowrap; background:color-mix(in srgb, var(--neon-surface-alt) 72%, transparent); }
.siege-tierlist-status-group--complete[b-3pyi7u82qk] { box-shadow:none; }
.siege-tierlist-status-group--partial[b-3pyi7u82qk] { box-shadow:none; }
.siege-tierlist-status-group--absent[b-3pyi7u82qk] { box-shadow:none; }
.siege-tierlist-status-group--complete > header[b-3pyi7u82qk] { color:#d7f2e1; border-bottom:1px solid color-mix(in srgb, #448D66 58%, transparent); background:linear-gradient(90deg, color-mix(in srgb, #448D66 58%, var(--neon-surface-alt)), color-mix(in srgb, #448D66 26%, var(--neon-surface-alt))); }
.siege-tierlist-status-group--partial > header[b-3pyi7u82qk] { color:#ffe6c1; border-bottom:1px solid color-mix(in srgb, #D79552 58%, transparent); background:linear-gradient(90deg, color-mix(in srgb, #D79552 58%, var(--neon-surface-alt)), color-mix(in srgb, #D79552 26%, var(--neon-surface-alt))); }
.siege-tierlist-status-group--absent > header[b-3pyi7u82qk] { color:#ffd1df; border-bottom:1px solid color-mix(in srgb, #913554 58%, transparent); background:linear-gradient(90deg, color-mix(in srgb, #913554 58%, var(--neon-surface-alt)), color-mix(in srgb, #913554 26%, var(--neon-surface-alt))); }
.siege-tierlist-monster-strip[b-3pyi7u82qk] { display:flex; flex-wrap:wrap; align-items:flex-start; gap:0; }
.siege-tierlist-monster[b-3pyi7u82qk] { width:4.5rem; flex:0 0 4.5rem; min-width:0; margin:0 !important; padding:0 !important; box-sizing:border-box; }
.siege-tierlist-monster-portrait[b-3pyi7u82qk] { display:block; inline-size:100%; position:relative; aspect-ratio:1 / 1; overflow:hidden; margin:0 !important; padding:0 !important; box-sizing:border-box; border:0; border-radius:0; background:var(--neon-surface); box-shadow:none; }
.siege-tierlist-monster-art[b-3pyi7u82qk] { position:absolute; inset:0; }
.siege-tierlist-monster--missing .siege-tierlist-monster-art[b-3pyi7u82qk] { filter:grayscale(.1) brightness(.94) contrast(.97); opacity:.9; }
.siege-tierlist-monster--premium-unowned .siege-tierlist-monster-art[b-3pyi7u82qk] { filter:grayscale(.46) brightness(.7) contrast(.97); opacity:.96; }
.siege-tierlist-monster-portrait[b-3pyi7u82qk]::before { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:transparent; }
.siege-tierlist-monster--premium-unowned .siege-tierlist-monster-portrait[b-3pyi7u82qk]::before { background:rgba(7, 11, 18, .2); }
.siege-tierlist-monster-portrait[b-3pyi7u82qk]::after { content:""; position:absolute; z-index:2; top:0; right:0; display:grid; width:1.22rem; height:1.22rem; place-items:center; pointer-events:none; border:1px solid rgba(255,255,255,.68); border-top:0; border-right:0; border-radius:0 0 0 .42rem; background:transparent; color:#fff; font-size:.74rem; font-weight:900; line-height:1; text-shadow:0 1px 2px rgba(0,0,0,.78); box-shadow:0 1px 4px rgba(0,0,0,.42); }
.siege-tierlist-monster--copy-missing .siege-tierlist-monster-portrait[b-3pyi7u82qk]::before { background:rgba(232,93,93,.1); }
.siege-tierlist-monster--skillup-missing .siege-tierlist-monster-portrait[b-3pyi7u82qk]::before { background:rgba(240,164,58,.1); }
.siege-tierlist-monster--copy-missing.siege-tierlist-monster--skillup-missing .siege-tierlist-monster-portrait[b-3pyi7u82qk]::before { background:linear-gradient(135deg, rgba(232,93,93,.11), rgba(240,164,58,.11)); }
.siege-tierlist-monster--copy-missing .siege-tierlist-monster-portrait[b-3pyi7u82qk]::after { content:"↑"; background:#e85d5d; }
.siege-tierlist-monster--skillup-missing .siege-tierlist-monster-portrait[b-3pyi7u82qk]::after { content:"✦"; background:#f0a43a; }
.siege-tierlist-monster--copy-missing.siege-tierlist-monster--skillup-missing .siege-tierlist-monster-portrait[b-3pyi7u82qk]::after { content:"+"; background:linear-gradient(135deg, #e85d5d 0 49%, #f0a43a 51% 100%); }
.siege-tierlist-monster--ready .siege-tierlist-monster-portrait[b-3pyi7u82qk]::after { content:"✓"; width:.88rem; height:.88rem; border-color:rgba(255,255,255,.56); border-radius:0 0 0 .34rem; background:#448D66; font-size:.6rem; }
.siege-tierlist-monster--premium-unowned .siege-tierlist-monster-portrait[b-3pyi7u82qk]::after { content:"🎲"; width:1.05rem; height:1.05rem; border-color:rgba(224, 202, 255, .68); border-radius:0 0 0 .38rem; background:color-mix(in srgb, var(--neon-surface-strong) 78%, #6d438f); font-family:"Segoe UI Emoji", sans-serif; font-size:.72rem; text-shadow:none; }
.siege-tierlist-monster-art[b-3pyi7u82qk] (.app-monster-portrait) { display:block; width:100%; height:100%; }
.siege-tierlist-monster-portrait[b-3pyi7u82qk] (.app-monster-portrait img) { width:100%; height:100%; object-fit:cover; }
.siege-tierlist-monster-fallback[b-3pyi7u82qk] { display:grid; width:100%; height:100%; place-items:center; color:var(--neon-muted); font-size:1.6rem; }
.siege-tierlist-copy-count[b-3pyi7u82qk], .siege-tierlist-skillup-count[b-3pyi7u82qk] { position:absolute; z-index:2; bottom:.18rem; padding:.08rem .2rem; border:1px solid transparent; border-radius:.26rem; background:color-mix(in srgb, var(--neon-surface-strong) 82%, transparent); color:var(--neon-text); font-size:.6rem; font-weight:750; line-height:1.1; text-shadow:0 1px 2px rgba(0,0,0,.7); }
.siege-tierlist-copy-count[b-3pyi7u82qk] { right:.22rem; }
.siege-tierlist-skillup-count[b-3pyi7u82qk] { left:.22rem; }
.siege-tierlist-copy-count.is-success[b-3pyi7u82qk], .siege-tierlist-skillup-count.is-success[b-3pyi7u82qk] { border-color:color-mix(in srgb, #62d5a0 56%, transparent); color:#baf3d6; }
.siege-tierlist-copy-count.is-danger[b-3pyi7u82qk], .siege-tierlist-skillup-count.is-danger[b-3pyi7u82qk] { border-color:color-mix(in srgb, #e85d5d 56%, transparent); color:#ffc2c2; }
.siege-tierlist-copy-count.is-muted[b-3pyi7u82qk] { border-color:color-mix(in srgb, var(--neon-muted) 48%, transparent); color:color-mix(in srgb, var(--neon-text) 66%, var(--neon-muted)); }
@media (max-width: 1150px) { .siege-tierlist-summary[b-3pyi7u82qk] { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (max-width: 750px) { .siege-tierlist-summary[b-3pyi7u82qk] { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .siege-tierlist-summary[b-3pyi7u82qk] { grid-template-columns:1fr; } .siege-tierlist-summary-card[b-3pyi7u82qk] { min-height:5rem; } .siege-tierlist-controls[b-3pyi7u82qk] { align-items:stretch; } .siege-tierlist-search[b-3pyi7u82qk], .siege-tierlist-display-toggle[b-3pyi7u82qk] { min-width:100%; } .siege-tierlist-display-option-groups[b-3pyi7u82qk] { grid-template-columns:1fr; } .siege-tierlist-category > header[b-3pyi7u82qk] { align-items:flex-start; flex-direction:column; } .siege-tierlist-category-meta[b-3pyi7u82qk] { justify-content:flex-start; } .siege-tierlist-table th[b-3pyi7u82qk] { width:4.8rem; min-width:4.8rem; padding:.45rem; } .siege-tierlist-monster[b-3pyi7u82qk] { width:4.5rem; flex-basis:4.5rem; } }
/* _content/SW_Constellation.Web/Components/Pages/Member/MemberToolSpaHost.razor.rz.scp.css */
.ro-page[b-wr65zoqsss] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.ro-top[b-wr65zoqsss] {
    padding: 0.8rem 1.2rem 0.4rem;
}

.ro-header[b-wr65zoqsss] {
    margin: 0;
}

.ro-header h1[b-wr65zoqsss] {
    font-size: 1.6rem;
    margin: 0;
    color: #f2f5ff;
    text-shadow: 0 0 22px rgba(168, 85, 247, 0.18);
}

/* Iframe edge-to-edge : remplit toute la hauteur restante sous le header du site.
   Pas de padding, pas de bordure, pas de fond divergent : l'iframe epouse la coquille. */
.ro-full-bleed[b-wr65zoqsss] {
    flex: 1;
    min-height: 0;
    width: 100%;
    display: flex;
}

.ro-full-bleed iframe[b-wr65zoqsss] {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    background: var(--neon-bg, #0a0118);
}

@media (max-width: 768px) {
    .ro-header h1[b-wr65zoqsss] {
        font-size: 1.3rem;
    }

    .ro-top[b-wr65zoqsss] {
        padding: 0.6rem 1rem 0.3rem;
    }
}
/* _content/SW_Constellation.Web/Components/Pages/Member/SiegeMap.razor.rz.scp.css */
.siege-map-toolbar[b-cc81xkou1t] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
}

.siege-map-toolbar__field[b-cc81xkou1t] {
    display: grid;
    gap: 0.35rem;
    min-width: min(100%, 320px);
    color: var(--neon-muted, #9aa3b2);
    font-size: 0.85rem;
    font-weight: 700;
}

.siege-map-toolbar__field select[b-cc81xkou1t] {
    min-height: 38px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.88);
    color: #f8fafc;
    padding: 0.45rem 0.65rem;
}

.siege-map-toolbar__frame[b-cc81xkou1t] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    color: #dbeafe;
    font-size: 0.9rem;
    font-weight: 700;
}

.siege-map-slider[b-cc81xkou1t] {
    margin: 1rem 0 0;
}

.siege-map-scoreboard[b-cc81xkou1t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 1rem 0 0;
}

.siege-map-scoreboard__card[b-cc81xkou1t] {
    display: grid;
    gap: 0.2rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(15, 23, 42, 0.58)),
        rgba(15, 23, 42, 0.76);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}

.siege-map-scoreboard__card--blue[b-cc81xkou1t] {
    border-color: color-mix(in srgb, var(--siege-map-camp-color, #1491C1) 48%, transparent);
}

.siege-map-scoreboard__card--red[b-cc81xkou1t] {
    border-color: color-mix(in srgb, var(--siege-map-camp-color, #EB5925) 48%, transparent);
}

.siege-map-scoreboard__card--yellow[b-cc81xkou1t] {
    border-color: color-mix(in srgb, var(--siege-map-camp-color, #F2BF3A) 48%, transparent);
}

.siege-map-scoreboard__camp[b-cc81xkou1t],
.siege-map-scoreboard__guild[b-cc81xkou1t] {
    color: var(--neon-muted, #9aa3b2);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.siege-map-scoreboard__score[b-cc81xkou1t] {
    color: #f8fafc;
    font-size: clamp(1.4rem, 3vw, 2.15rem);
    line-height: 1;
}

.siege-map-scoreboard__bases[b-cc81xkou1t] {
    color: #dbeafe;
    font-size: 0.92rem;
    font-weight: 700;
}

.siege-map-slider input[b-cc81xkou1t] {
    width: 100%;
    accent-color: #38bdf8;
}

.siege-map-empty[b-cc81xkou1t] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 8px;
    color: var(--neon-muted, #9aa3b2);
    background: rgba(15, 23, 42, 0.48);
}

.siege-map-empty--inline[b-cc81xkou1t] {
    margin-bottom: 0.5rem;
}

.siege-map-host[b-cc81xkou1t] {
    width: 100%;
    max-width: 100%;
    margin: 1.25rem 0 0;
    padding: 0;
}

.siege-map[b-cc81xkou1t] {
    position: relative;
    width: 100%;
    aspect-ratio: 1672 / 941;
    border-radius: 14px;
    overflow: hidden;
    background: #1a1320;
    box-shadow: var(--neon-panel-shadow, 0 8px 28px rgba(0, 0, 0, 0.45));
    user-select: none;
}

/* Buildings and HUD are split so badge/defense rows always paint above every sprite. */
.siege-map__layer[b-cc81xkou1t] {
    position: absolute;
    inset: 0;
}

.siege-map__layer--buildings[b-cc81xkou1t] {
    z-index: 2;
}

.siege-map__layer--hud[b-cc81xkou1t] {
    z-index: 10;
    pointer-events: none;
}

.siege-map__bg[b-cc81xkou1t] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
    pointer-events: none;
}

.siege-map__legend[b-cc81xkou1t] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin-top: 0.85rem;
    font-size: 0.85rem;
    color: var(--neon-muted, #9aa3b2);
}

.siege-map__legend-item[b-cc81xkou1t] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

/* Legend swatches echo the in-game badge shapes (independent from the
   SiegeMapNode badge classes, which are scoped to the child component). */
.siege-map__swatch[b-cc81xkou1t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #111;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    line-height: 1;
}

.siege-map__swatch--blue[b-cc81xkou1t] {
    background: #4da3ff;
    padding: 2px;
    clip-path: polygon(0 0, 100% 0, 100% 62%, 50% 100%, 0 62%);
}

.siege-map__swatch-fill[b-cc81xkou1t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #111;
    color: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 62%, 50% 100%, 0 62%);
}

.siege-map__swatch--yellow[b-cc81xkou1t] {
    border: 2px solid #f5c518;
    border-radius: 3px;
}

.siege-map__swatch--red[b-cc81xkou1t] {
    border: 2px solid #e53935;
    border-radius: 50%;
}

.siege-map__legend-item--muted[b-cc81xkou1t] {
    font-size: 0.8rem;
    font-style: italic;
}

.siege-map-detail[b-cc81xkou1t] {
    display: grid;
    gap: 1rem;
}

.siege-map-detail-empty[b-cc81xkou1t] {
    color: var(--neon-muted, #9aa3b2);
}

.siege-map-detail__grid[b-cc81xkou1t] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 0.45rem 0.85rem;
    align-items: baseline;
}

.siege-map-detail__grid span[b-cc81xkou1t] {
    color: var(--neon-muted, #9aa3b2);
    font-size: 0.85rem;
}

.siege-map-detail__grid strong[b-cc81xkou1t] {
    color: #f8fafc;
    word-break: break-word;
}

.siege-map-detail__section[b-cc81xkou1t] {
    display: grid;
    gap: 0.35rem;
}

.siege-map-detail__section h3[b-cc81xkou1t] {
    margin: 0;
    color: #f8fafc;
    font-size: 1rem;
}

.siege-map-detail__section p[b-cc81xkou1t],
.siege-map-detail__section ul[b-cc81xkou1t],
.siege-map-history[b-cc81xkou1t],
.siege-map-defense-attacks[b-cc81xkou1t] {
    margin: 0;
    color: var(--neon-muted, #9aa3b2);
}

.siege-map-defense-slots[b-cc81xkou1t] {
    display: grid;
    gap: 0.65rem;
}

.siege-map-defense-slot[b-cc81xkou1t] {
    display: grid;
    gap: 0.35rem;
    padding: 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: rgba(15, 23, 42, 0.42);
}

.siege-map-defense-slot header[b-cc81xkou1t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.siege-map-defense-slot header strong[b-cc81xkou1t] {
    color: #f8fafc;
}

.siege-map-defense-slot header span[b-cc81xkou1t] {
    color: #bfdbfe;
    font-size: 0.82rem;
    font-weight: 700;
}

.siege-map-defense-line[b-cc81xkou1t],
.siege-map-defense-attack[b-cc81xkou1t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.siege-map-monster-deck[b-cc81xkou1t] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
}

.siege-map-monster-deck__portrait[b-cc81xkou1t],
.siege-map-monster-deck__fallback[b-cc81xkou1t] {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    border: 1px solid rgba(191, 219, 254, 0.32);
    background: rgba(15, 23, 42, 0.72);
}

.siege-map-monster-deck__portrait[b-cc81xkou1t] {
    object-fit: cover;
}

.siege-map-monster-deck__fallback[b-cc81xkou1t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #dbeafe;
    font-size: 0.68rem;
    font-weight: 800;
}

.siege-map-monster-deck__unknown[b-cc81xkou1t] {
    color: var(--neon-muted, #9aa3b2);
    font-size: 0.82rem;
    font-style: italic;
}

.siege-map-history[b-cc81xkou1t],
.siege-map-defense-attacks[b-cc81xkou1t] {
    display: grid;
    gap: 0.4rem;
    padding-left: 1.25rem;
}

.siege-map-history li[b-cc81xkou1t],
.siege-map-defense-attacks li[b-cc81xkou1t] {
    padding-left: 0.2rem;
}

.siege-map-history time[b-cc81xkou1t],
.siege-map-defense-attacks time[b-cc81xkou1t] {
    display: inline-block;
    min-width: 150px;
    color: #bfdbfe;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 540px) {
    .siege-map-scoreboard[b-cc81xkou1t] {
        grid-template-columns: 1fr;
    }
}
/* _content/SW_Constellation.Web/Components/Pages/Member/SpeedTicks.razor.rz.scp.css */
.speed-page[b-b1fria95t9] {
    display: grid;
    gap: 1rem;
}

.speed-setup[b-b1fria95t9] {
    display: grid;
    gap: 0.9rem;
    border: 1px solid rgba(124, 233, 255, 0.22);
    background: rgba(12, 20, 40, 0.62);
    border-radius: 8px;
    padding: 1rem;
}

/* La configuration d'offense suit le même cadrage que la défense : une seule
   carte contient la bibliothèque de presets, l'ajout des monstres, le lead et
   les tuiles. Les sous-sections restent volontairement transparentes pour ne
   pas créer une succession de cartes imbriquées. */
.speed-offense[b-b1fria95t9] {
    display: grid;
    gap: 0.9rem;
    border: 1px solid rgba(124, 233, 255, 0.22);
    background: rgba(12, 20, 40, 0.62);
    border-radius: 8px;
    padding: 1rem;
}

.speed-offense .speed-offense__setup[b-b1fria95t9] {
    gap: 0.75rem;
    padding: 0;
    border: 0;
    background: transparent;
}

.speed-setup__pickers[b-b1fria95t9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.speed-feedback[b-b1fria95t9] {
    border: 1px solid rgba(139, 92, 246, 0.16);
    border-radius: 8px;
    background: rgba(9, 14, 28, 0.6);
    padding: 0.75rem;
    color: #eff4ff;
}

.speed-feedback.is-warning[b-b1fria95t9] {
    border-color: rgba(251, 191, 36, 0.4);
    color: #fde68a;
}

.speed-reference-rune[b-b1fria95t9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    gap: 0.75rem;
    align-items: stretch;
}

.speed-reference-rune__field[b-b1fria95t9] {
    display: grid;
    gap: 0.45rem;
    width: min(100%, 360px);
    margin: 0;
    padding: 0.85rem;
    border: 1px solid rgba(34, 211, 238, 0.55);
    border-radius: 8px;
    background: rgba(8, 47, 73, 0.48);
    box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.1), 0 12px 34px rgba(8, 47, 73, 0.22);
}

.speed-reference-rune__field span[b-b1fria95t9] {
    color: #cffafe;
    font-size: 0.9rem;
    font-weight: 800;
    letter-spacing: 0;
}

.speed-reference-rune__input[b-b1fria95t9] {
    min-height: 2.75rem;
    font-size: 1.15rem;
    font-weight: 800;
}

.speed-reference-rune__input:focus[b-b1fria95t9] {
    border-color: #22d3ee;
    box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.18);
}

.speed-toolbar[b-b1fria95t9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 1fr)) auto;
    gap: 0.85rem;
    align-items: end;
}

.speed-toolbar__field label[b-b1fria95t9] {
    display: block;
    margin-bottom: 0.3rem;
    color: #cfd7fb;
    font-size: 0.85rem;
    font-weight: 600;
}

.speed-toolbar__actions[b-b1fria95t9] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.speed-toolbar--tiles[b-b1fria95t9] {
    grid-template-columns: minmax(0, 1fr);
}

.speed-offense .speed-offense-picker[b-b1fria95t9],
.speed-defense > .speed-offense-picker[b-b1fria95t9] {
    grid-column: auto;
    grid-template-columns: 1fr;
    gap: 0.3rem;
    padding: 0;
    border: 0;
    background: transparent;
}

.speed-offense .speed-offense-picker > div:first-child[b-b1fria95t9],
.speed-defense > .speed-offense-picker > div:first-child[b-b1fria95t9] {
    display: flex;
    gap: 0.4rem;
    align-items: baseline;
}

.speed-offense .speed-offense-picker h2[b-b1fria95t9],
.speed-defense > .speed-offense-picker h2[b-b1fria95t9] {
    margin: 0;
    font-size: 1rem;
}

.speed-offense .speed-offense-picker__eyebrow[b-b1fria95t9],
.speed-offense .speed-offense-picker label span[b-b1fria95t9],
.speed-offense .speed-offense-picker__field > span[b-b1fria95t9],
.speed-defense > .speed-offense-picker .speed-offense-picker__eyebrow[b-b1fria95t9],
.speed-defense > .speed-offense-picker label span[b-b1fria95t9],
.speed-defense > .speed-offense-picker .speed-offense-picker__field > span[b-b1fria95t9] {
    font-size: 0.88rem;
}

.speed-offense .speed-offense-picker__field > span[b-b1fria95t9],
.speed-defense > .speed-offense-picker .speed-offense-picker__field > span[b-b1fria95t9] {
    line-height: 1.2;
}

.speed-offense-picker__preset-label[b-b1fria95t9] {
    display: block;
    color: #97a8c8;
    font-size: 0.88rem !important;
    font-weight: 700;
    line-height: 1.2;
}

.speed-offense .speed-offense-picker__eyebrow[b-b1fria95t9],
.speed-defense > .speed-offense-picker .speed-offense-picker__eyebrow[b-b1fria95t9] {
    font-size: 1rem;
}

.speed-offense .speed-offense-picker__fields[b-b1fria95t9],
.speed-defense > .speed-offense-picker .speed-offense-picker__fields[b-b1fria95t9] {
    grid-template-columns: max-content max-content;
    justify-content: start;
}

.speed-offense .speed-offense-picker .form-select[b-b1fria95t9],
.speed-defense > .speed-offense-picker .form-select[b-b1fria95t9],
.speed-offense .speed-offense-picker .speed-offense-select[b-b1fria95t9],
.speed-defense > .speed-offense-picker .speed-offense-select[b-b1fria95t9],
.speed-offense .speed-offense-picker .speed-muted[b-b1fria95t9],
.speed-defense > .speed-offense-picker .speed-muted[b-b1fria95t9] {
    font-size: 0.88rem;
}

.speed-turn-order[b-b1fria95t9] {
    border: 1px solid rgba(124, 233, 255, 0.18);
    background: rgba(12, 20, 40, 0.58);
    border-radius: 8px;
    padding: 0.75rem;
}

.speed-muted[b-b1fria95t9],
.speed-turn-order span[b-b1fria95t9] {
    display: block;
    color: #97a8c8;
    font-size: 0.78rem;
}

.speed-turn-order strong[b-b1fria95t9] {
    color: #eff4ff;
    font-size: 1rem;
}

.speed-turn-order.is-tuned[b-b1fria95t9] {
    border-color: rgba(20, 184, 166, 0.5);
    background: rgba(20, 184, 166, 0.14);
}

.speed-turn-order.is-untuned[b-b1fria95t9] {
    border-color: rgba(248, 113, 113, 0.55);
    background: rgba(127, 29, 29, 0.24);
}

.speed-turn-order.is-pending[b-b1fria95t9] {
    border-color: rgba(251, 191, 36, 0.45);
    background: rgba(120, 53, 15, 0.18);
}

.speed-table-wrap[b-b1fria95t9] {
    overflow-x: auto;
    min-width: 0;
    border: 1px solid rgba(139, 92, 246, 0.22);
    border-radius: 8px;
}

.speed-table[b-b1fria95t9] {
    width: 100%;
    min-width: 1210px;
    table-layout: auto;
    border-collapse: collapse;
}

.speed-table th:nth-child(1)[b-b1fria95t9],
.speed-table td:nth-child(1)[b-b1fria95t9] {
    width: 3.5rem;
}

.speed-table th:nth-child(2)[b-b1fria95t9],
.speed-table td:nth-child(2)[b-b1fria95t9] {
    width: 6.5rem;
}

.speed-table th:nth-child(3)[b-b1fria95t9],
.speed-table td:nth-child(3)[b-b1fria95t9] {
    width: 10.25rem;
}

.speed-table th:nth-child(4)[b-b1fria95t9],
.speed-table td:nth-child(4)[b-b1fria95t9] {
    width: 9.5rem;
}

.speed-table th:nth-child(5)[b-b1fria95t9],
.speed-table td:nth-child(5)[b-b1fria95t9] {
    width: 9.25rem;
}

.speed-table th:nth-child(6)[b-b1fria95t9],
.speed-table td:nth-child(6)[b-b1fria95t9] {
    width: 10.5rem;
}

.speed-table th:nth-child(7)[b-b1fria95t9],
.speed-table td:nth-child(7)[b-b1fria95t9] {
    width: 7.75rem;
}

.speed-table th:nth-child(8)[b-b1fria95t9],
.speed-table td:nth-child(8)[b-b1fria95t9] {
    width: 7rem;
}

.speed-table th:nth-child(9)[b-b1fria95t9],
.speed-table td:nth-child(9)[b-b1fria95t9] {
    width: 4.25rem;
}

.speed-table th:nth-child(10)[b-b1fria95t9],
.speed-table td:nth-child(10)[b-b1fria95t9] {
    width: 10rem;
}

.speed-table th[b-b1fria95t9],
.speed-table td[b-b1fria95t9] {
    padding: 0.45rem;
    border-bottom: 1px solid rgba(139, 92, 246, 0.16);
    vertical-align: middle;
}

.speed-table th[b-b1fria95t9] {
    color: #cfd7fb;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.speed-table td[b-b1fria95t9] {
    color: #eff4ff;
}

.speed-offense-picker[b-b1fria95t9] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(180px, 0.7fr) minmax(0, 1.3fr);
    gap: 0.9rem;
    align-items: end;
    padding: 0.85rem;
    border: 1px solid rgba(34, 211, 238, 0.28);
    border-radius: 8px;
    background: rgba(8, 47, 73, 0.24);
}

.speed-offense-picker__eyebrow[b-b1fria95t9],
.speed-offense-picker label span[b-b1fria95t9] {
    display: block;
    color: #97a8c8;
    font-size: 0.72rem;
    font-weight: 700;
}

.speed-offense-picker h2[b-b1fria95t9] {
    margin: 0.15rem 0 0;
    color: #cffafe;
    font-size: 1rem;
}

.speed-offense-picker__fields[b-b1fria95t9] {
    display: grid;
    grid-template-columns: minmax(130px, 0.55fr) minmax(0, 1.45fr);
    gap: 0.65rem;
}

.speed-offense-picker label[b-b1fria95t9] {
    display: grid;
    gap: 0.3rem;
}

.speed-offense-picker__field[b-b1fria95t9] {
    display: grid;
    gap: 0.3rem;
    min-width: 0;
}

.speed-offense .speed-offense-picker__field[b-b1fria95t9],
.speed-defense > .speed-offense-picker .speed-offense-picker__field[b-b1fria95t9] {
    width: var(--speed-preset-picker-width, 24ch);
    max-width: min(var(--speed-preset-picker-width, 24ch), calc(100vw - 4.5rem));
}

.speed-offense-picker__category[b-b1fria95t9] {
    width: 9.75rem;
    min-width: 9.75rem;
}

.speed-offense-picker__field > span[b-b1fria95t9] {
    display: block;
    color: #97a8c8;
    font-size: 0.72rem;
    font-weight: 700;
}

/* Même langage visuel que le sélecteur Wizard de Mes decks, sans agrandir les
   contrôles compacts qui structurent les tuiles de speedtune. */
.speed-page[b-b1fria95t9]  .form-select {
    min-height: 32px;
    border: 1px solid rgba(139, 92, 246, 0.68);
    border-radius: 9px;
    background-color: rgba(27, 10, 56, 0.96);
    color: #f5f1ff;
    box-shadow: inset 0 0 0 1px rgba(6, 182, 212, 0.08), 0 5px 14px rgba(3, 0, 12, 0.2);
}

.speed-page[b-b1fria95t9]  .form-select:hover,
.speed-page[b-b1fria95t9]  .form-select:focus {
    border-color: #06b6d4;
    background-color: rgba(14, 3, 31, 0.98);
    color: #fff;
    box-shadow: 0 0 0 2px rgba(6, 182, 212, 0.13), 0 7px 16px rgba(3, 0, 12, 0.26);
}

.speed-page[b-b1fria95t9]  .form-select option {
    background: #140827;
    color: #f5f1ff;
}

.speed-offense-select[b-b1fria95t9] {
    position: relative;
    width: 100%;
    min-width: 0;
}

.speed-offense-select summary[b-b1fria95t9] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    height: 32px;
    padding: 1px 1.9rem 1px 0.55rem;
    overflow: hidden;
    color: #eff4ff;
    cursor: pointer;
    list-style: none;
    border: 1px solid #5638a2;
    border-radius: 0.375rem;
    background: #211543;
}

.speed-offense-select summary[b-b1fria95t9]::-webkit-details-marker {
    display: none;
}

.speed-offense-select summary[b-b1fria95t9]::after {
    position: absolute;
    right: 0.65rem;
    content: "⌄";
    color: #9f8acb;
    transition: transform 120ms ease;
}

.speed-offense-select[open] summary[b-b1fria95t9]::after {
    transform: rotate(180deg);
}

.speed-offense-select__menu[b-b1fria95t9] {
    position: absolute;
    z-index: 12;
    top: calc(100% + 0.2rem);
    right: 0;
    left: 0;
    max-height: 258px;
    overflow-y: auto;
    border: 1px solid #5638a2;
    border-radius: 0.375rem;
    background: #171032;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.35);
}

.speed-offense-select__option[b-b1fria95t9] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 32px;
    gap: 0.45rem;
    padding: 1px 0.55rem;
    overflow: hidden;
    color: #eff4ff;
    text-align: left;
    border: 0;
    border-bottom: 1px solid rgba(159, 138, 203, 0.18);
    background: transparent;
}

.speed-offense-select__option:hover[b-b1fria95t9],
.speed-offense-select__option:focus-visible[b-b1fria95t9],
.speed-offense-select__option.is-selected[b-b1fria95t9] {
    background: rgba(34, 211, 238, 0.14);
}

.speed-offense-select__portraits[b-b1fria95t9] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
}

.speed-offense-select__portraits img[b-b1fria95t9] {
    width: 28px;
    height: 28px;
    margin-left: -3px;
    object-fit: cover;
    border: 1px solid #171032;
    border-radius: 0;
    background: #31215f;
}

.speed-offense-select__portraits img:first-child[b-b1fria95t9] {
    margin-left: 0;
}

.speed-offense-select__label[b-b1fria95t9],
.speed-offense-select__placeholder[b-b1fria95t9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.speed-offense-select__label[b-b1fria95t9] {
    word-spacing: 0.32rem;
}

.speed-offense-select__placeholder[b-b1fria95t9] {
    color: #a8b5cf;
}

/* Keep the validation result visible while the wide table scrolls on compact screens. */
.speed-table th:last-child[b-b1fria95t9],
.speed-table td:last-child[b-b1fria95t9] {
    position: sticky;
    right: 0;
    z-index: 1;
    background: #15152f;
    box-shadow: -8px 0 12px rgba(8, 12, 28, 0.32);
}

.speed-table th:last-child[b-b1fria95t9] {
    z-index: 2;
    background: #202044;
}

.speed-table tbody tr.is-tuned[b-b1fria95t9] {
    background: rgba(20, 184, 166, 0.1);
}

.speed-table tbody tr.is-tuned td:last-child[b-b1fria95t9] {
    background: #123c3d;
}

.speed-table tbody tr.is-untuned[b-b1fria95t9] {
    background: rgba(127, 29, 29, 0.2);
}

.speed-table tbody tr.is-untuned td:last-child[b-b1fria95t9] {
    background: #431d30;
}

.speed-table tbody tr.is-pending[b-b1fria95t9] {
    background: rgba(120, 53, 15, 0.12);
}

.speed-table tbody tr.is-pending td:last-child[b-b1fria95t9] {
    background: #38291d;
}

.speed-monster-cell[b-b1fria95t9] {
    display: grid;
    justify-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.speed-monster-img[b-b1fria95t9] {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
    border-radius: 8px;
    background: rgba(9, 14, 28, 0.56);
    border: 1px solid rgba(124, 233, 255, 0.14);
}

.speed-monster-cell[b-b1fria95t9]  .app-monster-picker {
    min-width: 0;
}

.speed-monster-cell[b-b1fria95t9]  .app-form-field {
    margin-bottom: 0;
}

.speed-number[b-b1fria95t9] {
    width: 100%;
    min-width: 0;
}

.speed-percent[b-b1fria95t9] {
    width: 100%;
    min-width: 0;
}

.speed-percent-input[b-b1fria95t9] {
    display: inline-flex;
    width: 100%;
    min-width: 0;
    align-items: stretch;
}

.speed-percent-input .form-control[b-b1fria95t9] {
    flex: 1 1 auto;
    min-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.speed-percent-input > span[b-b1fria95t9] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    padding: 0 0.55rem;
    color: #97a8c8;
    font-weight: 800;
    border: 1px solid #5638a2;
    border-left: 0;
    border-radius: 0 0.375rem 0.375rem 0;
    background: #211543;
}

.speed-field-stack[b-b1fria95t9] {
    display: grid;
    gap: 0.45rem;
}

.speed-effect-card[b-b1fria95t9] {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.45rem;
    border: 1px solid rgba(151, 168, 200, 0.14);
    border-radius: 0.45rem;
    background: rgba(9, 14, 28, 0.28);
}

.speed-field[b-b1fria95t9],
.speed-inline-control[b-b1fria95t9] {
    display: grid;
    gap: 0.22rem;
    margin: 0;
    min-width: 0;
}

.speed-inline-control[b-b1fria95t9] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: 0.35rem 0.42rem;
    border: 1px solid rgba(151, 168, 200, 0.14);
    border-radius: 0.4rem;
    background: rgba(9, 14, 28, 0.25);
    transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.speed-field.speed-control--lead[b-b1fria95t9] {
    padding: 0.35rem 0.42rem 0.42rem;
    border: 1px solid rgba(151, 168, 200, 0.14);
    border-radius: 0.4rem;
    background: rgba(9, 14, 28, 0.25);
    transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.speed-field span[b-b1fria95t9],
.speed-inline-control span[b-b1fria95t9] {
    color: #97a8c8;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.15;
}

.speed-static-value[b-b1fria95t9] {
    display: block;
    min-height: 1.85rem;
    padding: 0.31rem 0.46rem;
    color: #f4f7ff;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.2;
    background: rgba(11, 17, 35, 0.54);
    border: 1px solid rgba(151, 168, 200, 0.2);
    border-radius: 0.35rem;
}

.speed-field-hint[b-b1fria95t9] {
    color: #f6c56d;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1.2;
}

.speed-inline-control.is-idle[b-b1fria95t9],
.speed-field.speed-control--lead.is-idle[b-b1fria95t9],
.speed-effect-card.is-idle[b-b1fria95t9] {
    opacity: 0.72;
}

.speed-inline-control.is-active[b-b1fria95t9],
.speed-field.speed-control--lead.is-active[b-b1fria95t9] {
    box-shadow: inset 3px 0 0 rgba(34, 211, 238, 0.82);
}

.speed-control--lead.is-active[b-b1fria95t9] {
    border-color: rgba(34, 211, 238, 0.5);
    background: rgba(8, 47, 73, 0.36);
}

.speed-control--lead.is-active span[b-b1fria95t9] {
    color: #cffafe;
}

.speed-control--lead input[type="checkbox"][b-b1fria95t9],
.speed-control--lead input[type="radio"][b-b1fria95t9] {
    accent-color: #22d3ee;
}

.speed-control--swift.is-active[b-b1fria95t9] {
    border-color: rgba(139, 92, 246, 0.52);
    background: rgba(76, 29, 149, 0.18);
    box-shadow: inset 3px 0 0 rgba(167, 139, 250, 0.85);
}

.speed-control--swift.is-active span[b-b1fria95t9] {
    color: #ddd6fe;
}

.speed-control--swift input[b-b1fria95t9] {
    accent-color: #a78bfa;
}

.speed-control--speed-buff.is-active[b-b1fria95t9] {
    border-color: rgba(20, 184, 166, 0.52);
    background: rgba(15, 118, 110, 0.16);
    box-shadow: inset 3px 0 0 rgba(45, 212, 191, 0.85);
}

.speed-control--speed-buff.is-active span[b-b1fria95t9] {
    color: #99f6e4;
}

.speed-control--speed-buff input[b-b1fria95t9] {
    accent-color: #2dd4bf;
}

.speed-effect-card:focus-within[b-b1fria95t9] {
    opacity: 1;
}

.speed-effect-card--atb.is-active[b-b1fria95t9] {
    border-color: rgba(139, 92, 246, 0.6);
    background: rgba(76, 29, 149, 0.2);
    box-shadow: inset 3px 0 0 rgba(167, 139, 250, 0.9);
}

.speed-effect-card--atb.is-active > .speed-field:first-child > span[b-b1fria95t9] {
    color: #ddd6fe;
}

.speed-effect-card--atb.is-active .form-control[b-b1fria95t9],
.speed-effect-card--atb.is-active .form-select[b-b1fria95t9] {
    border-color: rgba(167, 139, 250, 0.62);
}

.speed-skill-up[b-b1fria95t9] {
    padding-left: 0.4rem;
    border-left: 2px solid rgba(192, 132, 252, 0.68);
}

.speed-skill-up span[b-b1fria95t9] {
    color: #e9d5ff;
}

.speed-atb-targets[b-b1fria95t9] {
    padding-left: 0.4rem;
    border-left: 2px solid rgba(34, 211, 238, 0.65);
}

.speed-atb-targets span[b-b1fria95t9] {
    color: #cffafe;
}

.speed-effect-card--artifact.is-active[b-b1fria95t9] {
    border-color: rgba(251, 191, 36, 0.62);
    background: rgba(120, 53, 15, 0.18);
    box-shadow: inset 3px 0 0 rgba(251, 191, 36, 0.88);
}

.speed-effect-card--artifact.is-active > .speed-field > span[b-b1fria95t9] {
    color: #fde68a;
}

.speed-effect-card--artifact.is-active .form-control[b-b1fria95t9] {
    border-color: rgba(251, 191, 36, 0.64);
}

.speed-badge[b-b1fria95t9] {
    display: inline-block;
    margin-left: 0.35rem;
    padding: 0.1rem 0.35rem;
    border-radius: 999px;
    background: rgba(20, 184, 166, 0.16);
    color: #8cf7e8;
    font-size: 0.72rem;
}

.speed-badge.is-untuned[b-b1fria95t9] {
    background: rgba(248, 113, 113, 0.18);
    color: #fecaca;
}

.speed-badge.is-pending[b-b1fria95t9] {
    background: rgba(251, 191, 36, 0.18);
    color: #fde68a;
}

.speed-sync-actions[b-b1fria95t9] {
    display: flex;
    justify-content: flex-end;
}

.speed-share[b-b1fria95t9] {
    display: grid;
    gap: 0.6rem;
    border: 1px solid rgba(124, 233, 255, 0.18);
    background: rgba(12, 20, 40, 0.58);
    border-radius: 8px;
    padding: 0.85rem;
}

.speed-share__intro span[b-b1fria95t9] {
    display: block;
    color: #97a8c8;
    font-size: 0.78rem;
    font-weight: 600;
}

.speed-share__intro p[b-b1fria95t9] {
    margin: 0.2rem 0 0;
    color: #cfd7fb;
    font-size: 0.85rem;
}

.speed-share__row[b-b1fria95t9] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    flex-wrap: wrap;
}

.speed-share__url[b-b1fria95t9] {
    flex: 1 1 320px;
    min-width: 0;
    font-family: var(--bs-font-monospace, monospace);
    font-size: 0.8rem;
}

.speed-monster-tiles[b-b1fria95t9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    align-items: stretch;
    gap: 0.7rem;
}

.speed-defense[b-b1fria95t9] {
    margin-top: 1rem;
}

.speed-defense__hint[b-b1fria95t9] {
    margin: -0.2rem 0 0;
    color: #cfd7fb;
    font-size: 0.82rem;
    font-weight: 600;
}

.speed-tile-lead--defense[b-b1fria95t9] {
    margin: 0.15rem 0;
}

.speed-monster-tile.speed-monster-tile--defense[b-b1fria95t9],
.speed-monster-tile.speed-monster-tile--defense.is-tuned[b-b1fria95t9],
.speed-monster-tile.speed-monster-tile--defense.is-pending[b-b1fria95t9],
.speed-monster-tile.speed-monster-tile--defense.is-untuned[b-b1fria95t9] {
    border-color: rgba(255, 141, 141, 0.12);
    background: linear-gradient(135deg, rgba(82, 34, 53, 0.24), rgba(41, 18, 34, 0.34));
    box-shadow: 0 10px 26px rgba(3, 7, 18, 0.2);
}

.speed-tile-lead[b-b1fria95t9] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    width: 100%;
    margin: 0.8rem 0 0.55rem;
    color: #cfd7fb;
    font-size: 0.9rem;
}

.speed-tile-lead__main[b-b1fria95t9],
.speed-tile-lead__combat-controls[b-b1fria95t9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    min-width: 0;
}

.speed-tile-lead__main[b-b1fria95t9] {
    flex: 1 1 auto;
}

.speed-tile-lead__combat-controls[b-b1fria95t9] {
    flex: 0 0 auto;
    margin-left: auto;
}

.speed-tile-lead__sync[b-b1fria95t9] {
    position: absolute;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
}

.speed-tile-lead__combat-controls .speed-tile-lead__field[b-b1fria95t9] {
    grid-template-columns: auto auto;
}

.speed-tile-lead__label[b-b1fria95t9] {
    color: #6fe7ff;
    font-size: 0.88rem;
    font-weight: 800;
}

.speed-tile-lead__actions[b-b1fria95t9] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    flex: 0 0 auto;
}

.speed-tile-lead__actions .speed-control--lead[b-b1fria95t9] {
    margin: 0;
    padding: 0.25rem 0.4rem;
}

.speed-tile-lead__choice[b-b1fria95t9] {
    flex: 0 1 13.25rem;
    width: 13.25rem;
    min-width: 0;
}

.speed-tile-lead__selection[b-b1fria95t9] {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: nowrap;
    gap: 0.45rem;
    align-items: center;
    min-width: 0;
}

.speed-tile-lead__summary[b-b1fria95t9] {
    color: #bfefff;
    font-size: 0.9rem;
    font-weight: 800;
}

.speed-tile-lead__field[b-b1fria95t9] {
    display: grid;
    grid-template-columns: auto minmax(4.2rem, 6rem);
    gap: 0.25rem;
    align-items: center;
    color: #97a8c8;
    font-size: 0.78rem;
    font-weight: 700;
}

.speed-tile-lead__field .form-select[b-b1fria95t9] {
    min-width: 7.5rem;
}

.speed-tile-lead__atb-select[b-b1fria95t9] {
    width: 13.5rem;
    min-width: 13.5rem !important;
}

.speed-tile-lead__tower-input[b-b1fria95t9] {
    width: 3.4rem;
    min-width: 3.4rem !important;
}

.speed-tile-lead__percent-input[b-b1fria95t9] {
    display: inline-flex;
    align-items: stretch;
}

.speed-tile-lead__percent-input .form-control[b-b1fria95t9] {
    min-width: 4.2rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.speed-tile-lead__percent-input > span[b-b1fria95t9] {
    display: inline-flex;
    align-items: center;
    padding: 0 0.55rem;
    color: #97a8c8;
    font-weight: 800;
    border: 1px solid #5638a2;
    border-left: 0;
    border-radius: 0 0.375rem 0.375rem 0;
    background: #211543;
}

.speed-monster-tile[b-b1fria95t9] {
    position: relative;
    display: grid;
    align-content: start;
    min-width: 0;
    height: 100%;
    box-sizing: border-box;
    gap: 0.55rem;
    overflow: visible;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(124, 233, 255, 0.22);
    border-radius: 10px;
    background: rgba(12, 20, 40, 0.62);
    box-shadow: 0 10px 26px rgba(3, 7, 18, 0.18);
}

.speed-monster-tile.is-tuned[b-b1fria95t9] {
    border-color: rgba(20, 184, 166, 0.5);
}

.speed-monster-tile.is-untuned[b-b1fria95t9] {
    border-color: rgba(248, 113, 113, 0.5);
}

.speed-monster-tile.is-pending[b-b1fria95t9] {
    border-color: rgba(251, 191, 36, 0.45);
}

.speed-monster-tile__remove[b-b1fria95t9] {
    position: absolute;
    z-index: 3;
    top: -0.62rem;
    right: -0.62rem;
    display: grid;
    width: 1.45rem;
    height: 1.45rem;
    padding: 0;
    place-items: center;
    color: #fecdd3;
    font-size: 1.12rem;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 0;
    cursor: pointer;
    border: 1px solid rgba(251, 113, 133, 0.62);
    border-radius: 999px;
    background: rgba(112, 27, 48, 0.86);
    box-shadow: 0 0.2rem 0.65rem rgba(36, 7, 18, 0.42);
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
}

.speed-monster-tile__remove:hover[b-b1fria95t9],
.speed-monster-tile__remove:focus-visible[b-b1fria95t9] {
    color: #fff1f2;
    border-color: rgba(254, 205, 211, 0.9);
    background: rgba(159, 18, 57, 0.95);
    outline: none;
    transform: scale(1.08);
}

.speed-monster-tile__header[b-b1fria95t9] {
    position: relative;
    display: flex;
    min-height: 5rem;
    min-width: 0;
    gap: 0.55rem;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid rgba(139, 92, 246, 0.18);
}

.speed-monster-tile__identity[b-b1fria95t9] {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    gap: 0.5rem;
    align-items: center;
}

.speed-monster-tile__portrait-wrap[b-b1fria95t9] {
    position: relative;
    width: 4.5rem;
    height: 4.5rem;
    flex: 0 0 auto;
}

.speed-monster-tile__portrait[b-b1fria95t9] {
    width: 4.5rem;
    height: 4.5rem;
    object-fit: contain;
    border: 1px solid rgba(124, 233, 255, 0.28);
    border-radius: 9px;
    background: rgba(9, 14, 28, 0.56);
}

.speed-monster-tile__name[b-b1fria95t9] {
    display: grid;
    grid-template-rows: 1.65rem 1.15rem;
    gap: 0.1rem;
    min-width: 0;
    align-content: center;
}

.speed-monster-tile__lead-summary[b-b1fria95t9] {
    color: #6fe7ff;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.1;
}

.speed-monster-tile__lead-summary--placeholder[b-b1fria95t9] {
    visibility: hidden;
}

.speed-monster-tile__speed-lead-icon[b-b1fria95t9] {
    position: absolute;
    z-index: 2;
    left: -0.75rem;
    bottom: -0.6rem;
    width: 2rem;
    height: 1.9rem;
    object-fit: contain;
    filter: drop-shadow(0 0.1rem 0.16rem rgba(0, 0, 0, 0.8));
    pointer-events: none;
}

.speed-monster-tile__mirror[b-b1fria95t9] {
    position: absolute;
    left: 50%;
    top: -0.2rem;
    z-index: 1;
    padding: 0.08rem 0.24rem;
    color: #e08f99;
    font-size: 0.55rem;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
    border: 1px solid rgba(224, 143, 153, 0.68);
    border-radius: 999px;
    background: #4b252d;
    transform: translateX(-50%);
}

.speed-monster-tile__combat-speed[b-b1fria95t9] {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    display: inline-flex;
    min-width: 2.65rem;
    gap: 0.18rem;
    align-items: center;
    justify-content: center;
    padding: 3px 4px;
    color: #f8fafc;
    font-size: 0.74rem;
    font-weight: 900;
    line-height: 0.85;
    font-variant-numeric: tabular-nums;
    border: 0;
    border-radius: 0.58rem;
    background: linear-gradient(155deg, rgba(30, 36, 47, 0.98), rgba(4, 8, 15, 0.98));
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.75), inset 0 1px rgba(255, 255, 255, 0.14);
}

.speed-monster-tile__combat-speed span[b-b1fria95t9] {
    color: #e5e7eb;
    font-size: 0.7rem;
    line-height: 0.85;
}

.speed-monster-tile__order span[b-b1fria95t9] {
    display: block;
    color: #97a8c8;
    font-size: 0.8rem;
    font-weight: 700;
}

.speed-monster-tile h2[b-b1fria95t9],
.speed-monster-tile h3[b-b1fria95t9] {
    margin: 0;
}

.speed-monster-tile h2[b-b1fria95t9] {
    overflow: hidden;
    color: #eff4ff;
    font-size: 1.32rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.speed-monster-tile h3[b-b1fria95t9] {
    color: #cfd7fb;
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
}

.speed-monster-tile__order[b-b1fria95t9] {
    display: grid;
    gap: 0.3rem;
    margin: 0;
}

.speed-monster-tile__turn-meta[b-b1fria95t9] {
    display: grid;
    flex: 0 0 auto;
    gap: 0.35rem;
}

.speed-monster-tile__status[b-b1fria95t9] {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    margin: 0;
    padding: 0.16rem 0.52rem;
    font-size: 1.15rem;
    line-height: 1.15;
    transform: translateX(-50%);
}

.speed-monster-tile__content[b-b1fria95t9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
    align-items: start;
    justify-content: start;
    max-width: 100%;
}

.speed-monster-tile__group[b-b1fria95t9] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    gap: 0.35rem;
    min-width: 0;
    max-width: 100%;
    padding: 0.45rem;
    border: 1px solid rgba(151, 168, 200, 0.14);
    border-radius: 0.45rem;
    background: rgba(9, 14, 28, 0.22);
}

.speed-monster-tile__group--single-control[b-b1fria95t9] {
    grid-template-columns: max-content;
}

.speed-monster-tile__group--speed[b-b1fria95t9] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr);
}

.speed-monster-tile__group--sets[b-b1fria95t9] {
    grid-template-columns: max-content minmax(6.5rem, 7.1rem);
}

.speed-monster-tile__group--sets .speed-inline-control[b-b1fria95t9] {
    min-width: 0;
}

.speed-monster-tile__group--sets .speed-control--speed-buff[b-b1fria95t9] {
    max-width: 7.1rem;
}

.speed-chilling-buffs[b-b1fria95t9] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.45rem;
    align-items: center;
    margin: 0;
    padding: 0.32rem 0.4rem;
    border: 1px solid rgba(251, 146, 60, 0.72);
    border-radius: 0.4rem;
    background: rgba(124, 45, 18, 0.2);
}

.speed-chilling-buffs > span[b-b1fria95t9] {
    color: #fed7aa;
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.2;
}

.speed-chilling-buffs__select[b-b1fria95t9] {
    width: 5.9rem;
    min-width: 5.9rem;
    color: #fff7ed;
    font-weight: 800;
    border-color: rgba(251, 146, 60, 0.9);
    background-color: rgba(124, 45, 18, 0.72);
    box-shadow: inset 0 0 0 1px rgba(255, 237, 213, 0.11), 0 0 0.45rem rgba(249, 115, 22, 0.16);
}

.speed-chilling-buffs__select:focus[b-b1fria95t9] {
    border-color: #fdba74;
    box-shadow: 0 0 0 0.16rem rgba(251, 146, 60, 0.23);
}

.speed-monster-tile .speed-effect-card--atb .speed-skill-up[b-b1fria95t9] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.45rem;
    align-items: center;
    padding: 0.32rem 0.4rem;
    border: 1px solid rgba(251, 146, 60, 0.72);
    border-left: 1px solid rgba(251, 146, 60, 0.72);
    border-radius: 0.4rem;
    background: rgba(124, 45, 18, 0.2);
}

.speed-monster-tile .speed-effect-card--atb .speed-skill-up > span[b-b1fria95t9] {
    color: #fed7aa;
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.2;
}

.speed-monster-tile .speed-effect-card--atb .speed-skill-up .speed-compact-select[b-b1fria95t9] {
    width: 7.4rem;
    min-width: 7.4rem;
    color: #fff7ed;
    font-weight: 800;
    border-color: rgba(251, 146, 60, 0.9);
    background-color: rgba(124, 45, 18, 0.72);
    box-shadow: inset 0 0 0 1px rgba(255, 237, 213, 0.11), 0 0 0.45rem rgba(249, 115, 22, 0.16);
}

.speed-monster-tile .speed-effect-card--atb .speed-skill-up .speed-compact-select:focus[b-b1fria95t9] {
    border-color: #fdba74;
    box-shadow: 0 0 0 0.16rem rgba(251, 146, 60, 0.23);
}

.speed-monster-tile__group--speed .speed-field > span[b-b1fria95t9] {
    min-height: 1.85rem;
    display: grid;
    place-items: center;
    text-align: center;
}

.speed-monster-tile__group--speed .speed-static-value[b-b1fria95t9],
.speed-monster-tile__group--speed .speed-number[b-b1fria95t9] {
    width: 100%;
    text-align: center;
}

.speed-monster-tile__group--speed .speed-field--rune-speed > span[b-b1fria95t9] {
    color: #a8efff;
    font-weight: 800;
}

.speed-monster-tile__group--speed .speed-field--rune-speed .speed-number[b-b1fria95t9] {
    color: #e5fbff;
    font-size: 1.05rem;
    font-weight: 900;
    border-color: rgba(34, 211, 238, 0.62);
    background: linear-gradient(145deg, rgba(8, 47, 73, 0.55), rgba(30, 41, 89, 0.5));
    box-shadow: inset 0 0 0 1px rgba(103, 232, 249, 0.08), 0 0 0.5rem rgba(34, 211, 238, 0.08);
}

.speed-monster-tile__group--speed .speed-field--rune-speed.is-required[b-b1fria95t9] {
    position: relative;
    z-index: 0;
}

.speed-monster-tile__group--speed .speed-field--rune-speed.is-required[b-b1fria95t9]::before {
    position: absolute;
    z-index: -1;
    inset: -0.28rem;
    content: "";
    border: 1px solid rgba(248, 113, 113, 0.92);
    border-radius: 0.48rem;
    background: rgba(127, 29, 29, 0.2);
    box-shadow: 0 0 0.65rem rgba(239, 68, 68, 0.28), inset 0 0 0 1px rgba(254, 202, 202, 0.1);
    pointer-events: none;
}

.speed-monster-tile__group--speed .speed-field--rune-speed .speed-number--required[b-b1fria95t9] {
    color: #fff1f2;
    border-color: rgba(248, 113, 113, 0.96);
    background: rgba(69, 10, 10, 0.58);
    box-shadow: inset 0 0 0 1px rgba(254, 202, 202, 0.15), 0 0 0.5rem rgba(239, 68, 68, 0.3);
}

.speed-total-speed[b-b1fria95t9] {
    display: grid;
    min-width: 0;
    gap: 0.24rem;
    color: #bac5e4;
    font-size: 0.72rem;
    font-weight: 700;
}

.speed-total-speed output[b-b1fria95t9] {
    display: grid;
    min-height: 1.95rem;
    place-items: center;
    padding: 0.18rem 0.4rem;
    color: #e2e8ff;
    font-size: 0.94rem;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    border: 1px solid rgba(151, 168, 200, 0.24);
    border-radius: 0.35rem;
    background: rgba(11, 17, 35, 0.54);
}

.speed-atb-timeline[b-b1fria95t9] {
    margin-top: 1rem;
    border: 1px solid rgba(108, 118, 184, 0.42);
    border-radius: 0.8rem;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(20, 18, 46, 0.88), rgba(14, 10, 33, 0.94));
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}

.speed-atb-timeline--pinned[b-b1fria95t9] {
    position: sticky;
    z-index: 8;
    bottom: 0.5rem;
    box-shadow: 0 0 1.8rem rgba(0, 0, 0, 0.55);
}

.speed-atb-timeline__header[b-b1fria95t9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid rgba(108, 118, 184, 0.34);
    background: rgba(255, 255, 255, 0.018);
}

.speed-atb-timeline__eyebrow[b-b1fria95t9] {
    display: block;
    color: #9ad8ef;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.speed-atb-timeline__header h2[b-b1fria95t9] {
    margin: 0;
    color: #fff;
    font-size: 1rem;
}

.speed-atb-timeline__intro[b-b1fria95t9] {
    display: flex;
    gap: 1.1rem;
    align-items: end;
    min-width: 0;
}

.speed-atb-timeline__count[b-b1fria95t9] {
    display: grid;
    gap: 0.15rem;
    margin: 0;
}

.speed-atb-timeline__count > span[b-b1fria95t9] {
    color: #b8c1e0;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.speed-atb-timeline__count input[type="number"][b-b1fria95t9] {
    width: 4.5rem;
}

.speed-atb-timeline__controls[b-b1fria95t9] {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.speed-atb-timeline__controls label > span[b-b1fria95t9] {
    display: block;
    margin-bottom: 0.15rem;
    color: #b8c1e0;
    font-size: 0.72rem;
}

.speed-atb-timeline__controls input[type="number"][b-b1fria95t9] {
    width: 4.5rem;
}

.speed-atb-timeline__tick-size[b-b1fria95t9] {
    align-self: center;
    border: 1px solid rgba(120, 200, 230, 0.42);
    border-radius: 999px;
    padding: 0.27rem 0.55rem;
    background: rgba(32, 56, 77, 0.38);
    color: #9ad8ef;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.speed-atb-timeline__pin[b-b1fria95t9] {
    margin: 0;
    padding: 0.2rem 0.45rem;
}

.speed-atb-timeline__pin > span[b-b1fria95t9] {
    margin: 0 !important;
}

.speed-atb-timeline__scroll[b-b1fria95t9] {
    max-width: 100%;
    overflow: auto;
    scrollbar-color: #454072 #101427;
}

.speed-atb-timeline table[b-b1fria95t9] {
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0.12rem;
    padding: 0.25rem;
}

.speed-atb-timeline th[b-b1fria95t9],
.speed-atb-timeline td[b-b1fria95t9] {
    height: 2.1rem;
    min-width: 3.7rem;
    padding: 0.25rem 0.32rem;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.speed-atb-timeline thead th[b-b1fria95t9] {
    position: sticky;
    top: 0;
    z-index: 3;
    color: #f4f6ff;
    background: rgba(17, 21, 42, 0.98);
    font-size: 0.85rem;
}

.speed-atb-timeline__identity-head[b-b1fria95t9],
.speed-atb-timeline__identity[b-b1fria95t9] {
    position: sticky;
    left: 0;
    z-index: 4;
    min-width: 10.4rem !important;
    text-align: left !important;
    background: rgba(20, 24, 44, 0.98);
    box-shadow: 0.35rem 0 0.75rem rgba(0, 0, 0, 0.17);
}

.speed-atb-timeline__identity[b-b1fria95t9] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: #fff;
}

.speed-atb-timeline__identity img[b-b1fria95t9] {
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(120, 200, 230, 0.48);
    border-radius: 0.32rem;
    object-fit: cover;
}

.speed-atb-timeline__identity strong[b-b1fria95t9],
.speed-atb-timeline__identity small[b-b1fria95t9] {
    display: block;
    max-width: 7.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.speed-atb-timeline__identity small[b-b1fria95t9] {
    color: #a9dbe5;
    font-size: 0.72rem;
}

.speed-atb-timeline__row--opponent .speed-atb-timeline__identity[b-b1fria95t9] {
    background: rgba(62, 21, 39, 0.92);
}

.speed-atb-timeline__row--opponent .speed-atb-timeline__identity img[b-b1fria95t9] {
    border-color: rgba(255, 141, 141, 0.62);
}

.speed-atb-timeline__cell--ally[b-b1fria95t9],
.speed-atb-timeline__cell--opponent[b-b1fria95t9],
.speed-atb-timeline__cell--empty[b-b1fria95t9] {
    color: #dff6f1;
    font-weight: 700;
    border: 1px solid transparent;
    transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.speed-atb-timeline__cell--ally[b-b1fria95t9] {
    background: linear-gradient(135deg, rgba(37, 116, 94, 0.34), rgba(23, 71, 66, 0.42));
    border-color: rgba(111, 208, 160, 0.12);
}

.speed-atb-timeline__cell--opponent[b-b1fria95t9] {
    background: linear-gradient(135deg, rgba(122, 51, 70, 0.37), rgba(71, 25, 46, 0.5));
    border-color: rgba(255, 141, 141, 0.14);
}

.speed-atb-timeline__cell--ally.is-action[b-b1fria95t9] {
    position: relative;
    background: linear-gradient(135deg, rgba(83, 184, 129, 0.58), rgba(38, 118, 91, 0.7));
    border-color: rgba(159, 240, 194, 0.72);
    color: #f4fff9;
    box-shadow: inset 0 0 0 1px rgba(215, 255, 231, 0.24), 0 0 0.55rem rgba(73, 193, 125, 0.19);
}

.speed-atb-timeline__cell--opponent.is-action[b-b1fria95t9] {
    position: relative;
    background: linear-gradient(135deg, rgba(205, 82, 106, 0.62), rgba(120, 38, 61, 0.78));
    border-color: rgba(255, 183, 190, 0.7);
    color: #fff6f7;
    box-shadow: inset 0 0 0 1px rgba(255, 225, 228, 0.2), 0 0 0.55rem rgba(230, 82, 106, 0.17);
}

.speed-atb-timeline__cell--empty[b-b1fria95t9] {
    color: #76819e;
    background: rgba(8, 12, 24, 0.55);
}

.speed-atb-timeline td[b-b1fria95t9] {
    position: relative;
}

.speed-atb-timeline__value[b-b1fria95t9] {
    position: relative;
    z-index: 1;
}

.speed-atb-timeline__effects[b-b1fria95t9] {
    position: absolute;
    right: 0.1rem;
    bottom: 0.08rem;
    z-index: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.08rem;
    opacity: 0.75;
    pointer-events: none;
}

.speed-atb-timeline__effects img[b-b1fria95t9] {
    width: 0.92rem;
    height: 0.92rem;
    object-fit: contain;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.6));
}

@media (max-width: 700px) {
    .speed-atb-timeline__header[b-b1fria95t9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .speed-atb-timeline__intro[b-b1fria95t9] {
        align-items: flex-start;
        flex-wrap: wrap;
    }
}

.speed-monster-tile__group h3[b-b1fria95t9],
.speed-monster-tile__content .speed-effect-card h3[b-b1fria95t9] {
    grid-column: 1 / -1;
    margin-bottom: 0.1rem;
}

.speed-monster-tile .speed-effect-card[b-b1fria95t9] {
    grid-template-columns: repeat(2, max-content);
    gap: 0.35rem;
    padding: 0.45rem;
    align-content: start;
}

.speed-monster-tile .speed-effect-card--atb[b-b1fria95t9] {
    order: 0;
    grid-column: auto;
    grid-template-columns: repeat(auto-fit, minmax(7.25rem, max-content));
}

.speed-monster-tile .speed-effect-card--artifact[b-b1fria95t9] {
    order: 0;
    grid-template-columns: max-content;
}

.speed-monster-tile .speed-effect-card--artifact .speed-percent-input[b-b1fria95t9],
.speed-monster-tile .speed-effect-card--atb > .speed-field:first-of-type .speed-percent-input[b-b1fria95t9] {
    width: 7rem;
}

/* In the compact tiles, the colored background and border already carry the
   state clearly; omit the left inset accent used by the wide table. */
.speed-monster-tile .speed-inline-control.is-active[b-b1fria95t9],
.speed-monster-tile .speed-field.speed-control--lead.is-active[b-b1fria95t9],
.speed-monster-tile .speed-effect-card.is-active[b-b1fria95t9] {
    box-shadow: none;
}

.speed-monster-tile .speed-inline-control[b-b1fria95t9] {
    padding: 0.32rem 0.4rem;
}

.speed-monster-tile .speed-field.speed-control--lead[b-b1fria95t9] {
    padding: 0.32rem 0.4rem 0.36rem;
}

.speed-monster-tile .speed-field[b-b1fria95t9],
.speed-monster-tile .speed-inline-control[b-b1fria95t9] {
    gap: 0.24rem;
}

.speed-monster-tile .speed-field span[b-b1fria95t9],
.speed-monster-tile .speed-inline-control span[b-b1fria95t9] {
    font-size: 0.76rem;
    line-height: 1.2;
}

.speed-monster-tile .form-control[b-b1fria95t9],
.speed-monster-tile .form-select[b-b1fria95t9] {
    min-height: 1.95rem;
    padding: 0.18rem 0.4rem;
    font-size: 0.88rem;
}

.speed-monster-tile .speed-monster-tile__order-select[b-b1fria95t9] {
    width: 3.05rem;
    min-width: 3.05rem;
    field-sizing: content;
}

.speed-monster-tile .speed-compact-select[b-b1fria95t9] {
    width: auto;
    min-width: 0;
    max-width: 100%;
    field-sizing: content;
}

.speed-monster-tile .speed-skill-up[b-b1fria95t9],
.speed-monster-tile .speed-atb-targets[b-b1fria95t9] {
    padding-left: 0.3rem;
}

.speed-monster-tile .speed-field-hint[b-b1fria95t9] {
    grid-column: 1 / -1;
}

.speed-monster-tile__tick[b-b1fria95t9] {
    position: absolute;
    right: 0.55rem;
    bottom: 0.5rem;
    z-index: 1;
    display: grid;
    width: 1.85rem;
    height: 1.85rem;
    place-items: center;
    color: #dff9ff;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1;
    border: 1px solid rgba(86, 225, 255, 0.72);
    border-radius: 999px;
    background: linear-gradient(145deg, rgba(12, 148, 187, 0.86), rgba(26, 80, 148, 0.9));
    box-shadow: 0 0.15rem 0.5rem rgba(8, 208, 255, 0.2);
}

/* The defense uses the red opponent palette for editable speed-tune data.
   Its tuned border and status badge intentionally remain turquoise. */
.speed-monster-tile.speed-monster-tile--defense.is-tuned[b-b1fria95t9] {
    border-color: rgba(20, 184, 166, 0.5);
}

.speed-tile-lead--defense .speed-tile-lead__label[b-b1fria95t9],
.speed-tile-lead--defense .speed-tile-lead__summary[b-b1fria95t9],
.speed-monster-tile--defense .speed-monster-tile__lead-summary[b-b1fria95t9] {
    color: #fda4af;
}

.speed-tile-lead--defense .speed-control--lead.is-active[b-b1fria95t9] {
    border-color: rgba(251, 113, 133, 0.56);
    background: rgba(127, 29, 29, 0.24);
}

.speed-tile-lead--defense .speed-control--lead.is-active span[b-b1fria95t9] {
    color: #fecdd3;
}

.speed-tile-lead--defense .speed-control--lead input[type="checkbox"][b-b1fria95t9],
.speed-tile-lead--defense .speed-control--lead input[type="radio"][b-b1fria95t9] {
    accent-color: #fb7185;
}

.speed-tile-lead--defense .form-control:focus[b-b1fria95t9],
.speed-tile-lead--defense .form-select:focus[b-b1fria95t9] {
    border-color: #fb7185;
    box-shadow: 0 0 0 0.16rem rgba(244, 63, 94, 0.18);
}

@media (max-width: 900px) {
    .speed-setup__pickers[b-b1fria95t9],
    .speed-reference-rune[b-b1fria95t9],
    .speed-toolbar[b-b1fria95t9] {
        grid-template-columns: 1fr;
    }

    .speed-offense-picker[b-b1fria95t9],
    .speed-offense-picker__fields[b-b1fria95t9] {
        grid-template-columns: 1fr;
    }

    .speed-offense .speed-offense-picker__fields[b-b1fria95t9],
    .speed-defense > .speed-offense-picker .speed-offense-picker__fields[b-b1fria95t9] {
        grid-template-columns: 1fr;
    }

.speed-offense .speed-offense-picker__category[b-b1fria95t9],
.speed-defense > .speed-offense-picker .speed-offense-picker__category[b-b1fria95t9],
    .speed-offense .speed-offense-select[b-b1fria95t9],
    .speed-defense > .speed-offense-picker .speed-offense-select[b-b1fria95t9] {
        width: 100%;
        max-width: 100%;
    }

    .speed-monster-tiles[b-b1fria95t9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .speed-tile-lead[b-b1fria95t9] {
        width: 100%;
    }

    .speed-tile-lead__combat-controls[b-b1fria95t9] {
        margin-left: 0;
    }

    .speed-tile-lead__sync[b-b1fria95t9] {
        position: static;
        display: flex;
        flex: 1 0 100%;
        justify-content: center;
        order: 3;
        transform: none;
    }

    .speed-tile-lead__choice[b-b1fria95t9] {
        flex-basis: 13.25rem;
        width: min(13.25rem, 100%);
    }

    .speed-table[b-b1fria95t9] {
        min-width: 1320px;
    }

    .speed-table-wrap[b-b1fria95t9] {
        overflow-x: auto;
    }

}

.speed-personal-decks__category[b-b1fria95t9] {
    width: max-content;
    min-width: min(18rem, calc(100vw - 4.5rem));
    max-width: min(24rem, calc(100vw - 4.5rem));
}

@media (max-width: 520px) {
    .speed-monster-tiles[b-b1fria95t9] {
        grid-template-columns: 1fr;
    }

    .speed-monster-tile__content[b-b1fria95t9],
    .speed-monster-tile__group[b-b1fria95t9],
    .speed-monster-tile .speed-effect-card[b-b1fria95t9] {
        grid-template-columns: 1fr;
    }

    .speed-monster-tile .speed-effect-card--atb[b-b1fria95t9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .speed-monster-tile__header[b-b1fria95t9] {
        align-items: flex-start;
    }

    .speed-monster-tile__order[b-b1fria95t9] {
        flex-basis: 5.5rem;
    }

    .speed-monster-tile__result[b-b1fria95t9] {
        grid-template-columns: 1fr;
    }
}
/* _content/SW_Constellation.Web/Components/Pages/Public/Bingo.razor.rz.scp.css */
.bingo-page[b-vr0t8fgdvt] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    background: var(--neon-panel-bg);
    border: 1px solid var(--neon-panel-border);
    border-radius: 20px;
    padding: 0.9rem;
    box-shadow: var(--neon-panel-shadow);
}

.bingo-header[b-vr0t8fgdvt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
}

.bingo-header-copy[b-vr0t8fgdvt] {
    min-width: 0;
}

.bingo-header-copy h1[b-vr0t8fgdvt] {
    margin: 0.08rem 0 0;
    font-size: clamp(1.15rem, 1.8vw, 1.5rem);
    color: var(--neon-text);
}

.bingo-header .eyebrow[b-vr0t8fgdvt] {
    margin: 0;
    font-size: 0.72rem;
}

.bingo-subtitle[b-vr0t8fgdvt] {
    margin: 0.4rem 0 0;
    color: var(--neon-muted);
    font-size: 0.9rem;
    line-height: 1.35;
}

.bingo-header-actions[b-vr0t8fgdvt] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.bingo-progress-panel[b-vr0t8fgdvt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    padding: 0.75rem 0.8rem;
    border-radius: 14px;
    border: 1px solid var(--neon-border);
    background: var(--neon-card-bg);
}

.bingo-progress-copy[b-vr0t8fgdvt] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    min-width: 0;
}

.bingo-progress-value[b-vr0t8fgdvt] {
    margin: 0;
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    font-weight: 700;
    color: var(--neon-text);
}

.bingo-progress-label[b-vr0t8fgdvt] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--neon-muted);
}

.bingo-hide-completed[b-vr0t8fgdvt] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--neon-text);
    font-size: 0.85rem;
    user-select: none;
}

.bingo-hide-completed input[b-vr0t8fgdvt] {
    accent-color: var(--neon-accent);
}

.bingo-loading[b-vr0t8fgdvt] {
    min-height: 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bingo-grid[b-vr0t8fgdvt] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
}

.bingo-cell[b-vr0t8fgdvt] {
    min-height: 8.6rem;
    border-radius: 14px;
    padding: 0.6rem 0.55rem;
    border: 1px solid var(--neon-border);
    background: var(--neon-card-bg);
    box-shadow: inset 0 0 0 1px rgba(6, 182, 212, 0.08);
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.bingo-cell:hover[b-vr0t8fgdvt] {
    transform: translateY(-2px);
    border-color: var(--neon-accent);
}

.bingo-cell:focus-visible[b-vr0t8fgdvt] {
    outline: 2px solid var(--neon-accent);
    outline-offset: 2px;
}

.bingo-cell.is-checked[b-vr0t8fgdvt] {
    border-color: var(--neon-accent);
    box-shadow: 0 0 0 1px rgba(6, 182, 212, 0.22), 0 0 18px rgba(6, 182, 212, 0.25);
    background: linear-gradient(145deg, rgba(6, 182, 212, 0.18), rgba(139, 92, 246, 0.16));
}

.bingo-cell-text[b-vr0t8fgdvt] {
    margin: 0;
    color: var(--neon-text);
    font-size: clamp(0.82rem, 1vw, 0.96rem);
    line-height: 1.3;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.bingo-cell-index[b-vr0t8fgdvt] {
    display: inline-block;
    min-width: 1.2rem;
    margin-right: 0.3rem;
    color: var(--neon-accent);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    vertical-align: top;
    line-height: 1.3;
}

@media (max-width: 1024px) {
    .bingo-grid[b-vr0t8fgdvt] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .bingo-grid[b-vr0t8fgdvt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .bingo-header[b-vr0t8fgdvt] {
        flex-direction: column;
        align-items: stretch;
    }

    .bingo-header-actions[b-vr0t8fgdvt] {
        justify-content: stretch;
    }

    .bingo-progress-panel[b-vr0t8fgdvt] {
        flex-direction: column;
        align-items: flex-start;
    }

    .bingo-cell[b-vr0t8fgdvt] {
        min-height: 7.4rem;
    }
}

@media (max-width: 460px) {
    .bingo-page[b-vr0t8fgdvt] {
        padding: 0.75rem;
    }

    .bingo-grid[b-vr0t8fgdvt] {
        grid-template-columns: 1fr;
    }
}
/* _content/SW_Constellation.Web/Components/RuneOptimizer/RuneGrid.razor.rz.scp.css */
/* Reproduit #rune-table (member-rune-optimizer/app.css) — charcoal + jaune doré, pas de neon.
   Les variables (--bg2, --bg3, --surface, --border, --text-dim, --accent, --gold) sont
   définies sur .ro-blazor-page (page parente) et héritent vers ce composant enfant. */
.rune-grid[b-36kfe0sm91] {
    table-layout: fixed;
    width: 100%;
    min-width: max-content;
    border-collapse: collapse;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rune-grid thead th[b-36kfe0sm91] {
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--bg3);
    box-shadow: 0 1px 0 var(--border2);
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--text-dim);
    padding: 8px 8px;
    white-space: nowrap;
}

.rune-grid-sort[b-36kfe0sm91] {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    cursor: pointer;
}

.rune-grid-sort:hover[b-36kfe0sm91] {
    color: var(--gold);
}

.rune-grid tbody tr[b-36kfe0sm91] {
    border-bottom: 1px solid var(--border);
    background: var(--bg2);
    transition: background 0.1s;
}

.rune-grid tbody tr:nth-child(even)[b-36kfe0sm91] {
    background: color-mix(in srgb, var(--surface) 40%, var(--bg2));
}

.rune-grid tbody tr:hover[b-36kfe0sm91] {
    background: var(--surface);
}

.rune-grid th[b-36kfe0sm91],
.rune-grid td[b-36kfe0sm91] {
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    padding: 5px 8px;
    font-size: 0.78rem;
}

.rune-grid .col-set[b-36kfe0sm91],
.rune-grid .col-main[b-36kfe0sm91],
.rune-grid .col-location[b-36kfe0sm91],
.rune-grid .col-innate[b-36kfe0sm91] {
    text-align: left;
}

.rune-grid .col-verdict[b-36kfe0sm91] {
    text-align: left;
    white-space: nowrap;
}

.verdict-tag[b-36kfe0sm91] {
    display: inline-block;
    margin: 1px 2px;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    border: 1px solid transparent;
}

.verdict-tag--empty[b-36kfe0sm91] {
    color: var(--muted);
    border: none;
    font-weight: 600;
}

.verdict-tag--gem[b-36kfe0sm91] { color: #ffe9b0; border-color: rgba(240, 184, 75, 0.7); background: #3a2a12; }
.verdict-tag--regem[b-36kfe0sm91] { color: #f0e0ff; border-color: rgba(185, 132, 255, 0.7); background: #2c1a40; }
.verdict-tag--grind[b-36kfe0sm91] { color: #ffd4a8; border-color: rgba(240, 140, 60, 0.7); background: #3a2410; }
.verdict-tag--raffinage[b-36kfe0sm91] { color: #b6ecc4; border-color: rgba(129, 201, 149, 0.7); background: #16301c; }
.verdict-tag--reapp[b-36kfe0sm91] { color: #ffc4cb; border-color: rgba(224, 143, 153, 0.7); background: #3a181c; }
.verdict-tag--sell[b-36kfe0sm91] { color: #ffc2c8; border-color: rgba(224, 100, 110, 0.7); background: #3a161a; }
.verdict-tag--upgrade[b-36kfe0sm91] { color: #c5e4f7; border-color: rgba(142, 197, 232, 0.7); background: #152833; }
.verdict-tag--keep[b-36kfe0sm91] { color: #d8d0c4; border-color: var(--line); background: #24201c; }
.verdict-tag--review[b-36kfe0sm91] { color: #d4cec4; border-color: var(--line); background: #24201c; }
.verdict-tag--default[b-36kfe0sm91] { color: var(--text); border-color: var(--line); background: rgba(255, 255, 255, 0.04); }

.rune-grid-set[b-36kfe0sm91] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.rune-grid-set-icon[b-36kfe0sm91] {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    object-fit: contain;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.45));
}

.rune-grid .num[b-36kfe0sm91] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.rune-grid-empty td[b-36kfe0sm91] {
    text-align: center;
    color: var(--muted);
    padding: 2rem 0;
}

.rune-grid .col-actions[b-36kfe0sm91] {
    width: 78px;
    white-space: nowrap;
}

.rune-grid-action[b-36kfe0sm91] {
    width: 22px;
    height: 22px;
    margin: 0 1px;
    padding: 0;
    border: 1px solid rgba(191, 139, 54, 0.45);
    border-radius: 4px;
    background: #2a1c10;
    color: #f0d08a;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.rune-grid-action:hover[b-36kfe0sm91] {
    border-color: var(--gold);
    color: #fff6d8;
}

.rune-grid-usage-icon[b-36kfe0sm91] {
    width: 18px;
    height: 18px;
    object-fit: contain;
    margin: 0 1px;
    vertical-align: middle;
}
/* _content/SW_Constellation.Web/Components/RuneOptimizer/RuneOptimizerModal.razor.rz.scp.css */
/* Reproduit .modal-backdrop / .modal / .modal-head / .modal-body / .modal-actions
   du SPA member-rune-optimizer/app.css — charcoal + jaune doré, pas de neon. */
.ro-modal-backdrop[b-lxr36qdmhj] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.62);
}

.ro-modal[b-lxr36qdmhj] {
    width: min(1120px, 96vw);
    max-height: min(760px, 92vh);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--panel);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55);
}

.ro-modal-head[b-lxr36qdmhj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
}

.ro-modal-head-title h2[b-lxr36qdmhj] {
    margin: 0;
    font-size: 17px;
    color: var(--text);
}

.ro-modal-head-title p[b-lxr36qdmhj] {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 13px;
}

.ro-modal-head-actions[b-lxr36qdmhj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
    margin-left: auto;
}

.ro-modal-head-actions .ro-rune-viewer-controls[b-lxr36qdmhj] {
    margin-left: auto;
    flex-wrap: nowrap;
}

/* ::deep : HeadActions (RenderFragment enfant) porte un autre scope Blazor. */
[b-lxr36qdmhj] .ro-ghost-button {
    min-height: 34px;
    padding: 0 11px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    background: #1e1e1d !important;
    color: #f1eee8 !important;
    border: 1px solid #3f3d39 !important;
    box-shadow: none !important;
    appearance: none;
    -webkit-appearance: none;
}

[b-lxr36qdmhj] .ro-ghost-button:hover:not(:disabled) {
    border-color: #69645d !important;
    color: #fff6d8 !important;
    background: #262625 !important;
}

[b-lxr36qdmhj] .ro-ghost-button:disabled {
    opacity: 0.45;
    cursor: default;
}

[b-lxr36qdmhj] .ro-rune-viewer-count {
    min-height: 34px;
    padding: 0 9px;
    border: 1px solid #3f3d39;
    border-radius: 7px;
    background: rgba(12, 10, 8, 0.82);
    color: #f5f0e8;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 800;
}

[b-lxr36qdmhj] .ro-rune-viewer-count select {
    height: 26px;
    border: 1px solid #32312f;
    border-radius: 6px;
    background: #171716;
    color: #f1eee8;
}

.ro-modal-body[b-lxr36qdmhj] {
    padding: 12px 14px 14px;
    overflow: auto;
}

.ro-modal-actions[b-lxr36qdmhj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 12px 14px;
    border-top: 1px solid var(--line);
}

.ro-feedback-rune-summary[b-lxr36qdmhj],
.ro-feedback-section[b-lxr36qdmhj] {
    margin-bottom: 16px;
    padding: 12px;
    border: 1px solid var(--line, #3a3834);
    border-radius: 8px;
    background: rgba(20, 20, 19, .62);
}

.ro-feedback-rune-summary[b-lxr36qdmhj] {
    display: grid;
    gap: 4px;
}

.ro-feedback-rune-summary span[b-lxr36qdmhj] { color: var(--muted, #aaa49a); }
.ro-feedback-section h3[b-lxr36qdmhj] { margin: 0 0 10px; font-size: 14px; }
.ro-feedback-verdicts[b-lxr36qdmhj] { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.ro-feedback-verdicts label[b-lxr36qdmhj] { color: var(--text, #f1eee8); font-size: 12px; }
.ro-feedback-sub[b-lxr36qdmhj] { display: grid; grid-template-columns: 1fr 100px minmax(180px, 2fr); gap: 8px; align-items: center; margin-top: 7px; }
.ro-feedback-section select[b-lxr36qdmhj],
.ro-feedback-section input[b-lxr36qdmhj],
.ro-feedback-section textarea[b-lxr36qdmhj] { box-sizing: border-box; width: 100%; color: var(--text, #f1eee8); background: #171716; border: 1px solid var(--line, #3a3834); border-radius: 6px; padding: 7px 8px; }
.ro-feedback-section textarea[b-lxr36qdmhj] { resize: vertical; }

@media (max-width: 720px) {
    .ro-feedback-sub[b-lxr36qdmhj] { grid-template-columns: 1fr; }
}

.ro-icon-button[b-lxr36qdmhj] {
    min-width: 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: var(--text);
    border: 1px solid var(--line);
    cursor: pointer;
    font-weight: 800;
}

.ro-icon-button:hover[b-lxr36qdmhj] {
    border-color: var(--gold);
    color: var(--gold);
}

/* Variantes de largeur (alignées sur app.css) */
.ro-modal--help[b-lxr36qdmhj] { width: min(820px, 94vw); }
.ro-modal--graphs[b-lxr36qdmhj] { width: min(1180px, 98vw); }
.ro-modal--summary[b-lxr36qdmhj] { width: min(900px, 96vw); }
.ro-modal--farm[b-lxr36qdmhj] { width: min(1120px, 96vw); height: min(860px, 96vh); max-height: 96vh; }
.ro-modal--stock[b-lxr36qdmhj] { width: min(860px, 94vw); }
.ro-modal--gem-bounds[b-lxr36qdmhj] { width: min(620px, 94vw); }
.ro-modal--grind-bounds[b-lxr36qdmhj] { width: min(1120px, 98vw); }
.ro-modal--sales[b-lxr36qdmhj] { width: min(1240px, 98vw); max-height: min(880px, 94vh); }
.ro-modal--rune-viewer[b-lxr36qdmhj] { width: min(1320px, 98vw); max-height: min(92vh, 980px); }

.ro-modal-note[b-lxr36qdmhj] {
    margin: 0 0 12px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.55;
}
/* _content/SW_Constellation.Web/Components/RuneOptimizer/RuneOptimizerModals.razor.rz.scp.css */
/* Styles pour les modales secondaires de l'optimiseur (charcoal + gold).
   Reproduit les classes pertinentes du SPA member-rune-optimizer/app.css. */

/* Ghost / file buttons (topbar + modales) */
.ro-ghost-button[b-4yopkhtgav],
.ro-file-button[b-4yopkhtgav] {
    min-height: 32px;
    padding: 0 12px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
    font-size: 12px;
    cursor: pointer;
}

.ro-ghost-button[b-4yopkhtgav] {
    background: transparent;
    color: var(--text);
    border: 1px solid var(--line);
}

.ro-ghost-button:hover:not(:disabled)[b-4yopkhtgav] {
    border-color: var(--gold);
    color: var(--gold);
}

.ro-ghost-button:disabled[b-4yopkhtgav],
.ro-file-button:disabled[b-4yopkhtgav] {
    opacity: 0.55;
    cursor: not-allowed;
}

.ro-file-button[b-4yopkhtgav] {
    background: linear-gradient(180deg, #f0b84b, #b77810);
    border: 1px solid #f6c86b;
    color: #201609;
    font-weight: 850;
}

/* Guide */
.ro-help-content[b-4yopkhtgav] {
    display: grid;
    gap: 14px;
    line-height: 1.48;
}

.ro-help-content section[b-4yopkhtgav] {
    padding: 0 0 13px;
    border-bottom: 1px solid var(--line-soft);
}

.ro-help-content section:last-child[b-4yopkhtgav] {
    border-bottom: 0;
    padding-bottom: 0;
}

.ro-help-content h3[b-4yopkhtgav] {
    margin: 0 0 7px;
    color: #f3d08b;
    font-size: 14px;
}

.ro-help-content p[b-4yopkhtgav] {
    margin: 0 0 8px;
    color: #ddd7ce;
}

.ro-help-content ul[b-4yopkhtgav] {
    margin: 0 0 8px;
    padding-left: 18px;
    color: #ddd7ce;
}

.ro-help-content li + li[b-4yopkhtgav] {
    margin-top: 4px;
}

/* Grind / Gem bounds grids */
.ro-grid-wrap[b-4yopkhtgav] {
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 8px;
}

.ro-bounds-grid[b-4yopkhtgav] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
}

.ro-bounds-grid th[b-4yopkhtgav],
.ro-bounds-grid td[b-4yopkhtgav] {
    padding: 6px 4px;
    white-space: normal;
    text-align: center;
    font-size: 0.78rem;
    color: var(--text);
}

.ro-bounds-grid th[b-4yopkhtgav] {
    background: var(--bg3);
    color: var(--text-dim);
    font-weight: 700;
}

.ro-bounds-grid input[b-4yopkhtgav] {
    width: 100%;
    min-width: 0;
    padding: 0 5px;
    height: 30px;
    border: 1px solid var(--line);
    border-radius: 5px;
    background: #1b1b1a;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

.ro-bounds-grid--gem th:nth-child(1)[b-4yopkhtgav],
.ro-bounds-grid--gem td:nth-child(1)[b-4yopkhtgav],
.ro-bounds-grid--gem th:nth-child(2)[b-4yopkhtgav],
.ro-bounds-grid--gem td:nth-child(2)[b-4yopkhtgav] {
    width: 30%;
}

.ro-bounds-grid--gem th:nth-child(3)[b-4yopkhtgav],
.ro-bounds-grid--gem td:nth-child(3)[b-4yopkhtgav],
.ro-bounds-grid--gem th:nth-child(4)[b-4yopkhtgav],
.ro-bounds-grid--gem td:nth-child(4)[b-4yopkhtgav] {
    width: 20%;
}

/* Stock grid */
.ro-grid-wrap--stock[b-4yopkhtgav] {
    overflow-x: hidden;
}

.ro-stock-grid[b-4yopkhtgav] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.ro-stock-grid th[b-4yopkhtgav],
.ro-stock-grid td[b-4yopkhtgav] {
    padding: 7px 8px;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: left;
    font-size: 0.78rem;
    color: var(--text);
}

.ro-stock-grid th[b-4yopkhtgav] {
    background: var(--bg3);
    color: var(--text-dim);
    font-weight: 700;
}

.ro-stock-grid .num[b-4yopkhtgav] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.ro-empty-row td[b-4yopkhtgav] {
    text-align: center;
    color: var(--muted);
    padding: 1.5rem 0;
}

/* Summary (Bilan) */
.ro-summary-action-note[b-4yopkhtgav] {
    margin: 0 0 12px;
    padding: 9px 11px;
    border: 1px solid rgba(142, 197, 232, 0.38);
    border-radius: 7px;
    background: rgba(18, 48, 72, 0.92);
    color: #e8f6ff;
    font-size: 12px;
}

.ro-summary-section[b-4yopkhtgav] {
    display: grid;
    gap: 9px;
    margin-bottom: 14px;
}

.ro-summary-section h3[b-4yopkhtgav] {
    margin: 0;
    color: #f3d08b;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.ro-summary-grid[b-4yopkhtgav] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.ro-summary-grid--actions[b-4yopkhtgav] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ro-summary-card[b-4yopkhtgav] {
    min-height: 76px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    padding: 11px 12px;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: #1d1c1b;
    color: var(--text);
    text-align: left;
    cursor: pointer;
}

.ro-summary-card:hover[b-4yopkhtgav] {
    border-color: var(--accent);
    background: rgba(142, 197, 232, 0.08);
}

.ro-summary-card strong[b-4yopkhtgav] {
    color: #f3d08b;
    font-size: 22px;
    font-variant-numeric: tabular-nums;
}

.ro-summary-card-label[b-4yopkhtgav] {
    color: var(--muted);
    font-size: 12px;
}

.ro-summary-card--gem[b-4yopkhtgav] { border-color: rgba(255, 211, 105, 0.58); background: linear-gradient(135deg, rgba(74, 55, 17, 0.86), #1d1c1b 72%); }
.ro-summary-card--gem strong[b-4yopkhtgav] { color: #ffd369; }
.ro-summary-card--regem[b-4yopkhtgav] { border-color: rgba(215, 181, 255, 0.56); background: linear-gradient(135deg, rgba(51, 33, 69, 0.9), #1d1c1b 72%); }
.ro-summary-card--regem strong[b-4yopkhtgav] { color: #d7b5ff; }
.ro-summary-card--grind[b-4yopkhtgav] { border-color: rgba(246, 180, 107, 0.58); background: linear-gradient(135deg, rgba(74, 46, 22, 0.9), #1d1c1b 72%); }
.ro-summary-card--grind strong[b-4yopkhtgav] { color: #f6b46b; }
.ro-summary-card--raffinage[b-4yopkhtgav] { border-color: rgba(58, 168, 143, 0.6); background: linear-gradient(135deg, rgba(18, 60, 53, 0.9), #1d1c1b 72%); }
.ro-summary-card--raffinage strong[b-4yopkhtgav] { color: #8ff0d2; }
.ro-summary-card--reapp[b-4yopkhtgav], .ro-summary-card--sell[b-4yopkhtgav] { border-color: rgba(255, 107, 107, 0.56); background: linear-gradient(135deg, rgba(74, 23, 23, 0.88), #1d1c1b 72%); }
.ro-summary-card--reapp strong[b-4yopkhtgav], .ro-summary-card--sell strong[b-4yopkhtgav] { color: #ff8d8d; }
.ro-summary-card--upgrade[b-4yopkhtgav] { border-color: rgba(165, 214, 255, 0.54); background: linear-gradient(135deg, rgba(32, 56, 77, 0.88), #1d1c1b 72%); }
.ro-summary-card--upgrade strong[b-4yopkhtgav] { color: #a5d6ff; }
.ro-summary-card--exceptional[b-4yopkhtgav],
.ro-summary-card--rare[b-4yopkhtgav] { border-color: rgba(255, 211, 105, 0.58); background: linear-gradient(135deg, rgba(74, 55, 17, 0.86), #1d1c1b 72%); }
.ro-summary-card--exceptional strong[b-4yopkhtgav],
.ro-summary-card--rare strong[b-4yopkhtgav] { color: #ffd369; }
.ro-summary-card--combo[b-4yopkhtgav] { border-color: rgba(142, 197, 232, 0.56); background: linear-gradient(135deg, rgba(32, 56, 77, 0.88), #1d1c1b 72%); }
.ro-summary-card--combo strong[b-4yopkhtgav] { color: #a5d6ff; }

.ro-summary-card-spacer[b-4yopkhtgav] {
    min-height: 1px;
}

.ro-summary-help[b-4yopkhtgav] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    border-radius: 50%;
    border: 1px solid rgba(238, 232, 223, 0.35);
    color: #cfc7bb;
    font-size: 10px;
    font-weight: 700;
    vertical-align: middle;
}

.ro-summary-metrics[b-4yopkhtgav] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.ro-summary-metrics > div[b-4yopkhtgav] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--line-soft);
    border-radius: 7px;
    background: #191817;
}

.ro-summary-metrics strong[b-4yopkhtgav] {
    color: #9ee6ad;
    font-size: 18px;
}

.ro-summary-metrics span[b-4yopkhtgav] {
    color: var(--muted);
    font-size: 12px;
}

/* Farm */
.ro-farm-scope-warning[b-4yopkhtgav] {
    margin: 0 0 10px;
    padding: 10px 12px;
    border: 1px solid rgba(231, 88, 98, 0.72);
    border-left: 5px solid #e75862;
    border-radius: 8px;
    background: rgba(231, 88, 98, 0.14);
    color: var(--text);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
}

.ro-farm-scope-warning strong[b-4yopkhtgav] {
    color: #ffc457;
}

.ro-farm-grid[b-4yopkhtgav] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.ro-farm-grid h3[b-4yopkhtgav] {
    margin: 0 0 8px;
    color: var(--text);
    font-size: 14px;
}

.ro-farm-empty[b-4yopkhtgav] {
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 7px;
    color: var(--muted);
    background: #201f1e;
    font-size: 0.85rem;
}

.ro-farm-breakdown h3[b-4yopkhtgav] {
    margin: 0 0 8px;
    color: var(--text);
    font-size: 14px;
}

.ro-farm-set-breakdown[b-4yopkhtgav] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.ro-farm-set-detail[b-4yopkhtgav] {
    display: block;
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: #201f1e;
}

.ro-farm-set-detail summary[b-4yopkhtgav] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 8px;
    cursor: pointer;
    color: var(--text);
    font-size: 12px;
}

.ro-farm-set-detail summary span:first-child[b-4yopkhtgav] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ro-farm-set-total[b-4yopkhtgav] {
    color: var(--gold);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.ro-farm-stat-list[b-4yopkhtgav] {
    display: grid;
    gap: 4px;
    padding: 0 8px 8px;
}

.ro-farm-stat-row[b-4yopkhtgav] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    color: var(--muted);
    font-size: 11px;
}

.ro-farm-stat-row strong[b-4yopkhtgav] {
    color: var(--text);
    font-weight: 700;
}

/* Graphs */
.ro-graphs-controls[b-4yopkhtgav] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.ro-graph-control[b-4yopkhtgav] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ddd7ce;
    font-weight: 700;
    font-size: 0.85rem;
}

.ro-graph-control input[type="text"][b-4yopkhtgav],
.ro-graph-control input[type="number"][b-4yopkhtgav] {
    width: 86px;
    min-height: 32px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #181817;
    color: var(--text);
    padding: 0 8px;
}

.ro-graph-check[b-4yopkhtgav] {
    min-height: 32px;
}

.ro-graph-legend[b-4yopkhtgav] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    color: #ddd7ce;
    margin-bottom: 12px;
    font-size: 0.85rem;
}

.ro-graph-legend span[b-4yopkhtgav] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ro-graph-legend strong[b-4yopkhtgav] {
    margin-left: auto;
    color: var(--muted);
}

.ro-legend-line[b-4yopkhtgav] {
    width: 24px;
    height: 3px;
    border-radius: 2px;
    display: inline-block;
}

.ro-legend-current[b-4yopkhtgav] { background: #8ec5ff; }
.ro-legend-hero[b-4yopkhtgav] { background: #b48cff; }
.ro-legend-legend[b-4yopkhtgav] { background: var(--gold); }

.ro-graph-placeholder[b-4yopkhtgav] {
    padding: 24px;
    border: 1px dashed var(--line);
    border-radius: 8px;
    background: #181817;
    color: var(--muted);
    text-align: center;
    font-size: 0.85rem;
}

/* Sales */
.ro-sales-placeholder[b-4yopkhtgav] {
    padding: 24px;
    border: 1px solid var(--line-soft);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.18);
    color: var(--muted);
    text-align: center;
    font-size: 0.9rem;
}

.ro-sales-placeholder a[b-4yopkhtgav] {
    color: var(--accent);
    text-decoration: underline;
}
/* _content/SW_Constellation.Web/Components/RuneOptimizer/RuneOptimizerToolbar.razor.rz.scp.css */
.ro-filter-menu[b-cdglgvunwo] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0 0 8px;
    padding: 8px;
    border: 1px solid var(--line-soft, #32312f);
    border-radius: 8px;
    background: rgba(32, 32, 31, 0.58);
}

.ro-filter-group[b-cdglgvunwo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding-right: 8px;
    border-right: 1px solid var(--line-soft, #32312f);
}

.ro-filter-group:last-of-type[b-cdglgvunwo] {
    border-right: 0;
    flex: 1 1 auto;
}

.ro-filter-chip[b-cdglgvunwo],
.ro-ghost-button[b-cdglgvunwo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 31px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid var(--line, #3a3834);
    color: var(--muted, #aaa49a) !important;
    background: #1e1e1d !important;
    line-height: 1.05;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none !important;
}

.ro-filter-chip[b-cdglgvunwo] {
    flex-direction: column;
    gap: 1px;
}

.ro-ghost-button[b-cdglgvunwo] {
    border-radius: 7px;
    color: #f1eee8 !important;
}

.ro-filter-chip:hover:not(:disabled)[b-cdglgvunwo],
.ro-ghost-button:hover:not(:disabled)[b-cdglgvunwo] {
    border-color: #69645d;
    color: #f1eee8 !important;
    background: #262625 !important;
}

.ro-filter-chip:disabled[b-cdglgvunwo] {
    opacity: 0.45;
    cursor: default;
}

.ro-filter-chip.is-active[b-cdglgvunwo] {
    color: var(--text, #f1eee8) !important;
    border-color: #3f7ee8;
    box-shadow: 0 0 0 2px rgba(63, 126, 232, 0.18) !important;
}

.ro-filter-chip-combo[b-cdglgvunwo] {
    display: inline-flex;
    align-items: center;
}

.ro-filter-chip-combo .ro-filter-chip:first-child[b-cdglgvunwo] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ro-filter-chip--icon[b-cdglgvunwo] {
    width: 32px;
    min-width: 32px;
    padding: 0;
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 14px;
}

.ro-filter-chip--clear[b-cdglgvunwo] {
    margin-left: auto;
    border-color: rgba(224, 143, 153, 0.48);
    color: #dcb0b5 !important;
    flex-direction: row;
    gap: 6px;
}

.ro-filter-popover[b-cdglgvunwo] {
    position: absolute;
    top: calc(100% + 6px);
    left: 8px;
    z-index: 50;
    width: min(520px, calc(100% - 16px));
    max-height: 380px;
    overflow: auto;
    padding: 12px;
    border: 1px solid var(--line, #3a3834);
    border-radius: 8px;
    background: #1a1918;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

.ro-filter-popover-head[b-cdglgvunwo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.ro-filter-popover-head strong[b-cdglgvunwo] {
    color: var(--text, #eee8df);
    font-size: 13px;
}

.ro-filter-popover-body[b-cdglgvunwo] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
}

.ro-filter-popover-section[b-cdglgvunwo] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    width: 100%;
    margin-bottom: 8px;
}

.ro-filter-popover-label[b-cdglgvunwo] {
    width: 100%;
    color: var(--text-dim, #9a948a);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.ro-filters-toolbar[b-cdglgvunwo] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px 10px;
    padding: 10px 12px;
    margin-bottom: 10px;
    border: 1px solid var(--line, #3a3834);
    border-radius: 8px;
    background: #1a1918;
}

.ro-filters-toolbar--secondary[b-cdglgvunwo] {
    margin-top: 0;
}

.ro-filter-field[b-cdglgvunwo] {
    display: grid;
    gap: 3px;
    min-width: 96px;
}

.ro-filter-field span[b-cdglgvunwo] {
    color: var(--text-dim, #9a948a);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ro-filter-field input[b-cdglgvunwo],
.ro-filter-field select[b-cdglgvunwo] {
    min-height: 30px;
    padding: 0 8px;
    border: 1px solid var(--line, #3a3834);
    border-radius: 6px;
    background: #121110;
    color: var(--text, #eee8df);
    font-size: 12px;
}

.ro-filter-field input[type="search"][b-cdglgvunwo] {
    min-width: 150px;
}

.ro-filter-check[b-cdglgvunwo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--muted, #aaa49a);
    font-size: 12px;
    cursor: pointer;
}

.ro-filter-count[b-cdglgvunwo] {
    margin-left: auto;
    color: var(--text-dim, #9a948a);
    font-size: 12px;
    font-weight: 700;
}

.ro-filter-summary-chip[b-cdglgvunwo] {
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(142, 197, 255, 0.45);
    background: rgba(32, 56, 77, 0.55);
    color: #a5d6ff;
    font-size: 12px;
    font-weight: 700;
}

.ro-columns-popover-actions[b-cdglgvunwo] {
    display: flex;
    gap: 4px;
    width: 100%;
    margin-bottom: 8px;
}

.ro-columns-popover-list[b-cdglgvunwo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 8px;
    width: 100%;
}

.ro-columns-option[b-cdglgvunwo] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--muted, #aaa49a);
    cursor: pointer;
}

.ro-quick-pills[b-cdglgvunwo] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 10px;
}

.ro-stat-pill[b-cdglgvunwo] {
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #4a4742;
    background: #181716;
    color: #c8c0b6;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.ro-stat-pill.is-active[b-cdglgvunwo] {
    box-shadow: 0 0 0 2px rgba(240, 184, 75, 0.2);
}

.ro-stat-pill--gem[b-cdglgvunwo] {
    border-color: rgba(240, 184, 75, 0.45);
    color: #f0d08a;
    background: linear-gradient(135deg, rgba(74, 55, 23, 0.55), #1e1e1d 72%);
}

.ro-stat-pill--gem.is-active[b-cdglgvunwo] { border-color: #f0b84b; }

.ro-stat-pill--regem[b-cdglgvunwo] {
    border-color: rgba(211, 175, 233, 0.45);
    color: #d7b5ff;
    background: linear-gradient(135deg, rgba(51, 33, 69, 0.55), #1e1e1d 72%);
}

.ro-stat-pill--regem.is-active[b-cdglgvunwo] { border-color: #d3afe9; }

.ro-stat-pill--grind[b-cdglgvunwo] {
    border-color: rgba(240, 160, 80, 0.45);
    color: #f0b070;
    background: linear-gradient(135deg, rgba(74, 40, 16, 0.55), #1e1e1d 72%);
}

.ro-stat-pill--grind.is-active[b-cdglgvunwo] { border-color: #f0a050; }

.ro-stat-pill--raffinage[b-cdglgvunwo] {
    border-color: rgba(58, 168, 143, 0.45);
    color: #8ff0d2;
    background: linear-gradient(135deg, rgba(18, 60, 53, 0.55), #1e1e1d 72%);
}

.ro-stat-pill--raffinage.is-active[b-cdglgvunwo] { border-color: #3aa88f; }

.ro-stat-pill--reapp[b-cdglgvunwo],
.ro-stat-pill--sell[b-cdglgvunwo] {
    border-color: rgba(255, 107, 107, 0.45);
    color: #ff8d8d;
    background: linear-gradient(135deg, rgba(74, 23, 23, 0.55), #1e1e1d 72%);
}

.ro-stat-pill--reapp.is-active[b-cdglgvunwo],
.ro-stat-pill--sell.is-active[b-cdglgvunwo] { border-color: #ff8d8d; }

.ro-stat-pill--upgrade[b-cdglgvunwo] {
    border-color: rgba(165, 214, 255, 0.45);
    color: #a5d6ff;
    background: linear-gradient(135deg, rgba(32, 56, 77, 0.55), #1e1e1d 72%);
}

.ro-stat-pill--upgrade.is-active[b-cdglgvunwo] { border-color: #a5d6ff; }

.ro-stat-pill--reset[b-cdglgvunwo] {
    border-color: #4a4742;
    color: #c8c0b6;
    background: #181716;
}

.ro-counter-row[b-cdglgvunwo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0 0 10px;
    padding: 8px;
    border: 1px solid var(--line-soft, #32312f);
    border-radius: 8px;
    background: rgba(24, 24, 23, 0.72);
}

.ro-stat-pill-combo[b-cdglgvunwo] {
    display: inline-flex;
    align-items: center;
}

.ro-stat-pill-combo .ro-stat-pill:first-child[b-cdglgvunwo] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ro-stat-pill--icon[b-cdglgvunwo] {
    width: 30px;
    min-width: 30px;
    padding: 0;
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 13px;
}

.ro-stat-pill--premium[b-cdglgvunwo] {
    border-color: rgba(240, 184, 75, 0.45);
    color: #f0d08a;
}

.ro-stat-pill--premium.is-active[b-cdglgvunwo] { border-color: #f0b84b; }

.ro-stat-pill--preset[b-cdglgvunwo] {
    border-color: rgba(120, 170, 255, 0.45);
    color: #a8c8ff;
}

.ro-stat-pill--preset.is-active[b-cdglgvunwo] { border-color: #7aaaff; }

.ro-stat-pill--objective[b-cdglgvunwo] {
    border-color: rgba(120, 220, 160, 0.45);
    color: #9fe0b8;
}

.ro-stat-pill--objective.is-active[b-cdglgvunwo] { border-color: #6fd0a0; }

.ro-stat-pill--speed[b-cdglgvunwo] {
    border-color: rgba(120, 200, 230, 0.45);
    color: #9ad8ef;
}

.ro-stat-pill--speed.is-active[b-cdglgvunwo] { border-color: #6ec8e8; }

.ro-stat-pill--restore[b-cdglgvunwo] {
    margin-left: auto;
    border-color: #4a4742;
    color: #c8c0b6;
}

.ro-stat-pill strong[b-cdglgvunwo] {
    margin-left: 4px;
    font-weight: 800;
}
/* _content/SW_Constellation.Web/Components/RuneOptimizer/RuneViewer.razor.rz.scp.css */
/* Carte + chrome Vue runes — port de app.css (.rune-viewer-*) charcoal/or. */

.ro-rune-viewer-controls[b-67pygired8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.ro-rune-viewer-controls .ro-ghost-button[b-67pygired8],
.ro-ghost-button[b-67pygired8] {
    min-height: 34px;
    padding: 0 11px;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    background: #1e1e1d !important;
    color: #f1eee8 !important;
    border: 1px solid #3f3d39 !important;
    box-shadow: none !important;
}

.ro-rune-viewer-controls .ro-ghost-button:hover:not(:disabled)[b-67pygired8],
.ro-ghost-button:hover:not(:disabled)[b-67pygired8] {
    border-color: #69645d !important;
    color: #fff6d8 !important;
    background: #262625 !important;
}

.ro-rune-viewer-controls .ro-ghost-button:disabled[b-67pygired8],
.ro-ghost-button:disabled[b-67pygired8] {
    opacity: 0.45;
    cursor: default;
}

.ro-rune-viewer-count[b-67pygired8] {
    min-height: 34px;
    padding: 0 9px;
    border: 1px solid var(--line, #3f3d39);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.035);
    color: var(--muted, #aaa49a);
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 800;
}

.ro-rune-viewer-count select[b-67pygired8] {
    height: 26px;
    border: 1px solid var(--line-soft, #32312f);
    border-radius: 6px;
    background: #171716;
    color: var(--text, #f1eee8);
}

.ro-rune-viewer-body[b-67pygired8] {
    overflow: auto;
}

.ro-rune-viewer-empty[b-67pygired8] {
    margin: 0;
    padding: 24px;
    color: var(--muted, #aaa49a);
    text-align: center;
}

.ro-rune-viewer-grid[b-67pygired8] {
    display: grid;
    gap: 10px;
    align-items: start;
}

.ro-rune-viewer-grid--1[b-67pygired8] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ro-rune-viewer-grid--1 .ro-rune-viewer-card[b-67pygired8] {
    grid-column: 2;
}

.ro-rune-viewer-grid--2[b-67pygired8] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ro-rune-viewer-grid--3[b-67pygired8],
.ro-rune-viewer-grid--6[b-67pygired8],
.ro-rune-viewer-grid--9[b-67pygired8],
.ro-rune-viewer-grid--12[b-67pygired8],
.ro-rune-viewer-grid--15[b-67pygired8],
.ro-rune-viewer-grid--18[b-67pygired8],
.ro-rune-viewer-grid--21[b-67pygired8],
.ro-rune-viewer-grid--24[b-67pygired8],
.ro-rune-viewer-grid--27[b-67pygired8],
.ro-rune-viewer-grid--30[b-67pygired8] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ro-rune-viewer-card[b-67pygired8] {
    --rune-quality-bg: #5e5548;
    --rune-quality-text: #efe4f8;
    position: relative;
    min-width: 0;
    padding: 10px 12px;
    border: 2px solid #8c6a00;
    border-radius: 8px;
    background:
        radial-gradient(circle at 26% 18%, rgba(112, 65, 19, 0.26), transparent 42%),
        #21120b;
    box-shadow: inset 0 0 0 1px rgba(255, 214, 90, 0.18), 0 18px 40px rgba(0, 0, 0, 0.28);
    color: #f7e7a3;
    display: grid;
    gap: 8px;
}

.ro-rune-viewer-card--legend[b-67pygired8] { --rune-quality-bg: #763012; --rune-quality-text: #ffc975; }
.ro-rune-viewer-card--hero[b-67pygired8] { --rune-quality-bg: #5f2244; --rune-quality-text: #fed8ec; }
.ro-rune-viewer-card--rare[b-67pygired8] { --rune-quality-bg: #1d414f; --rune-quality-text: #adf4ff; }
.ro-rune-viewer-card--magic[b-67pygired8] { --rune-quality-bg: #1f6414; --rune-quality-text: #d3ffd0; }

.ro-rune-viewer-card-head[b-67pygired8] {
    position: relative;
    min-height: 36px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
}

.ro-rune-viewer-card-head strong[b-67pygired8] {
    position: absolute;
    inset: 0;
    min-width: 0;
    padding: 0 76px 0 42px;
    color: #f5a64e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.08;
    text-shadow: 0 2px 0 #5b3800, 0 0 4px rgba(255, 196, 56, 0.38);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ro-rune-viewer-marker-slot[b-67pygired8] {
    position: relative;
    z-index: 2;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    min-width: 22px;
    min-height: 22px;
}

.ro-rune-viewer-rank-slot[b-67pygired8] {
    position: absolute;
    z-index: 3;
    top: -4px;
    right: -2px;
    width: 44px;
    height: 44px;
    padding: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ro-rune-viewer-rank-slot img[b-67pygired8] {
    width: 40px;
    height: 40px;
    object-fit: contain;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.55));
}

.ro-rune-viewer-rank-slot-value[b-67pygired8] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff5c8;
    font-size: 10px;
    font-weight: 900;
    text-shadow: 0 1px 2px #000;
    pointer-events: none;
}

.ro-rune-viewer-card-main[b-67pygired8] {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding-right: 124px;
}

.ro-rune-viewer-left[b-67pygired8] {
    width: 80px;
    min-width: 80px;
}

.ro-rune-viewer-art[b-67pygired8] {
    position: relative;
    width: 80px;
    height: 80px;
}

.ro-rune-viewer-art img[b-67pygired8] {
    display: block;
}

.ro-rune-viewer-bg[b-67pygired8],
.ro-rune-viewer-slot-img[b-67pygired8],
.ro-rune-viewer-set-img[b-67pygired8] {
    position: absolute;
}

.ro-rune-viewer-bg[b-67pygired8] {
    inset: 0;
    width: 100%;
    height: 100%;
}

.ro-rune-viewer-stars[b-67pygired8] {
    position: absolute;
    top: 2px;
    left: 3px;
    display: flex;
    z-index: 5;
}

.ro-rune-viewer-stars img[b-67pygired8] {
    width: 15px;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.7));
}

.ro-rune-viewer-stars img + img[b-67pygired8] {
    margin-left: -4px;
}

.ro-rune-viewer-slot-img[b-67pygired8] {
    left: 16%;
    top: 17%;
    width: 68%;
    height: 68%;
    object-fit: contain;
    z-index: 2;
    filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.55));
}

.ro-rune-viewer-set-img[b-67pygired8] {
    left: 50%;
    top: 51%;
    width: 38%;
    height: 38%;
    transform: translate(-50%, -50%);
    object-fit: contain;
    z-index: 3;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.55));
}

.ro-rune-viewer-art--slot1 .ro-rune-viewer-set-img[b-67pygired8] { top: 55%; }
.ro-rune-viewer-art--slot2 .ro-rune-viewer-set-img[b-67pygired8] { left: 48%; top: 48%; }
.ro-rune-viewer-art--slot4 .ro-rune-viewer-set-img[b-67pygired8] { top: 47%; }
.ro-rune-viewer-art--slot5 .ro-rune-viewer-set-img[b-67pygired8],
.ro-rune-viewer-art--slot6 .ro-rune-viewer-set-img[b-67pygired8] { left: 53%; top: 48%; }

.ro-rune-viewer-level[b-67pygired8] {
    position: absolute;
    right: 8px;
    bottom: 9px;
    z-index: 6;
    color: #ffe392;
    font-size: 12px;
    font-weight: 650;
    line-height: 1;
    text-shadow: 0 2px 1px #2c1200, 0 0 3px #000;
}

.ro-rune-viewer-info[b-67pygired8] {
    min-width: 0;
    display: grid;
    align-content: center;
    min-height: 80px;
    gap: 9px;
}

.ro-rune-viewer-main-stat[b-67pygired8] {
    color: #d9d6d0;
    font-size: 21px;
    padding-left: 5px;
    line-height: 1.08;
    text-shadow: 0 2px 1px #3b2605;
}

.ro-rune-viewer-innate[b-67pygired8] {
    color: #d9d6d0;
    font-size: 17px;
    padding-left: 5px;
    line-height: 1.15;
    text-shadow: 0 2px 1px #3b2605;
}

.ro-rune-viewer-quality-row[b-67pygired8] {
    position: absolute;
    top: 55px;
    right: 10px;
    width: 118px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ro-rune-viewer-ancient[b-67pygired8] {
    width: 22px;
    height: 22px;
    display: inline-block;
    flex: 0 0 22px;
    background: var(--rune-quality-text);
    -webkit-mask: url("/member-rune-optimizer/assets/runes-img/ancient.png") center / contain no-repeat;
    mask: url("/member-rune-optimizer/assets/runes-img/ancient.png") center / contain no-repeat;
    /* Même asset que spa-rune-viewer / RuneViewerDisplay.AncientIconUrl */
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.55));
}

.ro-rune-viewer-quality[b-67pygired8] {
    width: 118px;
    height: 27px;
    box-sizing: border-box;
    padding: 2px 8px;
    border-radius: 7px;
    color: var(--rune-quality-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 650;
    line-height: 1;
}

.ro-rune-viewer-quality--legend[b-67pygired8] { background: #763012; }
.ro-rune-viewer-quality--hero[b-67pygired8] { background: #5f2244; }
.ro-rune-viewer-quality--rare[b-67pygired8] { background: #1d414f; }
.ro-rune-viewer-quality--magic[b-67pygired8] { background: #1f6414; }
.ro-rune-viewer-quality--normal[b-67pygired8] { background: #5e5548; }

.ro-rune-viewer-score[b-67pygired8] {
    position: absolute;
    top: 88px;
    right: 10px;
    width: 118px;
    height: 26px;
    box-sizing: border-box;
    padding: 2px 10px;
    border-radius: 7px;
    background: #3b2717;
    color: #e0b06a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-size: 14px;
    font-weight: 650;
}

.ro-rune-viewer-score img[b-67pygired8] {
    width: 21px;
    height: 21px;
    object-fit: contain;
}

.ro-rune-viewer-substats-row[b-67pygired8] {
    display: grid;
    grid-template-columns: minmax(112px, max-content) minmax(142px, 1fr);
    align-items: start;
    gap: 12px;
    padding: 0 10px 0 5px;
}

.ro-rune-viewer-subs[b-67pygired8] {
    width: max-content;
    min-width: 112px;
    max-width: 230px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #f3df9a;
    display: grid;
    justify-items: start;
    gap: 3px;
    text-align: left;
    cursor: pointer;
}

.ro-rune-viewer-sub[b-67pygired8] {
    min-height: 20px;
    box-sizing: border-box;
    width: max-content;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 1px;
    color: #d9d6d0;
    font-size: 17px;
    line-height: 1;
    text-shadow: 0 2px 1px #2a1707;
    white-space: nowrap;
}

.ro-rune-viewer-sub-name[b-67pygired8] {
    color: #dfc880;
    margin-right: 4px;
}

.ro-rune-viewer-sub--total-grindable[b-67pygired8] {
    color: #f6b21b;
}

.ro-rune-viewer-sub--total-fixed[b-67pygired8] {
    color: #d9d6d0;
}

.ro-rune-viewer-grind[b-67pygired8] {
    color: #f6b21b;
}

.ro-rune-viewer-gemmed[b-67pygired8] {
    width: 22px;
    height: 22px;
    margin-left: 2px;
}

.ro-rune-viewer-metrics[b-67pygired8] {
    display: grid;
    gap: 3px;
    justify-self: end;
    min-width: 142px;
}

.ro-rune-viewer-metrics--compact[b-67pygired8] {
    gap: 1px;
}

.ro-rune-viewer-metric[b-67pygired8] {
    min-height: 15px;
    display: grid;
    grid-template-columns: max-content minmax(58px, max-content);
    align-items: center;
    justify-content: end;
    gap: 6px;
    color: #d9d6d0;
    font-size: 14px;
    line-height: 1;
    text-shadow: 0 2px 1px #2a1707;
    white-space: nowrap;
}

.ro-rune-viewer-metric-label[b-67pygired8] {
    color: #dfc880;
}

.ro-rune-viewer-metric-value[b-67pygired8] {
    min-width: 58px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.ro-rune-viewer-metric-value--pure[b-67pygired8] {
    color: #8ec5e8;
}

.ro-rune-viewer-metric-value--hero[b-67pygired8] {
    color: var(--purple, #d3afe9);
}

.ro-rune-viewer-metric-value--legend[b-67pygired8] {
    color: var(--gold, #f0b84b);
}

.ro-rune-viewer-footer[b-67pygired8] {
    margin-top: 14px;
    min-height: 27px;
    padding: 0 10px 0 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: start;
    gap: 12px;
    transform: translateY(-8px);
}

.ro-rune-viewer-effect[b-67pygired8] {
    min-width: 0;
    color: #aec60a;
    font-size: 17px;
    line-height: 1.2;
    text-shadow: 0 2px 1px #132300;
}

.ro-rune-viewer-actions[b-67pygired8] {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
}

.ro-badge[b-67pygired8] {
    display: inline-flex;
    align-items: center;
    min-width: 38px;
    height: 19px;
    padding: 0 7px;
    border-radius: 4px;
    border: 1px solid currentColor;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
}

.ro-badge--keep[b-67pygired8] { color: #c5f0ce; background: #1a3a24; }
.ro-badge--sell[b-67pygired8] { color: #f0a0aa; background: rgba(120, 40, 50, 0.28); }
.ro-badge--review[b-67pygired8] { color: #ffe09a; background: #493a18; border-color: #b8933f; }
.ro-badge--gem[b-67pygired8] { color: #ffd369; background: #4a3711; }
.ro-badge--grind[b-67pygired8] { color: #f6b46b; background: #4a2e16; }
.ro-badge--regem[b-67pygired8] { color: #d7b5ff; background: #332145; }
.ro-badge--raffinage[b-67pygired8] { color: #8ff0d2; background: #123c35; border-color: #3aa88f; }
.ro-badge--reapp[b-67pygired8] { color: #ff8d8d; background: #4a1717; }
.ro-badge--upgrade[b-67pygired8],
.ro-badge--finish[b-67pygired8] { color: #a5d6ff; background: #20384d; }

.ro-rune-viewer-feedback[b-67pygired8],
.ro-rune-viewer-copy[b-67pygired8],
.ro-rune-viewer-hide[b-67pygired8] {
    position: absolute;
    z-index: 4;
    bottom: 2px;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 1px solid rgba(191, 139, 54, 0.45);
    border-radius: 4px;
    background: #2a1c10;
    color: #f0d08a;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.ro-rune-viewer-feedback[b-67pygired8] { right: 46px; }
.ro-rune-viewer-copy[b-67pygired8] { right: 24px; }
.ro-rune-viewer-hide[b-67pygired8] { right: 2px; bottom: 1px; }

.ro-rune-viewer-monster-img[b-67pygired8] {
    position: absolute;
    right: 41px;
    bottom: 2px;
    width: 36px;
    height: 36px;
    object-fit: contain;
    border-radius: 4px;
    pointer-events: none;
    z-index: 2;
}

.ro-rune-viewer-usage-icons[b-67pygired8] {
    position: absolute;
    z-index: 4;
    top: 118px;
    right: 10px;
    width: 118px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.ro-rune-viewer-usage-icons img[b-67pygired8] {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.ro-rune-viewer-marker[b-67pygired8] {
    display: inline-grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 999px;
    background: #3a2a12;
    border: 1px solid rgba(240, 184, 75, 0.55);
    color: #f0d08a;
    font-size: 10px;
    font-weight: 800;
}

.ro-rune-viewer-feedback:hover[b-67pygired8],
.ro-rune-viewer-copy:hover[b-67pygired8],
.ro-rune-viewer-hide:hover[b-67pygired8] {
    border-color: var(--gold, #f0b84b);
    color: #fff6d8;
}

@media (max-width: 900px) {
    .ro-rune-viewer-grid[b-67pygired8],
    .ro-rune-viewer-grid--1[b-67pygired8],
    .ro-rune-viewer-grid--2[b-67pygired8],
    .ro-rune-viewer-grid--3[b-67pygired8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ro-rune-viewer-grid--1 .ro-rune-viewer-card[b-67pygired8] {
        grid-column: 1;
    }

    .ro-rune-viewer-card-main[b-67pygired8] {
        padding-right: 0;
    }

    .ro-rune-viewer-quality-row[b-67pygired8],
    .ro-rune-viewer-score[b-67pygired8] {
        position: static;
        width: auto;
        margin-top: 4px;
    }

    .ro-rune-viewer-substats-row[b-67pygired8] {
        grid-template-columns: 1fr;
    }
}
/* _content/SW_Constellation.Web/Components/Shared/ArtifactViewerCard.razor.rz.scp.css */
.artifact-viewer-card[b-y0gz8xyxgg] { --artifact-quality-bg:#5e5548; --artifact-quality-text:#efe4f8; position:relative; width:420px; box-sizing:border-box; padding:10px 12px; border:2px solid #8c6a00; border-radius:8px; background:radial-gradient(circle at 24% 20%,rgba(119,68,20,.31),transparent 43%),#21120b; color:#f7e7a3; box-shadow:inset 0 0 0 1px rgba(255,214,90,.18),0 18px 40px rgba(0,0,0,.42); display:grid; gap:8px; }
.artifact-viewer-card--compact[b-y0gz8xyxgg] { zoom:.75; }
.artifact-viewer-card--legend[b-y0gz8xyxgg] { --artifact-quality-bg:#923812; --artifact-quality-text:#ffe0a1; }.artifact-viewer-card--hero[b-y0gz8xyxgg] { --artifact-quality-bg:#a50e5d; --artifact-quality-text:#ffe1f1; }.artifact-viewer-card--rare[b-y0gz8xyxgg] { --artifact-quality-bg:#1d5d80; --artifact-quality-text:#d2f5ff; }.artifact-viewer-card--magic[b-y0gz8xyxgg] { --artifact-quality-bg:#2f7622; --artifact-quality-text:#e1ffdb; }
.artifact-viewer-remove[b-y0gz8xyxgg] { position:absolute; z-index:7; right:10px; bottom:8px; width:28px; height:28px; padding:0; display:flex; align-items:center; justify-content:center; border:1px solid rgba(238,99,121,.62); border-radius:6px; background:rgba(47,9,23,.9); color:#ffabb8; font-size:22px; font-weight:800; line-height:1; cursor:pointer; }.artifact-viewer-remove span[b-y0gz8xyxgg] { display:block; transform:translateY(-1px); }.artifact-viewer-remove:hover[b-y0gz8xyxgg] { border-color:#ff9baa; background:rgba(238,99,121,.22); color:#fff; }
.artifact-viewer-card-head[b-y0gz8xyxgg] { position:relative; min-height:36px; display:grid; grid-template-columns:40px minmax(0,1fr); align-items:center; gap:7px; }.artifact-viewer-card-head strong[b-y0gz8xyxgg] { position:absolute; inset:0; min-width:0; padding:0 76px 0 42px; color:#ff4ee8; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:400; line-height:1.08; text-align:center; text-shadow:0 2px 0 #5a004f,0 0 5px rgba(255,54,222,.45); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.artifact-viewer-card--legend .artifact-viewer-card-head strong[b-y0gz8xyxgg] { color:#f5a64e; text-shadow:0 2px 0 #5b3800,0 0 4px rgba(255,196,56,.38); }.artifact-viewer-card--rare .artifact-viewer-card-head strong[b-y0gz8xyxgg] { color:#74ddff; text-shadow:0 2px 0 #093f5b; }.artifact-viewer-card--magic .artifact-viewer-card-head strong[b-y0gz8xyxgg] { color:#8df06c; text-shadow:0 2px 0 #134b11; }
.artifact-viewer-marker-slot[b-y0gz8xyxgg] { position:relative; z-index:2; width:36px; height:36px; display:grid; place-items:center; }.artifact-viewer-marker[b-y0gz8xyxgg] { min-width:30px; height:30px; padding:0 6px; border:2px solid rgba(191,139,54,.44); border-radius:50%; background:rgba(0,0,0,.16); color:#b99660; display:inline-flex; align-items:center; justify-content:center; font-size:17px; font-weight:900; line-height:1; }
.artifact-viewer-card-main[b-y0gz8xyxgg] { display:grid; grid-template-columns:80px minmax(0,1fr); gap:10px; align-items:start; width:calc(100% + 20px); margin-left:-20px; padding-right:124px; box-sizing:border-box; }.artifact-viewer-left[b-y0gz8xyxgg] { width:80px; min-width:80px; }.artifact-viewer-art[b-y0gz8xyxgg] { position:relative; width:80px; height:80px; }.artifact-viewer-frame[b-y0gz8xyxgg],.artifact-viewer-center[b-y0gz8xyxgg] { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }.artifact-viewer-center[b-y0gz8xyxgg] { width:20%; height:20%; top:40%; left:40%; filter:drop-shadow(0 2px 2px rgba(0,0,0,.62)); }.artifact-viewer-monster[b-y0gz8xyxgg] { position:absolute; z-index:6; left:3px; bottom:3px; width:34%; height:34%; border:1px solid rgba(255,229,137,.8); border-radius:4px; background:#101010; object-fit:cover; }.artifact-viewer-info[b-y0gz8xyxgg] { min-width:0; display:grid; align-content:center; min-height:80px; }.artifact-viewer-main-stat[b-y0gz8xyxgg] { color:#f4eef9; padding-left:5px; font-size:21px; line-height:1.08; text-shadow:0 2px 1px #3b2605; }
.artifact-viewer-quality[b-y0gz8xyxgg] { position:absolute; top:54px; right:10px; width:118px; height:27px; display:grid; place-items:center; border-radius:7px; background:var(--artifact-quality-bg); color:var(--artifact-quality-text); font-size:14px; font-weight:650; }.artifact-viewer-score[b-y0gz8xyxgg] { position:absolute; top:87px; right:10px; width:118px; height:26px; display:flex; align-items:center; justify-content:center; gap:3px; border-radius:7px; background:#3b2717; color:#c7954d; font-size:14px; font-weight:650; }.artifact-viewer-score img[b-y0gz8xyxgg] { width:21px; height:21px; object-fit:contain; }
.artifact-viewer-subs[b-y0gz8xyxgg] { display:grid; gap:3px; width:calc(100% + 20px); margin:0 0 0 -20px; padding:0 10px 0 5px; box-sizing:border-box; }.artifact-viewer-substat[b-y0gz8xyxgg] { min-height:20px; display:flex; align-items:center; gap:4px; color:#f5d484; font-size:17px; line-height:1; text-shadow:0 2px 1px #2a1707; }.artifact-viewer-substat-text[b-y0gz8xyxgg] { min-width:0; }.artifact-viewer-substat-value[b-y0gz8xyxgg] { margin-left:4px; color:#f4eef9; white-space:nowrap; }.artifact-viewer-substat-contribution[b-y0gz8xyxgg] { flex:0 0 auto; display:inline-flex; align-items:center; height:18px; box-sizing:border-box; margin-left:auto; padding:1px 5px; border:1px solid rgba(117,217,255,.48); border-radius:5px; background:linear-gradient(145deg,rgba(10,54,74,.8),rgba(10,29,50,.84)); box-shadow:inset 0 0 0 1px rgba(117,217,255,.1); color:#75d9ff; font-size:13px; font-weight:800; line-height:1; white-space:nowrap; text-shadow:0 1px 1px #082c3d; }.artifact-viewer-procs[b-y0gz8xyxgg],.artifact-viewer-gemmed[b-y0gz8xyxgg] { flex:0 0 20px; width:20px; height:20px; box-sizing:border-box; margin:0; }.artifact-viewer-procs[b-y0gz8xyxgg] { display:grid; place-items:center; border:1px solid rgba(139,92,246,.58); border-radius:5px; background:linear-gradient(145deg,rgba(63,39,111,.96),rgba(25,12,54,.98)); color:#d8cdf5; font-size:13px; }.artifact-viewer-procs.has-procs[b-y0gz8xyxgg] { border-color:#5fe0a7; background:linear-gradient(145deg,rgba(27,145,102,.94),rgba(31,108,73,.98)); color:#e5fff1; }.artifact-viewer-gemmed[b-y0gz8xyxgg] { object-fit:contain; }.artifact-viewer-footer[b-y0gz8xyxgg] { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:end; width:calc(100% + 20px); margin:4px 0 0 -20px; padding:0 10px 0 5px; box-sizing:border-box; }.artifact-viewer-efficiency[b-y0gz8xyxgg] { grid-column:3; display:flex; align-self:center; justify-content:flex-end; gap:6px; margin-right:38px; color:#f5d484; font-size:14px; line-height:1; text-shadow:0 2px 1px #2a1707; }.artifact-viewer-efficiency span:last-child[b-y0gz8xyxgg] { color:#f4eef9; }.artifact-viewer-per-hit[b-y0gz8xyxgg] { grid-column:2; justify-self:center; display:grid; justify-items:center; gap:2px; padding:4px 12px 5px; border:1px solid rgba(117,217,255,.48); border-radius:7px; background:linear-gradient(145deg,rgba(10,54,74,.8),rgba(10,29,50,.84)); box-shadow:inset 0 0 0 1px rgba(117,217,255,.1); color:#9cb9cd; line-height:1; }.artifact-viewer-per-hit span[b-y0gz8xyxgg] { font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }.artifact-viewer-per-hit strong[b-y0gz8xyxgg] { color:#75d9ff; font-size:20px; font-weight:800; text-shadow:0 1px 1px #082c3d; }
.artifact-viewer-usage-icons[b-y0gz8xyxgg] { position:absolute; z-index:4; top:118px; right:10px; width:118px; min-height:0; display:inline-flex; align-items:center; justify-content:flex-end; gap:2px; padding:0; border:0; background:transparent; cursor:pointer; }.artifact-viewer-usage-icons:hover[b-y0gz8xyxgg] { filter:brightness(1.15); }.artifact-viewer-usage-icons img[b-y0gz8xyxgg] { flex:0 0 18px; width:18px; height:18px; object-fit:contain; filter:drop-shadow(0 1px 1px rgba(0,0,0,.55)); }
.artifact-viewer-deck-backdrop[b-y0gz8xyxgg] { position:fixed; inset:0; z-index:11001; display:grid; place-items:center; padding:24px; background:rgba(0,0,0,.62); backdrop-filter:blur(3px); }.artifact-viewer-deck-popover[b-y0gz8xyxgg] { width:min(420px,calc(100vw - 16px)); max-height:min(520px,calc(100vh - 24px)); overflow:auto; padding:10px; border:1px solid rgba(139,92,246,.55); border-radius:8px; background:linear-gradient(145deg,#211040,#120521); color:#eef2ff; box-shadow:0 16px 38px rgba(0,0,0,.5); }.artifact-viewer-deck-head[b-y0gz8xyxgg] { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:7px; }.artifact-viewer-deck-head strong[b-y0gz8xyxgg] { max-width:260px; color:#d8d1c8; font-weight:800; line-height:1.25; white-space:normal; }.artifact-viewer-deck-head button[b-y0gz8xyxgg] { width:24px; min-width:24px; height:24px; padding:0; border:1px solid rgba(139,92,246,.42); border-radius:5px; background:rgba(10,1,24,.76); color:#bdb1d8; font-size:18px; font-weight:900; line-height:1; cursor:pointer; }.artifact-viewer-deck-head button:hover[b-y0gz8xyxgg] { border-color:#59e2f2; background:rgba(6,182,212,.18); color:#fff; }.artifact-viewer-deck-list[b-y0gz8xyxgg] { display:grid; gap:6px; }.artifact-viewer-deck-row[b-y0gz8xyxgg] { display:grid; gap:4px; padding:8px; border:1px solid rgba(139,92,246,.3); border-radius:6px; background:rgba(26,11,46,.78); }.artifact-viewer-deck-row strong[b-y0gz8xyxgg] { color:#eef2ff; }.artifact-viewer-deck-row span[b-y0gz8xyxgg] { color:#bdb1d8; font-size:14px; line-height:1.35; }.artifact-viewer-deck-row--pvp[b-y0gz8xyxgg] { border-color:rgba(224,143,153,.55); color:#ffb7c0; }.artifact-viewer-deck-row--rta[b-y0gz8xyxgg] { border-color:rgba(142,197,232,.55); color:#a9d8ff; }.artifact-viewer-deck-row--pve[b-y0gz8xyxgg] { border-color:rgba(129,201,149,.45); color:#b6efc5; }
@media (max-width:720px) { .artifact-viewer-card[b-y0gz8xyxgg] { transform:scale(min(1,calc((100vw - 28px) / 420))); transform-origin:top center; } }
/* _content/SW_Constellation.Web/Components/Shared/ArtifactViewerModal.razor.rz.scp.css */
.artifact-viewer-backdrop[b-rovk2bmjgg],
.artifact-viewer-deck-backdrop[b-rovk2bmjgg] {
    position: fixed;
    inset: 0;
    z-index: 11000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(4, 0, 15, .76);
    backdrop-filter: blur(3px);
}

.artifact-viewer-modal[b-rovk2bmjgg] {
    width: min(1320px, calc(100vw - 48px));
    max-height: min(92vh, 980px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #6643a7;
    border-radius: 14px;
    background: linear-gradient(145deg, #241044 0%, #10031f 100%);
    color: #f4efff;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .7), inset 0 1px rgba(255,255,255,.1);
}

.artifact-viewer-modal-head[b-rovk2bmjgg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(150, 103, 234, .43);
    background: linear-gradient(90deg, rgba(63, 28, 114, .7), rgba(16, 3, 31, .32));
}

.artifact-viewer-modal-head h2[b-rovk2bmjgg] { margin: 0; color: #f4efff; font-size: 20px; font-weight: 800; }
.artifact-viewer-modal-head p[b-rovk2bmjgg] { margin: 4px 0 0; color: #d7cbff; font-size: 14px; }
.artifact-viewer-controls[b-rovk2bmjgg] { display: flex; align-items: center; gap: 12px; }
.artifact-viewer-controls button[b-rovk2bmjgg] {
    min-height: 34px; padding: 0 11px; border: 1px solid #7046bf; border-radius: 7px;
    background: rgba(28, 10, 57, .9); color: #f4efff; font-size: 12px; font-weight: 700; cursor: pointer;
}
.artifact-viewer-controls button:hover:not(:disabled)[b-rovk2bmjgg] { border-color: #20c5f2; background: #352065; }
.artifact-viewer-controls button:disabled[b-rovk2bmjgg] { opacity: .45; cursor: default; }
.artifact-viewer-controls .artifact-viewer-close[b-rovk2bmjgg] { width: 34px; padding: 0; border-color: #0da8d3; font-size: 20px; display: flex; align-items: center; justify-content: center; line-height: 1; }
.artifact-viewer-controls .artifact-viewer-close span[b-rovk2bmjgg] { display: block; transform: translateY(-1px); }

.artifact-viewer-modal-body[b-rovk2bmjgg] { overflow: auto; padding: 12px 14px 14px; }
.artifact-viewer-grid[b-rovk2bmjgg] { display: grid; place-items: center; }

.artifact-viewer-card[b-rovk2bmjgg] {
    --artifact-quality-bg: #5e5548;
    --artifact-quality-text: #efe4f8;
    position: relative;
    width: 420px;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 2px solid #8c6a00;
    border-radius: 8px;
    background: radial-gradient(circle at 24% 20%, rgba(119, 68, 20, .31), transparent 43%), #21120b;
    color: #f7e7a3;
    box-shadow: inset 0 0 0 1px rgba(255, 214, 90, .18), 0 18px 40px rgba(0,0,0,.42);
    display: grid;
    gap: 8px;
}
.artifact-viewer-card--legend[b-rovk2bmjgg] { --artifact-quality-bg: #923812; --artifact-quality-text: #ffe0a1; }
.artifact-viewer-card--hero[b-rovk2bmjgg] { --artifact-quality-bg: #a50e5d; --artifact-quality-text: #ffe1f1; }
.artifact-viewer-card--rare[b-rovk2bmjgg] { --artifact-quality-bg: #1d5d80; --artifact-quality-text: #d2f5ff; }
.artifact-viewer-card--magic[b-rovk2bmjgg] { --artifact-quality-bg: #2f7622; --artifact-quality-text: #e1ffdb; }

.artifact-viewer-card-head[b-rovk2bmjgg] { position: relative; min-height: 36px; display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 7px; }
.artifact-viewer-card-head strong[b-rovk2bmjgg] { position: absolute; inset: 0; min-width: 0; padding: 0 76px 0 42px; color: #ff4ee8; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 400; line-height: 1.08; text-align: center; text-shadow: 0 2px 0 #5a004f, 0 0 5px rgba(255, 54, 222, .45); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.artifact-viewer-card--legend .artifact-viewer-card-head strong[b-rovk2bmjgg] { color: #f5a64e; text-shadow: 0 2px 0 #5b3800, 0 0 4px rgba(255,196,56,.38); }
.artifact-viewer-card--rare .artifact-viewer-card-head strong[b-rovk2bmjgg] { color: #74ddff; text-shadow: 0 2px 0 #093f5b; }
.artifact-viewer-card--magic .artifact-viewer-card-head strong[b-rovk2bmjgg] { color: #8df06c; text-shadow: 0 2px 0 #134b11; }
.artifact-viewer-marker-slot[b-rovk2bmjgg] { position: relative; z-index: 2; width: 36px; height: 36px; display: grid; place-items: center; }
.artifact-viewer-marker[b-rovk2bmjgg] { min-width: 30px; height: 30px; padding: 0 6px; border: 2px solid rgba(191, 139, 54, .44); border-radius: 50%; background: rgba(0, 0, 0, .16); color: #b99660; display: inline-flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 900; line-height: 1; }

.artifact-viewer-card-main[b-rovk2bmjgg] { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 10px; align-items: start; width: calc(100% + 20px); margin-left: -20px; padding-right: 124px; box-sizing: border-box; }
.artifact-viewer-left[b-rovk2bmjgg] { width: 80px; min-width: 80px; display: grid; gap: 8px; }
.artifact-viewer-art[b-rovk2bmjgg] { position: relative; width: 80px; height: 80px; }
.artifact-viewer-frame[b-rovk2bmjgg], .artifact-viewer-center[b-rovk2bmjgg] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.artifact-viewer-center[b-rovk2bmjgg] { width: 20%; height: 20%; top: 40%; left: 40%; filter: drop-shadow(0 2px 2px rgba(0,0,0,.62)); }
.artifact-viewer-monster[b-rovk2bmjgg] {
    position: absolute;
    z-index: 6;
    left: 3px;
    bottom: 3px;
    width: 34%;
    height: 34%;
    border: 1px solid rgba(255, 229, 137, .8);
    border-radius: 4px;
    background: #101010;
    object-fit: cover;
}
.artifact-viewer-info[b-rovk2bmjgg] { min-width: 0; display: grid; align-content: center; min-height: 80px; gap: 9px; }
.artifact-viewer-main-stat[b-rovk2bmjgg] { color: #f4eef9; padding-left: 5px; font-size: 21px; line-height: 1.08; text-shadow: 0 2px 1px #3b2605; }
.artifact-viewer-quality[b-rovk2bmjgg] { position: absolute; top: 54px; right: 10px; width: 118px; height: 27px; display: grid; place-items: center; border-radius: 7px; background: var(--artifact-quality-bg); color: var(--artifact-quality-text); font-size: 14px; font-weight: 650; }
.artifact-viewer-score[b-rovk2bmjgg] { position: absolute; top: 87px; right: 10px; width: 118px; height: 26px; display: flex; align-items: center; justify-content: center; gap: 3px; border-radius: 7px; background: #3b2717; color: #c7954d; font-size: 14px; font-weight: 650; }
.artifact-viewer-score img[b-rovk2bmjgg] { width: 21px; height: 21px; object-fit: contain; }

.artifact-viewer-usage-icons[b-rovk2bmjgg] {
    position: absolute;
    z-index: 4;
    top: 118px;
    right: 10px;
    width: 118px;
    min-height: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}
.artifact-viewer-usage-icons:hover[b-rovk2bmjgg] { filter: brightness(1.15); }
.artifact-viewer-usage-icons img[b-rovk2bmjgg] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    object-fit: contain;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .55));
}

.artifact-viewer-subs[b-rovk2bmjgg] { display: grid; gap: 3px; width: calc(100% + 20px); margin: 0 0 0 -20px; padding: 0 10px 0 5px; box-sizing: border-box; }
.artifact-viewer-substat[b-rovk2bmjgg] { min-height: 20px; display: flex; align-items: flex-start; gap: 4px; color: #f5d484; font-size: 17px; line-height: 1; text-shadow: 0 2px 1px #2a1707; }
.artifact-viewer-substat-text[b-rovk2bmjgg] { min-width: 0; }
.artifact-viewer-substat-label[b-rovk2bmjgg] { color: inherit; }
.artifact-viewer-substat-value[b-rovk2bmjgg] { margin-left: 4px; color: #f4eef9; white-space: nowrap; }
.artifact-viewer-procs[b-rovk2bmjgg], .artifact-viewer-gemmed[b-rovk2bmjgg] { flex: 0 0 25px; width: 25px; height: 25px; box-sizing: border-box; margin-top: -1px; }
.artifact-viewer-procs[b-rovk2bmjgg] {
    display: grid;
    place-items: center;
    border: 1px solid rgba(139, 92, 246, .58);
    border-radius: 6px;
    background: linear-gradient(145deg, rgba(63, 39, 111, .96), rgba(25, 12, 54, .98));
    color: #d8cdf5;
    font-size: 15px;
    font-weight: 400;
    text-shadow: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 4px rgba(0,0,0,.42);
}
.artifact-viewer-procs.has-procs[b-rovk2bmjgg] {
    border-color: #20c5f2;
    background: linear-gradient(145deg, rgba(27, 102, 145, .94), rgba(50, 31, 108, .98));
    color: #e5fbff;
    box-shadow: inset 0 1px 0 rgba(220, 251, 255, .22), 0 0 7px rgba(32, 197, 242, .2), 0 2px 4px rgba(0,0,0,.42);
}
.artifact-viewer-gemmed[b-rovk2bmjgg] { object-fit: contain; }
.artifact-viewer-efficiency[b-rovk2bmjgg] { display: flex; justify-content: flex-end; gap: 6px; width: calc(100% + 20px); margin: 12px -20px 0 0; padding: 0 10px 0 5px; box-sizing: border-box; color: #f5d484; font-size: 14px; line-height: 1; text-shadow: 0 2px 1px #2a1707; }
.artifact-viewer-efficiency span:last-child[b-rovk2bmjgg] { color: #f4eef9; }

.artifact-viewer-deck-backdrop[b-rovk2bmjgg] { z-index: 11001; background: rgba(0, 0, 0, .62); }
.artifact-viewer-deck-popover[b-rovk2bmjgg] {
    width: min(420px, calc(100vw - 16px));
    max-height: min(520px, calc(100vh - 24px));
    overflow: auto;
    padding: 10px;
    border: 1px solid rgba(139, 92, 246, .55);
    border-radius: 8px;
    background: linear-gradient(145deg, #211040, #120521);
    color: #eef2ff;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .5);
}
.artifact-viewer-deck-head[b-rovk2bmjgg] { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 7px; }
.artifact-viewer-deck-head strong[b-rovk2bmjgg] { max-width: 260px; color: #d8d1c8; font-weight: 800; line-height: 1.25; white-space: normal; }
.artifact-viewer-deck-head button[b-rovk2bmjgg] { width: 24px; min-width: 24px; height: 24px; padding: 0; border: 1px solid rgba(139, 92, 246, .42); border-radius: 5px; background: rgba(10, 1, 24, .76); color: #bdb1d8; font-size: 18px; font-weight: 900; line-height: 1; cursor: pointer; }
.artifact-viewer-deck-head button:hover[b-rovk2bmjgg] { border-color: #59e2f2; background: rgba(6, 182, 212, .18); color: #fff; }
.artifact-viewer-deck-list[b-rovk2bmjgg] { display: grid; gap: 6px; }
.artifact-viewer-deck-row[b-rovk2bmjgg] { display: grid; gap: 4px; padding: 8px; border: 1px solid rgba(139, 92, 246, .3); border-radius: 6px; background: rgba(26, 11, 46, .78); }
.artifact-viewer-deck-row strong[b-rovk2bmjgg] { color: #eef2ff; }
.artifact-viewer-deck-row span[b-rovk2bmjgg] { color: #bdb1d8; font-size: 14px; line-height: 1.35; }
.artifact-viewer-deck-row--pvp[b-rovk2bmjgg] { border-color: rgba(224, 143, 153, .55); color: #ffb7c0; }
.artifact-viewer-deck-row--rta[b-rovk2bmjgg] { border-color: rgba(142, 197, 232, .55); color: #a9d8ff; }
.artifact-viewer-deck-row--pve[b-rovk2bmjgg] { border-color: rgba(129, 201, 149, .45); color: #b6efc5; }

@media (max-width: 720px) {
    .artifact-viewer-backdrop[b-rovk2bmjgg] { padding: 10px; }
    .artifact-viewer-modal[b-rovk2bmjgg] { width: 100%; max-height: 96vh; }
    .artifact-viewer-modal-head[b-rovk2bmjgg] { padding: 14px; align-items: flex-start; }
    .artifact-viewer-modal-head h2[b-rovk2bmjgg] { font-size: 20px; }
    .artifact-viewer-modal-head p[b-rovk2bmjgg] { font-size: 14px; }
    .artifact-viewer-controls[b-rovk2bmjgg] { gap: 5px; }
    .artifact-viewer-controls button[b-rovk2bmjgg] { min-height: 38px; padding: 0 9px; font-size: 13px; }
    .artifact-viewer-controls .artifact-viewer-close[b-rovk2bmjgg] { width: 38px; }
    .artifact-viewer-modal-body[b-rovk2bmjgg] { padding: 14px 4px; }
    .artifact-viewer-card[b-rovk2bmjgg] { transform: scale(min(1, calc((100vw - 28px) / 420))); transform-origin: top center; }
}
/* _content/SW_Constellation.Web/Components/Siege/SiegeMapNode.razor.rz.scp.css */
.siege-map__node[b-tio9w4ak17],
.siege-map__hud-anchor[b-tio9w4ak17] {
    position: absolute;
    /* Anchor bottom-center of the building on the map node (white circle). */
    transform: translate(-50%, -77%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.siege-map__node[b-tio9w4ak17] {
    z-index: 2;
    isolation: isolate;
}

.siege-map__node--mapped[b-tio9w4ak17] {
    cursor: pointer;
}

.siege-map__node--unmapped[b-tio9w4ak17] {
    cursor: default;
    opacity: 0.68;
}

.siege-map__node--selected .siege-map__sprite[b-tio9w4ak17] {
    filter:
        drop-shadow(0 0 6px rgba(255, 255, 255, 0.95))
        drop-shadow(0 5px 5px rgba(0, 0, 0, 0.6));
}

.siege-map__node--combat .siege-map__sprite[b-tio9w4ak17] {
    filter:
        drop-shadow(0 0 7px rgba(255, 76, 76, 0.95))
        drop-shadow(0 4px 4px rgba(0, 0, 0, 0.65));
}

.siege-map__hud-anchor[b-tio9w4ak17] {
    width: 7%;
    pointer-events: none;
}

.siege-map__building--size-only[b-tio9w4ak17] {
    visibility: hidden;
}

.siege-map__sprite-spacer[b-tio9w4ak17] {
    width: 100%;
    aspect-ratio: 142 / 187;
}

.siege-map__node:hover[b-tio9w4ak17],
.siege-map__node:focus-within[b-tio9w4ak17] {
    z-index: 50;
}

.siege-map__node:focus-visible[b-tio9w4ak17] {
    outline: 2px solid var(--neon-accent, #7dd3fc);
    outline-offset: 2px;
    border-radius: 4px;
}

.siege-map__node--hq[b-tio9w4ak17] {
    width: 14%;
}

.siege-map__node--tower[b-tio9w4ak17] {
    width: 7%;
}

/* Wrapper sized to the building sprite. */
.siege-map__building[b-tio9w4ak17] {
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.siege-map__sprite-wrap[b-tio9w4ak17] {
    position: relative;
    z-index: 1;
    width: 65%;
}

.siege-map__sprite[b-tio9w4ak17] {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.55));
}

.siege-map__building--construction .siege-map__sprite[b-tio9w4ak17] {
    opacity: 0.45;
}

.siege-map__timer[b-tio9w4ak17] {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -115%);
    z-index: 15;
    font-weight: 700;
    font-size: clamp(10px, 1.1vw, 14px);
    line-height: 1;
    color: #fff;
    text-shadow:
        0 0 2px #000,
        0 1px 3px rgba(0, 0, 0, 0.85),
        1px 0 0 #3d2818,
        -1px 0 0 #3d2818,
        0 1px 0 #3d2818,
        0 -1px 0 #3d2818;
    pointer-events: none;
    white-space: nowrap;
}

/* HUD row: blason + defense bar — sibling of building, above sprite layer. */
.siege-map__hud[b-tio9w4ak17] {
    position: absolute;
    bottom: -23%;
    left: 0%;
    display: flex;
    align-items: center;
    z-index: 10;
    pointer-events: none;
}

.siege-map__defense-bar[b-tio9w4ak17] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 2px 3px;
    background: #2a1810;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.siege-map__defense-slot[b-tio9w4ak17] {
    width: 9px;
    height: 12px;
    border-radius: 2px;
    border: 1px solid rgba(255, 232, 176, 0.75);
    background: rgba(17, 17, 17, 0.95);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.35);
}

.siege-map__defense-slot--alive[b-tio9w4ak17] {
    background: linear-gradient(180deg, #f9df87 0%, #c8882f 100%);
}

.siege-map__defense-slot--fallen[b-tio9w4ak17] {
    background: rgba(62, 31, 22, 0.92);
    border-color: rgba(148, 82, 52, 0.75);
}

.siege-map__defense-slot--unknown[b-tio9w4ak17] {
    background: rgba(17, 17, 17, 0.45);
    border-color: rgba(255, 232, 176, 0.28);
}

/* Badge number inside HUD row. */
.siege-map__hud .siege-map__badge[b-tio9w4ak17] {
    position: static;
    bottom: auto;
    left: auto;
    flex-shrink: 0;
}

.siege-map__badge[b-tio9w4ak17] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    pointer-events: none;
    box-sizing: border-box;
}

.siege-map__badge-inner[b-tio9w4ak17] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

/* Blue camp: shield outline + black fill. */
.siege-map__badge--blue[b-tio9w4ak17] {
    width: 18px;
    height: 21px;
    padding: 2px;
    background: #4da3ff;
    clip-path: polygon(0 0, 100% 0, 100% 62%, 50% 100%, 0 62%);
}

.siege-map__badge--blue .siege-map__badge-inner[b-tio9w4ak17] {    
    padding-bottom: 20%;
    width: 100%;
    height: 100%;
    background: #111;
    clip-path: polygon(0 0, 100% 0, 100% 62%, 50% 100%, 0 62%);
}

/* Yellow camp: square. */
.siege-map__badge--yellow[b-tio9w4ak17] {
    width: 17px;
    height: 17px;
    border: 2px solid #f5c518;
    border-radius: 3px;
    background: #111;
}

/* Red camp: circle. */
.siege-map__badge--red[b-tio9w4ak17] {
    width: 17px;
    height: 17px;
    border: 2px solid #e53935;
    border-radius: 50%;
    background: #111;
}

@media (max-width: 540px) {
    .siege-map__badge[b-tio9w4ak17] {
        font-size: 9px;
    }

    .siege-map__badge--blue[b-tio9w4ak17],
    .siege-map__badge--yellow[b-tio9w4ak17],
    .siege-map__badge--red[b-tio9w4ak17] {
        width: 18px;
        height: 18px;
    }

    .siege-map__badge--blue[b-tio9w4ak17] {
        height: 21px;
    }
}
/* _content/SW_Constellation.Web/Components/UI/Forms/AppAutocomplete.razor.rz.scp.css */
.app-autocomplete[b-tfio8oidp2] {
    position: relative;
    min-width: 0;
}

.app-autocomplete__control[b-tfio8oidp2] {
    position: relative;
}

.app-autocomplete__control .form-control[b-tfio8oidp2] {
    padding-right: 2.4rem;
}

.app-autocomplete__control input[type="search"][b-tfio8oidp2]::-webkit-search-cancel-button {
    appearance: none;
}

.app-autocomplete.is-open .form-control[b-tfio8oidp2] {
    border-color: var(--neon-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--neon-accent) 20%, transparent);
}

.app-autocomplete__clear[b-tfio8oidp2] {
    position: absolute;
    top: 50%;
    right: .7rem;
    display: grid;
    width: 1.45rem;
    height: 1.45rem;
    place-items: center;
    transform: translateY(-50%);
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--neon-muted);
    cursor: pointer;
}

.app-autocomplete__clear:hover[b-tfio8oidp2],
.app-autocomplete__clear:focus-visible[b-tfio8oidp2] {
    color: var(--neon-accent);
    outline: none;
}

.app-autocomplete__results[b-tfio8oidp2] {
    position: absolute;
    z-index: 80;
    top: calc(100% + .38rem);
    right: 0;
    left: 0;
    display: grid;
    max-height: min(25rem, 58vh);
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid color-mix(in srgb, var(--neon-accent) 55%, var(--neon-panel-border));
    border-radius: 10px;
    background: color-mix(in srgb, var(--neon-surface-strong, #1a0b2e) 97%, black);
    box-shadow: 0 18px 42px rgba(3, 0, 12, .58), 0 0 22px color-mix(in srgb, var(--neon-accent) 13%, transparent);
    scrollbar-color: color-mix(in srgb, var(--neon-accent) 48%, var(--neon-surface-alt)) var(--neon-surface);
    scrollbar-width: thin;
}

.app-autocomplete__results > button[b-tfio8oidp2] {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 2.8rem;
    gap: .7rem;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--neon-panel-border) 75%, transparent);
    padding: .55rem .7rem;
    background: transparent;
    color: var(--neon-text);
    text-align: left;
    cursor: pointer;
}

.app-autocomplete__results > button:last-child[b-tfio8oidp2] {
    border-bottom: 0;
}

.app-autocomplete__results > button:hover[b-tfio8oidp2],
.app-autocomplete__results > button:focus-visible[b-tfio8oidp2],
.app-autocomplete__results > button.is-active[b-tfio8oidp2] {
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--neon-accent) 18%, transparent),
        color-mix(in srgb, var(--neon-accent-strong) 14%, transparent));
    color: #fff;
    outline: none;
}

.app-autocomplete__results > button > span[b-tfio8oidp2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-autocomplete__empty[b-tfio8oidp2] {
    margin: 0;
    padding: .8rem;
    color: var(--neon-muted);
    font-size: .82rem;
}
/* _content/SW_Constellation.Web/Components/UI/Forms/AppMonsterPortrait.razor.rz.scp.css */
.app-monster-portrait[b-o13i5z3tic] { display:block; width:100%; height:100%; object-fit:cover; }
.app-monster-portrait--collaboration[b-o13i5z3tic] { position:relative; overflow:hidden; border-radius:inherit; background:var(--neon-surface,#0a101a); }
.app-monster-portrait--collaboration img[b-o13i5z3tic] { position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:0; object-fit:cover; }
.app-monster-portrait__classic[b-o13i5z3tic] { clip-path:polygon(0 0,58% 0,43% 100%,0 100%); }
.app-monster-portrait__collaboration[b-o13i5z3tic] { clip-path:polygon(58% 0,100% 0,100% 100%,43% 100%); }
.app-monster-portrait--collaboration[b-o13i5z3tic]::after { content:""; position:absolute; z-index:1; top:-9%; bottom:-9%; left:49%; width:2px; transform:rotate(8deg); background:color-mix(in srgb,var(--neon-text,#f1f4ff) 70%,transparent); box-shadow:0 0 4px var(--neon-bg,#080a18); pointer-events:none; }
/* _content/SW_Constellation.Web/Components/UI/Forms/AppMonsterSearchModal.razor.rz.scp.css */
.app-monster-search-modal[b-ny2tppmseh] { display:grid; gap:.7rem; }
.app-monster-search-modal > label[b-ny2tppmseh] { color:var(--neon-muted,#a9a2bd); font-size:.8rem; font-weight:800; }
.app-monster-search-modal > p[b-ny2tppmseh] { margin:0; color:var(--neon-muted,#a9a2bd); }
.app-monster-search-modal__results[b-ny2tppmseh] { display:grid; max-height:360px; overflow:auto; border:1px solid var(--neon-panel-border); border-radius:9px; }
.app-monster-search-modal__results button[b-ny2tppmseh] { display:flex; align-items:center; gap:.7rem; width:100%; border:0; border-bottom:1px solid rgba(139,92,246,.18); padding:.55rem .7rem; background:transparent; color:var(--neon-text,#f1f4ff); text-align:left; cursor:pointer; }
.app-monster-search-modal__results button:last-child[b-ny2tppmseh] { border-bottom:0; }
.app-monster-search-modal__results button:hover[b-ny2tppmseh],.app-monster-search-modal__results button:focus-visible[b-ny2tppmseh] { background:rgba(6,182,212,.13); outline:none; }
.app-monster-search-modal__portrait[b-ny2tppmseh] { flex:0 0 42px; width:42px; height:42px; overflow:hidden; border:1px solid color-mix(in srgb,var(--neon-accent,#8b5cf6) 42%,transparent); border-radius:8px; background:var(--neon-surface,#0a101a); }
.app-monster-search-modal__results button > span:last-child[b-ny2tppmseh] { display:grid; gap:.13rem; min-width:0; }
.app-monster-search-modal__results strong[b-ny2tppmseh] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.app-monster-search-modal__results small[b-ny2tppmseh] { color:var(--neon-muted,#a9a2bd); }
/* _content/SW_Constellation.Web/Components/UI/Forms/AppSelectDropdown.razor.rz.scp.css */
.app-select-dropdown[b-cc17fxq0i5] {
    position: relative;
    min-width: 0;
}

.app-select-dropdown__trigger[b-cc17fxq0i5] {
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    border: 1px solid color-mix(in srgb, var(--neon-panel-border) 86%, transparent);
    border-radius: var(--bs-border-radius, .375rem);
    padding: .45rem .75rem;
    background: var(--neon-surface-alt);
    color: var(--neon-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.app-select-dropdown__trigger:hover:not(:disabled)[b-cc17fxq0i5] {
    border-color: color-mix(in srgb, var(--neon-accent) 72%, var(--neon-panel-border));
}

.app-select-dropdown__trigger:focus-visible[b-cc17fxq0i5],
.app-select-dropdown.is-open .app-select-dropdown__trigger[b-cc17fxq0i5] {
    border-color: var(--neon-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--neon-accent) 20%, transparent);
    outline: none;
}

.app-select-dropdown__trigger:disabled[b-cc17fxq0i5] {
    opacity: .6;
    cursor: not-allowed;
}

.app-select-dropdown__trigger > i[b-cc17fxq0i5] {
    flex: 0 0 auto;
    color: var(--neon-muted);
    font-size: .75rem;
    transition: transform 140ms ease, color 140ms ease;
}

.app-select-dropdown.is-open .app-select-dropdown__trigger > i[b-cc17fxq0i5] {
    transform: rotate(180deg);
    color: var(--neon-accent);
}

.app-select-dropdown__value[b-cc17fxq0i5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-select-dropdown__value.is-placeholder[b-cc17fxq0i5] {
    color: var(--neon-muted);
}

.app-select-dropdown__results[b-cc17fxq0i5] {
    position: absolute;
    z-index: 80;
    top: calc(100% + .38rem);
    right: 0;
    left: 0;
    display: grid;
    max-height: min(25rem, 58vh);
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid color-mix(in srgb, var(--neon-accent) 55%, var(--neon-panel-border));
    border-radius: 10px;
    background: color-mix(in srgb, var(--neon-surface-strong, #1a0b2e) 97%, black);
    box-shadow: 0 18px 42px rgba(3, 0, 12, .58), 0 0 22px color-mix(in srgb, var(--neon-accent) 13%, transparent);
    scrollbar-color: color-mix(in srgb, var(--neon-accent) 48%, var(--neon-surface-alt)) var(--neon-surface);
    scrollbar-width: thin;
}

.app-select-dropdown__results > button[b-cc17fxq0i5] {
    width: 100%;
    min-height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--neon-panel-border) 75%, transparent);
    padding: .55rem .7rem;
    background: transparent;
    color: var(--neon-text);
    text-align: left;
    cursor: pointer;
}

.app-select-dropdown__results > button:last-child[b-cc17fxq0i5] {
    border-bottom: 0;
}

.app-select-dropdown__results > button:hover[b-cc17fxq0i5],
.app-select-dropdown__results > button:focus-visible[b-cc17fxq0i5],
.app-select-dropdown__results > button.is-active[b-cc17fxq0i5],
.app-select-dropdown__results > button.is-selected[b-cc17fxq0i5] {
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--neon-accent) 18%, transparent),
        color-mix(in srgb, var(--neon-accent-strong) 14%, transparent));
    color: #fff;
    outline: none;
}

.app-select-dropdown__results > button > span[b-cc17fxq0i5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-select-dropdown__check[b-cc17fxq0i5] {
    flex: 0 0 auto;
    color: var(--neon-accent);
}

.app-select-dropdown__empty[b-cc17fxq0i5] {
    margin: 0;
    padding: .8rem;
    color: var(--neon-muted);
    font-size: .82rem;
}