/* /Components/Analysis/FindingCard.razor.rz.scp.css */
.finding[b-xu9iq9ripr] {
    display: flex;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    border-left: 3px solid var(--verdict);
}

.finding-body[b-xu9iq9ripr] { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.finding-body header[b-xu9iq9ripr] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.finding-body header strong[b-xu9iq9ripr] { color: var(--text); }
.finding-body header img[b-xu9iq9ripr] { width: 22px; height: 22px; }

.finding-area[b-xu9iq9ripr] {
    margin-left: auto;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-faint);
    border: 1px solid var(--line);
}

.finding-body p[b-xu9iq9ripr] { margin: 0; font-size: 0.85rem; color: var(--text-dim); }
.finding-body p span[b-xu9iq9ripr] {
    display: inline-block;
    min-width: 72px;
    margin-right: 6px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-faint);
}
.finding-how[b-xu9iq9ripr] { color: var(--text) !important; }
.finding-how span[b-xu9iq9ripr] { color: var(--verdict) !important; }
/* /Components/Analysis/GearReviewList.razor.rz.scp.css */
.gear-review[b-z7q2ytcxw6] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 8px; }

.gear-review li[b-z7q2ytcxw6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    border-left: 3px solid var(--verdict);
    min-width: 0;
}

.gear-piece .wow-icon[b-z7q2ytcxw6] { width: 40px; height: 40px; border-color: #a335ee; box-shadow: 0 0 0 1px rgba(163, 53, 238, 0.5); }

.gear-text[b-z7q2ytcxw6] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.gear-name[b-z7q2ytcxw6] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: #c99bff; }
.gear-tags[b-z7q2ytcxw6] { display: flex; flex-wrap: wrap; gap: 4px; }

.gear-tags > span[b-z7q2ytcxw6] {
    padding: 0 7px;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 18px;
    border: 1px solid var(--line);
    color: var(--text-dim);
}
.ilvl-tag[b-z7q2ytcxw6] { font-variant-numeric: tabular-nums; color: var(--text) !important; }
.ilvl-tag small[b-z7q2ytcxw6] { font-weight: 600; color: var(--text-faint); }
.ilvl-tag.is-low[b-z7q2ytcxw6] { border-color: rgba(248, 113, 113, 0.5) !important; }
.ilvl-tag.is-low small[b-z7q2ytcxw6] { color: #F87171; }
.ilvl-tag.is-high small[b-z7q2ytcxw6] { color: #34D399; }
.enchant-tag.is-ok[b-z7q2ytcxw6] { color: #34D399 !important; border-color: rgba(52, 211, 153, 0.35) !important; }
.enchant-tag.is-missing[b-z7q2ytcxw6] { color: #F87171 !important; border-color: rgba(248, 113, 113, 0.5) !important; }
.meta-tag[b-z7q2ytcxw6] { color: var(--amber) !important; border-color: rgba(245, 158, 11, 0.35) !important; }

/* Pièce la plus jouée du top sur l'emplacement, quand ce n'est pas celle portée */
.gear-top[b-z7q2ytcxw6] { position: relative; flex: none; opacity: 0.75; }
.gear-top:hover[b-z7q2ytcxw6] { opacity: 1; text-decoration: none; }
.gear-top .wow-icon[b-z7q2ytcxw6] { width: 28px; height: 28px; }
.gear-top span[b-z7q2ytcxw6] {
    position: absolute;
    left: 50%;
    bottom: -7px;
    transform: translateX(-50%);
    padding: 0 3px;
    border-radius: 4px;
    font-size: 0.58rem;
    font-weight: 700;
    line-height: 12px;
    white-space: nowrap;
    color: var(--amber);
    background: #0B0E14;
    border: 1px solid var(--line-strong);
}
/* /Components/Analysis/MythicPlusPanel.razor.rz.scp.css */
.mplus-head[b-vzff2go4nh] { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-bottom: 14px; }
.mplus-score[b-vzff2go4nh] { display: flex; flex-direction: column; line-height: 1; }
.mplus-score strong[b-vzff2go4nh] { font-family: var(--font-title); font-size: 2.2rem; text-shadow: 0 0 18px currentColor; }
.mplus-facts[b-vzff2go4nh] { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.mplus-facts div[b-vzff2go4nh] { padding: 6px 12px; border-radius: 9px; background: rgba(11, 14, 20, 0.6); border: 1px solid var(--line); }
.mplus-facts dt[b-vzff2go4nh] { font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-faint); }
.mplus-facts dd[b-vzff2go4nh] { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.mplus-link[b-vzff2go4nh] { margin-left: auto; height: 34px; }

.mplus-runs[b-vzff2go4nh] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
.mplus-runs li > a[b-vzff2go4nh], .mplus-runs li.is-missing[b-vzff2go4nh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 10px 6px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid rgba(52, 211, 153, 0.3);
    color: var(--text);
}
.mplus-runs li > a:hover[b-vzff2go4nh] { text-decoration: none; border-color: #34D399; }

.run-short[b-vzff2go4nh] { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; color: var(--text-dim); text-align: center; }
.run-level[b-vzff2go4nh] { font-family: var(--font-title); font-size: 1.5rem; line-height: 1.1; color: #34D399; }
.run-stars[b-vzff2go4nh] { font-size: 0.7rem; color: #FBBF24; letter-spacing: 1px; }

.is-depleted > a[b-vzff2go4nh] { border-color: var(--line) !important; }
.is-depleted .run-level[b-vzff2go4nh] { color: var(--text-dim); }
.is-depleted .run-stars[b-vzff2go4nh] { color: var(--text-faint); letter-spacing: 0; }
.is-weak > a[b-vzff2go4nh] { border-color: rgba(251, 191, 36, 0.6) !important; box-shadow: 0 0 10px rgba(251, 191, 36, 0.15); }
.mplus-runs li.is-missing[b-vzff2go4nh] { border: 1px dashed rgba(248, 113, 113, 0.6); opacity: 0.85; }
.is-missing .run-level[b-vzff2go4nh] { color: #F87171; }
.is-missing .run-stars[b-vzff2go4nh] { color: #F87171; letter-spacing: 0; }
/* /Components/Analysis/ScoreRing.razor.rz.scp.css */
.score-ring[b-xgbpcmzcbu] { position: relative; display: inline-grid; place-items: center; }

.score-ring circle[b-xgbpcmzcbu] { fill: none; stroke-width: 11; }
.score-ring .track[b-xgbpcmzcbu] { stroke: rgba(42, 54, 79, 0.8); }
.score-ring .value[b-xgbpcmzcbu] {
    stroke: var(--score-color);
    stroke-linecap: round;
    filter: drop-shadow(0 0 6px var(--score-color));
    transition: stroke-dasharray 0.6s ease-out;
}

.score-text[b-xgbpcmzcbu] { position: absolute; display: flex; flex-direction: column; align-items: center; line-height: 1; }
.score-text strong[b-xgbpcmzcbu] { font-family: var(--font-title); font-size: 2.3rem; color: var(--score-color); }
.score-text span[b-xgbpcmzcbu] { margin-top: 2px; font-size: 0.75rem; color: var(--text-faint); }
/* /Components/Analysis/StatReviewList.razor.rz.scp.css */
.stat-haste[b-uhc4bezzhe] { --stat: var(--amber); }
.stat-versatility[b-uhc4bezzhe] { --stat: var(--steel); }
.stat-mastery[b-uhc4bezzhe] { --stat: #8B5CF6; }
.stat-crit[b-uhc4bezzhe] { --stat: #F87171; }

.stat-review[b-uhc4bezzhe] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.stat-review li[b-uhc4bezzhe] {
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    border-left: 3px solid var(--stat);
}

.stat-head[b-uhc4bezzhe] { display: flex; align-items: center; gap: 8px; color: var(--stat); }
.stat-name[b-uhc4bezzhe] { font-weight: 600; color: var(--text); }
.stat-mine[b-uhc4bezzhe] { margin-left: auto; font-size: 1.25rem; line-height: 1; color: var(--stat); font-variant-numeric: tabular-nums; }

.stat-scale[b-uhc4bezzhe] { position: relative; height: 8px; margin: 14px 0 8px; border-radius: 4px; background: rgba(42, 54, 79, 0.6); }
.stat-band[b-uhc4bezzhe] { position: absolute; top: 0; bottom: 0; border-radius: 4px; background: color-mix(in srgb, var(--stat) 40%, transparent); }
.stat-median[b-uhc4bezzhe] { position: absolute; top: -3px; width: 3px; height: 14px; margin-left: -1.5px; border-radius: 2px; background: var(--stat); opacity: 0.8; }

/* Toi : losange blanc liseré au verdict, au-dessus de la réglette */
.stat-you[b-uhc4bezzhe] {
    position: absolute;
    top: -6px;
    width: 14px;
    height: 14px;
    margin-left: -7px;
    transform: rotate(45deg);
    border-radius: 3px;
    background: #fff;
    border: 3px solid var(--verdict);
    box-shadow: 0 0 10px var(--verdict);
}

.stat-range[b-uhc4bezzhe] { margin: 0; font-size: 0.74rem; color: var(--text-dim); }
/* /Components/Analysis/TalentChips.razor.rz.scp.css */
.talent-chips[b-097xhg6tv4] { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }

.talent-chips a[b-097xhg6tv4] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 3px 10px 3px 3px;
    border-radius: 8px;
    font-size: 0.8rem;
    color: var(--text);
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
}
.talent-chips a:hover[b-097xhg6tv4] { text-decoration: none; border-color: var(--line-strong); }
.talent-chips img[b-097xhg6tv4] { width: 24px; height: 24px; }
.talent-chips strong[b-097xhg6tv4] { font-size: 0.72rem; color: var(--text-faint); font-variant-numeric: tabular-nums; }
/* /Components/Analysis/VerdictIcon.razor.rz.scp.css */
.verdict-icon[b-q07s6fxdng] {
    display: inline-grid;
    place-items: center;
    flex: none;
    border-radius: 50%;
    color: #0B0E14;
    background: var(--verdict);
    box-shadow: 0 0 10px color-mix(in srgb, var(--verdict) 45%, transparent);
}

.visually-hidden[b-q07s6fxdng] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-rs821qcykw],
.components-reconnect-repeated-attempt-visible[b-rs821qcykw],
.components-reconnect-failed-visible[b-rs821qcykw],
.components-pause-visible[b-rs821qcykw],
.components-resume-failed-visible[b-rs821qcykw],
.components-rejoining-animation[b-rs821qcykw] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-rs821qcykw],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-rs821qcykw],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-rs821qcykw],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-rs821qcykw],
#components-reconnect-modal.components-reconnect-retrying[b-rs821qcykw],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-rs821qcykw],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-rs821qcykw],
#components-reconnect-modal.components-reconnect-failed[b-rs821qcykw],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-rs821qcykw] {
    display: block;
}


#components-reconnect-modal[b-rs821qcykw] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-rs821qcykw 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-rs821qcykw 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-rs821qcykw 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-rs821qcykw]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-rs821qcykw 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-rs821qcykw {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-rs821qcykw {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-rs821qcykw {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-rs821qcykw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-rs821qcykw] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-rs821qcykw] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-rs821qcykw] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-rs821qcykw] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-rs821qcykw] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-rs821qcykw] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-rs821qcykw 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-rs821qcykw] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-rs821qcykw {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Meta/GearSlotGrid.razor.rz.scp.css */
.slot-grid[b-eaqqx7w5nq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 10px;
}

.slot-card[b-eaqqx7w5nq] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 12px 14px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    min-width: 0;
}
.slot-card:hover[b-eaqqx7w5nq] { border-color: var(--line-strong); }

.slot-head[b-eaqqx7w5nq] { display: flex; align-items: center; justify-content: space-between; }

.slot-ilvl[b-eaqqx7w5nq] {
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--steel);
    border: 1px solid rgba(56, 189, 248, 0.3);
}

.slot-alternatives[b-eaqqx7w5nq] { display: flex; flex-wrap: wrap; gap: 8px 10px; padding-left: 52px; }
/* /Components/Meta/ItemUsage.razor.rz.scp.css */
.item-usage[b-iz1hrbu1ee] {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

/* Bordure épique : la quasi-totalité du top est en objets épiques */
.item-icon[b-iz1hrbu1ee] { width: 42px; height: 42px; border-color: #a335ee; box-shadow: 0 0 0 1px rgba(163, 53, 238, 0.5), 0 0 10px rgba(163, 53, 238, 0.25); }

.item-text[b-iz1hrbu1ee] { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.item-text a[b-iz1hrbu1ee] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    color: #c99bff;
}

.share-bar[b-iz1hrbu1ee] { display: block; height: 4px; border-radius: 2px; background: rgba(42, 54, 79, 0.7); overflow: hidden; }
.share-bar span[b-iz1hrbu1ee] { display: block; height: 100%; border-radius: 2px; background: linear-gradient(90deg, var(--bronze), var(--amber)); }

.item-share[b-iz1hrbu1ee] { font-weight: 700; font-variant-numeric: tabular-nums; color: var(--amber); }

/* Vignette */
.item-chip[b-iz1hrbu1ee] { position: relative; display: block; width: 32px; height: 32px; }
.item-chip:hover[b-iz1hrbu1ee] { text-decoration: none; }
.item-chip .wow-icon[b-iz1hrbu1ee] { width: 32px; height: 32px; transition: transform 0.12s; }
.item-chip:hover .wow-icon[b-iz1hrbu1ee] { transform: scale(1.1); box-shadow: 0 0 0 1px #a335ee, 0 0 10px rgba(163, 53, 238, 0.4); }

.chip-share[b-iz1hrbu1ee] {
    position: absolute;
    left: 50%;
    bottom: -7px;
    transform: translateX(-50%);
    padding: 0 4px;
    border-radius: 5px;
    font-size: 0.6rem;
    font-weight: 700;
    line-height: 13px;
    white-space: nowrap;
    color: var(--text);
    background: #0B0E14;
    border: 1px solid var(--line-strong);
    font-variant-numeric: tabular-nums;
}
/* /Components/Meta/StatGauges.razor.rz.scp.css */
/* --- Priorité : Maîtrise › Hâte › … -------------------------------------- */
.stat-priority[b-76satb5ns1] {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0 0 18px;
    padding: 0;
}

.stat-pill[b-76satb5ns1] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 12px 5px 8px;
    border-radius: 999px;
    font-weight: 700;
    color: var(--stat);
    background: color-mix(in srgb, var(--stat) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--stat) 40%, transparent);
}
.stat-pill:first-child[b-76satb5ns1] { font-size: 1.05rem; box-shadow: 0 0 14px color-mix(in srgb, var(--stat) 30%, transparent); }

.stat-sep[b-76satb5ns1] { font-size: 1.3rem; line-height: 1; color: var(--text-faint); }

/* --- Valeur à viser par caractéristique ---------------------------------- */
.stat-targets[b-76satb5ns1] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.stat-targets li[b-76satb5ns1] {
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    border-left: 3px solid var(--stat);
}

.stat-head[b-76satb5ns1] { display: flex; align-items: center; gap: 8px; color: var(--stat); }
.stat-name[b-76satb5ns1] { font-weight: 600; color: var(--text); }
.stat-value[b-76satb5ns1] { margin-left: auto; font-size: 1.35rem; line-height: 1; color: var(--stat); font-variant-numeric: tabular-nums; }

.stat-scale[b-76satb5ns1] {
    position: relative;
    height: 8px;
    margin: 12px 0 6px;
    border-radius: 4px;
    background: rgba(42, 54, 79, 0.6);
}
.stat-band[b-76satb5ns1] {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 4px;
    background: color-mix(in srgb, var(--stat) 45%, transparent);
}
.stat-median[b-76satb5ns1] {
    position: absolute;
    top: -4px;
    width: 4px;
    height: 16px;
    margin-left: -2px;
    border-radius: 2px;
    background: var(--stat);
    box-shadow: 0 0 8px var(--stat);
}

.stat-range[b-76satb5ns1] { margin: 0; font-size: 0.74rem; color: var(--text-dim); }
.stat-note[b-76satb5ns1] { margin: 12px 0 0; font-size: 0.74rem; }

@media (max-width: 520px) {
    .stat-targets[b-76satb5ns1] { grid-template-columns: 1fr; }
}
/* /Components/Meta/TalentBuildPanel.razor.rz.scp.css */
.build-main[b-kvnf9z6fiq] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.10), rgba(37, 99, 235, 0.06));
    border: 1px solid rgba(245, 158, 11, 0.3);
}

.build-head[b-kvnf9z6fiq] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.build-head .eyebrow[b-kvnf9z6fiq] { width: 100%; }
.build-figures[b-kvnf9z6fiq] { display: flex; align-items: baseline; gap: 8px; margin-right: auto; }
.build-share[b-kvnf9z6fiq] { font-family: var(--font-title); font-size: 1.7rem; line-height: 1; color: var(--amber); }

.build-actions[b-kvnf9z6fiq] { display: flex; flex-wrap: wrap; gap: 8px; }

.build-alternatives[b-kvnf9z6fiq] { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.build-alternatives li[b-kvnf9z6fiq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 6px 6px 12px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
}
.build-alt-share[b-kvnf9z6fiq] { min-width: 40px; font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; }
.build-alt-actions[b-kvnf9z6fiq] { display: flex; gap: 4px; margin-left: auto; }

.hero-trees[b-kvnf9z6fiq] { margin-top: 18px; }
.hero-trees ul[b-kvnf9z6fiq] { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.hero-trees li[b-kvnf9z6fiq] { display: grid; grid-template-columns: minmax(150px, auto) 1fr 56px; align-items: center; gap: 12px; }
.hero-trees strong[b-kvnf9z6fiq] { text-align: right; white-space: nowrap; color: var(--steel); font-variant-numeric: tabular-nums; }

.share-bar[b-kvnf9z6fiq] { display: block; height: 6px; border-radius: 3px; background: rgba(42, 54, 79, 0.7); overflow: hidden; }
.share-bar span[b-kvnf9z6fiq] { display: block; height: 100%; background: linear-gradient(90deg, var(--cobalt), var(--steel)); }
/* /Components/Meta/TalentCalculatorDialog.razor.rz.scp.css */
.talent-modal[b-d0r7az7bv1] {
    width: min(1480px, 100%);
    padding: 20px 22px;
    outline: none;
    border-color: color-mix(in srgb, var(--class-color) 35%, var(--line-strong));
}

.talent-modal .modal-head p[b-d0r7az7bv1] { margin: 2px 0 0; }
.talent-modal-actions[b-d0r7az7bv1] { display: flex; align-items: center; gap: 8px; margin-left: auto; }

.talent-legend[b-d0r7az7bv1] { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0 0 16px; padding: 0; font-size: 0.78rem; color: var(--text-dim); }
.talent-legend li[b-d0r7az7bv1] { display: inline-flex; align-items: center; gap: 7px; }
.swatch[b-d0r7az7bv1] { width: 14px; height: 14px; border-radius: 4px; border: 2px solid; background: #0B0E14; }
.swatch.is-core[b-d0r7az7bv1] { border-color: #FBBF24; box-shadow: 0 0 6px rgba(251, 191, 36, 0.6); }
.swatch.is-common[b-d0r7az7bv1] { border-color: var(--amber); }
.swatch.is-situational[b-d0r7az7bv1] { border-color: var(--steel); }
.swatch.is-unpicked[b-d0r7az7bv1] { border-color: #3B4B6C; }
.swatch.is-match[b-d0r7az7bv1] { border-color: #34D399; box-shadow: 0 0 6px rgba(52, 211, 153, 0.6); }
.swatch.is-picked[b-d0r7az7bv1] { border-color: var(--steel); }
.swatch.is-atypical[b-d0r7az7bv1] { border-color: #FB923C; }
.swatch.is-missing[b-d0r7az7bv1] { border: 2px dashed #F87171; }

/* Fond « parchemin d'acier » : chaque arbre dans son cadre, comme la fenêtre du jeu */
.talent-trees[b-d0r7az7bv1] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    overflow-x: auto;
    padding-bottom: 8px;
}

.tree-column[b-d0r7az7bv1] {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 14px 18px 22px;
    border-radius: 12px;
    background:
        radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--class-color) 10%, transparent), transparent 70%),
        rgba(11, 14, 20, 0.7);
    border: 1px solid var(--line);
}
.tree-column.is-hero[b-d0r7az7bv1] {
    background:
        radial-gradient(120% 70% at 50% 0%, rgba(56, 189, 248, 0.12), transparent 70%),
        rgba(11, 14, 20, 0.7);
}

.tree-title[b-d0r7az7bv1] {
    margin: 0;
    font-family: var(--font-title);
    font-size: 0.95rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--class-color);
}

.hero-switch[b-d0r7az7bv1] { display: flex; flex-direction: column; gap: 4px; width: 100%; }
.hero-tab[b-d0r7az7bv1] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px 4px 4px;
    border-radius: 8px;
    border: 1px solid var(--line);
    background: transparent;
    color: var(--text-dim);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}
.hero-tab img[b-d0r7az7bv1] { width: 24px; height: 24px; border-radius: 50%; }
.hero-tab strong[b-d0r7az7bv1] { margin-left: auto; color: var(--text-faint); font-variant-numeric: tabular-nums; }
.hero-tab:hover[b-d0r7az7bv1] { color: var(--text); }
.hero-tab.is-active[b-d0r7az7bv1] { color: var(--steel); border-color: rgba(56, 189, 248, 0.45); background: rgba(56, 189, 248, 0.08); }
.hero-tab.is-active strong[b-d0r7az7bv1] { color: var(--steel); }

.talent-note[b-d0r7az7bv1] { margin: 12px 0 0; font-size: 0.75rem; }

@media (max-width: 720px) {
    .talent-modal[b-d0r7az7bv1] { padding: 16px; }
    .talent-modal .modal-head[b-d0r7az7bv1] { flex-wrap: wrap; }
    .talent-modal-actions[b-d0r7az7bv1] { width: 100%; margin-left: 0; }
}
/* /Components/Meta/TalentTreeView.razor.rz.scp.css */
.tree[b-0mbzgcmy2v] { position: relative; flex: none; }

.tree-links[b-0mbzgcmy2v] { position: absolute; inset: 0; overflow: visible; }
.tree-links line[b-0mbzgcmy2v] { stroke: #2A364F; stroke-width: 3; stroke-linecap: round; }
.tree-links line.is-lit[b-0mbzgcmy2v] { stroke: var(--amber); stroke-opacity: 0.75; filter: drop-shadow(0 0 3px rgba(245, 158, 11, 0.6)); }

.node[b-0mbzgcmy2v] {
    position: absolute;
    width: 38px;
    height: 38px;
    display: block;
    padding: 2px;
    background: #0B0E14;
    border: 2px solid #3B4B6C;
    transition: transform 0.12s, box-shadow 0.12s;
}
.node:hover[b-0mbzgcmy2v] { transform: scale(1.12); z-index: 2; text-decoration: none; }
.node img[b-0mbzgcmy2v] { width: 100%; height: 100%; display: block; object-fit: cover; }

/* Formes du jeu : carré (actif), rond (passif), octogone (choix) */
.kind-active[b-0mbzgcmy2v], .kind-active img[b-0mbzgcmy2v] { border-radius: 7px; }
.kind-passive[b-0mbzgcmy2v], .kind-passive img[b-0mbzgcmy2v] { border-radius: 50%; }
.kind-choice[b-0mbzgcmy2v] { border: 0; padding: 4px; background: #3B4B6C; clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%); }
.kind-choice img[b-0mbzgcmy2v] { clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%); }

/* Taux de sélection du top */
.is-core[b-0mbzgcmy2v] { border-color: #FBBF24; box-shadow: 0 0 10px rgba(251, 191, 36, 0.55); }
.is-core.kind-choice[b-0mbzgcmy2v] { background: #FBBF24; }
.is-common[b-0mbzgcmy2v] { border-color: var(--amber); }
.is-common.kind-choice[b-0mbzgcmy2v] { background: var(--amber); }
.is-situational[b-0mbzgcmy2v] { border-color: var(--steel); }
.is-situational.kind-choice[b-0mbzgcmy2v] { background: var(--steel); }
.is-situational img[b-0mbzgcmy2v] { filter: saturate(0.6) brightness(0.8); }
.is-unpicked img[b-0mbzgcmy2v] { filter: grayscale(1) brightness(0.45); }

/* Mode joueur : choix du joueur comparés au top */
.is-match[b-0mbzgcmy2v] { border-color: #34D399; box-shadow: 0 0 10px rgba(52, 211, 153, 0.5); }
.is-match.kind-choice[b-0mbzgcmy2v] { background: #34D399; }
.is-picked[b-0mbzgcmy2v] { border-color: var(--steel); }
.is-picked.kind-choice[b-0mbzgcmy2v] { background: var(--steel); }
.is-atypical[b-0mbzgcmy2v] { border-color: #FB923C; box-shadow: 0 0 10px rgba(251, 146, 60, 0.5); }
.is-atypical.kind-choice[b-0mbzgcmy2v] { background: #FB923C; }
.is-missing[b-0mbzgcmy2v] { border: 2px dashed #F87171; box-shadow: 0 0 10px rgba(248, 113, 113, 0.45); }
.is-missing.kind-choice[b-0mbzgcmy2v] { background: #F87171; }
.is-missing img[b-0mbzgcmy2v] { filter: grayscale(0.7) brightness(0.6); }

.node-share[b-0mbzgcmy2v] {
    position: absolute;
    right: -8px;
    bottom: -8px;
    min-width: 20px;
    padding: 0 4px;
    border-radius: 6px;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    color: #1A1204;
    background: var(--amber);
    font-variant-numeric: tabular-nums;
}
.is-core .node-share[b-0mbzgcmy2v] { background: #FBBF24; }
.is-situational .node-share[b-0mbzgcmy2v] { color: #0B0E14; background: var(--steel); }

/* clip-path rogne les badges des octogones : on les remonte dans le nœud */
.kind-choice .node-share[b-0mbzgcmy2v] { right: 1px; bottom: 1px; }
.node-choice[b-0mbzgcmy2v] {
    position: absolute;
    left: 3px;
    top: 3px;
    padding: 0 3px;
    border-radius: 4px;
    font-size: 0.55rem;
    font-weight: 700;
    color: var(--text);
    background: rgba(11, 14, 20, 0.85);
}
/* /Components/Pages/Account.razor.rz.scp.css */
.account-head[b-6e9ocnqpu5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
}
.account-head h1[b-6e9ocnqpu5] { margin: 2px 0 4px; font-family: var(--font-title); font-size: 1.8rem; letter-spacing: 0.05em; color: var(--steel); }
.account-head p[b-6e9ocnqpu5] { margin: 0; }
.account-actions[b-6e9ocnqpu5] { display: flex; gap: 8px; }

.section-heading[b-6e9ocnqpu5] {
    margin: 6px 0 0;
    font-family: var(--font-title);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--amber);
}
.section-heading small[b-6e9ocnqpu5] { margin-left: 10px; font-family: var(--font); font-size: 0.78rem; letter-spacing: 0; text-transform: none; }

.character-grid[b-6e9ocnqpu5] { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 12px; }

.character-card[b-6e9ocnqpu5] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--class-color) 30%, var(--line));
}
.character-card[b-6e9ocnqpu5]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--class-color);
    box-shadow: 0 0 12px var(--class-color);
}
.character-card.is-low[b-6e9ocnqpu5] { opacity: 0.6; }
.character-card.is-target[b-6e9ocnqpu5] {
    border-color: color-mix(in srgb, var(--class-color) 60%, var(--line));
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.45), 0 0 22px color-mix(in srgb, var(--class-color) 22%, transparent);
}

.character-spec[b-6e9ocnqpu5] { width: 44px; height: 44px; border-radius: 9px; border: 2px solid var(--class-color); }
.character-text[b-6e9ocnqpu5] { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.character-text .muted[b-6e9ocnqpu5] { font-size: 0.8rem; }
.character-name[b-6e9ocnqpu5] { font-size: 1.05rem; color: var(--class-color); }
.btn-analyze[b-6e9ocnqpu5] { margin-left: auto; height: 36px; padding: 0 14px; }

.other-characters[b-6e9ocnqpu5] { padding: 12px 18px; }
.other-characters summary[b-6e9ocnqpu5] { cursor: pointer; color: var(--text-dim); font-weight: 600; }
.other-characters ul[b-6e9ocnqpu5] { list-style: none; margin: 10px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 6px; }
/* /Components/Pages/AdminIngestion.razor.rz.scp.css */
.admin-head[b-w5vsz8qzu6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
}
.admin-head h1[b-w5vsz8qzu6] { margin: 2px 0 6px; font-family: var(--font-title); font-size: 1.7rem; letter-spacing: 0.05em; color: var(--amber); }
.admin-head p[b-w5vsz8qzu6] { margin: 0; max-width: 720px; }

.admin-notice[b-w5vsz8qzu6] {
    margin: 0;
    padding: 10px 14px;
    border-radius: 10px;
    color: #A7F3D0;
    background: rgba(52, 211, 153, 0.1);
    border: 1px solid rgba(52, 211, 153, 0.35);
}

.meta-section[b-w5vsz8qzu6] { padding: 18px 20px; }
.section-title[b-w5vsz8qzu6] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 0 0 14px;
    font-family: var(--font-title);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--amber);
}
.section-title small[b-w5vsz8qzu6] { font-family: var(--font); font-size: 0.75rem; letter-spacing: 0; text-transform: none; }

.runs[b-w5vsz8qzu6] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.run[b-w5vsz8qzu6] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    border-left: 3px solid var(--run);
}
.status-pending[b-w5vsz8qzu6] { --run: var(--steel); }
.status-running[b-w5vsz8qzu6] { --run: var(--amber); }
.status-succeeded[b-w5vsz8qzu6] { --run: #34D399; }
.status-failed[b-w5vsz8qzu6] { --run: #F87171; }

.run-status[b-w5vsz8qzu6] {
    flex: none;
    min-width: 92px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    text-align: center;
    color: var(--run);
    border: 1px solid color-mix(in srgb, var(--run) 50%, transparent);
}
.run-text[b-w5vsz8qzu6] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.run-text .muted[b-w5vsz8qzu6] { font-size: 0.8rem; }
.run-message[b-w5vsz8qzu6] { font-size: 0.78rem; color: var(--text-dim); font-family: var(--font-mono); overflow-wrap: anywhere; }

.admin-cmd[b-w5vsz8qzu6] {
    margin: 0 0 8px;
    padding: 12px 14px;
    overflow-x: auto;
    border-radius: 10px;
    font-family: var(--font-mono);
    font-size: 0.8rem;
    color: var(--text-dim);
    background: rgba(11, 14, 20, 0.7);
    border: 1px solid var(--line);
}

/* --- Avancement de l'ingestion ------------------------------------------- */
.progress-card[b-w5vsz8qzu6] { display: flex; flex-direction: column; gap: 12px; }

.progress-head[b-w5vsz8qzu6] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.progress-meta[b-w5vsz8qzu6] { font-size: 0.85rem; color: var(--text-dim); }
.progress-eta[b-w5vsz8qzu6] { display: flex; flex-direction: column; align-items: flex-end; margin-left: auto; line-height: 1.2; }
.progress-eta strong[b-w5vsz8qzu6] { font-family: var(--font-title); font-size: 1.3rem; color: var(--text); font-variant-numeric: tabular-nums; }
.progress-eta small[b-w5vsz8qzu6] { font-size: 0.78rem; color: var(--text-faint); }

.progress-track[b-w5vsz8qzu6] {
    position: relative;
    height: 12px;
    overflow: hidden;
    border-radius: 6px;
    background: rgba(42, 54, 79, 0.6);
    border: 1px solid var(--line);
}
.progress-fill[b-w5vsz8qzu6] {
    position: absolute;
    inset: 0 auto 0 0;
    border-radius: 6px;
    background: linear-gradient(90deg, var(--bronze), var(--run));
    box-shadow: 0 0 14px color-mix(in srgb, var(--run) 55%, transparent);
    transition: width 0.6s ease;
}
/* lecture du classement : pas encore de quoi mesurer, la barre balaie */
.progress-track.is-indeterminate .progress-fill[b-w5vsz8qzu6] { animation: sweep-b-w5vsz8qzu6 1.6s ease-in-out infinite; }
@keyframes sweep-b-w5vsz8qzu6 {
    from { left: -30%; }
    to { left: 100%; }
}
@media (prefers-reduced-motion: reduce) { .progress-track.is-indeterminate .progress-fill[b-w5vsz8qzu6] { animation: none; } }

.progress-percent[b-w5vsz8qzu6] { align-self: flex-end; margin-top: -6px; font-size: 0.8rem; font-weight: 700; color: var(--run); font-variant-numeric: tabular-nums; }

.progress-steps[b-w5vsz8qzu6] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; padding: 0; list-style: none; }
.progress-steps li[b-w5vsz8qzu6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    border-left: 3px solid var(--line-strong);
}
.progress-steps li .muted[b-w5vsz8qzu6] { font-size: 0.8rem; font-variant-numeric: tabular-nums; }
.step-bar[b-w5vsz8qzu6] { display: block; height: 4px; margin: 6px 0 4px; overflow: hidden; border-radius: 2px; background: rgba(42, 54, 79, 0.7); }
.step-bar span[b-w5vsz8qzu6] { display: block; height: 100%; border-radius: 2px; background: var(--line-strong); transition: width 0.6s ease; }
.progress-steps li.is-current .step-bar span[b-w5vsz8qzu6] { background: var(--amber); box-shadow: 0 0 8px var(--amber-glow); }
.progress-steps li.is-done .step-bar span[b-w5vsz8qzu6] { background: #34D399; }
.progress-steps li.is-current[b-w5vsz8qzu6] { border-left-color: var(--amber); }
.progress-steps li.is-done[b-w5vsz8qzu6] { border-left-color: #34D399; }

.progress-specs[b-w5vsz8qzu6] { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.progress-specs li[b-w5vsz8qzu6] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 3px 10px 3px 3px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-faint);
    border: 1px solid var(--line);
    opacity: 0.55;
}
.progress-specs img[b-w5vsz8qzu6] { width: 26px; height: 26px; border-radius: 50%; filter: grayscale(0.8); }
.progress-specs li.is-done[b-w5vsz8qzu6] { opacity: 1; color: var(--class-color); border-color: color-mix(in srgb, var(--class-color) 45%, var(--line)); }
.progress-specs li.is-done img[b-w5vsz8qzu6] { filter: none; }
.progress-specs li.is-current[b-w5vsz8qzu6] {
    opacity: 1;
    color: var(--text);
    border-color: var(--class-color);
    box-shadow: 0 0 14px color-mix(in srgb, var(--class-color) 35%, transparent);
    animation: current-b-w5vsz8qzu6 1.4s ease-in-out infinite alternate;
}
.progress-specs li.is-current img[b-w5vsz8qzu6] { filter: none; }
@keyframes current-b-w5vsz8qzu6 { to { box-shadow: 0 0 4px color-mix(in srgb, var(--class-color) 15%, transparent); } }
@media (prefers-reduced-motion: reduce) { .progress-specs li.is-current[b-w5vsz8qzu6] { animation: none; } }

.progress-stale[b-w5vsz8qzu6] {
    margin: 0;
    padding: 10px 14px;
    border-radius: 10px;
    color: #FECACA;
    background: rgba(248, 113, 113, 0.1);
    border: 1px solid rgba(248, 113, 113, 0.35);
}
.progress-next[b-w5vsz8qzu6] { margin: 0; font-size: 0.8rem; }

@media (max-width: 640px) {
    .progress-steps[b-w5vsz8qzu6] { grid-template-columns: 1fr; }
    .progress-eta[b-w5vsz8qzu6] { align-items: flex-start; margin-left: 0; }
}
/* /Components/Pages/CharacterReport.razor.rz.scp.css */
.back-link[b-lq78ru3686] { align-self: flex-start; font-size: 0.85rem; color: var(--text-dim); }

/* --- En-tête : portrait du personnage en fond, à droite ------------------ */
.report-hero[b-lq78ru3686] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 28px;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--class-color) 40%, var(--line));
}
.report-hero[b-lq78ru3686]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: var(--portrait, none) right center / cover no-repeat;
    opacity: 0.45;
    mask-image: linear-gradient(90deg, transparent 25%, black 80%);
}
.report-hero[b-lq78ru3686]::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--class-color);
    box-shadow: 0 0 18px var(--class-color);
}
.report-hero > *[b-lq78ru3686] { position: relative; z-index: 1; }

.report-identity[b-lq78ru3686] { display: flex; align-items: center; gap: 18px; }
.report-avatar[b-lq78ru3686] { border-radius: 14px; border: 2px solid var(--class-color); box-shadow: 0 0 20px color-mix(in srgb, var(--class-color) 45%, transparent); }
.report-identity h1[b-lq78ru3686] {
    margin: 2px 0 8px;
    font-family: var(--font-title);
    font-size: 2.3rem;
    letter-spacing: 0.05em;
    color: var(--class-color);
    text-shadow: 0 0 24px color-mix(in srgb, var(--class-color) 40%, transparent);
}

.report-chips[b-lq78ru3686] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.chip[b-lq78ru3686] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    font-weight: 700;
    background: rgba(11, 14, 20, 0.75);
    border: 1px solid var(--line);
    font-variant-numeric: tabular-nums;
}
.chip small[b-lq78ru3686] { font-size: 0.68rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-faint); }
.chip em[b-lq78ru3686] { font-style: normal; font-size: 0.75rem; }
.chip .is-up[b-lq78ru3686] { color: #34D399; }
.chip .is-down[b-lq78ru3686] { color: #F87171; }
.chip.is-warn[b-lq78ru3686] { color: #FBBF24; border-color: rgba(251, 191, 36, 0.5); }

.report-score[b-lq78ru3686] { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.btn-refresh[b-lq78ru3686] { height: 30px; padding: 0 10px; font-size: 0.75rem; font-weight: 500; color: var(--text-dim); }

/* --- Synthèse par domaine ------------------------------------------------ */
.area-tiles[b-lq78ru3686] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.area-tiles li[b-lq78ru3686] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 2px 10px;
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-top: 3px solid var(--verdict);
}
.area-tiles li[b-lq78ru3686]  .verdict-icon { grid-row: span 2; }
.area-name[b-lq78ru3686] { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-faint); }
.area-tiles strong[b-lq78ru3686] { color: var(--text); font-variant-numeric: tabular-nums; }

/* --- Sections ------------------------------------------------------------ */
.meta-columns[b-lq78ru3686] { display: grid; grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)); gap: 18px; }
.meta-section[b-lq78ru3686] { padding: 18px 20px; min-width: 0; }
.section-title[b-lq78ru3686] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin: 0 0 16px;
    font-family: var(--font-title);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--amber);
}
.section-title small[b-lq78ru3686] { font-family: var(--font); font-size: 0.75rem; letter-spacing: 0; text-transform: none; }

.findings[b-lq78ru3686] { display: flex; flex-direction: column; gap: 8px; }
.strengths[b-lq78ru3686] { margin-top: 14px; }
.strengths summary[b-lq78ru3686] { display: flex; align-items: center; gap: 8px; cursor: pointer; color: var(--text-dim); font-weight: 600; margin-bottom: 8px; }

/* --- Talents ------------------------------------------------------------- */
.talent-summary[b-lq78ru3686] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }
.similarity[b-lq78ru3686] { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 4px 10px; min-width: 220px; }
.similarity strong[b-lq78ru3686] { font-family: var(--font-title); font-size: 1.8rem; color: var(--amber); }
.similarity .share-bar[b-lq78ru3686] { grid-column: span 2; display: block; height: 6px; border-radius: 3px; background: rgba(42, 54, 79, 0.7); overflow: hidden; }
.similarity .share-bar span[b-lq78ru3686] { display: block; height: 100%; background: linear-gradient(90deg, var(--bronze), var(--amber)); }
.talent-actions[b-lq78ru3686] { display: flex; flex-wrap: wrap; gap: 8px; }

.chip-title[b-lq78ru3686] { margin: 18px 0 8px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.chip-title.is-problem[b-lq78ru3686] { color: #F87171; }
.chip-title.is-improve[b-lq78ru3686] { color: #FB923C; }

/* --- Fiche complète ------------------------------------------------------ */
.sheet[b-lq78ru3686] { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; margin: 0; }
.sheet div[b-lq78ru3686] { padding: 8px 12px; border-radius: 9px; background: rgba(11, 14, 20, 0.55); border: 1px solid var(--line); }
.sheet dt[b-lq78ru3686] { font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-faint); }
.sheet dd[b-lq78ru3686] { margin: 2px 0 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.sheet small[b-lq78ru3686] { font-weight: 500; color: var(--text-faint); }

@media (max-width: 720px) {
    .report-hero[b-lq78ru3686] { padding: 18px; }
    .report-identity h1[b-lq78ru3686] { font-size: 1.7rem; }
    .meta-columns[b-lq78ru3686] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* --- Accroche ------------------------------------------------------------ */
.landing-hero[b-dmocjr5djm] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(340px, 0.75fr);
    align-items: center;
    gap: 32px 48px;
    padding: 28px 0 12px;
}

.landing-kicker[b-dmocjr5djm] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(245, 158, 11, 0.35);
    background: rgba(245, 158, 11, 0.08);
    color: var(--amber);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* pastille qui bat comme un pouls */
.pulse-dot[b-dmocjr5djm] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--amber);
    box-shadow: 0 0 0 0 var(--amber-glow);
    animation: pulse-b-dmocjr5djm 2s ease-out infinite;
}
@keyframes pulse-b-dmocjr5djm {
    0% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.6); }
    70%, 100% { box-shadow: 0 0 0 9px rgba(245, 158, 11, 0); }
}
@media (prefers-reduced-motion: reduce) { .pulse-dot[b-dmocjr5djm] { animation: none; } }

.landing-title[b-dmocjr5djm] {
    margin: 18px 0 14px;
    font-family: var(--font-title);
    font-size: clamp(2rem, 4.2vw, 3.4rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: 0.03em;
    color: var(--text);
}
.landing-title em[b-dmocjr5djm] {
    font-style: normal;
    background: linear-gradient(90deg, var(--amber), var(--bronze) 50%, var(--steel));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.landing-lead[b-dmocjr5djm] { max-width: 640px; margin: 0; font-size: 1.05rem; line-height: 1.6; color: var(--text-dim); }

.landing-actions[b-dmocjr5djm] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.landing-actions[b-dmocjr5djm]  .btn-compare { height: 46px; padding: 0 22px; font-size: 1rem; }
.landing-actions .btn-ghost[b-dmocjr5djm] { height: 46px; color: var(--text-dim); }
.landing-actions .btn-ghost:hover[b-dmocjr5djm] { color: var(--text); }

.landing-proof[b-dmocjr5djm] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
    font-size: 0.8rem;
    color: var(--text-faint);
}
.landing-proof li[b-dmocjr5djm] { display: inline-flex; align-items: center; gap: 7px; }
.landing-proof li[b-dmocjr5djm]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--steel);
    box-shadow: 0 0 6px var(--steel);
}

/* --- Tableau de bord du dernier calcul ----------------------------------- */
.landing-board[b-dmocjr5djm] {
    position: relative;
    padding: 20px;
    overflow: hidden;
    border-color: var(--line-strong);
    background:
        radial-gradient(360px 200px at 100% 0%, rgba(56, 189, 248, 0.12), transparent 70%),
        radial-gradient(320px 220px at 0% 100%, rgba(245, 158, 11, 0.1), transparent 70%),
        var(--panel);
}

.board-head[b-dmocjr5djm] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.board-live[b-dmocjr5djm] { display: inline-flex; align-items: center; gap: 6px; font-size: 0.78rem; font-weight: 600; color: #34D399; }
.board-live[b-dmocjr5djm]::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }

.board-kpis[b-dmocjr5djm] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; }
.board-kpis div[b-dmocjr5djm] {
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.6);
    border: 1px solid var(--line);
}
.board-kpis dt[b-dmocjr5djm] { font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-faint); }
.board-kpis dd[b-dmocjr5djm] {
    margin: 4px 0 0;
    font-family: var(--font-title);
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

.board-record[b-dmocjr5djm] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text);
    border: 1px solid color-mix(in srgb, var(--class-color) 40%, var(--line));
    background: color-mix(in srgb, var(--class-color) 8%, rgba(11, 14, 20, 0.6));
    transition: border-color 0.15s;
}
.board-record:hover[b-dmocjr5djm] { text-decoration: none; color: var(--text); border-color: var(--class-color); }
.board-record .wow-icon[b-dmocjr5djm] { width: 36px; height: 36px; border-radius: 8px; border: 2px solid var(--class-color); }
.board-record-text[b-dmocjr5djm] { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.board-record-text strong[b-dmocjr5djm] { color: var(--class-color); }
.board-record-text .muted[b-dmocjr5djm] { font-size: 0.75rem; }
.board-record-key[b-dmocjr5djm] { margin-left: auto; font-family: var(--font-title); font-size: 1.6rem; font-weight: 800; color: var(--amber); text-shadow: 0 0 16px var(--amber-glow); }

/* --- Ce que contient une fiche ------------------------------------------- */
.landing-features[b-dmocjr5djm] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }

.feature[b-dmocjr5djm] {
    padding: 18px;
    border-radius: var(--radius);
    border: 1px solid var(--line);
    background: rgba(26, 34, 50, 0.5);
}
.feature h2[b-dmocjr5djm] { margin: 12px 0 6px; font-size: 1rem; font-weight: 700; color: var(--text); }
.feature p[b-dmocjr5djm] { margin: 0; font-size: 0.85rem; line-height: 1.5; color: var(--text-dim); }

.feature-icon[b-dmocjr5djm] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    color: var(--stat);
    background: color-mix(in srgb, var(--stat) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--stat) 40%, transparent);
}
.feature-icon.is-talents[b-dmocjr5djm] { --stat: #8B5CF6; }
.feature-icon.is-gear[b-dmocjr5djm] { --stat: var(--bronze); }
.feature-icon.is-compare[b-dmocjr5djm] { --stat: var(--steel); }

/* --- Sections ------------------------------------------------------------ */
.landing-section[b-dmocjr5djm] { display: flex; flex-direction: column; gap: 14px; margin-top: 14px; scroll-margin-top: 80px; }
.landing-section-head[b-dmocjr5djm] { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }
.landing-section-head p[b-dmocjr5djm] { margin: 0; }
.landing-heading[b-dmocjr5djm] {
    margin: 0;
    font-family: var(--font-title);
    font-size: 1.35rem;
    letter-spacing: 0.06em;
    color: var(--amber);
}

/* --- Fiches des spécialisations ------------------------------------------ */
.spec-cards[b-dmocjr5djm] {
    display: grid;
    /* six spécialisations : trois colonnes, puis deux, puis une */
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.spec-card[b-dmocjr5djm] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 20px;
    overflow: hidden;
    color: var(--text);
    transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.spec-card[b-dmocjr5djm]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: var(--class-color);
    box-shadow: 0 0 14px var(--class-color);
}
.spec-card:hover[b-dmocjr5djm], .spec-card:focus-within[b-dmocjr5djm] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--class-color) 55%, var(--line));
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.45), 0 0 24px color-mix(in srgb, var(--class-color) 18%, transparent);
}

.spec-card-identity[b-dmocjr5djm] { display: flex; align-items: center; gap: 14px; color: var(--text); }
.spec-card-identity:hover[b-dmocjr5djm] { text-decoration: none; color: var(--text); }
.spec-card-identity:focus-visible[b-dmocjr5djm] { outline: none; }
.spec-card-identity > span[b-dmocjr5djm] { display: flex; flex-direction: column; }
/* lien étiré : toute la carte ouvre la fiche */
.spec-card-identity[b-dmocjr5djm]::after { content: ""; position: absolute; inset: 0; }
.spec-card-icon[b-dmocjr5djm] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    border: 2px solid var(--class-color);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 16px color-mix(in srgb, var(--class-color) 40%, transparent);
}
.spec-card-name[b-dmocjr5djm] { font-family: var(--font-title); font-size: 1.5rem; letter-spacing: 0.05em; color: var(--class-color); }

.spec-card-facts[b-dmocjr5djm] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0; }
.spec-card-facts div[b-dmocjr5djm] { padding: 6px 10px; border-radius: 8px; background: rgba(11, 14, 20, 0.55); border: 1px solid var(--line); }
.spec-card-facts dt[b-dmocjr5djm] { font-size: 0.64rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-faint); }
.spec-card-facts dd[b-dmocjr5djm] { margin: 0; font-size: 1.05rem; font-weight: 700; font-variant-numeric: tabular-nums; }

/* priorité des caractéristiques : la première nommée, les suivantes en icônes */
.spec-card-stats[b-dmocjr5djm] { display: flex; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.spec-card-stats li[b-dmocjr5djm] {
    position: relative;
    z-index: 1; /* infobulle native au-dessus du lien étiré */
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 26px;
    padding: 0 7px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--stat);
    background: color-mix(in srgb, var(--stat) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--stat) 38%, transparent);
}
.spec-card-stats li:first-child[b-dmocjr5djm] { padding: 0 10px 0 8px; }
.spec-card-stats li + li[b-dmocjr5djm]::before { content: "›"; position: absolute; left: -6px; color: var(--text-faint); font-weight: 400; }

.spec-card-hero[b-dmocjr5djm] { display: flex; align-items: center; gap: 8px; }
.spec-card-hero small[b-dmocjr5djm] { font-size: 0.75rem; }

.spec-card-foot[b-dmocjr5djm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid rgba(42, 54, 79, 0.6);
}
.spec-card-updated[b-dmocjr5djm] { font-size: 0.75rem; }

/* --- Méthode ------------------------------------------------------------- */
.landing-steps[b-dmocjr5djm] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.landing-steps li[b-dmocjr5djm] {
    position: relative;
    padding: 18px;
    border-radius: var(--radius);
    border: 1px solid var(--line);
    background: rgba(26, 34, 50, 0.5);
}
/* fil qui relie les étapes */
.landing-steps li:not(:last-child)[b-dmocjr5djm]::after {
    content: "";
    position: absolute;
    top: 34px;
    right: -15px;
    width: 16px;
    height: 2px;
    background: linear-gradient(90deg, var(--amber), var(--steel));
}
.landing-steps h3[b-dmocjr5djm] { margin: 12px 0 6px; font-size: 1rem; color: var(--text); }
.landing-steps p[b-dmocjr5djm] { margin: 0; font-size: 0.85rem; line-height: 1.5; color: var(--text-dim); }
.step-index[b-dmocjr5djm] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-family: var(--font-title);
    font-weight: 800;
    color: #1A1204;
    background: linear-gradient(135deg, var(--amber), var(--bronze));
    box-shadow: 0 0 14px var(--amber-glow);
}
.landing-steps li:last-child .step-index[b-dmocjr5djm] { color: #fff; background: linear-gradient(135deg, var(--steel), var(--cobalt)); box-shadow: 0 0 14px var(--steel-glow); }

/* --- Écrans moyens et mobile --------------------------------------------- */
@media (max-width: 1100px) {
    .landing-hero[b-dmocjr5djm] { grid-template-columns: 1fr; }
    .landing-features[b-dmocjr5djm], .landing-steps[b-dmocjr5djm] { grid-template-columns: repeat(2, 1fr); }
    .landing-steps li[b-dmocjr5djm]::after { display: none; }
}
@media (max-width: 1040px) { .spec-cards[b-dmocjr5djm] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
    .landing-hero[b-dmocjr5djm] { padding-top: 12px; }
    .spec-cards[b-dmocjr5djm], .landing-features[b-dmocjr5djm], .landing-steps[b-dmocjr5djm] { grid-template-columns: 1fr; }
    .landing-actions[b-dmocjr5djm] { flex-direction: column; }
}
/* /Components/Pages/SpecOverview.razor.rz.scp.css */
/* --- En-tête de spécialisation ------------------------------------------- */
.spec-hero[b-n1azprr8fk] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px 32px;
    padding: 22px 26px;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--class-color) 40%, var(--line));
}

/* liseré à la couleur de classe, à gauche */
.spec-hero[b-n1azprr8fk]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--class-color);
    box-shadow: 0 0 18px var(--class-color);
}

.spec-identity[b-n1azprr8fk] { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 22px; }

.spec-icon[b-n1azprr8fk] {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    border: 2px solid var(--class-color);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 22px color-mix(in srgb, var(--class-color) 45%, transparent);
}

.hero-fact[b-n1azprr8fk] { display: flex; align-items: center; gap: 6px; }
.hero-fact img[b-n1azprr8fk] { border-radius: 50%; }

.spec-title h1[b-n1azprr8fk] {
    margin: 2px 0 0;
    font-family: var(--font-title);
    font-size: 2.2rem;
    letter-spacing: 0.06em;
    color: var(--class-color);
    text-shadow: 0 0 24px color-mix(in srgb, var(--class-color) 40%, transparent);
}

.hero-facts[b-n1azprr8fk] { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.hero-facts div[b-n1azprr8fk] {
    min-width: 108px;
    padding: 8px 14px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.6);
    border: 1px solid var(--line);
}
.hero-facts dt[b-n1azprr8fk] { font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--text-faint); }
.hero-facts dd[b-n1azprr8fk] { margin: 2px 0 0; font-size: 1.1rem; font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; }
.hero-facts small[b-n1azprr8fk] { font-size: 0.75rem; font-weight: 500; color: var(--text-dim); }

/* --- Sections ------------------------------------------------------------ */
.meta-columns[b-n1azprr8fk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 18px;
}

.meta-section[b-n1azprr8fk] { padding: 18px 20px; min-width: 0; }

.section-title[b-n1azprr8fk] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 0 0 16px;
    font-family: var(--font-title);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--amber);
}
.section-title small[b-n1azprr8fk] { font-family: var(--font); font-size: 0.75rem; letter-spacing: 0; text-transform: none; }

/* --- Bijoux -------------------------------------------------------------- */
.trinket-columns[b-n1azprr8fk] { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.trinket-columns > div[b-n1azprr8fk] { display: flex; flex-direction: column; gap: 10px; min-width: 0; }

.trinket-head[b-n1azprr8fk] {
    margin: 0 0 2px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.trinket-head.is-defensive[b-n1azprr8fk] { color: var(--steel); }
.trinket-head.is-offensive[b-n1azprr8fk] { color: var(--bronze); }

/* --- Embellissements ----------------------------------------------------- */
.embellishments[b-n1azprr8fk] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; counter-reset: combo; }
.embellishments li[b-n1azprr8fk] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    counter-increment: combo;
}
.embellishments li[b-n1azprr8fk]::before { content: counter(combo); font-family: var(--font-title); color: var(--text-faint); }
.embellishments strong[b-n1azprr8fk] { margin-left: auto; color: var(--amber); font-variant-numeric: tabular-nums; }
.combo-names[b-n1azprr8fk] { display: flex; flex-wrap: wrap; gap: 6px; }
.combo-chip[b-n1azprr8fk] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 3px 10px 3px 3px;
    border-radius: 999px;
    font-size: 0.8rem;
    color: var(--text);
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.28);
}
.combo-chip:hover[b-n1azprr8fk] { text-decoration: none; color: var(--amber); border-color: var(--amber); }
.combo-chip img[b-n1azprr8fk] { width: 22px; height: 22px; border-radius: 50%; }
.combo-count[b-n1azprr8fk] { font-weight: 700; color: var(--amber); }

/* --- Top des joueurs (virtualisé) ---------------------------------------- */
.players-head[b-n1azprr8fk], .player-row[b-n1azprr8fk] {
    display: grid;
    grid-template-columns: 44px 1fr 64px 72px 64px;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    font-variant-numeric: tabular-nums;
}
.players-head span:nth-child(n+3)[b-n1azprr8fk], .player-row span:nth-child(n+3)[b-n1azprr8fk] { text-align: right; }

.players-head[b-n1azprr8fk] {
    padding-bottom: 8px;
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-faint);
    border-bottom: 1px solid var(--line);
}

.players[b-n1azprr8fk] { height: 420px; overflow-y: auto; }

.player-row[b-n1azprr8fk] { height: 38px; border-bottom: 1px solid rgba(42, 54, 79, 0.45); }
.player-row:hover[b-n1azprr8fk] { background: rgba(245, 158, 11, 0.04); }
.player-rank[b-n1azprr8fk] { color: var(--text-faint); font-weight: 700; }
.player-name[b-n1azprr8fk] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.player-name a[b-n1azprr8fk] { font-weight: 600; color: var(--class-color); }
.player-name small[b-n1azprr8fk] { margin-left: 8px; font-size: 0.72rem; color: var(--text-faint); }
.player-key[b-n1azprr8fk] { font-weight: 700; color: var(--amber); }

@media (max-width: 720px) {
    .spec-hero[b-n1azprr8fk] { padding: 18px; }
    .spec-title h1[b-n1azprr8fk] { font-size: 1.7rem; }
    .meta-columns[b-n1azprr8fk] { grid-template-columns: 1fr; }
    .trinket-columns[b-n1azprr8fk] { grid-template-columns: 1fr; }
    .players-head[b-n1azprr8fk], .player-row[b-n1azprr8fk] { grid-template-columns: 32px 1fr 48px 60px; }
    .players-head span:last-child[b-n1azprr8fk], .player-row span:last-child[b-n1azprr8fk] { display: none; }
    .player-name small[b-n1azprr8fk] { display: none; }
}