/* === CSS CRITIQUE - Éviter le FOUC (Flash Of Unstyled Content) === */
.fab-actions { opacity: 0 !important; visibility: hidden !important; }
.fab-menu.open .fab-actions { opacity: 1 !important; visibility: visible !important; }
.scroll-top-btn { opacity: 0; visibility: hidden; }
.scroll-top-btn.visible { opacity: 1; visibility: visible; }
.float-btn, .fab-action { border-radius: 50% !important; }
.lightbox, .item-modal-overlay, .calculatorModal, .arbreMixModal { display: none !important; }
.lightbox.active, .item-modal-overlay.active, .calculatorModal.active, .arbreMixModal.active { display: flex !important; }
.share-dropdown { display: none; }
.share-dropdown.show { display: block; }

:root { --rarity-common:#9e9e9e;--rarity-uncommon:#4caf50;--rarity-rare:#2196f3;--rarity-epic:#9c27b0;--rarity-legendary:#ff9800; }
.breadcrumb-nav { background:var(--wiki-bg-secondary);border-bottom:1px solid var(--wiki-border);padding:1rem 0; }
.breadcrumb-container { max-width:calc(1600px - 320px - 2rem);width:calc(100vw - 10rem);margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:0.5rem;font-size:0.9rem; }
.breadcrumb-nav a { color:var(--wiki-text-muted);text-decoration:none; }
.breadcrumb-nav a:hover { color:var(--wiki-accent); }
.breadcrumb-nav .separator { color:var(--wiki-text-muted); }
.breadcrumb-nav .current { color:var(--wiki-text);font-weight:600; }
.page-container { width:92%;max-width:1600px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 320px;gap:2rem; }
@media(max-width:1024px) { .page-container { grid-template-columns:1fr;width:100%; } }

/* Header */
.hench-header { background:var(--wiki-bg-secondary);border-radius:16px;box-shadow:0 4px 24px rgba(30,40,80,0.12);overflow:hidden;margin-bottom:2rem;border:1px solid var(--wiki-border); }
.hench-header-top { display:grid;grid-template-columns:280px 1fr;gap:2rem;padding:2rem; }
@media(max-width:768px) { .hench-header-top { grid-template-columns:1fr; } }

/* Image et Galerie */
.hench-image-section { display:flex;flex-direction:column;gap:0.75rem; }
.hench-main-image { width:100%;aspect-ratio:228/167;background:var(--wiki-bg-tertiary);border-radius:12px;overflow:hidden;border:3px solid var(--wiki-border);position:relative;cursor:pointer;transition:border-color 0.2s; }
.hench-main-image:hover { border-color:var(--wiki-accent); }
.hench-main-image .bg { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.hench-main-image .sprite { position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.5)); }
.hench-main-image .badges { position:absolute;top:8px;left:8px;display:flex;gap:4px;align-items:center; }
.hench-main-image .badges img { width:24px;height:24px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.5)); }
.hench-main-image .badges .race-badge { width:28px;height:28px; }
.hench-gallery { display:flex;gap:0.5rem; }
.gallery-thumb { width:60px;height:60px;border-radius:8px;border:2px solid var(--wiki-border);background:var(--wiki-bg-tertiary);cursor:pointer;overflow:hidden;transition:all 0.2s;display:flex;align-items:center;justify-content:center; }
.gallery-thumb:hover, .gallery-thumb.active { border-color:var(--wiki-accent);transform:translateY(-2px); }
.gallery-thumb img { max-width:90%;max-height:90%;object-fit:contain; }

/* Lightbox avec Zoom et Drag */
.lightbox { display:none;position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:10000;justify-content:center;align-items:center;flex-direction:column; }
.lightbox.active { display:flex; }
.lightbox-content { position:relative;width:80vw;height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab; }
.lightbox-content.dragging { cursor:grabbing; }
.lightbox-content img { max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;transition:transform 0.1s ease;transform-origin:center center;pointer-events:none;user-select:none; }
.lightbox-close { position:absolute;top:20px;right:20px;background:rgba(255,255,255,0.1);border:none;color:white;font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:background 0.2s;z-index:10; }
.lightbox-close:hover { background:rgba(255,255,255,0.2); }
.lightbox-nav { position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.1);border:none;color:white;font-size:1.5rem;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:background 0.2s; }
.lightbox-nav:hover { background:rgba(255,255,255,0.2); }
.lightbox-nav.prev { left:20px; }
.lightbox-nav.next { right:20px; }
.lightbox-zoom-controls { position:absolute;bottom:100px;left:50%;transform:translateX(-50%);display:flex;gap:0.5rem;background:rgba(0,0,0,0.7);padding:0.5rem 1rem;border-radius:25px; }
.lightbox-zoom-btn { background:rgba(255,255,255,0.1);border:none;color:white;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:background 0.2s;font-size:1.2rem; }
.lightbox-zoom-btn:hover { background:rgba(255,255,255,0.3); }
.lightbox-zoom-level { color:white;display:flex;align-items:center;padding:0 1rem;font-size:0.9rem;min-width:60px;justify-content:center; }
.lightbox-label { color:white;margin-top:1rem;font-size:1.1rem;font-weight:600; }
.lightbox-counter { color:rgba(255,255,255,0.6);font-size:0.9rem;margin-top:0.5rem; }
.lightbox-thumbnails { display:flex;gap:0.75rem;margin-top:1.5rem; }
.lightbox-thumb { width:70px;height:70px;border-radius:8px;border:2px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);cursor:pointer;overflow:hidden;transition:all 0.2s;display:flex;align-items:center;justify-content:center; }
.lightbox-thumb:hover, .lightbox-thumb.active { border-color:var(--wiki-accent);background:rgba(255,255,255,0.1); }
.lightbox-thumb img { max-width:90%;max-height:90%;object-fit:contain; }

/* Info Section */
.hench-info-section { display:flex;flex-direction:column; }
.hench-title-row { display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem; }
.hench-name { font-family:'Raleway',sans-serif;font-size:2.2rem;font-weight:800;color:var(--wiki-text);margin-bottom:0; }
.hench-actions-top { display:flex;gap:0.5rem;position:relative; }
.action-btn { width:40px;height:40px;border-radius:10px;border:2px solid var(--wiki-border);background:var(--wiki-bg-tertiary);color:var(--wiki-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease; }
.action-btn:hover { border-color:var(--wiki-accent);color:var(--wiki-accent); }

/* Share Dropdown */
.share-dropdown { position:absolute;top:100%;right:0;margin-top:0.5rem;background:var(--wiki-bg-secondary);border:1px solid var(--wiki-border);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.2);padding:0.5rem;min-width:200px;display:none;z-index:100; }
.share-dropdown.active { display:block; }
.share-option { display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;border-radius:8px;cursor:pointer;transition:background 0.2s;color:var(--wiki-text);text-decoration:none; }
.share-option:hover { background:var(--wiki-bg-tertiary); }
.share-option i { width:20px;text-align:center;font-size:1.1rem; }
.share-option.discord i { color:#5865F2; }
.share-option.facebook i { color:#1877F2; }
.share-option.twitter i { color:#1DA1F2; }
.share-option.email i { color:#EA4335; }
.share-option.copy i { color:var(--wiki-accent); }
.share-divider { height:1px;background:var(--wiki-border);margin:0.5rem 0; }

/* Tags - Avec icônes */
.hench-tags { display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem; }
.tag { padding:6px 14px;border-radius:20px;font-size:0.8rem;font-weight:600;display:inline-flex;align-items:center;gap:6px; }
.tag-icon { width:16px;height:16px;object-fit:contain;vertical-align:middle; }
.tag-icon.fas { width:auto;height:auto;font-size:0.85rem; }
.tag-race { color:white; }
.tag-level { background:rgba(94,114,175,0.15);color:var(--wiki-accent);border:1px solid rgba(94,114,175,0.3); }
.tag-drop { background:rgba(231,76,60,0.15);color:#e74c3c;border:1px solid rgba(231,76,60,0.3); }
.tag-mix { background:rgba(52,152,219,0.15);color:#3498db;border:1px solid rgba(52,152,219,0.3); }
.tag-quest { background:rgba(39,174,96,0.15);color:#27ae60;border:1px solid rgba(39,174,96,0.3); }

/* Tag MasterMix - Style neutre comme les autres */
.tag-master-mix { 
    background:rgba(155,89,182,0.15);
    color:#9b59b6;
    border:1px solid rgba(155,89,182,0.3);
}
.tag-master-mix:hover {
    background: #9b59b6;
    color: white;
}
.tag-master-mix:hover .master-text,
.tag-master-mix:hover .master-level {
    color: white;
}
.tag-master-mix .master-text { 
    font-size: 0.8rem;
}
.tag-master-mix .master-level { 
    background: rgba(155,89,182,0.25);
    color: #9b59b6;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 700;
    margin-left: 4px;
}
.tag-master-mix:hover .master-level {
    background: rgba(255,255,255,0.2);
}

/* MasterMix dans quick-info - fond neutre avec icône */
.master-mix-icon { background: var(--wiki-bg-tertiary) !important; }

/* Quick Info */
.hench-quick-info { display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem; }
.quick-info-item { display:flex;align-items:center;gap:0.75rem; }
.quick-info-icon { width:40px;height:40px;border-radius:10px;background:var(--wiki-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--wiki-accent);font-size:1rem; }
.quick-info-label { color:var(--wiki-text-muted);font-size:0.75rem; }
.quick-info-value { color:var(--wiki-text);font-weight:600; }
.quick-info-value .level-range { font-size:0.75em;font-weight:400;font-style:italic;opacity:0.6;margin-left:4px; }

/* Stats Grid */
.hench-stats-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;margin-bottom:1.5rem; }
.stat-card { text-align:center;padding:1rem;background:var(--wiki-bg-tertiary);border-radius:12px;border:1px solid var(--wiki-border); }
.stat-icon { width:40px;height:40px;border-radius:50%;margin:0 auto 0.5rem;display:flex;align-items:center;justify-content:center;font-size:1rem; }
.stat-icon.hp { background:rgba(231,76,60,0.15);color:#e74c3c; }
.stat-icon.atk { background:rgba(230,126,34,0.15);color:#e67e22; }
.stat-icon.def { background:rgba(52,152,219,0.15);color:#3498db; }
.stat-icon.spd { background:rgba(46,204,113,0.15);color:#2ecc71; }
.stat-icon.crit { background:rgba(155,89,182,0.15);color:#9b59b6; }
.stat-icon.eva { background:rgba(241,196,15,0.15);color:#f1c40f; }
.stat-value { font-size:1.1rem;font-weight:700;color:var(--wiki-text);margin-bottom:0.25rem; }
.stat-label { font-size:0.7rem;color:var(--wiki-text-muted);text-transform:uppercase; }

/* Header Bottom & Votes */
.hench-header-bottom { background:var(--wiki-bg-tertiary);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--wiki-border); }
.hench-main-actions { display:flex;gap:0.75rem; }
.btn-action { padding:0.75rem 1.5rem;border-radius:10px;font-weight:600;text-decoration:none;transition:all 0.2s;display:inline-flex;align-items:center;gap:0.5rem;border:none;cursor:pointer;font-size:0.95rem; }
.btn-tree { background:var(--wiki-accent);color:white; }
.btn-tree:hover { background:var(--wiki-accent-hover);transform:translateY(-2px); }
.btn-stats { background:linear-gradient(135deg,#9b59b6,#8e44ad);color:white; }
.btn-stats:hover { background:linear-gradient(135deg,#8e44ad,#7d3c98);transform:translateY(-2px); }
.btn-back { background:var(--wiki-bg-secondary);color:var(--wiki-text);border:2px solid var(--wiki-border); }
.btn-back:hover { border-color:var(--wiki-accent);color:var(--wiki-accent); }

/* Boutons flottants - Style henchs.php avec FAB menu */
.floating-btns-container { position:fixed;right:20px;bottom:20px;z-index:1001;display:flex;flex-direction:column;gap:12px;align-items:center; }
.floating-btns-container button { margin:0; } /* Override mixmaster1.css */
.float-btn { width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 12px rgba(0,0,0,0.3);transition:all 0.3s ease;position:relative;margin:0; }
.float-btn:hover { transform:scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,0.4); }
.scroll-top-btn { background:var(--wiki-bg-tertiary,#3d4152);color:var(--wiki-text,#e8eaf0);opacity:0;visibility:hidden;transform:scale(0.8);transition:all 0.3s ease; }
.scroll-top-btn.visible { opacity:1;visibility:visible;transform:scale(1); }
.scroll-top-btn.visible.fab-open { transform:translateY(-230px) scale(1); }
.scroll-top-btn:hover { background:var(--wiki-accent);color:white;transform:scale(1.1); }
.scroll-top-btn.visible.fab-open:hover { transform:translateY(-230px) scale(1.1); }

/* Tooltip pour tous les boutons flottants */
.float-btn-tooltip { position:absolute;right:60px;background:var(--wiki-bg-secondary);color:var(--wiki-text);padding:6px 12px;border-radius:6px;font-size:0.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;box-shadow:0 2px 8px rgba(0,0,0,0.15);border:1px solid var(--wiki-border); }
.float-btn:hover .float-btn-tooltip { opacity:1; }
[data-theme="light"] .float-btn-tooltip { background:#fff;color:#333;border-color:#ddd; }

/* FAB Menu Principal */
.fab-menu { position:relative; }
.fab-main { background:var(--wiki-accent,#5E72AF);color:white;z-index:2; }
.fab-main:hover { background:#4a5a8f; }
.fab-main i { transition:transform 0.3s ease; }
.fab-main.active i { transform:rotate(45deg); }
.fab-main .float-btn-tooltip { transition:opacity 0.2s; }
.fab-actions { position:absolute;bottom:62px;right:2px;display:flex;flex-direction:column;gap:12px;align-items:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease; }
.fab-menu.open .fab-actions { opacity:1;visibility:visible;transform:translateY(0); }
.fab-action { width:45px;height:45px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 3px 10px rgba(0,0,0,0.25);transition:all 0.3s ease;position:relative;margin:0; }
.fab-action:hover { transform:scale(1.1); }
.fab-action.share-btn { background:#27ae60;color:white; }
.fab-action.share-btn:hover { background:#229954; }
.fab-action.tree-btn { background:#3498db;color:white; }
.fab-action.tree-btn:hover { background:#2980b9; }
.fab-action.calc-btn { background:#e67e22;color:white; }
.fab-action.calc-btn:hover { background:#d35400; }
.fab-action.settings-btn { background:var(--wiki-bg-tertiary, #3d4152);color:var(--wiki-text-primary); }
.fab-action.settings-btn:hover { background:#4a5a8f;color:white; }
.fab-action-tooltip { position:absolute;right:55px;background:var(--wiki-bg-secondary);color:var(--wiki-text);padding:6px 12px;border-radius:6px;font-size:0.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;box-shadow:0 2px 8px rgba(0,0,0,0.15);border:1px solid var(--wiki-border); }
.fab-action:hover .fab-action-tooltip { opacity:1; }
[data-theme="light"] .fab-action-tooltip { background:#fff;color:#333;border-color:#ddd; }

/* Settings Modal */
.settings-modal-overlay { position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);z-index:10000;opacity:0;visibility:hidden;transition:all 0.3s ease;overflow-y:auto;display:flex;align-items:center;justify-content:center; }
.settings-modal-overlay.active { opacity:1;visibility:visible; }
.settings-modal { background:var(--wiki-bg-secondary);border:1px solid var(--wiki-border);border-radius:16px;width:90%;max-width:450px;margin:20px;box-shadow:0 20px 60px rgba(0,0,0,0.5); }
.settings-modal-header { display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--wiki-border); }
.settings-modal-header h3 { margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:0.5rem;color:var(--wiki-text-primary); }
.settings-modal-header h3 i { color:var(--wiki-accent); }
.settings-modal-close { background:transparent;border:none;border-radius:8px;width:36px;height:36px;color:var(--wiki-text-muted);cursor:pointer;transition:all 0.2s; }
.settings-modal-close:hover { color:var(--wiki-text-primary); }
.settings-modal-body { padding:1.5rem; }
.settings-group { margin-bottom:1.5rem; }
.settings-group:last-child { margin-bottom:0; }
.settings-label { display:block;font-size:0.9rem;font-weight:600;color:var(--wiki-text-primary);margin-bottom:0.75rem; }
.settings-option { display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;background:var(--wiki-bg-tertiary);border-radius:10px;margin-bottom:0.5rem; }
.settings-option-text { font-size:0.85rem;color:var(--wiki-text-secondary); }
.settings-hint { font-size:0.75rem;color:var(--wiki-text-muted);margin-top:0.5rem;line-height:1.4; }
.toggle-switch { position:relative;display:inline-block;width:44px;height:24px; }
.toggle-switch input { opacity:0;width:0;height:0; }
.toggle-slider { position:absolute;cursor:pointer;inset:0;background:var(--wiki-border);border-radius:24px;transition:0.3s; }
.toggle-slider:before { position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:white;border-radius:50%;transition:0.3s; }
.toggle-switch input:checked + .toggle-slider { background:var(--wiki-accent); }
.toggle-switch input:checked + .toggle-slider:before { transform:translateX(20px); }
.settings-modal-footer { padding:1rem 1.5rem;border-top:1px solid var(--wiki-border);display:flex;justify-content:flex-end; }
.settings-save-btn { background:linear-gradient(135deg,var(--wiki-accent),#4a5a8f);color:white;border:none;border-radius:10px;padding:0.75rem 1.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s; }
.settings-save-btn:hover { transform:translateY(-2px);box-shadow:0 4px 12px rgba(94,114,175,0.4); }

/* Icône item de mix avec bordure */
.grade-icon { width:25px;height:25px;vertical-align:middle;margin:0 4px;border:2px solid rgba(255,255,255,0.3);border-radius:4px;background:rgba(0,0,0,0.2);padding:1px; }

/* Calculatrice Modal Améliorée */
/* Les CSS de la calculatrice sont maintenant dans inc/calculatrice_mix.php */

/* Meta info avec votes à droite */
.meta-info { display:flex;align-items:center;gap:2rem;color:var(--wiki-text-muted);font-size:0.85rem; }
.meta-item { display:flex;align-items:center;gap:6px; }
.meta-item i { color:var(--wiki-accent); }

/* Vote Section - Style template avec bordure */
.vote-section { display:flex;align-items:center;gap:0.75rem; }
.vote-btn { display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;border:2px solid var(--wiki-border);background:var(--wiki-bg-secondary);cursor:pointer;font-size:1rem;font-weight:600;transition:all 0.2s ease;color:var(--wiki-text-muted); }
.vote-btn:hover { border-color:var(--wiki-accent); }
.vote-btn.upvote:hover, .vote-btn.upvote.active { background:#27ae60;border-color:#27ae60;color:white; }
.vote-btn.downvote:hover, .vote-btn.downvote.active { background:#e74c3c;border-color:#e74c3c;color:white; }
.vote-btn.disabled { opacity:0.5;cursor:not-allowed; }
.vote-btn.disabled:hover { border-color:var(--wiki-border);background:var(--wiki-bg-secondary); }
.vote-btn i { font-size:1.1rem; }
.vote-score { font-size:1.4rem;font-weight:700;margin-left:0.25rem;color:var(--accent-primary); }
.vote-score.positive { color:#2ecc71; }
.vote-score.negative { color:#e74c3c; }

/* Content Sections */
.content-section { background:var(--wiki-bg-secondary);border-radius:16px;box-shadow:0 4px 24px rgba(30,40,80,0.12);margin-bottom:2rem;overflow:hidden;border:1px solid var(--wiki-border); }
.section-header { padding:1.25rem 1.5rem;border-bottom:1px solid var(--wiki-border);display:flex;align-items:center;justify-content:space-between; }
.section-title { font-family:'Raleway',sans-serif;font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--wiki-text); }
.section-title i { color:var(--wiki-accent); }
.section-title img { width:24px;height:24px; }
.section-count { font-size:0.85rem;color:var(--wiki-text-muted);font-weight:normal; }
.section-body { padding:1.5rem; }
#comments .section-body:has(.comment-form) { margin-top:-29px; }
#comments .section-body:has(.login-prompt) { margin-top:0; }

/* Bouton édition inline (staff) */
.btn-edit-inline { background:none;border:none;color:var(--wiki-text-muted);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all 0.2s;margin-left:8px;font-size:0.85rem; }
.btn-edit-inline:hover { color:var(--wiki-accent);background:rgba(94,114,175,0.1); }

/* Description Section */
.description-content { line-height:1.7;color:var(--wiki-text);font-size:0.95rem; }
.description-content p { margin-bottom:1rem; }
.description-content p:last-child { margin-bottom:0; }
.description-content h2, .description-content h3, .description-content h4 { color:var(--wiki-text);margin:1.5rem 0 0.75rem;font-family:'Raleway',sans-serif; }
.description-content h2 { font-size:1.3rem; }
.description-content h3 { font-size:1.15rem; }
.description-content h4 { font-size:1rem; }
.description-content ul, .description-content ol { margin:1rem 0;padding-left:1.5rem; }
.description-content li { margin-bottom:0.5rem; }
.description-content a { color:var(--wiki-accent);text-decoration:none; }
.description-content a:hover { text-decoration:underline; }
.description-content img { max-width:100%;height:auto;border-radius:8px;margin:1rem 0; }
.description-content blockquote { border-left:4px solid var(--wiki-accent);padding-left:1rem;margin:1rem 0;color:var(--wiki-text-muted);font-style:italic; }
.description-content pre, .description-content code { background:var(--wiki-bg-tertiary);padding:0.25rem 0.5rem;border-radius:4px;font-family:monospace;font-size:0.9rem; }
.description-content pre { padding:1rem;overflow-x:auto; }
.description-content table { width:100%;border-collapse:collapse;margin:1rem 0; }
.description-content th, .description-content td { padding:0.75rem;border:1px solid var(--wiki-border);text-align:left; }
.description-content th { background:var(--wiki-bg-tertiary);font-weight:600; }
.description-empty { color:var(--wiki-text-muted);font-style:italic;text-align:center;padding:2rem; }
.description-empty i { margin-right:0.5rem; }
.description-empty a { color:var(--wiki-accent); }

/* Locations - Cartes avec preview de la map */
.locations-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem; }
.location-card { display:flex;flex-direction:column;border-radius:12px;background:var(--wiki-bg-tertiary);transition:all 0.3s ease;text-decoration:none;color:var(--wiki-text);cursor:pointer;border:2px solid var(--wiki-border);overflow:hidden; }
.location-card:hover { transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.2);border-color:var(--wiki-accent); }
.location-icon { background:var(--wiki-bg-card);display:flex;align-items:center;justify-content:center;color:var(--wiki-accent);font-size:2rem;overflow:hidden;min-height:80px; }
.location-icon img { object-fit:cover; }
.location-name { font-size:0.85rem;font-weight:600;text-align:center;color:var(--wiki-text-primary);line-height:1.3;padding:0.75rem;background:var(--wiki-bg-secondary);flex:1;display:flex;align-items:center;justify-content:center; }

/* Drops - Design amélioré avec modale */
.drops-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem; }
.drop-item { display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:12px;background:var(--wiki-bg-tertiary);transition:all 0.3s ease;border:2px solid var(--wiki-border);cursor:pointer; }
.drop-item:hover { transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:var(--wiki-accent); }
.drop-icon { width:50px;height:50px;border-radius:10px;background:var(--wiki-bg-secondary);display:flex;align-items:center;justify-content:center;border:2px solid var(--wiki-border);flex-shrink:0;position:relative; }
.drop-qty-badge { position:absolute;bottom:-5px;right:-5px;background:var(--wiki-accent,#5E72AF);color:#fff;font-size:.62rem;font-weight:700;padding:1px 4px;border-radius:6px;pointer-events:none; }
.drop-icon img { max-width:80%;max-height:80%;object-fit:contain; }
.drop-info { display:flex;flex-direction:column;gap:0.35rem;min-width:0;flex:1; }
.drop-name { font-weight:600;font-size:0.95rem;color:var(--wiki-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.3; }
.drop-meta { display:flex;flex-direction:column;gap:0.2rem;font-size:0.8rem;color:var(--wiki-text-muted); }
.drop-meta span { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

/* Modal Item */
.item-modal-overlay { position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:10000;display:none;align-items:center;justify-content:center;padding:1rem; }
.item-modal-overlay.active { display:flex; }
.item-modal { background:var(--wiki-bg-secondary);border-radius:16px;max-width:800px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,0.3);border:1px solid var(--wiki-border);overflow:hidden;max-height:90vh;display:flex;flex-direction:column; }
.item-modal-header { padding:1.25rem 1.5rem;border-bottom:1px solid var(--wiki-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0; }
.item-modal-header h3 { font-size:1.1rem;font-weight:700;color:var(--wiki-text);margin:0; }
.item-modal-close { background:none;border:none;font-size:1.5rem;color:var(--wiki-text-muted);cursor:pointer;padding:0;line-height:1; }
.item-modal-close:hover { color:var(--wiki-text); }
.item-modal-body { padding:1.5rem;display:flex;gap:1.25rem;overflow-y:auto;flex:1; }
.item-modal-icon { width:80px;height:80px;border-radius:12px;background:var(--wiki-bg-tertiary);border:2px solid var(--wiki-border);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.item-modal-icon img { max-width:90%;max-height:90%;object-fit:contain; }
.item-modal-info { flex:1;min-width:0; }
.item-modal-name { font-weight:700;font-size:1rem;color:var(--wiki-text);margin-bottom:0.75rem;line-height:1.4;word-break:break-word; }
.item-modal-detail { display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;font-size:0.9rem;color:var(--wiki-text-muted);flex-wrap:wrap; }
.item-modal-detail i { width:18px;color:var(--wiki-accent);flex-shrink:0; }
.item-modal-description-section { padding:0 1.5rem 1.5rem;border-top:1px solid var(--wiki-border);margin-top:0;flex-shrink:0; }
.item-modal-description { padding:1rem;background:var(--wiki-bg-tertiary);border-radius:8px;margin-top:1rem;font-size:0.9rem;color:var(--wiki-text-secondary);line-height:1.6;max-height:300px;overflow-y:auto;word-break:break-word;overflow-wrap:break-word; }
.item-modal-description .description-empty { color:var(--wiki-text-muted);font-style:italic;margin:0; }
.item-modal-description img { max-width:100%;height:auto;border-radius:4px;margin:0.5rem 0; }
.item-modal-actions { margin-top:1rem;display:flex;justify-content:flex-end; }
.item-modal-actions .btn-edit-desc { padding:0.5rem 1rem;background:var(--wiki-accent);color:white;border:none;border-radius:6px;cursor:pointer;font-size:0.85rem;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s; }
.item-modal-actions .btn-edit-desc:hover { opacity:0.9;transform:translateY(-1px); }
.item-modal-footer { padding:1rem 1.5rem;border-top:1px solid var(--wiki-border);display:flex;justify-content:flex-end;gap:0.75rem;flex-shrink:0;background:var(--wiki-bg-secondary); }
.item-modal-footer .btn-action { padding:0.6rem 1.2rem;border-radius:8px;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;gap:0.5rem;text-decoration:none; }
.item-modal-footer .btn-primary { background:var(--wiki-accent);color:white;border:none; }
.item-modal-footer .btn-primary:hover { opacity:0.9;transform:translateY(-1px); }
.item-modal-footer .btn-secondary { background:var(--wiki-bg-tertiary);color:var(--wiki-text);border:1px solid var(--wiki-border); }
.item-modal-footer .btn-secondary:hover { background:var(--wiki-bg-hover); }
@media(max-width:600px){.item-modal-body{flex-direction:column;align-items:center}.item-modal-info{width:100%}}

/* Mix Recipes - Avec badges */
.mix-recipes { display:flex;flex-direction:column;gap:1rem; }
.mix-recipe { display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:12px;background:var(--wiki-bg-tertiary);flex-wrap:wrap; }
.mix-component { display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;background:var(--wiki-bg-secondary);border-radius:10px;border:2px solid var(--wiki-border);text-decoration:none;color:var(--wiki-text);transition:all 0.2s;min-width:180px;position:relative; }
.mix-component:hover { border-color:var(--wiki-accent);transform:translateY(-2px); }
.mix-component .mix-badges { position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:2px; }
.mix-component .mix-badges img { width:14px;height:14px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.5)); }
.mix-component .mix-badges .race-badge { width:16px;height:16px; }
.mix-component-img { width:56px;height:56px;flex-shrink:0; }
.mix-component-img img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.3)); }
.mix-component-info { display:flex;flex-direction:column;gap:0.2rem; }
.mix-component-name { font-weight:600;font-size:0.95rem; }
.mix-component-level { font-size:0.8rem;color:var(--wiki-text-muted); }
.mix-component-grade { font-size:0.75rem;color:#f39c12;font-weight:600;font-style:italic;opacity:0.9;display:inline-flex;align-items:center;gap:4px;white-space:nowrap; }
.mix-component-grade .grade-icon { width:25px;height:25px; }
.mix-operator { width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.5rem;flex-shrink:0; }
.mix-plus { background:var(--wiki-accent);color:white; }
.mix-equals { background:#27ae60;color:white; }
.mix-result { border-color:#27ae60;background:rgba(39,174,96,0.1); }

/* Hench Grid - pour Évolutions et autres grilles */
.hench-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem; }
.hench-clickable { cursor:pointer; }
.hench-clickable:hover { box-shadow:var(--wiki-shadow-md);transform:translateY(-2px); }
.hench-clickable:hover .hench-info-bar .hench-name { color:var(--wiki-accent-gold, #FFD700); }

/* Hench Card (copié de wiki-formules.css pour cohérence) */
.hench-card { display:flex;flex-direction:column;background:var(--wiki-bg-card);border-radius:10px;border:2px solid var(--wiki-border);overflow:hidden;transition:all 0.2s; }
.hench-card[data-race="0"]:hover { border-color:#e74c3c; }
.hench-card[data-race="1"]:hover { border-color:#9b59b6; }
.hench-card[data-race="2"]:hover { border-color:#e67e22; }
.hench-card[data-race="3"]:hover { border-color:#3498db; }
.hench-card[data-race="4"]:hover { border-color:#f06292; }
.hench-card[data-race="5"]:hover { border-color:#27ae60; }
.hench-card[data-race="6"]:hover { border-color:#f39c12; }
.hench-card[data-race="7"]:hover { border-color:#7f8c8d; }
.hench-img-container { position:relative;width:100%;aspect-ratio:228/167;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden; }
.hench-img-container img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.6));z-index:2; }
.hench-badges { position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:3; }
.hench-badges .hench-badge img { width:30px;height:30px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.5)); }
.hench-info-bar { position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:4px;padding:6px 10px;background:linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 100%);z-index:3; }
.hench-info-bar .hench-name { color:white;font-size:0.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0; }
.hench-info-bar .hench-lvl { color:rgba(255,255,255,0.6);font-size:0.7rem;font-weight:500;font-style:italic;flex-shrink:0; }
.hench-race-bar { display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;background:var(--wiki-bg-tertiary);font-size:0.7rem;font-weight:500;color:var(--wiki-text-secondary);border-top:1px solid var(--wiki-border); }
.hench-race-bar img { width:16px;height:16px; }
.hench-race-bar .grade-icon { width:22px;height:22px;border:2px solid var(--wiki-border);border-radius:4px;background:var(--wiki-bg-card);padding:1px; }
.hench-race-bar .race-bar-separator { color:var(--wiki-text-muted);margin:0 2px; }
.hench-race-bar .lvl { color:var(--wiki-text-muted);font-style:italic; }

/* Hench Formulas - style identique à formules-de-mix.php */
.hench-formulas { display:flex;flex-direction:column;gap:1rem; }
.formula-line { display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;justify-content:center; }
.formula-card { display:flex;flex-direction:column;background:var(--wiki-bg-card);border-radius:10px;border:2px solid var(--wiki-border);overflow:hidden;transition:all 0.2s;cursor:pointer;width:160px; }
.formula-card:hover { box-shadow:var(--wiki-shadow-md);transform:translateY(-2px); }
.formula-card:hover .hench-info-bar .hench-name { color:var(--wiki-accent-gold, #FFD700); }
.formula-card[data-race="0"]:hover { border-color:#e74c3c; }
.formula-card[data-race="1"]:hover { border-color:#9b59b6; }
.formula-card[data-race="2"]:hover { border-color:#e67e22; }
.formula-card[data-race="3"]:hover { border-color:#3498db; }
.formula-card[data-race="4"]:hover { border-color:#f06292; }
.formula-card[data-race="5"]:hover { border-color:#27ae60; }
.formula-card[data-race="6"]:hover { border-color:#f39c12; }
.formula-card[data-race="7"]:hover { border-color:#7f8c8d; }
.formula-card .hench-card-img { position:relative;width:100%;height:114px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden; }
.formula-card .hench-card-img img.sprite { width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.6));z-index:2; }
.formula-card .hench-card-img .badges { position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:3; }
.formula-card .hench-card-img .badges img { width:26px;height:26px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.5)); }
.formula-card .hench-info-bar { position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:4px;padding:5px 8px;background:linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 100%);z-index:3; }
.formula-card .hench-info-bar .hench-name { color:white;font-size:0.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0; }
.formula-card .hench-info-bar .lvl { color:rgba(255,255,255,0.6);font-size:0.65rem;font-weight:500;font-style:italic;flex-shrink:0; }
.formula-card .hench-race-bar { display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;background:var(--wiki-bg-tertiary);font-size:0.7rem;font-weight:500;color:var(--wiki-text-secondary);border-top:1px solid var(--wiki-border); }
.formula-card .hench-race-bar img { width:16px;height:16px; }
.formula-card .hench-race-bar .grade-icon { width:20px;height:20px;border:2px solid var(--wiki-border);border-radius:4px;background:var(--wiki-bg-card);padding:1px; }
.formula-card .hench-race-bar .race-bar-separator { color:var(--wiki-text-muted);margin:0 2px; }
.formula-card .hench-race-bar .lvl { color:var(--wiki-text-muted);font-style:italic; }
.formula-plus { font-size:1.5rem;font-weight:700;color:#5E72AF; }
.formula-equals { font-size:1.5rem;font-weight:700;color:#5E72AF; }
.formula-result { border-color:#5E72AF; }
.formula-result:hover { border-color:#5E72AF !important; }

@media (max-width: 600px) {
    .hench-grid { grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); }
    .formula-card { width:120px; }
    .formula-card .hench-card-img { height:88px; }
    .formula-plus { font-size:1.25rem; }
    .formula-equals { font-size:1.25rem; }
}

/* Comments */
.comments-header { display:flex;align-items:center;justify-content:space-between; }
.comments-header-right { display:flex;align-items:center;gap:0.75rem; }
.comments-count { font-size:0.9rem;color:var(--wiki-text-muted); }
.page-settings-dropdown { position:relative; }
.btn-page-settings { background:var(--wiki-bg-tertiary);border:1px solid var(--wiki-border);border-radius:6px;padding:0.4rem 0.6rem;color:var(--wiki-text-muted);cursor:pointer;transition:all 0.2s; }
.btn-page-settings:hover { background:var(--wiki-accent);color:white;border-color:var(--wiki-accent); }
.page-settings-menu { display:none;position:absolute;top:100%;right:0;margin-top:0.5rem;background:var(--wiki-bg-card);border:1px solid var(--wiki-border);border-radius:8px;padding:0.75rem;min-width:200px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:100; }
.page-settings-menu.show { display:block; }
.setting-toggle { display:flex;align-items:center;gap:0.5rem;padding:0.5rem;border-radius:6px;cursor:pointer;font-size:0.85rem;color:var(--wiki-text);transition:background 0.2s; }
.setting-toggle:hover { background:var(--wiki-bg-tertiary); }
.setting-toggle input[type="checkbox"] { width:16px;height:16px;cursor:pointer;accent-color:var(--wiki-accent); }
.setting-divider { height:1px;background:var(--wiki-border);margin:0.5rem 0; }
.setting-action-btn { display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.5rem;border:none;border-radius:6px;background:transparent;color:var(--wiki-text);font-size:0.85rem;cursor:pointer;transition:all 0.2s; }
.setting-action-btn:hover { background:var(--wiki-accent);color:white; }
.setting-action-btn i { font-size:0.9rem; }
.comments-blocked-notice { background:rgba(231,76,60,0.1);border:1px solid rgba(231,76,60,0.3);border-radius:8px;padding:1rem;text-align:center;color:#e74c3c;margin-bottom:1rem; }
.comments-blocked-notice i { margin-right:0.5rem; }
.comment-form { margin-bottom:2rem; }
.comment-input { width:100%;padding:1rem;border:2px solid var(--wiki-border);border-radius:12px;background:var(--wiki-bg-tertiary);color:var(--wiki-text);font-size:0.95rem;resize:vertical;min-height:100px;font-family:inherit;box-sizing:border-box;transition:all 0.3s ease; }
.comment-input:focus { outline:none;border-color:var(--wiki-accent); }
.recaptcha-container-comment { display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--wiki-bg-tertiary);border-radius:10px;border:2px dashed var(--wiki-border); }
.recaptcha-container-comment .comment-input { width:100%;margin:0; }
.recaptcha-container-comment #recaptcha_comment { align-self:center; }
.recaptcha-container-comment .comment-submit { align-self:center;padding:0.75rem 1.5rem;background:var(--wiki-accent);color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s; }
.recaptcha-container-comment .comment-submit:hover { opacity:0.9; }
.comment-submit-container { display:flex;justify-content:center;margin-top:1rem; }
.comment-submit { padding:0.75rem 2rem;border-radius:8px;border:none;background:var(--wiki-accent);color:white;font-weight:600;cursor:pointer;transition:all 0.2s; }
.comment-submit:hover { background:var(--wiki-accent-hover);transform:translateY(-2px); }
.comments-list { display:flex;flex-direction:column;gap:1rem; }
.comment { display:flex;gap:1rem;padding:1rem;border-radius:12px;background:var(--wiki-bg-tertiary); }
.comment-avatar { width:45px;height:45px;border-radius:50%;background:var(--wiki-accent);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1rem;flex-shrink:0;overflow:hidden; }
.comment-avatar img { width:100%;height:100%;object-fit:cover; }
.comment-body { flex:1;min-width:0; }
.comment-header { display:flex;align-items:center;gap:0.75rem;margin-bottom:0.5rem; }
.comment-author { font-weight:600;color:var(--wiki-text);display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap; }
.comment-date { font-size:0.8rem;color:var(--wiki-text-muted);display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap; }
.comment-text { color:var(--wiki-text-secondary);font-size:0.95rem;line-height:1.6;margin-bottom:0.75rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;display:block !important;-webkit-line-clamp:unset !important;overflow:visible !important; }
.comment-actions { display:flex;gap:0.5rem;flex-wrap:wrap;align-items:center; }
.comment-action { font-size:0.85rem;color:var(--wiki-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;padding:4px 8px;border-radius:6px;transition:all 0.2s ease;background:transparent; }
.comment-action:hover { background:var(--wiki-bg-tertiary); }
.comment-action.like-btn:hover { color:#27ae60; }
.comment-action.dislike-btn:hover { color:#e74c3c; }
.comment-action.liked { color:#27ae60;background:rgba(39,174,96,0.1); }
.comment-action.disliked { color:#e74c3c;background:rgba(231,76,60,0.1); }
.comment-votes { font-size:0.9rem;font-weight:600;color:var(--wiki-text-muted);min-width:24px;text-align:center;padding:4px 6px;border-radius:6px;background:var(--wiki-bg-tertiary); }
.comment-votes.positive { color:#27ae60;background:rgba(39,174,96,0.15); }
.comment-votes.negative { color:#e74c3c;background:rgba(231,76,60,0.15); }
.comment-action.disabled { opacity:0.5;cursor:not-allowed; }
.comment-action.disabled:hover { background:transparent;color:var(--wiki-text-muted); }
.comment-action.mod-action { color:#f39c12; }
.comment-action.mod-action:hover { color:#e67e22; }
.comment-action.mod-delete { color:#e74c3c; }
.comment-action.mod-delete:hover { color:#c0392b; }
.comment-action.mod-restore { color:#27ae60; }
.comment-action.mod-restore:hover { color:#1e8449; }
.comment-action i { font-size:0.85rem; }

/* Avatar avec fallback initiale */
.comment-avatar { position:relative; }
.comment-avatar img { width:100%;height:100%;object-fit:cover;border-radius:50%; }
.avatar-initial { display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--wiki-accent),#8e44ad);color:white;font-weight:700;font-size:1.1rem;border-radius:50%;text-transform:uppercase; }

/* Staff badges */
.staff-badge { display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:11px;font-size:0.7rem;font-weight:800;color:white;text-transform:uppercase;letter-spacing:0.3px;border:1px solid rgba(0,0,0,.14);box-shadow:0 1px 3px rgba(0,0,0,.22); }
.staff-badge i { font-size:0.65rem; }

/* Commentaires staff - bordure colorée (généré depuis PHP) */

/* Commentaire modifié */
.comment-edited { font-size:0.7rem;color:#f39c12;display:inline-flex;align-items:center;gap:3px;margin-left:0.5rem; }
.comment-edited i { font-size:0.6rem; }

/* Commentaire supprimé */
.comment-deleted { opacity:0.6;border-left:3px solid #e74c3c !important; }
.comment-deleted .comment-text { font-style:italic;color:var(--wiki-text-muted); }
.comment-deleted-info { background:rgba(231,76,60,0.1);border:1px solid rgba(231,76,60,0.3);border-radius:6px;padding:0.5rem 0.75rem;margin-bottom:0.5rem;font-size:0.8rem;color:#e74c3c;display:flex;align-items:center;gap:0.5rem; }

/* Commentaire en attente d'approbation */
.comment-pending { opacity:0.85;border-left:3px solid #f39c12 !important;background:linear-gradient(90deg,rgba(243,156,18,0.08),transparent); }
.comment-pending-badge { background:rgba(243,156,18,0.15);border:1px solid rgba(243,156,18,0.3);border-radius:6px;padding:0.4rem 0.75rem;margin-bottom:0.5rem;font-size:0.8rem;color:#f39c12;display:flex;align-items:center;gap:0.5rem; }
/* Commentaire refusé */
.comment-refused { opacity:0.7;border-left:3px solid #e74c3c !important;background:linear-gradient(90deg,rgba(231,76,60,0.06),transparent); }
.comment-refused-badge { background:rgba(231,76,60,0.1);border:1px solid rgba(231,76,60,0.3);border-radius:6px;padding:0.4rem 0.75rem;margin-bottom:0.5rem;font-size:0.8rem;color:#e74c3c;display:flex;align-items:center;gap:0.5rem; }
/* Boutons modération approbation */
.mod-approve { color:#27ae60 !important; }
.mod-approve:hover { background:rgba(39,174,96,0.15); }
.mod-refuse { color:#e74c3c !important; }
.mod-refuse:hover { background:rgba(231,76,60,0.15); }

.comment-replies { margin-top:1rem;padding-left:1rem;border-left:3px solid var(--wiki-border); }
.reply { display:flex;gap:0.75rem;padding:0.75rem;background:var(--wiki-bg-secondary);border-radius:8px;margin-top:0.5rem; }
.reply .comment-avatar { width:32px;height:32px;font-size:0.8rem; }
.reply .avatar-initial { font-size:0.8rem; }
.reply .comment-text { font-size:0.9rem;margin-bottom:0.5rem; }
.show-more-replies { display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.6rem 1rem;margin-top:0.75rem;background:var(--wiki-bg-secondary);border:1px solid var(--wiki-border);border-radius:8px;color:var(--wiki-text-muted);font-size:0.85rem;cursor:pointer;transition:all 0.2s; }
.show-more-replies:hover { background:var(--wiki-bg-tertiary);color:var(--wiki-accent);border-color:var(--wiki-accent); }
.show-more-replies i { font-size:0.75rem; }
.replies-pagination { display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:0.75rem;padding:0.5rem;background:var(--wiki-bg-secondary);border-radius:8px; }
.replies-pagination button { padding:0.4rem 0.8rem;border-radius:6px;border:1px solid var(--wiki-border);background:var(--wiki-bg-card);color:var(--wiki-text);cursor:pointer;transition:all 0.2s;font-size:0.8rem; }
.replies-pagination button:hover:not(:disabled) { background:var(--wiki-accent);color:white;border-color:var(--wiki-accent); }
.replies-pagination button:disabled { opacity:0.5;cursor:not-allowed; }
.replies-pagination .page-info { font-size:0.8rem;color:var(--wiki-text-muted);min-width:50px;text-align:center; }
.replies-pagination .replies-count { font-size:0.75rem;color:var(--wiki-text-muted);margin-left:0.5rem; }
.comment-pagination { display:flex;justify-content:center;gap:0.5rem;margin-top:1.5rem; }
.comment-pagination button { padding:0.5rem 1rem;border-radius:6px;border:1px solid var(--wiki-border);background:var(--wiki-bg-card);color:var(--wiki-text);cursor:pointer;transition:all 0.2s; }
.comment-pagination button:hover:not(:disabled) { background:var(--wiki-accent);color:white;border-color:var(--wiki-accent); }
.comment-pagination button:disabled { opacity:0.5;cursor:not-allowed; }
.comment-pagination .page-info { padding:0.5rem 1rem;color:var(--wiki-text-muted); }
.login-prompt { text-align:center;padding:2rem;color:var(--wiki-text-muted);background:var(--wiki-bg-tertiary);border-radius:12px;margin-bottom:1.5rem; }
.login-prompt a { color:var(--wiki-accent);font-weight:600;cursor:pointer; }
.no-comments { text-align:center;padding:2rem;color:var(--wiki-text-muted); }
.no-comments i { font-size:2rem;margin-bottom:1rem;display:block;opacity:0.5; }
.no-comments p { margin:0; }

/* Reply Modal */
.reply-modal-overlay { position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:10000;display:none;align-items:center;justify-content:center;padding:1rem; }
.reply-modal-overlay.active { display:flex; }
.reply-modal { background:var(--wiki-bg-secondary);border-radius:16px;width:100%;max-width:500px;border:1px solid var(--wiki-border);box-shadow:0 20px 60px rgba(0,0,0,0.4); }
.reply-modal-header { padding:1rem 1.5rem;border-bottom:1px solid var(--wiki-border);display:flex;justify-content:space-between;align-items:center; }
.reply-modal-header h3 { margin:0;font-size:1.1rem;display:flex;align-items:center;gap:0.5rem;color:var(--wiki-text); }
.reply-modal-header h3 i { color:var(--wiki-accent); }
.reply-modal-close { background:none;border:none;font-size:1.5rem;color:var(--wiki-text-muted);cursor:pointer; }
.reply-modal-close:hover { color:var(--wiki-text); }
.reply-modal-body { padding:1.5rem; }
.reply-to-info { padding:0.75rem;background:var(--wiki-bg-tertiary);border-radius:8px;margin-bottom:1rem;font-size:0.9rem;color:var(--wiki-text-muted); }
.reply-to-info strong { color:var(--wiki-text); }
.reply-modal textarea { width:100%;min-height:80px;padding:1rem;border:2px solid var(--wiki-border);border-radius:10px;background:var(--wiki-bg-tertiary);color:var(--wiki-text);font-family:inherit;font-size:0.95rem;resize:vertical;box-sizing:border-box; }
.reply-modal textarea:focus { outline:none;border-color:var(--wiki-accent); }
.reply-modal .recaptcha-container-comment { margin:1rem 0; }
.reply-modal-footer { padding:1rem 1.5rem;border-top:1px solid var(--wiki-border);display:flex;justify-content:flex-end;gap:0.75rem; }
.reply-modal-footer button { padding:0.6rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s; }
.reply-modal-footer .btn-cancel { background:var(--wiki-bg-tertiary);border:1px solid var(--wiki-border);color:var(--wiki-text); }
.reply-modal-footer .btn-cancel:hover { background:var(--wiki-border); }
.reply-modal-footer .btn-submit { background:var(--wiki-accent);border:none;color:white; }
.reply-modal-footer .btn-submit:hover { background:var(--wiki-accent-hover); }

/* Sidebar */
.sidebar { display:flex;flex-direction:column;gap:1.5rem; }
.sidebar-card { background:var(--wiki-bg-secondary);border-radius:16px;box-shadow:0 4px 24px rgba(30,40,80,0.12);overflow:hidden;border:1px solid var(--wiki-border); }
.sidebar-header { padding:1rem 1.25rem;border-bottom:1px solid var(--wiki-border);font-weight:700;display:flex;align-items:center;gap:8px;color:var(--wiki-text); }
.sidebar-header i { color:var(--wiki-accent); }
.sidebar-header-icon { display:flex;align-items:center;justify-content:center; }
.sidebar-header-icon img { width:20px;height:20px;object-fit:contain; }
.sidebar-body { padding:1rem 1.25rem; }
.toc-list { list-style:none;padding:0;margin:0; }
.toc-item { margin-bottom:0.5rem; }
.toc-link { display:flex;align-items:center;gap:8px;padding:0.5rem 0.75rem;border-radius:8px;color:var(--wiki-text-muted);text-decoration:none;font-size:0.9rem;transition:all 0.2s; }
.toc-link:hover,.toc-link.active { background:var(--wiki-bg-tertiary);color:var(--wiki-accent); }
.similar-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem; }
.similar-item { display:flex;flex-direction:column;align-items:center;padding:0.75rem;border-radius:10px;background:var(--wiki-bg-tertiary);text-decoration:none;color:var(--wiki-text);transition:all 0.2s;border:2px solid transparent;position:relative; }
.similar-item:hover { border-color:var(--wiki-accent);transform:translateY(-2px); }
.similar-img { width:50px;height:50px;margin-bottom:0.5rem; }
.similar-img img.sprite { width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.3)); }
.similar-item .sim-badges { position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:2px; }
.similar-item .sim-badges img { width:14px;height:14px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.5)); }
.similar-item .sim-badges .race-badge { width:16px;height:16px; }
.similar-name { font-size:0.8rem;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%; }
.similar-level { font-size:0.7rem;color:var(--wiki-text-muted); }

/* Modals */
/* Modale Arbre de Mix - identique à formules-de-mix.php */
.arbre-modal-overlay { position:fixed;inset:0;background:rgba(0,0,0,0.8);z-index:10000;display:none;align-items:center;justify-content:center;padding:1rem; }
.arbre-modal-overlay.active { display:flex; }
.arbre-modal { background:var(--wiki-bg-secondary);border-radius:12px;width:95%;height:90%;max-width:1400px;display:flex;flex-direction:column;border:1px solid var(--wiki-border); }
.arbre-modal-header { padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;color:var(--wiki-text);border-bottom:1px solid var(--wiki-border);border-radius:12px 12px 0 0; }
.arbre-modal-title { font-size:1.1rem;font-weight:600; }
.arbre-modal-close { background:none;border:none;color:var(--wiki-text-muted);font-size:1.5rem;cursor:pointer;line-height:1; }
.arbre-modal-close:hover { color:var(--wiki-text); }
.arbre-modal-body { flex:1;overflow:hidden; }
.arbre-modal-body iframe { width:100%;height:100%;border:none; }
.arbre-modal-footer { padding:1rem 1.25rem;border-top:1px solid var(--wiki-border);display:flex;justify-content:flex-end;gap:0.75rem; }
.arbre-modal-footer .btn-action { padding:0.6rem 1.2rem;border-radius:8px;font-weight:500;font-size:0.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:0.5rem;text-decoration:none;border:none; }
.arbre-modal-footer .btn-tree { background:var(--wiki-accent);color:white; }
.arbre-modal-footer .btn-tree:hover { background:#4a5a8f; }
.arbre-modal-footer .btn-back { background:var(--wiki-bg-tertiary);color:var(--wiki-text); }
.arbre-modal-footer .btn-back:hover { background:var(--wiki-border); }

/* Hench Modal */
.hench-modal-overlay { position:fixed;inset:0;background:rgba(0,0,0,0.8);z-index:10000;display:none;align-items:center;justify-content:center;padding:1rem; }
.hench-modal-overlay.active { display:flex; }
.hench-modal { background:var(--wiki-bg-secondary);border-radius:12px;width:95%;height:90%;max-width:1400px;display:flex;flex-direction:column;border:1px solid var(--wiki-border); }
.hench-modal-header { padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;color:var(--wiki-text);border-bottom:1px solid var(--wiki-border);border-radius:12px 12px 0 0; }
.hench-modal-header h3 { margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:0.5rem; }
.hench-modal-header h3 i { color:var(--wiki-accent); }
.hench-modal-close { background:none;border:none;color:var(--wiki-text-muted);font-size:1.5rem;cursor:pointer;line-height:1; }
.hench-modal-close:hover { color:var(--wiki-text); }
.hench-modal-body { flex:1;overflow:hidden; }
.hench-modal-body iframe { width:100%;height:100%;border:none; }
.hench-modal-footer { padding:1rem 1.25rem;border-top:1px solid var(--wiki-border);display:flex;justify-content:flex-end;gap:0.75rem; }
.hench-modal-footer .btn-action { padding:0.6rem 1.2rem;border-radius:8px;font-weight:500;font-size:0.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:0.5rem;text-decoration:none;border:none; }
.hench-modal-footer .btn-primary { background:var(--wiki-accent);color:white; }
.hench-modal-footer .btn-primary:hover { background:#4a5a8f; }
.hench-modal-footer .btn-secondary { background:var(--wiki-bg-tertiary);color:var(--wiki-text); }
.hench-modal-footer .btn-secondary:hover { background:var(--wiki-border); }

/* Map Modal */
.map-modal-overlay { position:fixed;inset:0;background:rgba(0,0,0,0.8);z-index:10000;display:none;align-items:center;justify-content:center;padding:1rem; }
.map-modal-overlay.active { display:flex; }
.map-modal { background:var(--wiki-bg-secondary);border-radius:12px;width:95%;height:90%;max-width:1400px;display:flex;flex-direction:column;border:1px solid var(--wiki-border); }
.map-modal-header { padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;color:var(--wiki-text);border-bottom:1px solid var(--wiki-border);border-radius:12px 12px 0 0; }
.map-modal-header h3 { margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:0.5rem; }
.map-modal-header h3 i { color:var(--wiki-accent); }
.map-modal-close { background:none;border:none;color:var(--wiki-text-muted);font-size:1.5rem;cursor:pointer;line-height:1; }
.map-modal-close:hover { color:var(--wiki-text); }
.map-modal-body { flex:1;overflow:hidden; }
.map-modal-body iframe { width:100%;height:100%;border:none; }
.map-modal-footer { padding:1rem 1.25rem;border-top:1px solid var(--wiki-border);display:flex;justify-content:flex-end;gap:0.75rem; }
.map-modal-footer .btn-action { padding:0.6rem 1.2rem;border-radius:8px;font-weight:500;font-size:0.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:0.5rem;text-decoration:none;border:none; }
.map-modal-footer .btn-primary { background:var(--wiki-accent);color:white; }
.map-modal-footer .btn-primary:hover { background:#4a5a8f; }
.map-modal-footer .btn-secondary { background:var(--wiki-bg-tertiary);color:var(--wiki-text); }
.map-modal-footer .btn-secondary:hover { background:var(--wiki-border); }

/* Toast - Unifié */
.toast { position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--wiki-bg-secondary);border:2px solid var(--wiki-border);padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.2);z-index:99999;display:none;align-items:center;gap:0.75rem;color:var(--wiki-text);font-weight:500; }
.toast::before, .toast::after { content:none !important;display:none !important; }
.toast.show { display:flex;animation:slideUp 0.3s ease; }
.toast.success { border-color:#27ae60;background:linear-gradient(90deg, rgba(39,174,96,0.1) 0%, var(--wiki-bg-secondary) 100%); }
.toast.success .toast-icon { color:#27ae60; }
.toast.error { border-color:#e74c3c;background:linear-gradient(90deg, rgba(231,76,60,0.1) 0%, var(--wiki-bg-secondary) 100%); }
.toast.error .toast-icon { color:#e74c3c; }
.toast.info { border-color:#3498db;background:linear-gradient(90deg, rgba(52,152,219,0.1) 0%, var(--wiki-bg-secondary) 100%); }
.toast.info .toast-icon { color:#3498db; }
.toast-icon { flex-shrink:0; }
@keyframes slideUp { from { opacity:0;transform:translateX(-50%) translateY(20px); } to { opacity:1;transform:translateX(-50%) translateY(0); } }

@media(max-width:768px) {
    .page-container { padding:1rem; }
    .hench-header-top { padding:1.5rem; }
    .hench-name { font-size:1.75rem; }
    .hench-quick-info { grid-template-columns:1fr; }
    .hench-stats-grid { grid-template-columns:repeat(2,1fr); }
    .hench-header-bottom { flex-direction:column;align-items:stretch; }
    .meta-info { justify-content:center;flex-wrap:wrap; }
    .mix-recipe { justify-content:center; }
    .lightbox-nav { display:none; }
}

/* Block 2 */
/* Summernote Dark Mode - Toolbar et boutons visibles */
.note-editor.note-frame { border-color: var(--wiki-border); background: var(--wiki-bg-card); }
.note-editor .note-toolbar { background: var(--wiki-bg-secondary); border-color: var(--wiki-border); padding: 8px; }
.note-editor .note-toolbar .note-btn:not(.note-color-btn):not(.note-recent-color):not(.note-current-color) { 
    background: #3a3f4b !important; 
    border: 1px solid #555 !important; 
    color: #fff !important; 
    box-shadow: 0 1px 3px rgba(0,0,0,0.3); 
}
/* Ne pas appliquer le fond sombre aux boutons dans le dropdown SAUF les boutons de couleur */
.note-dropdown-menu .note-btn:not(.note-color-btn) { 
    background: transparent !important; 
    box-shadow: none !important;
}
/* Boutons de couleur récente - laisser le style inline s'afficher */
.note-editor .note-toolbar .note-recent-color,
.note-editor .note-toolbar .note-current-color {
    border: 1px solid #555 !important;
}
/* Palette de couleurs - haute spécificité, PAS de !important sur background */
.note-editor .note-dropdown-menu .note-color .note-color-btn,
.note-editor .note-dropdown-menu .note-palette .note-color-btn,
.note-editor .note-dropdown-menu .note-holder .note-color-btn,
.note-editor .note-dropdown-menu .note-color-row .note-color-btn,
.note-dropdown-menu .note-color-btn {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    min-height: 17px !important;
    padding: 0 !important;
    margin: 1px !important;
    border: 1px solid rgba(0,0,0,0.3) !important;
    cursor: pointer !important;
    display: inline-block !important;
    box-shadow: none !important;
}
.note-editor .note-toolbar .note-btn:not(.note-color-btn):not(.note-recent-color):not(.note-current-color):hover { 
    background: var(--wiki-accent) !important; 
    color: white !important; 
    border-color: var(--wiki-accent) !important; 
}
.note-editor .note-toolbar .note-btn:focus { box-shadow: 0 0 0 2px var(--wiki-accent); }
/* Icônes des boutons - FORCER la couleur blanche */
.note-editor .note-toolbar .note-btn i,
.note-editor .note-toolbar .note-btn svg,
.note-editor .note-toolbar .note-btn .note-icon-caret,
.note-editor .note-toolbar .note-icon-caret,
.note-editor .note-toolbar i,
.note-editor .note-toolbar svg { 
    color: #fff !important; 
    fill: #fff !important;
}
.note-editor .note-toolbar .note-btn:hover i,
.note-editor .note-toolbar .note-btn:hover svg { 
    color: white !important; 
    fill: white !important;
}
/* Texte dans les boutons dropdown */
.note-editor .note-toolbar .note-current-fontname, 
.note-editor .note-toolbar .note-current-fontsize,
.note-editor .note-toolbar .note-btn span { 
    color: #fff !important; 
}
.note-editor .note-toolbar .note-color-reset,
.note-editor .note-toolbar .note-color-select { color: #fff !important; }
.note-editor .note-toolbar .note-recent-color { border: 2px solid #555; }
/* Zone d'édition - fond blanc pour le contenu */
.note-editor .note-editing-area { background: #fff; }
.note-editor .note-editing-area .note-editable { background: #fff; color: #222; }
.note-editor .note-statusbar { background: var(--wiki-bg-tertiary); border-color: var(--wiki-border); }
.note-editor .note-statusbar .note-resizebar { border-top-color: var(--wiki-border); }
/* Dropdown menus - FORCER fond sombre et texte visible */
.note-dropdown-menu { 
    background: #2a2f3a !important; 
    border: 1px solid #444 !important; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important; 
}
.note-dropdown-menu .note-dropdown-item { color: #e0e0e0 !important; }
.note-dropdown-menu .note-dropdown-item:hover { background: var(--wiki-accent) !important; color: white !important; }
.note-dropdown-menu .note-palette-title { color: #e0e0e0 !important; font-weight: 600; }
.note-dropdown-menu .btn-light, .note-dropdown-menu .btn-default { background: #3a3f4b !important; border-color: #555 !important; color: #e0e0e0 !important; }
.note-dropdown-menu .btn-light:hover, .note-dropdown-menu .btn-default:hover { background: var(--wiki-accent) !important; color: white !important; }
/* Style dropdown - tous les éléments de texte */
.note-dropdown-menu h1, .note-dropdown-menu h2, .note-dropdown-menu h3, 
.note-dropdown-menu h4, .note-dropdown-menu h5, .note-dropdown-menu h6, 
.note-dropdown-menu p, .note-dropdown-menu pre, .note-dropdown-menu blockquote { 
    color: #e0e0e0 !important; 
    background: transparent !important;
}
/* Dropdown Style menu text visibility */
.note-dropdown-menu a.note-dropdown-item[data-value] { color: #e0e0e0 !important; background: transparent !important; }
.note-dropdown-menu a.note-dropdown-item[data-value] p, 
.note-dropdown-menu a.note-dropdown-item[data-value] h1, 
.note-dropdown-menu a.note-dropdown-item[data-value] h2, 
.note-dropdown-menu a.note-dropdown-item[data-value] h3, 
.note-dropdown-menu a.note-dropdown-item[data-value] h4, 
.note-dropdown-menu a.note-dropdown-item[data-value] h5, 
.note-dropdown-menu a.note-dropdown-item[data-value] h6,
.note-dropdown-menu a.note-dropdown-item[data-value] pre,
.note-dropdown-menu a.note-dropdown-item[data-value] blockquote { color: #e0e0e0 !important; margin: 0; background: transparent !important; }
.note-dropdown-menu a.note-dropdown-item:hover { background: var(--wiki-accent) !important; }
.note-dropdown-menu a.note-dropdown-item:hover, 
.note-dropdown-menu a.note-dropdown-item:hover * { color: white !important; }
/* Font family dropdown */
.dropdown-fontname .note-dropdown-item,
.dropdown-fontname .note-dropdown-item span { color: #e0e0e0 !important; }
.dropdown-fontname .note-dropdown-item:hover,
.dropdown-fontname .note-dropdown-item:hover span { color: white !important; }
/* Font size dropdown */
.dropdown-fontsize .note-dropdown-item { color: #e0e0e0 !important; }
.dropdown-fontsize .note-dropdown-item:hover { color: white !important; }
/* Color palette - recent color et more color */
.note-color .note-palette .note-color-btn { 
    border: 1px solid rgba(255,255,255,0.15) !important; 
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}
.note-color .note-palette .note-palette-title { color: #e0e0e0 !important; }
.note-color .note-holder { background: #2a2f3a !important; }
.note-color-all .note-color-row { background: transparent !important; }
.note-color-palette { background: #2a2f3a !important; }
.note-holder-custom { background: #2a2f3a !important; }
.note-holder-custom .note-color-reset,
.note-holder-custom .note-color-select { 
    background: #3a3f4b !important; 
    color: #e0e0e0 !important; 
    border: 1px solid #555 !important;
}
.note-holder-custom .note-color-reset:hover,
.note-holder-custom .note-color-select:hover { 
    background: var(--wiki-accent) !important; 
    color: white !important; 
}
/* Input color dans more color */
.note-color input[type="color"] { background: #3a3f4b !important; border: 1px solid #555 !important; }
/* Check icons */
.note-dropdown-menu .note-icon-menu-check { color: var(--wiki-accent) !important; }
/* Modal */
.note-modal { background: rgba(0,0,0,0.5); }
/* Cacher le bouton "Select from files" - on utilise notre propre système d'upload */
.note-modal .note-group-select-from-files,
.note-modal .note-image-input { display: none !important; }
.note-modal .modal-content { background: var(--wiki-bg-card); border-color: var(--wiki-border); }
.note-modal .modal-header { border-bottom-color: var(--wiki-border); color: #e0e0e0; }
.note-modal .modal-header .close { color: #e0e0e0 !important; }
.note-modal .modal-body { color: #e0e0e0; }
.note-modal .modal-footer { border-top-color: var(--wiki-border); }
.note-modal .close { color: var(--wiki-text); }
.note-modal .form-control { background: var(--wiki-bg-secondary); border-color: var(--wiki-border); color: var(--wiki-text); }
.note-modal label { color: #e0e0e0 !important; }
.note-current-fontname, .note-current-fontsize { color: #fff !important; }
/* Popover pour contrôle des images */
.note-popover.popover {
    background: #2a2f3a !important;
    border: 1px solid #444 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}
.note-popover .popover-content,
.note-popover .note-image-popover {
    background: #2a2f3a !important;
    padding: 5px 10px;
}
.note-popover .note-btn {
    background: #3a3f4b !important;
    border: 1px solid #555 !important;
    color: #fff !important;
    margin: 2px;
    padding: 5px 8px;
}
.note-popover .note-btn:hover {
    background: var(--wiki-accent) !important;
    color: white !important;
}
.note-popover .note-btn i,
.note-popover .note-btn svg {
    color: #fff !important;
}
.note-popover .note-btn-group {
    display: inline-flex;
    margin: 0 3px;
}
.note-popover .popover-arrow,
.note-popover .arrow {
    display: none;
}
/* Handle de redimensionnement des images */
.note-control-selection {
    position: absolute !important;
    z-index: 100;
}
.note-control-selection .note-control-selection-info {
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 11px;
}
.note-control-selection .note-control-handle {
    background: var(--wiki-accent);
    border: 1px solid #fff;
    width: 8px;
    height: 8px;
}

/* Block 3 */
.desc-editor-overlay { display:none;position:fixed;inset:0;background:rgba(0,0,0,0.8);z-index:10001;justify-content:center;align-items:center;backdrop-filter:blur(4px); }
.desc-editor-overlay.active { display:flex; }
.desc-editor-modal { width:95%;max-width:900px;max-height:95vh;background:var(--wiki-bg-secondary);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.5);display:flex;flex-direction:column; }
.desc-editor-header { background:linear-gradient(135deg,#3498db,#2980b9);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;color:white; }
.desc-editor-header h3 { margin:0;font-size:1.1rem;display:flex;align-items:center;gap:10px; }
.desc-editor-close { background:rgba(255,255,255,0.2);border:none;color:white;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:background 0.2s; }
.desc-editor-close:hover { background:rgba(255,255,255,0.3); }
.desc-editor-body { padding:20px;flex:1;overflow-y:auto; }
.desc-editor-info { background:rgba(52,152,219,0.1);border:1px solid rgba(52,152,219,0.3);border-radius:8px;padding:12px 15px;margin-bottom:15px;font-size:13px;color:var(--wiki-text-muted); }
.desc-editor-info i { color:#3498db;margin-right:8px; }

/* Toolbar upload */
.desc-editor-toolbar { display:flex;align-items:center;gap:15px;margin-bottom:15px;padding:10px;background:var(--wiki-bg-tertiary);border-radius:8px;flex-wrap:wrap; }
.upload-btn, .browse-btn { display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:all 0.2s;border:none; }
.upload-btn { background:linear-gradient(135deg,#9b59b6,#8e44ad);color:white; }
.upload-btn:hover { background:linear-gradient(135deg,#8e44ad,#7d3c98); }
.browse-btn { background:linear-gradient(135deg,#3498db,#2980b9);color:white; }
.browse-btn:hover { background:linear-gradient(135deg,#2980b9,#1f618d); }
.upload-btn i { font-size:14px; }
.upload-status { font-size:12px;color:var(--wiki-text-muted); }
.upload-status.success { color:#27ae60; }
.upload-status.error { color:#e74c3c; }
.upload-status.uploading { color:#f39c12; }

/* CKEditor container */
#descEditorContent { width:100%;min-height:300px; }
.cke_editable { background:#fff !important; color:#333 !important; }

/* Galerie images */
.desc-images-gallery { margin-top:15px;padding:15px;background:var(--wiki-bg-tertiary);border-radius:8px;display:none; }
.desc-images-gallery.has-images { display:block; }
.gallery-header { font-size:13px;color:var(--wiki-text-muted);margin-bottom:10px;display:flex;align-items:center;gap:8px; }
.gallery-count { opacity:0.7; }
.gallery-items { display:flex;flex-wrap:wrap;gap:10px; }
.gallery-item { position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid var(--wiki-border); }
.gallery-item img { width:100%;height:100%;object-fit:cover; }
.gallery-item .remove-btn { position:absolute;top:2px;right:2px;width:20px;height:20px;background:rgba(231,76,60,0.9);color:white;border:none;border-radius:50%;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center; }
.gallery-item .insert-btn { position:absolute;bottom:2px;right:2px;width:20px;height:20px;background:rgba(39,174,96,0.9);color:white;border:none;border-radius:50%;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center; }

/* Footer */
.desc-editor-footer { padding:15px 20px;background:var(--wiki-bg-tertiary);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--wiki-border); }
.editor-info { font-size:12px;color:var(--wiki-text-muted); }
.editor-info i { margin-right:5px; }
.footer-buttons { display:flex;gap:10px; }
.desc-editor-footer .btn-cancel { padding:10px 20px;border-radius:8px;background:var(--wiki-bg-secondary);color:var(--wiki-text);border:1px solid var(--wiki-border);cursor:pointer;font-size:14px; }
.desc-editor-footer .btn-save { padding:10px 20px;border-radius:8px;background:linear-gradient(135deg,#27ae60,#219a52);color:white;border:none;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px; }
.desc-editor-footer .btn-save:hover { background:linear-gradient(135deg,#219a52,#1e8449); }
.desc-editor-footer .btn-save:disabled { opacity:0.6;cursor:not-allowed; }

/* Bibliothèque d'images */
.image-browser-overlay { display:none;position:fixed;inset:0;background:rgba(0,0,0,0.9);z-index:10002;justify-content:center;align-items:center;backdrop-filter:blur(4px); }
.image-browser-overlay.active { display:flex; }
.image-browser-modal { width:90%;max-width:800px;max-height:85vh;background:var(--wiki-bg-secondary);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.5);display:flex;flex-direction:column; }
.image-browser-header { background:linear-gradient(135deg,#9b59b6,#8e44ad);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;color:white; }
.image-browser-header h3 { margin:0;font-size:1.1rem;display:flex;align-items:center;gap:10px; }
.image-browser-close { background:rgba(255,255,255,0.2);border:none;color:white;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:background 0.2s; }
.image-browser-close:hover { background:rgba(255,255,255,0.3); }
.image-browser-body { padding:20px;flex:1;overflow-y:auto;min-height:200px; }
.image-browser-loading { text-align:center;padding:40px;color:var(--wiki-text-muted);font-size:14px; }
.image-browser-loading i { font-size:24px;margin-bottom:10px;display:block; }
.image-browser-empty { text-align:center;padding:40px;color:var(--wiki-text-muted); }
.image-browser-empty i { font-size:48px;opacity:0.5;margin-bottom:15px;display:block; }
.image-browser-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px; }
.image-browser-item { position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:3px solid transparent;transition:all 0.2s; }
.image-browser-item:hover { transform:scale(1.05);border-color:var(--wiki-accent); }
.image-browser-item.selected { border-color:#27ae60;box-shadow:0 0 0 2px rgba(39,174,96,0.3); }
.image-browser-item img { width:100%;height:100%;object-fit:cover; }
.image-browser-item .item-name { position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.8));padding:8px 6px 6px;font-size:10px;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.image-browser-preview { padding:15px 20px;background:var(--wiki-bg-tertiary);border-top:1px solid var(--wiki-border);display:none;align-items:center;gap:15px; }
.image-browser-preview.active { display:flex; }
.image-browser-preview img { width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid var(--wiki-border); }
.preview-info { flex:1; }
.preview-info span { display:block;font-size:12px;color:var(--wiki-text-muted); }
.preview-info #previewName { font-weight:600;color:var(--wiki-text);font-size:13px; }
.image-browser-footer { padding:15px 20px;background:var(--wiki-bg-tertiary);display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--wiki-border); }
.image-browser-footer .btn-cancel { padding:10px 20px;border-radius:8px;background:var(--wiki-bg-secondary);color:var(--wiki-text);border:1px solid var(--wiki-border);cursor:pointer;font-size:14px; }
.image-browser-footer .btn-insert { padding:10px 20px;border-radius:8px;background:linear-gradient(135deg,#27ae60,#219a52);color:white;border:none;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px; }
.image-browser-footer .btn-insert:hover { background:linear-gradient(135deg,#219a52,#1e8449); }
.image-browser-footer .btn-insert:disabled { opacity:0.6;cursor:not-allowed; }

/* Summernote */
/* ============================================
   MODALE SIMULATEUR STATS - Style MixMaster Rétro
   ============================================ */
.stats-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10001;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(4px);
}
.stats-modal-overlay.active { display: flex; }

.stats-panel {
    width: 460px;
    max-width: 95vw;
    background-color: #d8d0c0;
    border: 3px solid #5a5a5a;
    border-radius: 12px;
    padding: 0;
    font-family: "Tahoma", Geneva, sans-serif;
    box-shadow: 0 10px 40px rgba(0,0,0,0.5), inset 0 0 10px rgba(0,0,0,0.2);
    color: #333;
    animation: statsModalIn 0.3s ease;
}

@keyframes statsModalIn {
    from { opacity: 0; transform: scale(0.9) translateY(-20px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

.stats-panel-header {
    background: linear-gradient(to bottom, #7da0a0, #516d6d);
    padding: 8px 15px;
    border-radius: 9px 9px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 2px solid #333;
}

.stats-panel-close {
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.2s;
    line-height: 1;
}
.stats-panel-close:hover { opacity: 1; }

.stats-panel-body {
    padding: 15px;
}

.stats-pipe-frame {
    border: 3px solid #f2f2f2;
    border-radius: 8px;
    padding: 12px;
    background: rgba(255,255,255,0.1);
}

/* Identity Block */
.stats-identity-block {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    align-items: flex-start;
}

.stats-avatar-frame {
    width: 90px;
    height: 90px;
    background: radial-gradient(#444, #111);
    border: 3px solid #4e3d30;
    border-radius: 4px;
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stats-avatar-frame img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.5));
}

.stats-info-container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Data Rows */
.stats-name-row {
    background: linear-gradient(to right, #6d8e8e, #9cb8b8);
    border: 1px solid #444;
    color: white;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.stats-row-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.stats-data-row {
    display: flex;
    border: 1px solid #444;
    height: 24px;
    overflow: hidden;
}

.stats-data-label {
    background: linear-gradient(to bottom, #7da0a0, #516d6d);
    color: white;
    font-size: 10px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-left: 6px;
    min-width: 50px;
    text-transform: uppercase;
}

.stats-data-value {
    flex-grow: 1;
    background: #e0ddd5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    position: relative;
}

/* Control Buttons */
.stats-btn-ctrl {
    background: #4a5d5d;
    color: white;
    border: none;
    width: 24px;
    height: 100%;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
    margin: 0 !important; /* Override mixmaster1.css */
    padding: 0;
}
.stats-btn-ctrl:hover { background: #27ae60; }
.stats-btn-ctrl:active { background: #1e8449; }
.stats-btn-ctrl.disabled { background: #888; cursor: not-allowed; opacity: 0.5; }

.stats-btn-reload {
    font-size: 16px;
    background: #516d6d;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 24px;
    margin: 0 !important;
}
.stats-btn-reload:hover { background: #3498db; }

/* Type value avec ellipsis */
.stats-type-value {
    flex-grow: 1;
    background: #e0ddd5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    padding-right: 28px; /* Espace pour le bouton */
    overflow: hidden;
}

.stats-type-value .stats-growthtype-badge {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Level Controls */
.stats-level-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.stats-level-row .stats-data-row {
    flex: 1;
    height: 28px;
}

.stats-level-value {
    flex-grow: 1;
    background: #e0ddd5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    min-width: 50px;
}

/* Vital Grid */
.stats-vital-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 12px;
}

/* Combat Grid */
.stats-combat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    border-top: 2px solid #fff;
    padding-top: 12px;
}

.stats-combat-grid .stats-data-row {
    height: 26px;
}

.stats-combat-grid .stats-data-label {
    width: 85px;
    min-width: 85px;
}

/* Growthtype Badge */
.stats-growthtype-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.stats-growthtype-0 { background: #95a5a6; color: white; }
.stats-growthtype-1 { background: #e74c3c; color: white; } /* Puissant */
.stats-growthtype-2 { background: #3498db; color: white; } /* Vif */
.stats-growthtype-3 { background: #2ecc71; color: white; } /* Agile */
.stats-growthtype-4 { background: #f39c12; color: white; } /* Chanceux */
.stats-growthtype-5 { background: #9b59b6; color: white; } /* Élémentaire */

/* Info tooltip */
.stats-info-row {
    margin-top: 10px;
    padding: 8px;
    background: rgba(0,0,0,0.05);
    border-radius: 4px;
    font-size: 10px;
    color: #666;
    text-align: center;
}

/* Responsive */
@media (max-width: 500px) {
    .stats-panel { width: 100%; margin: 10px; }
    .stats-combat-grid .stats-data-label { width: 70px; min-width: 70px; font-size: 9px; }
}

/* ── Gallery item actions ───────────────────────────────────── */
.gallery-item { position: relative; display: inline-block; }
.gallery-item img { display: block; width: 70px; height: 70px; object-fit: cover; border-radius: 6px; cursor: pointer; transition: opacity .2s; }
.gallery-item:hover img { opacity: .85; }
.gallery-item-actions {
    position: absolute; bottom: 2px; left: 0; right: 0;
    display: flex; gap: 2px; justify-content: center;
    opacity: 0; transition: opacity .2s;
}
.gallery-item:hover .gallery-item-actions { opacity: 1; }
.gallery-item .insert-btn,
.gallery-item .gallery-delete {
    width: 24px; height: 24px;
    border-radius: 4px; border: none;
    display: flex; align-items: center; justify-content: center;
    font-size: .65rem; cursor: pointer; transition: all .15s;
}
.gallery-item .insert-btn { background: var(--wiki-accent); color: white; }
.gallery-item .insert-btn:hover { background: var(--wiki-accent-hover); }
.gallery-item .gallery-delete { background: var(--wiki-error, #ef4444); color: white; }
.gallery-item .gallery-delete:hover { background: #dc2626; }

/* ── Browser delete button ────────────────────────────────── */
.image-browser-item { position: relative; }
.browser-delete {
    position: absolute; top: 4px; right: 4px;
    width: 22px; height: 22px;
    border-radius: 4px; border: none;
    background: rgba(239,68,68,.85); color: white;
    display: flex; align-items: center; justify-content: center;
    font-size: .6rem; cursor: pointer;
    opacity: 0; transition: opacity .15s;
    z-index: 2;
}
.image-browser-item:hover .browser-delete { opacity: 1; }
.browser-delete:hover { background: #dc2626; }