/* Thème narratif — module 01-decouverte (dialog RPG fantasy + tracker ère débutant) */

.capsule-quest-dialog {
    --cqd-gold: #c9a227;
    --cqd-gold-bright: #e8c547;
    --cqd-ink: #f5f0d8;
    --cqd-bg: #0c0906;
    --cqd-panel: #1a1208;
    --cqd-font: "Courier New", Courier, monospace;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: flex-end;
    justify-content: center;
    margin: 0;
    padding: 0 16px 14px;
    box-sizing: border-box;
    background: transparent;
    pointer-events: none;
    z-index: 12000;
}

.capsule-quest-dialog.is-open {
    display: flex;
}

.capsule-quest-dialog.is-dragging {
    cursor: grabbing;
}

.capsule-quest-dialog.is-dragging .capsule-quest-dialog__panel {
    pointer-events: auto;
}

/* Attente d’objectif : dialog masqué (consigne = tracker seul). */
.capsule-quest-dialog.is-waiting {
    display: none;
}

.capsule-quest-dialog.is-docked {
    padding-bottom: 12px;
}

.capsule-quest-dialog__panel {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
    width: min(760px, 100%);
    min-height: 0;
    margin: 0 auto;
    padding: 28px 0 0;
    border: 0;
    box-sizing: border-box;
    color: var(--cqd-ink);
    background: transparent;
    pointer-events: auto;
    image-rendering: pixelated;
    will-change: transform;
}

/* Avatar chevauche la boîte, centré verticalement sur le body */
.capsule-quest-dialog__identity {
    position: relative;
    z-index: 6;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    align-self: center;
    gap: 0;
    min-width: 0;
    margin: 0 -40px 0 0;
    padding: 0;
    pointer-events: none;
}

.capsule-quest-dialog__portrait {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 152px;
    height: 152px;
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
}

/* Araignée : viewport élargi à droite (JS applyPortraitFit + expandRight). */
.capsule-quest-dialog__portrait--spider-queen,
.capsule-quest-dialog__portrait[data-portrait="spider-queen"] {
    overflow: visible;
    justify-content: flex-start;
}

.capsule-quest-dialog__sprite {
    --cqd-pos-x: 0px;
    --cqd-pos-y: 0px;
    --cqd-strip: 608px;
    width: 152px;
    height: 152px;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: var(--cqd-pos-x) var(--cqd-pos-y);
    background-size: 608px 152px;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    filter: drop-shadow(0 4px 0 rgba(0, 0, 0, 0.5));
    animation: capsule-quest-portrait-idle 0.85s steps(4) infinite;
}

.capsule-quest-dialog__sprite--hero {
    filter: drop-shadow(0 4px 0 rgba(0, 0, 0, 0.5));
    animation-duration: 0.8s;
}

.capsule-quest-dialog__sprite--goblin {
    animation-duration: 0.9s;
}

.capsule-quest-dialog__sprite--creature {
    filter: none;
    animation-duration: 0.9s;
}

/* Ghost : léger voile sans masquer le sprite réel */
.capsule-quest-dialog__sprite--portrait-ghost-monk {
    opacity: 0.94;
}

@keyframes capsule-quest-portrait-idle {
    from {
        background-position: var(--cqd-pos-x) var(--cqd-pos-y);
    }
    to {
        background-position: calc(var(--cqd-pos-x) - var(--cqd-strip)) var(--cqd-pos-y);
    }
}

/* Boîte — 9-slice panel-transparent-center-006 (fill asset, pas de fond CSS) */
.capsule-quest-dialog__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    min-height: 108px;
    margin: 0;
    padding: 22px 20px 10px;
    border: 14px solid transparent;
    border-radius: 0;
    box-sizing: border-box;
    overflow: visible;
    color: #f5ecd0;
    background-color: transparent;
    background-image: none;
    border-image-source: url("../../../assets/modules/01-decouverte/images/ui/panel-transparent-center-006.png");
    border-image-slice: 14 fill;
    border-image-width: 14px;
    border-image-repeat: stretch;
    box-shadow: none;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

/* Poignée de déplacement — icône move (masque CSS → jaune) */
.capsule-quest-dialog__drag {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #e8c547;
    background: rgba(12, 9, 6, 0.55);
    cursor: grab;
    pointer-events: auto;
}

.capsule-quest-dialog__drag:hover,
.capsule-quest-dialog__drag:focus {
    color: #ffe566;
    background: rgba(12, 9, 6, 0.8);
    outline: 1px solid rgba(232, 197, 71, 0.55);
    outline-offset: 1px;
}

.capsule-quest-dialog.is-dragging .capsule-quest-dialog__drag {
    cursor: grabbing;
}

.capsule-quest-dialog__drag-icon {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: currentColor;
    -webkit-mask-image: url("../../../assets/modules/01-decouverte/images/ui/icon-move.png");
    mask-image: url("../../../assets/modules/01-decouverte/images/ui/icon-move.png");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* Nameplate ancré sur la bordure haute — fond 9-slice 000 */
.capsule-quest-dialog__nameplate {
    position: absolute;
    left: 14px;
    top: 0;
    right: auto;
    z-index: 5;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: calc(100% - 56px);
    margin: 0;
    padding: 2px 14px;
    border: 10px solid transparent;
    box-sizing: border-box;
    /* Centre du nameplate = milieu de la bordure haute (14px / 2) */
    transform: translateY(calc(-50% - 7px));
    background-color: transparent;
    background-image: none;
    border-image-source: url("../../../assets/modules/01-decouverte/images/ui/panel-transparent-center-000.png");
    border-image-slice: 12 fill;
    border-image-width: 8px;
    border-image-repeat: stretch;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    pointer-events: none;
}

.capsule-quest-dialog__speaker {
    position: relative;
    z-index: 1;
    display: block;
    flex: 0 0 auto;
    max-width: 240px;
    margin: 0;
    padding: 0 4px;
    border: 0;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f5ecd0;
    background: transparent;
    text-shadow: 0 1px 0 #000;
}

.capsule-quest-dialog__text {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    margin: 0 28px 4px 0;
    padding: 0;
    border: 0;
    min-height: 44px;
    font-family: var(--cqd-font);
    font-size: 15px;
    line-height: 1.45;
    color: #f5ecd0;
    background: transparent;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.85);
}

/* Chevron continuer — icône asset (masque CSS → jaune) */
.capsule-quest-dialog__continue {
    position: relative;
    z-index: 1;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 28px;
    margin: 2px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #e8c547;
    background: transparent;
    cursor: pointer;
}

.capsule-quest-dialog__continue[hidden] {
    display: none;
}

.capsule-quest-dialog__continue:hover,
.capsule-quest-dialog__continue:focus {
    color: #ffe566;
    outline: 1px solid rgba(232, 197, 71, 0.45);
    outline-offset: 2px;
}

.capsule-quest-dialog__chevron-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    animation: capsule-quest-chevron-bob 0.9s ease-in-out infinite;
}

.capsule-quest-dialog__chevron {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: currentColor;
    -webkit-mask-image: url("../../../assets/modules/01-decouverte/images/ui/icon-chevron-down.png");
    mask-image: url("../../../assets/modules/01-decouverte/images/ui/icon-chevron-down.png");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

@keyframes capsule-quest-chevron-bob {
    0%,
    100% {
        transform: translateY(-4px);
    }
    50% {
        transform: translateY(4px);
    }
}

/* Laisser de la place au dialog dock */
body:has(.capsule-quest-dialog.is-docked.is-open) .capsule-quest-tracker {
    top: 38%;
    max-height: min(48vh, 380px);
}

/* Détail objectif / indice / solution : agrandir, pas de scroll interne */
.capsule-quest-tracker.is-detail-open,
.capsule-quest-tracker.is-reveal-open {
    max-height: min(88vh, 760px);
}

.capsule-quest-tracker.is-detail-open .capsule-quest-tracker__body,
.capsule-quest-tracker.is-reveal-open .capsule-quest-tracker__body {
    max-height: none;
    overflow: visible;
}

.capsule-quest-tracker.is-detail-open .capsule-quest-tracker__detail,
.capsule-quest-tracker.is-reveal-open .capsule-quest-tracker__detail {
    flex: 0 0 auto;
    min-height: auto;
    overflow: visible;
}

body:has(.capsule-quest-dialog.is-docked.is-open) .capsule-quest-tracker.is-detail-open,
body:has(.capsule-quest-dialog.is-docked.is-open) .capsule-quest-tracker.is-reveal-open {
    top: 42%;
    max-height: min(78vh, 720px);
}

@media (max-width: 620px) {
    .capsule-quest-dialog__panel {
        flex-direction: column;
        align-items: center;
        gap: 0;
        padding-top: 24px;
    }

    .capsule-quest-dialog__identity {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0;
        margin: 0 0 -48px;
        z-index: 6;
    }

    .capsule-quest-dialog__portrait {
        width: 112px;
        height: 112px;
        margin: 0;
    }

    .capsule-quest-dialog__sprite,
    .capsule-quest-dialog__sprite--hero,
    .capsule-quest-dialog__sprite--goblin,
    .capsule-quest-dialog__sprite--creature {
        width: 112px;
        height: 112px;
    }

    .capsule-quest-dialog__body {
        border-width: 10px;
        border-image-width: 10px;
        padding: 20px 14px 10px;
        width: 100%;
    }

    .capsule-quest-dialog__nameplate {
        left: 12px;
        top: 0;
        max-width: calc(100% - 48px);
        padding: 1px 8px;
        border-width: 8px;
        border-image-width: 6px;
        transform: translateY(calc(-50% - 5px));
    }

    .capsule-quest-dialog__speaker {
        max-width: 160px;
        font-size: 11px;
    }

    .capsule-quest-dialog__text {
        font-size: 14px;
        min-height: 40px;
        margin-right: 24px;
    }

    body:has(.capsule-quest-dialog.is-docked.is-open) .capsule-quest-tracker {
        top: 32%;
        max-height: min(40vh, 300px);
    }

    body:has(.capsule-quest-dialog.is-docked.is-open) .capsule-quest-tracker.is-detail-open,
    body:has(.capsule-quest-dialog.is-docked.is-open) .capsule-quest-tracker.is-reveal-open {
        top: 36%;
        max-height: min(70vh, 620px);
    }
}

/* ========== Tracker — thèmes par difficulté (data-quest-era) ========== */
/* Structure prête : debutant (actif) · intermediaire / confirme / expert (stubs) */

.capsule-quest-tracker[data-quest-era="debutant"] {
    --cqt-ink: #f0e6c8;
    --cqt-ink-soft: #c4b48a;
    --cqt-parchment: #1a1208;
    --cqt-parchment-2: #24180c;
    --cqt-cover: #c9a227;
    --cqt-cover-deep: #8a6a2a;
    --cqt-gold: #e8c547;
    --cqt-ok: #7ec850;
    --cqt-accent: #e27e4b;
    --cqt-panel-000: url("../../../assets/modules/01-decouverte/images/ui/panel-transparent-center-000.png");
    --cqt-panel-001: url("../../../assets/modules/01-decouverte/images/ui/panel-transparent-center-001.png");
    --cqt-panel-010: url("../../../assets/modules/01-decouverte/images/ui/panel-transparent-center-010.png");
    --cqt-panel-015: url("../../../assets/modules/01-decouverte/images/ui/panel-transparent-center-015.png");
}

/* Chrome (mute / bell / toggle) — décalé à gauche pour laisser un espace avec le body */
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__chrome {
    left: 0;
    transform: translateX(calc(-100% - 14px));
}

/* Cadre tracker — panel-transparent-center-010 (comme dialog : fond sombre + border-image, pas de bordure CSS) */
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__body {
    border: 12px solid transparent;
    border-color: transparent;
    border-radius: 0;
    /* Padding ≥ border-image-width pour garder le contenu hors de la zone 9-slice */
    padding: 22px 20px 18px;
    background: #120e08;
    background-color: #120e08;
    background-image: none;
    border-image-source: var(--cqt-panel-010);
    border-image-slice: 12 fill;
    border-image-width: 12px;
    border-image-repeat: stretch;
    box-shadow: none;
    outline: none;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

/* Toast = même peau que le body (010 + fond sombre, pas de box-shadow CSS). */
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-toast__card,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__toast-host .capsule-quest-toast__card {
    border: 10px solid transparent;
    border-color: transparent;
    border-right-width: 10px;
    border-radius: 0;
    color: #f0e6c8;
    background: #120e08;
    background-color: #120e08;
    background-image: none;
    border-image-source: var(--cqt-panel-010);
    border-image-slice: 12 fill;
    border-image-width: 10px;
    border-image-repeat: stretch;
    box-shadow: none;
    outline: none;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-toast--info .capsule-quest-toast__card,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__toast-host .capsule-quest-toast--info .capsule-quest-toast__card {
    border-style: solid;
    border-color: transparent;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-toast__kicker,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-toast__xp-label,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-toast--level .capsule-quest-toast__kicker,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-toast--xp .capsule-quest-toast__kicker {
    color: #e8c547;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-toast--badge .capsule-quest-toast__kicker {
    color: #7ec850;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-toast__title,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-toast__badge-title {
    color: #f0e6c8;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-toast__subtitle,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-toast--info .capsule-quest-toast__subtitle {
    color: #c4b48a;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-toast__xp-icon {
    color: #f0b429;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-toast__xp-gain {
    color: #f0b429;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.55);
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-toast .portal-account-badge-tile {
    background: rgba(18, 14, 8, 0.72);
}

/* Notif / sons / masquer tracker — panel-transparent-center-015 (fill asset, sans fond CSS) */
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__mute,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__bell,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__toggle {
    border: 8px solid transparent;
    border-color: transparent;
    border-right-width: 8px;
    border-radius: 0;
    color: #f5f0d8;
    background-color: transparent;
    background-image: none;
    border-image-source: var(--cqt-panel-015);
    border-image-slice: 10 fill;
    border-image-width: 8px;
    border-image-repeat: stretch;
    box-shadow: none;
    outline: none;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

.capsule-quest-tracker[data-quest-era="debutant"].is-collapsed .capsule-quest-tracker__mute,
.capsule-quest-tracker[data-quest-era="debutant"].is-collapsed .capsule-quest-tracker__bell,
.capsule-quest-tracker[data-quest-era="debutant"].is-collapsed .capsule-quest-tracker__toggle {
    border-right-width: 8px;
}

/* Hover / open chrome : fond sombre relevé + texte or (garde border-image PNG) */
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__mute:hover,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__mute:focus-visible,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__toggle:hover,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__toggle:focus-visible,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__bell:hover,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__bell:focus-visible,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__bell-wrap.is-open .capsule-quest-tracker__bell {
    color: #ffe566;
    background: #2a2010;
    background-color: #2a2010;
    background-image: none;
    border-color: transparent;
    border-image-source: var(--cqt-panel-015);
    outline: none;
    box-shadow: none;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__volume {
    border-color: #c9a227;
    color: #f5f0d8;
    background: #1a1208;
    accent-color: #e8c547;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__volume::-webkit-slider-runnable-track,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__volume::-moz-range-track {
    background: rgba(232, 197, 71, 0.35);
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__volume::-webkit-slider-thumb,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__volume::-moz-range-thumb {
    border-color: #f5f0d8;
    background: #e8c547;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__header {
    border-bottom-color: #8a6a2a;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__suite {
    color: #e8c547;
}

/* Titre / nav / retour / indice / solution — panel-transparent-center-001 */
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__chapter-row {
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    gap: 10px;
    margin-top: 6px;
    margin-bottom: 4px;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__chapter--btn,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__chapter-chevron,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__detail-close,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn--hint,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn--solution {
    border: 8px solid transparent;
    border-color: transparent;
    border-radius: 0;
    color: #e8c547;
    background: #120e08;
    background-color: #120e08;
    background-image: none;
    border-image-source: var(--cqt-panel-001);
    border-image-slice: 12 fill;
    border-image-width: 8px;
    border-image-repeat: stretch;
    box-shadow: none;
    outline: none;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__chapter-chevron {
    width: 34px;
    height: 34px;
}

/* Hover / active / focus : pas de bordure CSS solide (border-image 001) */
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__chapter--btn:hover,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__chapter--btn:focus-visible,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__chapter-chevron:hover:not(:disabled),
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__chapter-chevron:focus-visible:not(:disabled),
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__detail-close:hover,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__detail-close:focus-visible,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn--hint:hover,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn--hint:focus-visible,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn--solution:hover,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn--solution:focus-visible,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn--hint.is-active,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn--solution.is-active {
    color: #ffe566;
    background: #2a2010;
    background-color: #2a2010;
    background-image: none;
    border-color: transparent;
    border-image-source: var(--cqt-panel-001);
    outline: none;
    box-shadow: none;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn--hint.is-active,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn--solution.is-active {
    background: #3a2a12;
    background-color: #3a2a12;
    background-image: none;
    color: #f5ecd0;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__detail-close {
    margin: 4px 2px 8px auto;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__detail-tools {
    gap: 12px;
    margin: 8px 2px 6px;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__validate,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn:not(.capsule-quest-tracker__tool-btn--hint):not(.capsule-quest-tracker__tool-btn--solution),
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__claim,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__stuck-btn {
    border-color: transparent;
    color: #e8c547;
    background: #24180c;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__validate:hover,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__validate:focus-visible,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn:not(.capsule-quest-tracker__tool-btn--hint):not(.capsule-quest-tracker__tool-btn--solution):hover,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn:not(.capsule-quest-tracker__tool-btn--hint):not(.capsule-quest-tracker__tool-btn--solution):focus-visible,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn:not(.capsule-quest-tracker__tool-btn--hint):not(.capsule-quest-tracker__tool-btn--solution).is-active,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__claim:hover,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__claim:focus-visible,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__stuck-btn:hover,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__stuck-btn:focus-visible {
    color: #ffe566;
    background: #2a2010;
    border-color: transparent;
    outline: none;
    box-shadow: none;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__tool-btn:not(.capsule-quest-tracker__tool-btn--hint):not(.capsule-quest-tracker__tool-btn--solution).is-active {
    background: #3a2a12;
    color: #f5ecd0;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__objective.is-current {
    background: rgba(232, 197, 71, 0.12);
    box-shadow: inset 2px 0 0 #e8c547;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__obj-label:hover {
    color: #e8c547;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__claim-status {
    border-color: #8a6a2a;
    color: #e8c547;
    background: #24180c;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__stuck {
    border-color: #8a6a2a;
    background: #24180c;
}

/* Panneau historique cloche — même peau 010 que le body tracker */
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__notif-panel {
    border: 10px solid transparent;
    border-color: transparent;
    border-radius: 0;
    padding: 14px 12px 12px;
    color: #f0e6c8;
    background: #120e08;
    background-color: #120e08;
    background-image: none;
    border-image-source: var(--cqt-panel-010);
    border-image-slice: 12 fill;
    border-image-width: 10px;
    border-image-repeat: stretch;
    box-shadow: none;
    outline: none;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

.capsule-quest-tracker[data-quest-era="debutant"].is-collapsed .capsule-quest-tracker__notif-panel {
    box-shadow: none;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__notif-heading {
    color: #e8c547;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__notif-item {
    border: 6px solid transparent;
    border-color: transparent;
    border-radius: 0;
    padding: 8px 6px;
    color: #f0e6c8;
    background: #1a1208;
    background-color: #1a1208;
    background-image: none;
    border-image-source: var(--cqt-panel-001);
    border-image-slice: 12 fill;
    border-image-width: 6px;
    border-image-repeat: stretch;
    box-shadow: none;
    outline: none;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__notif-item--level,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__notif-item--badge {
    border-color: transparent;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__notif-kind {
    color: #e8c547;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__notif-item--badge .capsule-quest-tracker__notif-kind {
    color: #7ec850;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__notif-title {
    color: #f0e6c8;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__notif-sub,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__notif-empty {
    color: #c4b48a;
}

/* Fermer notif = même traitement que Retour (detail-close, panel 001) */
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__notif-close {
    border: 8px solid transparent;
    border-color: transparent;
    border-radius: 0;
    padding: 4px 8px;
    color: #e8c547;
    background: #120e08;
    background-color: #120e08;
    background-image: none;
    border-image-source: var(--cqt-panel-001);
    border-image-slice: 12 fill;
    border-image-width: 8px;
    border-image-repeat: stretch;
    box-shadow: none;
    outline: none;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__notif-close:hover,
.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__notif-close:focus-visible {
    color: #ffe566;
    background: #2a2010;
    background-color: #2a2010;
    background-image: none;
    border-color: transparent;
    border-image-source: var(--cqt-panel-001);
    outline: none;
    box-shadow: none;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__notif-list {
    scrollbar-color: #c9a227 #24180c;
}

.capsule-quest-tracker[data-quest-era="debutant"].is-notifying .capsule-quest-tracker__body {
    /* Pas de box-shadow solide (évite un second cadre gris/or par-dessus le PNG) */
    box-shadow: none;
    outline: 2px solid #e8c547;
    outline-offset: 2px;
}

.capsule-quest-tracker[data-quest-era="debutant"].is-guide-target .capsule-quest-tracker__body {
    box-shadow: none;
    outline: 2px solid #e8c547;
    outline-offset: 2px;
    animation: none;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__footer {
    border-top-color: #8a6a2a;
    color: #e27e4b;
}

.capsule-quest-tracker[data-quest-era="debutant"] .capsule-quest-tracker__objectives {
    scrollbar-color: #c9a227 #24180c;
}

/* Stubs futurs — variables seulement (pas de skin complet) */
.capsule-quest-tracker[data-quest-era="intermediaire"] {
    --cqt-cover: #6b8cae;
    --cqt-gold: #9bb8d4;
    --cqt-parchment: #e8eef4;
}

.capsule-quest-tracker[data-quest-era="confirme"] {
    --cqt-cover: #3d5a45;
    --cqt-gold: #7a9e82;
    --cqt-parchment: #e6ede8;
}

.capsule-quest-tracker[data-quest-era="expert"] {
    --cqt-cover: #1e3a5f;
    --cqt-gold: #4fc3f7;
    --cqt-parchment: #0d1b2a;
    --cqt-ink: #e0f7fa;
}