/* /Campaigns/DonjonsEtDindons/CharacterCreator.razor.rz.scp.css */
/* ── Overlay ──────────────────────────────────────────────────── */
.creator-overlay[b-2uw9x10ntf] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    background: #080c14;
    color: #e8e0cc;
    font-family: inherit;
}

/* Blurred ambient background */
.creator-bg[b-2uw9x10ntf] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center top;
    filter: blur(24px) brightness(0.25) saturate(0.6);
    transform: scale(1.08);
    transition: background-image 0.6s ease;
    pointer-events: none;
}

/* ── Header ───────────────────────────────────────────────────── */
.creator-header[b-2uw9x10ntf] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 0.9rem 1.5rem;
    background: rgba(8,12,20,0.75);
    border-bottom: 1px solid rgba(201,162,39,0.2);
    backdrop-filter: blur(8px);
}

.creator-step-label[b-2uw9x10ntf] {
    font-size: 0.7rem;
    letter-spacing: 0.15em;
    color: #c9a227;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.creator-steps[b-2uw9x10ntf] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex: 1;
}

.creator-step-dot[b-2uw9x10ntf] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(201,162,39,0.2);
    border: 1px solid rgba(201,162,39,0.35);
    transition: all 0.3s;
    flex-shrink: 0;
}
.creator-step-dot.done[b-2uw9x10ntf] {
    background: rgba(201,162,39,0.55);
    border-color: #c9a227;
}
.creator-step-dot.active[b-2uw9x10ntf] {
    width: 10px;
    height: 10px;
    background: #c9a227;
    border-color: #e8c94a;
    box-shadow: 0 0 10px rgba(201,162,39,0.6);
}

.creator-close[b-2uw9x10ntf] {
    margin-left: auto;
    background: transparent;
    border: 1px solid rgba(232,224,204,0.2);
    color: rgba(232,224,204,0.6);
    border-radius: 6px;
    padding: 0.3rem 0.75rem;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.2s;
    white-space: nowrap;
}
.creator-close:hover[b-2uw9x10ntf] {
    border-color: rgba(232,224,204,0.5);
    color: #e8e0cc;
}

/* ── Body ─────────────────────────────────────────────────────── */
.creator-body[b-2uw9x10ntf] {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 1;
    overflow: hidden;
}

/* ── Illustration ─────────────────────────────────────────────── */
.creator-art[b-2uw9x10ntf] {
    width: 42%;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.creator-art img[b-2uw9x10ntf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

/* Fade right → panel */
.creator-art[b-2uw9x10ntf]::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to right, transparent 55%, #080c14 100%),
        linear-gradient(to top, rgba(8,12,20,0.95) 0%, transparent 35%);
    pointer-events: none;
}

.creator-art-info[b-2uw9x10ntf] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.5rem;
    z-index: 1;
}

.creator-art-title[b-2uw9x10ntf] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #e8e0cc;
    margin: 0 0 0.4rem;
    text-shadow: 0 2px 8px rgba(0,0,0,0.8);
    letter-spacing: 0.02em;
}

.creator-art-desc[b-2uw9x10ntf] {
    font-size: 0.82rem;
    color: rgba(232,224,204,0.75);
    line-height: 1.5;
    margin: 0;
    text-shadow: 0 1px 4px rgba(0,0,0,0.9);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* No image fallback */
.creator-art.no-image[b-2uw9x10ntf] {
    background: linear-gradient(135deg, #12192e 0%, #0d1520 100%);
}

/* ── Content Panel ────────────────────────────────────────────── */
.creator-panel[b-2uw9x10ntf] {
    flex: 1;
    background: rgba(8,12,20,0.88);
    border-left: 1px solid rgba(201,162,39,0.15);
    padding: 2rem 2rem 1rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0;
    backdrop-filter: blur(4px);
}

.creator-panel-title[b-2uw9x10ntf] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #e8e0cc;
    letter-spacing: 0.04em;
    margin-bottom: 0.3rem;
}

.creator-panel-subtitle[b-2uw9x10ntf] {
    font-size: 0.85rem;
    color: rgba(232,224,204,0.5);
    margin-bottom: 1.5rem;
}

/* ── Option Cards (Race / Classe) ─────────────────────────────── */
.options-list[b-2uw9x10ntf] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    overflow-y: auto;
    flex: 1;
}

.option-card[b-2uw9x10ntf] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.65rem 0.9rem;
    border-radius: 7px;
    border: 1px solid rgba(201,162,39,0.12);
    cursor: pointer;
    transition: all 0.18s ease;
    background: rgba(201,162,39,0.03);
    color: #e8e0cc;
}
.option-card:hover[b-2uw9x10ntf] {
    border-color: rgba(201,162,39,0.45);
    background: rgba(201,162,39,0.09);
    transform: translateX(3px);
}
.option-card.selected[b-2uw9x10ntf] {
    border-color: #c9a227;
    background: rgba(201,162,39,0.14);
}

.option-portrait[b-2uw9x10ntf] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
    object-position: top;
    border: 2px solid rgba(201,162,39,0.25);
    flex-shrink: 0;
    background: #12192e;
}
.option-card.selected .option-portrait[b-2uw9x10ntf] {
    border-color: #c9a227;
}

.option-name[b-2uw9x10ntf] {
    font-weight: 600;
    font-size: 0.95rem;
    color: #e8e0cc;
    line-height: 1.2;
}
.option-sub[b-2uw9x10ntf] {
    font-size: 0.75rem;
    color: rgba(232,224,204,0.45);
    margin-top: 0.1rem;
}

.option-check[b-2uw9x10ntf] {
    margin-left: auto;
    color: #c9a227;
    font-size: 1rem;
    flex-shrink: 0;
}

/* ── Class toggle (simple / croisée) ─────────────────────────── */
.class-toggle[b-2uw9x10ntf] {
    display: flex;
    gap: 0;
    border: 1px solid rgba(201,162,39,0.3);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 1.2rem;
    flex-shrink: 0;
}
.class-toggle button[b-2uw9x10ntf] {
    flex: 1;
    padding: 0.5rem 1rem;
    background: transparent;
    border: none;
    color: rgba(232,224,204,0.55);
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 500;
}
.class-toggle button.active[b-2uw9x10ntf] {
    background: rgba(201,162,39,0.18);
    color: #c9a227;
    font-weight: 600;
}

/* ── Inputs (dark RPG theme) ──────────────────────────────────── */
.creator-label[b-2uw9x10ntf] {
    display: block;
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(201,162,39,0.8);
    margin-bottom: 0.4rem;
    font-weight: 600;
}

.creator-input[b-2uw9x10ntf],
.creator-select[b-2uw9x10ntf],
.creator-textarea[b-2uw9x10ntf] {
    width: 100%;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(201,162,39,0.22);
    border-radius: 7px;
    color: #e8e0cc;
    padding: 0.65rem 1rem;
    font-size: 0.95rem;
    transition: border-color 0.2s, box-shadow 0.2s;
    font-family: inherit;
}
.creator-input:focus[b-2uw9x10ntf],
.creator-select:focus[b-2uw9x10ntf],
.creator-textarea:focus[b-2uw9x10ntf] {
    outline: none;
    border-color: #c9a227;
    box-shadow: 0 0 0 3px rgba(201,162,39,0.12);
    background: rgba(201,162,39,0.06);
}
.creator-input[b-2uw9x10ntf]::placeholder,
.creator-textarea[b-2uw9x10ntf]::placeholder {
    color: rgba(232,224,204,0.25);
}
.creator-select[b-2uw9x10ntf] {
    appearance: none;
    cursor: pointer;
}
.creator-select option[b-2uw9x10ntf] {
    background: #12192e;
    color: #e8e0cc;
}
.creator-textarea[b-2uw9x10ntf] {
    resize: vertical;
    min-height: 90px;
}

.creator-input.name-input[b-2uw9x10ntf] {
    font-size: 1.4rem;
    padding: 0.8rem 1.2rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* ── Stats step ───────────────────────────────────────────────── */
.stats-grid[b-2uw9x10ntf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
    flex: 1;
}

.stat-row[b-2uw9x10ntf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.65rem 0.9rem;
    border-radius: 7px;
    border: 1px solid rgba(201,162,39,0.12);
    background: rgba(201,162,39,0.03);
}

.stat-info[b-2uw9x10ntf] {
    flex: 1;
    min-width: 0;
}
.stat-name[b-2uw9x10ntf] {
    font-weight: 600;
    font-size: 0.88rem;
    color: #e8e0cc;
}
.stat-desc[b-2uw9x10ntf] {
    font-size: 0.7rem;
    color: rgba(232,224,204,0.4);
    margin-top: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stat-controls[b-2uw9x10ntf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.stat-btn[b-2uw9x10ntf] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid rgba(201,162,39,0.35);
    background: transparent;
    color: #c9a227;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    flex-shrink: 0;
    padding: 0;
}
.stat-btn:hover:not(:disabled)[b-2uw9x10ntf] {
    background: rgba(201,162,39,0.18);
    border-color: #c9a227;
}
.stat-btn:disabled[b-2uw9x10ntf] {
    opacity: 0.3;
    cursor: default;
}

.stat-value[b-2uw9x10ntf] {
    width: 32px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: #c9a227;
}

/* ── Récapitulatif ────────────────────────────────────────────── */
.recap-grid[b-2uw9x10ntf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    flex: 1;
}
.recap-item[b-2uw9x10ntf] {
    display: flex;
    flex-direction: column;
    padding: 0.6rem 0.9rem;
    border-radius: 6px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(201,162,39,0.1);
}
.recap-item label[b-2uw9x10ntf] {
    font-size: 0.68rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(201,162,39,0.7);
    margin-bottom: 0.2rem;
}
.recap-item span[b-2uw9x10ntf] {
    font-weight: 600;
    color: #e8e0cc;
    font-size: 0.9rem;
}
.recap-item.full-width[b-2uw9x10ntf] {
    grid-column: 1 / -1;
}
.recap-stats-grid[b-2uw9x10ntf] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.4rem;
}
.recap-stat[b-2uw9x10ntf] {
    text-align: center;
    padding: 0.5rem;
    border-radius: 6px;
    background: rgba(201,162,39,0.05);
    border: 1px solid rgba(201,162,39,0.15);
}
.recap-stat-name[b-2uw9x10ntf] {
    font-size: 0.65rem;
    color: rgba(232,224,204,0.5);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.recap-stat-val[b-2uw9x10ntf] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #c9a227;
}

/* ── Constraint box ───────────────────────────────────────────── */
.creator-hint[b-2uw9x10ntf] {
    background: rgba(201,162,39,0.07);
    border: 1px solid rgba(201,162,39,0.2);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    font-size: 0.8rem;
    color: rgba(232,224,204,0.6);
    line-height: 1.5;
    margin-top: auto;
    flex-shrink: 0;
}
.creator-hint strong[b-2uw9x10ntf] {
    color: rgba(201,162,39,0.9);
}

/* ── Footer ───────────────────────────────────────────────────── */
.creator-footer[b-2uw9x10ntf] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1.5rem;
    background: rgba(8,12,20,0.85);
    border-top: 1px solid rgba(201,162,39,0.2);
    backdrop-filter: blur(8px);
    gap: 1rem;
}

.creator-step-info[b-2uw9x10ntf] {
    font-size: 0.75rem;
    color: rgba(232,224,204,0.35);
    text-align: center;
    white-space: nowrap;
}

.btn-creator[b-2uw9x10ntf] {
    background: linear-gradient(135deg, #c9a227, #a8841a);
    border: none;
    color: #080c14;
    padding: 0.6rem 1.8rem;
    border-radius: 7px;
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
    letter-spacing: 0.04em;
    transition: all 0.2s;
    white-space: nowrap;
}
.btn-creator:hover:not(:disabled)[b-2uw9x10ntf] {
    background: linear-gradient(135deg, #e8c94a, #c9a227);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(201,162,39,0.35);
}
.btn-creator:disabled[b-2uw9x10ntf] {
    opacity: 0.5;
    cursor: default;
}

.btn-creator-ghost[b-2uw9x10ntf] {
    background: transparent;
    border: 1px solid rgba(232,224,204,0.2);
    color: rgba(232,224,204,0.55);
    padding: 0.6rem 1.4rem;
    border-radius: 7px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}
.btn-creator-ghost:hover:not(:disabled)[b-2uw9x10ntf] {
    border-color: rgba(232,224,204,0.45);
    color: #e8e0cc;
}
.btn-creator-ghost:disabled[b-2uw9x10ntf] {
    opacity: 0.3;
    cursor: default;
}

.creator-error[b-2uw9x10ntf] {
    color: #f87171;
    font-size: 0.82rem;
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: rgba(248,113,113,0.08);
    border: 1px solid rgba(248,113,113,0.25);
    border-radius: 6px;
}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 767px) {
    .creator-body[b-2uw9x10ntf] {
        flex-direction: column;
    }
    .creator-art[b-2uw9x10ntf] {
        width: 100%;
        height: 220px;
        flex-shrink: 0;
    }
    .creator-art[b-2uw9x10ntf]::after {
        background:
            linear-gradient(to bottom, transparent 50%, #080c14 100%);
    }
    .creator-art-info[b-2uw9x10ntf] {
        padding: 0.75rem 1rem;
    }
    .creator-art-title[b-2uw9x10ntf] {
        font-size: 1.1rem;
    }
    .creator-art-desc[b-2uw9x10ntf] {
        display: none;
    }
    .creator-panel[b-2uw9x10ntf] {
        padding: 1rem 1rem 0.5rem;
    }
    .stats-grid[b-2uw9x10ntf] {
        grid-template-columns: 1fr;
    }
    .recap-grid[b-2uw9x10ntf] {
        grid-template-columns: 1fr;
    }
    .recap-stats-grid[b-2uw9x10ntf] {
        grid-template-columns: repeat(4, 1fr);
    }
}
/* /Campaigns/DonjonsEtDindons/CharacterSheet.razor.rz.scp.css */
/* ── Portrait hover zoom ─────────────────────────────────────── */
.portrait-wrapper[b-73dtvyd2eu] {
    position: relative;
    cursor: zoom-in;
}

.portrait-zoom-backdrop[b-73dtvyd2eu] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1070;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.portrait-zoom-preview[b-73dtvyd2eu] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.92);
    z-index: 1071;
    width: 260px;
    height: 360px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0,0,0,0.7);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.portrait-wrapper:hover .portrait-zoom-backdrop[b-73dtvyd2eu],
.portrait-wrapper:hover .portrait-zoom-preview[b-73dtvyd2eu] {
    opacity: 1;
}

.portrait-wrapper:hover .portrait-zoom-preview[b-73dtvyd2eu] {
    transform: translate(-50%, -50%) scale(1);
}

/* ── Quick-edit buttons ───────────────────────────────────────── */
.qe-btn[b-73dtvyd2eu] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #ced4da;
    background: #fff;
    color: #495057;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-shrink: 0;
    transition: background 0.15s, border-color 0.15s;
}
.qe-btn:hover[b-73dtvyd2eu] {
    background: #f8f9fa;
    border-color: #6c757d;
}
.qe-btn:active[b-73dtvyd2eu] {
    background: #e9ecef;
}
.qe-btn-sm[b-73dtvyd2eu] {
    width: 22px;
    height: 22px;
    font-size: 0.95rem;
}

.qe-btn.qe-dark[b-73dtvyd2eu] {
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.3);
    color: #e2e8f0;
}
.qe-btn.qe-dark:hover[b-73dtvyd2eu] {
    background: rgba(255,255,255,.22);
    border-color: rgba(255,255,255,.5);
}
.qe-btn.qe-dark:active[b-73dtvyd2eu] {
    background: rgba(255,255,255,.35);
}

/* ── Hero header ──────────────────────────────────────────────── */
.sheet-header[b-73dtvyd2eu] {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,.2);
}

.sheet-portrait-wrap[b-73dtvyd2eu] {
    width: 110px;
    flex-shrink: 0;
    align-self: stretch;
    overflow: hidden;
}

.sheet-portrait[b-73dtvyd2eu] {
    width: 110px;
    height: 100%;
    min-height: 155px;
    object-fit: cover;
    object-position: center top;
    display: block;
}

.sheet-header-body[b-73dtvyd2eu] {
    padding: 1.25rem 1.5rem;
    flex: 1;
}

.sheet-char-name[b-73dtvyd2eu] {
    font-size: clamp(1.35rem, 5vw, 2rem);
    font-weight: 700;
    color: #d4a017;
    letter-spacing: 0.02em;
    line-height: 1.1;
    margin-bottom: 0.3rem;
}

.sheet-char-sub[b-73dtvyd2eu] {
    color: rgba(255,255,255,.6);
    font-size: 0.88rem;
    margin-bottom: 0.25rem;
}

.sheet-badge[b-73dtvyd2eu] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.75rem;
    border-radius: 20px;
    font-size: 0.78rem;
    font-weight: 600;
    margin-top: 0.35rem;
}
.sheet-badge-alive[b-73dtvyd2eu] {
    background: rgba(25,135,84,.2);
    color: #6ee7a0;
    border: 1px solid rgba(25,135,84,.35);
}
.sheet-badge-dead[b-73dtvyd2eu] {
    background: rgba(108,117,125,.2);
    color: #adb5bd;
    border: 1px solid rgba(108,117,125,.3);
}

/* ── Vitals strip ─────────────────────────────────────────────── */
.vitals-strip[b-73dtvyd2eu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

@media (max-width: 500px) {
    .vitals-strip[b-73dtvyd2eu] { grid-template-columns: repeat(2, 1fr); }
}

.vital-tile[b-73dtvyd2eu] {
    border-radius: 10px;
    padding: 0.85rem 0.75rem;
    text-align: center;
    border: 1px solid transparent;
}

.vital-label[b-73dtvyd2eu] {
    font-size: 0.67rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    opacity: .75;
    margin-bottom: 0.3rem;
}

.vital-value[b-73dtvyd2eu] {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1;
}

.vital-tile--niveau[b-73dtvyd2eu] { background: linear-gradient(135deg,#1e3a5f,#2d5a8e); color: #93c5fd; border-color: rgba(147,197,253,.2); }
.vital-tile--pv[b-73dtvyd2eu]     { background: linear-gradient(135deg,#5f1e1e,#8e2d2d); color: #fca5a5; border-color: rgba(252,165,165,.2); }
.vital-tile--sante[b-73dtvyd2eu]  { background: linear-gradient(135deg,#3b1f5f,#5e2d8e); color: #c4b5fd; border-color: rgba(196,181,253,.2); }
.vital-tile--bourse[b-73dtvyd2eu] { background: linear-gradient(135deg,#3d2e0a,#7a5c14); color: #fcd34d; border-color: rgba(252,211,77,.2); }

/* ── Section label ────────────────────────────────────────────── */
.section-label[b-73dtvyd2eu] {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #6c757d;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

/* ── Stat orbs ────────────────────────────────────────────────── */
.stat-grid[b-73dtvyd2eu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
    gap: 0.6rem;
}

.stat-orb[b-73dtvyd2eu] {
    background: #1e2a3a;
    border: 1px solid rgba(100,140,200,.2);
    border-radius: 10px;
    padding: 0.75rem 0.5rem 0.6rem;
    text-align: center;
    transition: border-color .15s;
}

.stat-orb-editing[b-73dtvyd2eu] {
    border-color: rgba(100,140,200,.5);
}

.stat-orb-value[b-73dtvyd2eu] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #e2e8f0;
    line-height: 1;
}

.stat-orb-name[b-73dtvyd2eu] {
    font-size: 0.62rem;
    color: rgba(226,232,240,.55);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-top: 0.25rem;
}

/* ── Bio parchment ────────────────────────────────────────────── */
.sheet-bio[b-73dtvyd2eu] {
    background: linear-gradient(135deg, #fdf6e3, #faeec8);
    border: 1px solid #d4b896;
    border-radius: 10px;
    padding: 1.25rem 1.5rem;
    box-shadow: inset 0 1px 4px rgba(0,0,0,.07);
}

.bio-block[b-73dtvyd2eu] {
    margin-bottom: 0.85rem;
}

.bio-block:last-child[b-73dtvyd2eu] {
    margin-bottom: 0;
}

.bio-label[b-73dtvyd2eu] {
    font-size: 0.67rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #8b6914;
    font-weight: 700;
    margin-bottom: 0.2rem;
}

.bio-text[b-73dtvyd2eu] {
    color: #3d2b1f;
    font-size: 0.9rem;
    line-height: 1.65;
}

/* ── Inventory ────────────────────────────────────────────────── */
.inv-add-form[b-73dtvyd2eu] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 1rem;
}

.inv-grid[b-73dtvyd2eu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 0.75rem;
}

.inv-card[b-73dtvyd2eu] {
    background: #1e2a3a;
    border: 1px solid rgba(100,140,200,.2);
    border-radius: 10px;
    padding: 0.9rem;
    color: #e2e8f0;
    transition: border-color .15s;
}

.inv-card:hover[b-73dtvyd2eu] {
    border-color: rgba(100,140,200,.45);
}

.inv-card-name[b-73dtvyd2eu] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #e2e8f0;
}

.inv-card-desc[b-73dtvyd2eu] {
    font-size: 0.75rem;
    color: rgba(226,232,240,.5);
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.inv-card-notes[b-73dtvyd2eu] {
    font-size: 0.75rem;
    font-style: italic;
    color: rgba(226,232,240,.55);
    margin-top: 0.4rem;
}

.inv-badge-passif[b-73dtvyd2eu] {
    background: rgba(147,197,253,.12) !important;
    color: #93c5fd !important;
    border: 1px solid rgba(147,197,253,.3) !important;
    font-size: .6rem !important;
}
.inv-badge-actif[b-73dtvyd2eu] {
    background: rgba(251,191,36,.12) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(251,191,36,.3) !important;
    font-size: .6rem !important;
}
.inv-badge-reutilisable[b-73dtvyd2eu] {
    background: rgba(52,211,153,.12) !important;
    color: #34d399 !important;
    border: 1px solid rgba(52,211,153,.3) !important;
    font-size: .6rem !important;
}

.inv-value-badge[b-73dtvyd2eu] {
    background: rgba(252,211,77,.15) !important;
    color: #fcd34d !important;
    border: 1px solid rgba(252,211,77,.3) !important;
    font-size: 0.68rem !important;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.inv-qty[b-73dtvyd2eu] {
    font-weight: 600;
    font-size: 0.95rem;
    min-width: 1.5rem;
    text-align: center;
    color: #e2e8f0;
}

.inv-card-footer[b-73dtvyd2eu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(255,255,255,.08);
}
/* /Campaigns/DonjonsEtDindons/DedJetsDes.razor.rz.scp.css */
/* ── Formulaire ───────────────────────────────────────────────── */
.roll-form[b-t2c36vxh9w] {
    background: #1e2a3a;
    border: 1px solid rgba(100,140,200,.2);
    border-radius: 12px;
    padding: 1.5rem;
    color: #e2e8f0;
}

/* Labels et textes atténués sur fond sombre */
.roll-form .form-label[b-t2c36vxh9w],
.roll-form .text-muted[b-t2c36vxh9w] {
    color: rgba(226,232,240,.5) !important;
}

.roll-form .fw-bold[b-t2c36vxh9w] { color: #e2e8f0; }

/* Select dark mode */
.roll-form .form-select[b-t2c36vxh9w] {
    background-color: #16213e;
    border-color: rgba(100,140,200,.35);
    color: #e2e8f0;
}
.roll-form .form-select:focus[b-t2c36vxh9w] {
    background-color: #16213e;
    border-color: rgba(100,140,200,.6);
    color: #e2e8f0;
    box-shadow: 0 0 0 .25rem rgba(100,140,200,.15);
}
.roll-form .form-select option[b-t2c36vxh9w] {
    background-color: #1e2a3a;
    color: #e2e8f0;
}

/* Checkbox / form-check sur fond sombre */
.roll-form .form-check-label[b-t2c36vxh9w] { color: rgba(226,232,240,.75); }
.roll-form .form-check-input[b-t2c36vxh9w] { background-color: #16213e; border-color: rgba(100,140,200,.4); }
.roll-form .form-check-input:checked[b-t2c36vxh9w] { background-color: #0d6efd; border-color: #0d6efd; }

/* Lignes d'items passifs (lecture seule) */
.passive-item-row[b-t2c36vxh9w] {
    padding: .35rem .6rem;
    border-radius: 6px;
    background: rgba(147,197,253,.06);
    border: 1px solid rgba(147,197,253,.15);
    font-size: .85rem;
    color: rgba(226,232,240,.75);
}

/* Lignes d'items actifs */
.active-item-row[b-t2c36vxh9w] {
    padding: .4rem .6rem;
    border-radius: 6px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(100,140,200,.15);
}
.active-item-row:hover[b-t2c36vxh9w] { background: rgba(255,255,255,.08); }

/* Bonus par item dans le résultat */
.roll-item-bonus[b-t2c36vxh9w] {
    display: inline-block;
    padding: .1rem .5rem;
    border-radius: 4px;
    background: rgba(147,197,253,.1);
    border: 1px solid rgba(147,197,253,.2);
    color: #93c5fd;
    font-size: .78rem;
}

/* ── Die type row ─────────────────────────────────────────────── */
.die-type-row[b-t2c36vxh9w] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.die-buttons[b-t2c36vxh9w] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    flex: 1;
}

.die-btn[b-t2c36vxh9w] {
    padding: .35rem .7rem;
    border-radius: 6px;
    border: 1px solid rgba(226,232,240,.25);
    background: transparent;
    color: rgba(226,232,240,.65);
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .12s, border-color .12s, color .12s;
    touch-action: manipulation;
    min-width: 44px;
    text-align: center;
}
.die-btn:hover[b-t2c36vxh9w] {
    background: rgba(226,232,240,.08);
    border-color: rgba(226,232,240,.45);
    color: #e2e8f0;
}
.die-btn-active[b-t2c36vxh9w] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}
.die-btn-active:hover[b-t2c36vxh9w] {
    background: #0b5ed7;
    border-color: #0b5ed7;
    color: #fff;
}

.nombre-stepper[b-t2c36vxh9w] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-shrink: 0;
}

/* Stepper buttons sur fond sombre */
.qe-btn[b-t2c36vxh9w] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(226,232,240,.2);
    background: rgba(255,255,255,.08);
    color: #e2e8f0;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-shrink: 0;
    transition: background .15s, border-color .15s;
}
.qe-btn:hover[b-t2c36vxh9w]  { background: rgba(255,255,255,.15); border-color: rgba(226,232,240,.4); }
.qe-btn:active[b-t2c36vxh9w] { background: rgba(255,255,255,.06); }

/* ── Carte résultat ───────────────────────────────────────────── */
.roll-result-card[b-t2c36vxh9w] {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,.25);
    color: #e2e8f0;
}

.roll-result-header[b-t2c36vxh9w] {
    padding: .6rem 1.25rem;
    background: rgba(255,255,255,.06);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.roll-result-who[b-t2c36vxh9w] {
    font-weight: 700;
    color: #d4a017;
    font-size: .9rem;
    letter-spacing: .02em;
}

.roll-result-time[b-t2c36vxh9w] {
    color: rgba(255,255,255,.35);
    font-size: .72rem;
}

.roll-result-body[b-t2c36vxh9w] {
    padding: 1.25rem 1.5rem;
}

.roll-formula[b-t2c36vxh9w] {
    color: rgba(255,255,255,.45);
    font-size: .85rem;
    margin-right: .4rem;
}

.roll-sum[b-t2c36vxh9w] {
    color: rgba(255,255,255,.55);
    font-size: .95rem;
    margin-left: .5rem;
}

.roll-mods[b-t2c36vxh9w] {
    font-size: .83rem;
    color: rgba(255,255,255,.5);
    margin-top: .35rem;
    margin-bottom: .5rem;
}

.roll-total-row[b-t2c36vxh9w] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(255,255,255,.1);
    flex-wrap: wrap;
}

.roll-total[b-t2c36vxh9w] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #e2e8f0;
}

.roll-verdict[b-t2c36vxh9w] {
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .04em;
    padding: .25rem .85rem;
    border-radius: 20px;
}
.roll-success[b-t2c36vxh9w] {
    background: rgba(25,135,84,.22);
    color: #6ee7a0;
    border: 1px solid rgba(25,135,84,.4);
}
.roll-fail[b-t2c36vxh9w] {
    background: rgba(220,53,69,.22);
    color: #f5a0a8;
    border: 1px solid rgba(220,53,69,.35);
}

/* ── Faces de dés ─────────────────────────────────────────────── */

/* Dés dans la carte résultat — fond amber sur fond sombre */
.die-face[b-t2c36vxh9w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    background: rgba(212,160,23,.18);
    border: 2px solid rgba(212,160,23,.55);
    border-radius: 8px;
    font-weight: 800;
    color: #fcd34d;
    font-size: 1rem;
    margin: 0 3px;
    vertical-align: middle;
}

/* Dés dans l'historique — fond bleu-marine clair */
.die-face-sm[b-t2c36vxh9w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    background: rgba(147,197,253,.15);
    border: 1px solid rgba(147,197,253,.4);
    border-radius: 5px;
    font-weight: 700;
    color: #93c5fd;
    font-size: .75rem;
    margin: 0 2px;
    vertical-align: middle;
}

/* ── Historique ───────────────────────────────────────────────── */
.section-label[b-t2c36vxh9w] {
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #6c757d;
    font-weight: 700;
    margin-bottom: .75rem;
}

.roll-history[b-t2c36vxh9w] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.roll-history-row[b-t2c36vxh9w] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .6rem 1rem;
    background: #1e2a3a;
    border: 1px solid rgba(100,140,200,.2);
    border-radius: 8px;
    color: #e2e8f0;
    flex-wrap: wrap;
    transition: border-color .15s;
}
.roll-history-row:hover[b-t2c36vxh9w] { border-color: rgba(100,140,200,.45); }

.hist-success[b-t2c36vxh9w] { border-left: 3px solid rgba(25,135,84,.7);  }
.hist-fail[b-t2c36vxh9w]    { border-left: 3px solid rgba(220,53,69,.7); }

.hist-who[b-t2c36vxh9w]  { min-width: 130px; font-size: .85rem; font-weight: 600; color: #e2e8f0; }
.hist-dice[b-t2c36vxh9w] { flex: 1; font-size: .82rem; color: rgba(226,232,240,.65); }
.hist-total[b-t2c36vxh9w] {
    font-weight: 700;
    font-size: 1rem;
    min-width: 2.5rem;
    text-align: right;
    color: #e2e8f0;
}
.hist-time[b-t2c36vxh9w] { margin-left: auto; white-space: nowrap; color: rgba(226,232,240,.35); font-size: .7rem; }

/* ── Responsive mobile ────────────────────────────────────────── */
@media (max-width: 576px) {

    /* Formulaire plus compact */
    .roll-form[b-t2c36vxh9w] { padding: 1rem; }

    /* Boutons de dé plus grands (target 44px minimum) */
    .die-btn[b-t2c36vxh9w] {
        padding: .5rem .65rem;
        font-size: .9rem;
        min-width: 48px;
    }

    /* Stepper sur toute la largeur sous les boutons */
    .die-type-row[b-t2c36vxh9w] { flex-direction: column; align-items: flex-start; gap: .5rem; }
    .die-buttons[b-t2c36vxh9w] { width: 100%; }
    .nombre-stepper[b-t2c36vxh9w] { align-self: flex-end; }

    /* Steppers plus grands */
    .qe-btn[b-t2c36vxh9w] { width: 40px; height: 40px; font-size: 1.2rem; }

    /* Items passifs/actifs : zone de tap plus haute */
    .passive-item-row[b-t2c36vxh9w] { padding: .5rem .7rem; font-size: .88rem; }
    .active-item-row[b-t2c36vxh9w]  { padding: .55rem .7rem; }
    .roll-form .form-check-input[b-t2c36vxh9w] { width: 1.15em; height: 1.15em; }

    /* Carte résultat */
    .roll-result-body[b-t2c36vxh9w] { padding: 1rem; }
    .roll-result-header[b-t2c36vxh9w] { padding: .5rem 1rem; }

    /* Mods sur plusieurs lignes */
    .roll-mods[b-t2c36vxh9w] { display: flex; flex-wrap: wrap; gap: .3rem .5rem; }
    .roll-item-bonus[b-t2c36vxh9w] { display: inline-flex; }

    /* Total + verdict empilés si besoin */
    .roll-total-row[b-t2c36vxh9w] { gap: .6rem; }
    .roll-total[b-t2c36vxh9w] { font-size: 1.5rem; }

    /* ── Historique en grille 2 lignes ── */
    .roll-history-row[b-t2c36vxh9w] {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "who   total"
            "dice  time";
        gap: .15rem .5rem;
        padding: .55rem .75rem;
        flex-wrap: unset;
        align-items: unset;
    }
    .hist-who[b-t2c36vxh9w]   { grid-area: who;   min-width: unset; align-self: center; }
    .hist-total[b-t2c36vxh9w] { grid-area: total; min-width: unset; align-self: center; }
    .hist-dice[b-t2c36vxh9w]  { grid-area: dice;  flex: unset; font-size: .78rem; }
    .hist-time[b-t2c36vxh9w]  { grid-area: time;  margin-left: 0; align-self: end; text-align: right; }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-ibe3l8gndh] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ibe3l8gndh] {
    flex: 1;
}

.sidebar[b-ibe3l8gndh] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-ibe3l8gndh] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ibe3l8gndh]  a, .top-row[b-ibe3l8gndh]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-ibe3l8gndh]  a:hover, .top-row[b-ibe3l8gndh]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-ibe3l8gndh]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-ibe3l8gndh] {
        justify-content: space-between;
    }

    .top-row[b-ibe3l8gndh]  a, .top-row[b-ibe3l8gndh]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ibe3l8gndh] {
        flex-direction: row;
    }

    .sidebar[b-ibe3l8gndh] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ibe3l8gndh] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-ibe3l8gndh]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ibe3l8gndh], article[b-ibe3l8gndh] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}