/* ── Overlay fiche personnage ─────────────────────────────────────── */
.mc-overlay-container {
    position: relative;
    width: 100%;
    container-type: inline-size;
}
.mc-overlay-img {
    width: 100%;
    display: block;
}
.mc-overlay-input {
    background: transparent !important;
    border: none !important;
    color: #111;
    font-family: 'Handlee', cursive, 'Book Antiqua', serif;
    font-size: calc(var(--mc-overlay-fs, clamp(5px, 2.5cqw, 30px)) * var(--mc-overlay-fs-scale, 1));
    padding: 0px;
    box-sizing: border-box;
    outline: none;
    resize: none;
    line-height: 1.25;
    overflow: hidden;
    height: 100%;
}
.mc-overlay-field {
    position: absolute;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
}
.mc-overlay-field input.mc-overlay-input  { width: 100%; }
.mc-overlay-field textarea.mc-overlay-input { width: 100%; height: 100%; }


/*
.mc-overlay-input:focus {
    background: rgba(210,190,130,.18) !important;
    border-radius: 2px;
}
.mc-overlay-input:focus {
    background: rgba(255, 255, 255, 0.4) !important;
    border-radius: 4px;
    box-shadow: 0 0 0 2px rgba(160, 120, 40, 0.55), 0 0 18px 6px rgba(220, 170, 60, 0.4);
    transition: box-shadow .15s ease, background .15s ease;
}
*/
.mc-overlay-field.mc-field-focused {
    overflow: visible;
    z-index: 5;
}
.mc-overlay-input:focus {
    background: rgba(255, 240, 220, 0.4) !important;
    border-radius: 5px;
    box-shadow: 0 0 5px 5px rgba(255, 240, 220, 0.4);
    transition: box-shadow .18s ease, background .18s ease;
}



.mc-overlay-number {
    text-align: center;
    height: 100%;
    -moz-appearance: textfield;
}
.mc-overlay-number::-webkit-inner-spin-button,
.mc-overlay-number::-webkit-outer-spin-button { -webkit-appearance: none; }
textarea.mc-overlay-input { line-height: 1.4; }
.mc-overlay-field.mc-text-overflow:not(:focus-within)::after {
    content: '…';
    position: absolute;
    bottom: 1px;
    right: 3px;
    font-size: var(--mc-overlay-fs, clamp(5px, 2.5cqw, 30px));
    color: #666;
    pointer-events: none;
    line-height: 1;
    font-family: 'Handlee', cursive;
    background: transparent;
}
.mc-overlay-table-wrap {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
}
.mc-overlay-table-cell {
    text-align: center;
    /*border: 0.5px solid rgba(0,0,0,0.2) !important;*/
    background: transparent !important;
    padding: 0 !important;
    height: 100%;
}

/* ── Bouton de fermeture des panneaux latéraux (gauche/droite) ──────── */
.ls-close-btn, .rs-close-btn {
    background: none; border: none; color: rgba(255,255,255,0.5); cursor: pointer;
    font-size: 14px; padding: 4px 6px; border-radius: 4px; transition: color 0.15s, background 0.15s;
}
.ls-close-btn:hover, .rs-close-btn:hover { color: #fff; background: rgba(255,255,255,0.08); }