* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* ─── DA dark : fond sombre, thème doré classique par défaut ─── */
        :root {
            --bg-dark: #0a0e14;
            --bg-base: #0d1117;
            --bg-card: #161b22;
            --bg-elevated: #21262d;
            --accent-primary: #d4a847;
            --accent-secondary: #e2c278;
            --accent-cyan: #d4a847;
            --accent-cyan-dim: rgba(212, 168, 71, 0.15);
            --text-primary: #f0f6fc;
            --text-secondary: #8b949e;
            --text-muted: #6e7681;
            --border: rgba(48, 54, 61, 0.8);
            --border-subtle: rgba(48, 54, 61, 0.5);
            --theme-rgb: 212, 168, 71;
            --accent-gold: #d4a847;
            --radius-card: 1rem;
            --radius-sm: 0.5rem;
            --theme-light: 226, 194, 120;
            --shadow-sm: 0 1px 2px rgba(0,0,0,0.2);
            --shadow-card: 0 4px 12px rgba(0,0,0,0.25);
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            background: var(--bg-dark);
            min-height: 100vh;
            color: var(--text-primary);
            padding: 1rem;
            line-height: 1.5;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        /* Labels de section : couleur = thème choisi (or, bleu, etc.) */
        .section-label {
            font-size: 0.6875rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: rgb(var(--theme-rgb, 212, 168, 71));
            margin-bottom: 0.75rem;
        }
        .section-label.accent {
            color: rgb(var(--theme-rgb, 212, 168, 71)) !important;
        }
        /* Titre de section style duffus.fr : lisible, pas trop petit */
        .section-title-duffus {
            font-size: 1.1rem;
            font-weight: 700;
            color: var(--text-primary);
            margin-bottom: 0.5rem;
            letter-spacing: 0.02em;
        }
        .section-title-duffus + p {
            font-size: 0.9rem;
            color: var(--text-secondary);
            margin-bottom: 1rem;
        }

        /* Header */
        @keyframes shimmer {
            0% { background-position: -200% center; }
            100% { background-position: 200% center; }
        }
        @keyframes pulse-glow {
            0%, 100% { opacity: 0.6; }
            50% { opacity: 1; }
        }
        @keyframes ornament-fade {
            0% { opacity: 0; transform: scaleX(0); }
            100% { opacity: 1; transform: scaleX(1); }
        }

        .header {
            text-align: center;
            margin-bottom: 2rem;
            padding: 2.5rem 1rem 2rem;
            background: var(--bg-card);
            border-radius: var(--radius-card);
            border: 1px solid var(--border);
            position: relative;
        }

        /* Ligne décorative top */
        .header-ornament {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.75rem;
            margin-bottom: 1.25rem;
            animation: ornament-fade 0.8s ease both;
        }
        .header-ornament-line {
            flex: 1;
            max-width: 120px;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(var(--theme-rgb), 0.7), transparent);
        }
        .header-ornament-diamond {
            width: 6px;
            height: 6px;
            background: rgb(var(--theme-rgb));
            transform: rotate(45deg);
            flex-shrink: 0;
            box-shadow: 0 0 8px rgba(var(--theme-rgb), 0.8);
        }
        .header-ornament-dot {
            width: 3px;
            height: 3px;
            background: rgba(var(--theme-rgb), 0.5);
            border-radius: 50%;
            flex-shrink: 0;
        }

        .koli-title {
            font-family: 'Rajdhani', sans-serif !important;
            font-size: clamp(2.5rem, 6vw, 4.5rem) !important;
            font-weight: 800 !important;
            letter-spacing: 0.08em !important;
            margin: 0 0 0.1rem !important;
            line-height: 1 !important;
        }
        .koli-title-koli {
            color: var(--text-primary) !important;
        }
        .koli-title-tracker {
            color: rgb(var(--theme-rgb, 212, 168, 71)) !important;
        }

        .koli-title-sub {
            font-size: clamp(0.7rem, 1.5vw, 0.85rem);
            font-weight: 500;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: var(--text-secondary);
            margin-bottom: 0.6rem;
            display: block;
        }

        .header p {
            color: var(--text-secondary);
            font-size: 0.85rem;
            margin-bottom: 1.5rem;
            letter-spacing: 0.03em;
        }

        .settings-btn {
            background: var(--accent-cyan-dim);
            border: 1px solid rgba(var(--theme-rgb), 0.3);
            width: 42px;
            height: 42px;
            border-radius: 50%;
            font-size: 1.3rem;
            cursor: pointer;
            transition: all 0.2s;
            color: var(--accent-primary);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 2;
        }

        .settings-btn:hover {
            background: rgba(var(--theme-rgb), 0.2);
            transform: rotate(90deg);
        }

        /* Module Personnages (multi-perso) */
        .personnages-panel {
            margin-bottom: 1.25rem;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-card);
            overflow: hidden;
        }
        .personnages-panel-inner {
            padding: 0.85rem 1rem;
        }
        .personnages-panel-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0.75rem;
        }
        .personnages-panel-title {
            font-size: 0.8rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: var(--text-secondary);
        }
        .personnages-panel-gear {
            background: transparent;
            border: 1px solid var(--border);
            border-radius: 0.4rem;
            padding: 0.35rem 0.5rem;
            cursor: pointer;
            font-size: 1rem;
            color: var(--text-secondary);
            transition: all 0.2s;
        }
        .personnages-panel-gear:hover {
            background: rgba(var(--theme-rgb), 0.15);
            color: rgb(var(--theme-rgb));
            border-color: rgba(var(--theme-rgb), 0.4);
        }
        .personnages-list {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
        }
        .personnage-card {
            flex: 1;
            min-width: 140px;
            max-width: 220px;
            padding: 0.6rem 0.75rem;
            background: var(--bg-base);
            border: 2px solid var(--border);
            border-radius: var(--radius-sm);
            cursor: pointer;
            transition: all 0.2s;
        }
        .personnage-card:hover {
            border-color: rgba(var(--theme-rgb), 0.35);
            background: rgba(var(--theme-rgb), 0.06);
        }
        .personnage-card.active {
            border-color: rgba(74, 222, 128, 0.6);
            background: rgba(74, 222, 128, 0.08);
            box-shadow: 0 0 0 1px rgba(74, 222, 128, 0.2);
        }
        .personnage-card-name {
            font-weight: 700;
            font-size: 0.9rem;
            color: var(--text-primary);
            display: flex;
            align-items: center;
            gap: 0.35rem;
        }
        .personnage-card-name .star {
            color: #4ade80;
            font-size: 0.75rem;
        }
        .personnage-card-info {
            font-size: 0.72rem;
            color: var(--text-secondary);
            margin-top: 0.25rem;
        }
        .personnage-card-stats {
            font-size: 0.7rem;
            color: rgb(var(--theme-rgb));
            margin-top: 0.2rem;
            font-weight: 600;
        }

        .header-tabs {
            display: flex;
            gap: 1rem;
            justify-content: center;
        }

        .header-tab {
            padding: 0.75rem 2rem;
            background: var(--accent-cyan-dim);
            border: 1px solid transparent;
            border-radius: var(--radius-card);
            cursor: pointer;
            font-weight: 600;
            font-size: 1rem;
            color: var(--accent-primary);
            transition: all 0.2s;
        }

        .header-tab:hover {
            background: rgba(var(--theme-rgb), 0.18);
            transform: translateY(-2px);
        }

        /* ── Toolbar buttons ── */
        .tb-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-weight: 600;
            font-size: 0.78rem;
            letter-spacing: 0.02em;
            padding: 0.35rem 0.75rem !important;
            border-radius: 0.4rem !important;
            transition: filter 0.15s, transform 0.1s !important;
            white-space: nowrap;
        }
        .tb-btn:hover { filter: brightness(1.25); transform: translateY(-1px); }
        .tb-btn:active { transform: translateY(0); filter: brightness(0.95); }
        .tb-btn-icon { height: 1.1em; width: auto; vertical-align: -0.2em; margin-right: 0.35rem; flex-shrink: 0; }

        .tb-gold   { background:rgba(212,168,71,0.18)!important; border-color:rgba(212,168,71,0.45)!important; color:#e8bf5a!important; }
        .tb-red    { background:rgba(239,68,68,0.14)!important;  border-color:rgba(239,68,68,0.38)!important;  color:#f87171!important; }
        .tb-teal   { background:rgba(20,184,166,0.14)!important; border-color:rgba(20,184,166,0.38)!important; color:#2dd4bf!important; }
        .tb-lime   { background:rgba(132,204,22,0.14)!important; border-color:rgba(132,204,22,0.38)!important; color:#a3e635!important; }
        .tb-purple { background:rgba(167,139,250,0.14)!important;border-color:rgba(167,139,250,0.38)!important;color:#c4b5fd!important; }
        .tb-sky    { background:rgba(56,189,248,0.14)!important; border-color:rgba(56,189,248,0.38)!important; color:#7dd3fc!important; }
        .tb-green  { background:rgba(74,222,128,0.14)!important; border-color:rgba(74,222,128,0.38)!important; color:#4ade80!important; }
        .tb-amber  { background:rgba(251,191,36,0.14)!important; border-color:rgba(251,191,36,0.38)!important; color:#fbbf24!important; }
        .tb-indigo { background:rgba(99,102,241,0.14)!important; border-color:rgba(99,102,241,0.38)!important; color:#818cf8!important; }
        .tb-cyan   { background:rgba(6,182,212,0.14)!important;  border-color:rgba(6,182,212,0.38)!important;  color:#22d3ee!important; }
        .tb-orange { background:rgba(249,115,22,0.14)!important; border-color:rgba(249,115,22,0.38)!important; color:#fb923c!important; }
        .tb-danger { background:rgba(239,68,68,0.08)!important;  border-color:rgba(239,68,68,0.25)!important;  color:#f87171!important; opacity:0.75; }
        .tb-danger:hover { opacity:1; }

        /* Dégradé des boutons toolbar selon le thème (premier = vif, dernier = sombre) */
        .tb-row-gradient .tb-btn:nth-of-type(1)  { background: rgba(var(--theme-rgb), 0.48) !important; border-color: rgba(var(--theme-rgb), 0.65) !important; color: #fff !important; }
        .tb-row-gradient .tb-btn:nth-of-type(2)  { background: rgba(var(--theme-rgb), 0.44) !important; border-color: rgba(var(--theme-rgb), 0.58) !important; color: #fff !important; }
        .tb-row-gradient .tb-btn:nth-of-type(3)  { background: rgba(var(--theme-rgb), 0.40) !important; border-color: rgba(var(--theme-rgb), 0.52) !important; color: #fff !important; }
        .tb-row-gradient .tb-btn:nth-of-type(4)  { background: rgba(var(--theme-rgb), 0.36) !important; border-color: rgba(var(--theme-rgb), 0.48) !important; color: #fff !important; }
        .tb-row-gradient .tb-btn:nth-of-type(5)  { background: rgba(var(--theme-rgb), 0.32) !important; border-color: rgba(var(--theme-rgb), 0.44) !important; color: #fff !important; }
        .tb-row-gradient .tb-btn:nth-of-type(6)  { background: rgba(var(--theme-rgb), 0.28) !important; border-color: rgba(var(--theme-rgb), 0.40) !important; color: #fff !important; }
        .tb-row-gradient .tb-btn:nth-of-type(7)  { background: rgba(var(--theme-rgb), 0.25) !important; border-color: rgba(var(--theme-rgb), 0.36) !important; color: #fff !important; }
        .tb-row-gradient .tb-btn:nth-of-type(8)  { background: rgba(var(--theme-rgb), 0.22) !important; border-color: rgba(var(--theme-rgb), 0.32) !important; color: #fff !important; }
        .tb-row-gradient .tb-btn:nth-of-type(9)  { background: rgba(var(--theme-rgb), 0.20) !important; border-color: rgba(var(--theme-rgb), 0.28) !important; color: #fff !important; }
        .tb-row-gradient .tb-btn:nth-of-type(10) { background: rgba(var(--theme-rgb), 0.16) !important; border-color: rgba(var(--theme-rgb), 0.24) !important; color: #fff !important; opacity: 1 !important; }

        /* Class Selector */
        .class-selector {
            background: var(--bg-card);
            border-radius: 1rem;
            padding: 1.5rem;
            margin-bottom: 1.5rem;
            border: 1px solid var(--border);
        }

        .class-selector-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--text-secondary);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: 1rem;
        }

        .class-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
            gap: 0.75rem;
        }

        .class-btn {
            padding: 1rem;
            background: rgba(59, 130, 246, 0.1);
            border: 2px solid transparent;
            border-radius: 0.75rem;
            cursor: pointer;
            transition: all 0.2s;
            font-weight: 600;
            font-size: 0.875rem;
            color: var(--text-primary);
        }

        .class-btn:hover {
            background: var(--accent-cyan-dim);
            transform: translateY(-2px);
        }

        .class-btn.active {
            background: var(--accent-primary);
            border-color: var(--accent-primary);
            color: #fff;
            box-shadow: var(--shadow-sm);
        }

        /* Main Grid */
        .main-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1.5rem;
        }

        @media (min-width: 1400px) {
            .main-grid {
                grid-template-columns: 350px 350px 1fr;
            }
        }

        /* Card */
        .card {
            background: var(--bg-card);
            border-radius: 1rem;
            padding: 1.5rem;
            border: 1px solid var(--border);
        }

        .card-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
        }

        .card-title {
            font-family: 'Rajdhani', sans-serif;
            font-size: 1.5rem;
            font-weight: 700;
        }

        /* Buttons */
        .btn-group {
            display: flex;
            gap: 0.5rem;
        }

        .btn {
            padding: 0.625rem 1rem;
            border-radius: 0.5rem;
            font-size: 0.875rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
            border: 1px solid;
        }

        .btn-primary {
            background: var(--accent-cyan-dim);
            border-color: rgba(var(--theme-rgb), 0.35);
            color: var(--accent-primary);
        }

        .btn-primary:hover {
            background: rgba(var(--theme-rgb), 0.2);
        }

        .btn-secondary {
            background: rgba(239, 68, 68, 0.2);
            border-color: rgba(239, 68, 68, 0.3);
            color: #f87171;
        }

        .btn-secondary:hover {
            background: rgba(239, 68, 68, 0.3);
        }

        /* Drop Zone — style dpm.lol */
        .drop-zone {
            background: var(--bg-base);
            border: 1px dashed var(--border);
            border-radius: 0.5rem;
            padding: 1.25rem;
            text-align: center;
            margin-bottom: 1rem;
            cursor: pointer;
            transition: all 0.2s;
        }

        .drop-zone:hover {
            background: var(--accent-cyan-dim);
            border-color: var(--accent-cyan);
        }

        .drop-zone.active {
            background: var(--accent-cyan-dim);
            border-color: var(--accent-cyan);
        }

        .drop-zone-icon {
            font-size: 2rem;
            margin-bottom: 0.5rem;
        }

        .drop-zone-text {
            color: var(--text-secondary);
            font-size: 0.875rem;
        }

        /* Bloc 2 options : Tracker (glisser) + Duel Rapide */
        .tracker-options-block {
            max-width: 100%;
        }
        .tracker-options-title {
            font-family: 'Rajdhani', sans-serif;
            font-size: 1.15rem;
            font-weight: 700;
            color: var(--text-primary);
            margin: 0 0 0.25rem 0;
            text-align: center;
        }
        .tracker-options-subtitle {
            font-size: 0.875rem;
            color: var(--text-secondary);
            margin: 0 0 1rem 0;
            text-align: center;
        }
        .tracker-options-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            align-items: stretch;
        }
        @media (max-width: 640px) {
            .tracker-options-grid {
                grid-template-columns: 1fr;
            }
        }
        .tracker-option {
            border-radius: 0.75rem;
            padding: 1.5rem;
            text-align: center;
            transition: all 0.2s;
            min-height: 140px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .tracker-option-drop {
            background: var(--bg-base);
            border: 2px dashed var(--border);
            cursor: pointer;
        }
        .tracker-option-drop:hover {
            background: var(--accent-cyan-dim);
            border-color: var(--accent-cyan);
        }
        .tracker-option-duel {
            background: linear-gradient(135deg, rgba(72, 187, 120, 0.12), rgba(72, 187, 120, 0.04));
            border: 2px solid rgba(72, 187, 120, 0.35);
            cursor: pointer;
        }
        .tracker-option-duel:hover {
            background: linear-gradient(135deg, rgba(72, 187, 120, 0.2), rgba(72, 187, 120, 0.08));
            border-color: rgba(72, 187, 120, 0.6);
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(72, 187, 120, 0.15);
        }
        .tracker-option-duel:focus {
            outline: 2px solid rgba(72, 187, 120, 0.6);
            outline-offset: 2px;
        }
        .tracker-option-label {
            font-weight: 700;
            font-size: 1rem;
            color: var(--text-primary);
            margin-bottom: 0.35rem;
        }
        .tracker-option-duel .tracker-option-label {
            color: #48bb78;
        }
        .tracker-option-desc {
            font-size: 0.8rem;
            color: var(--text-secondary);
            margin-bottom: 0.5rem;
        }
        .tracker-option-cta {
            font-size: 0.75rem;
            color: rgba(72, 187, 120, 0.9);
            font-weight: 600;
        }
        .tracker-option-duel-icon {
            width: 40px;
            height: 40px;
            margin-bottom: 0.5rem;
            object-fit: contain;
        }

        /* Stats Sections */
        .section {
            margin-bottom: 1.5rem;
        }

        .section-title {
            font-size: 0.75rem;
            font-weight: 700;
            color: var(--accent-primary);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid rgba(59, 130, 246, 0.2);
        }

        .stat-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 0.75rem;
        }

        .stat-input {
            background: rgba(15, 20, 25, 0.5);
            border-radius: 0.5rem;
            padding: 0.75rem;
            border: 1px solid var(--border);
        }

        .stat-label {
            display: block;
            font-size: 0.75rem;
            color: var(--text-secondary);
            margin-bottom: 0.5rem;
            font-weight: 500;
        }

        input[type="number"] {
            width: 100%;
            background: transparent;
            border: none;
            color: var(--text-primary);
            font-size: 1rem;
            font-weight: 600;
            outline: none;
        }

        /* Spell Bar */
        .spell-bar-container {
            background: var(--bg-card);
            border-radius: 1rem;
            padding: 1.5rem;
            border: 1px solid var(--border);
        }

        .element-tabs {
            display: flex;
            gap: 0.5rem;
            margin-bottom: 1.5rem;
            flex-wrap: wrap;
        }

        .element-tab {
            padding: 0.75rem 1.5rem;
            background: rgba(59, 130, 246, 0.1);
            border: 2px solid transparent;
            border-radius: 0.75rem;
            cursor: pointer;
            font-weight: 600;
            font-size: 0.875rem;
            transition: all 0.2s;
        }

        .element-tab:hover {
            transform: translateY(-2px);
        }

        .element-tab.active {
            background: linear-gradient(135deg, var(--color), var(--color));
            border-color: var(--color);
            color: white;
            box-shadow: 0 0 20px var(--color);
        }

        .element-tab.air { --color: #10b981; }
        .element-tab.feu { --color: #ef4444; }
        .element-tab.terre { --color: #d97706; }
        .element-tab.eau { --color: #06b6d4; }
        .element-tab.multi { --color: #8b5cf6; }

        /* Spell Bar */
        .spell-bar {
            display: none;
            gap: 0.5rem;
            padding: 1rem;
            background: rgba(15, 20, 25, 0.5);
            border-radius: 0.75rem;
            flex-wrap: wrap;
            min-height: 80px;
        }

        .spell-bar.active {
            display: flex;
        }

        .spell-icon {
            width: 52px;
            height: 52px;
            border-radius: 0.625rem;
            background: linear-gradient(135deg, var(--color1), var(--color2));
            border: 3px solid rgba(255, 255, 255, 0.15);
            cursor: pointer;
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.25rem;
            color: white;
            position: relative;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        }

        .spell-icon::before {
            content: '';
            position: absolute;
            inset: -2px;
            border-radius: 0.625rem;
            padding: 2px;
            background: linear-gradient(135deg, var(--color1), var(--color2));
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            opacity: 0;
            transition: opacity 0.25s;
        }

        .spell-icon:hover {
            transform: scale(1.15) translateY(-2px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 30px var(--color1);
            border-color: rgba(255, 255, 255, 0.4);
        }

        .spell-icon:hover::before {
            opacity: 1;
        }

        .spell-icon.active {
            border-color: white;
            box-shadow: 0 0 40px var(--color1), 0 8px 24px rgba(0, 0, 0, 0.5);
            transform: scale(1.1);
        }

        /* Results */
        .results {
            display: none;
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(6, 182, 212, 0.1));
            border-radius: 1rem;
            padding: 1.5rem;
            border: 1px solid rgba(16, 185, 129, 0.3);
            margin-top: 1.5rem;
        }

        .results.active {
            display: block;
        }

        .results-title {
            font-family: 'Rajdhani', sans-serif;
            font-size: 1.5rem;
            font-weight: 700;
            color: #10b981;
            margin-bottom: 1rem;
        }

        .damage-display {
            background: rgba(15, 20, 25, 0.5);
            border-radius: 0.75rem;
            padding: 1.5rem;
            margin-bottom: 1rem;
            border: 1px solid var(--border);
        }

        .damage-label {
            font-size: 0.875rem;
            color: var(--text-secondary);
            margin-bottom: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .damage-value {
            font-family: 'Rajdhani', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            background: linear-gradient(135deg, #10b981, #06b6d4);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .damage-critical .damage-value {
            background: linear-gradient(135deg, #f59e0b, #ef4444);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        /* ===== ELEMENT ICONS VIA CSS (chargées une seule fois) ===== */
        .elem-icon {
            display: inline-block;
            background-size: contain;
            image-rendering: -webkit-optimize-contrast;
            background-repeat: no-repeat;
            background-position: center;
            vertical-align: middle;
            flex-shrink: 0;
        }
        .elem-icon-air { background-image: url('data:image/png;base64,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'); }
        .elem-icon-eau { background-image: url('data:image/png;base64,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'); }
        .elem-icon-feu { background-image: url('data:image/png;base64,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'); }
        .elem-icon-terre { background-image: url('data:image/png;base64,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'); }
        .elem-icon-push { background-image: url('data:image/png;base64,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'); }
        .elem-icon-crit { background-image: url('data:image/png;base64,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'); }
        .elem-icon-attackAP { background-image: url('data:image/png;base64,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'); }
        .elem-icon-attackMP { background-image: url('data:image/png;base64,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'); }


        /* ===== CLASS ICONS ===== */
        .class-icon-img {
            display: inline-block;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            vertical-align: middle;
            flex-shrink: 0;
            object-fit: cover;
        }
        .class-icon-img.sm { width: 16px; height: 16px; }
        .class-icon-img.lg { width: 32px; height: 32px; }

/* Background animé gradient */
        body {
            background: radial-gradient(ellipse at top, rgba(var(--theme-rgb), 0.15), transparent 50%),
                        radial-gradient(ellipse at bottom, rgba(var(--theme-rgb), 0.1), transparent 50%),
                        #0a0c12 !important;
            background-attachment: fixed;
            position: relative;
            overflow-x: hidden;
        }

        body::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                radial-gradient(circle at 20% 30%, rgba(var(--theme-rgb), 0.08) 0%, transparent 50%),
                radial-gradient(circle at 80% 70%, rgba(var(--theme-rgb), 0.06) 0%, transparent 50%);
            animation: bgPulse 15s ease-in-out infinite;
            pointer-events: none;
            z-index: 0;
        }

        @keyframes bgPulse {
            0%, 100% { opacity: 0.5; }
            50% { opacity: 0.8; }
        }

        .container {
            position: relative;
            z-index: 1;
        }

        /* Header ultra-moderne */
        .site-header {
            background: rgba(10, 12, 18, 0.7) !important;
            backdrop-filter: blur(20px) saturate(180%) !important;
            border-bottom: 1px solid rgba(var(--theme-rgb), 0.2) !important;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 
                        0 0 40px rgba(var(--theme-rgb), 0.1) !important;
        }

        .header-title {
            font-size: 2.5rem !important;
            font-weight: 900 !important;
            background: linear-gradient(135deg, 
                rgb(var(--theme-rgb)) 0%, 
                rgba(var(--theme-rgb), 0.6) 100%) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            background-clip: text !important;
            filter: drop-shadow(0 0 20px rgba(var(--theme-rgb), 0.5)) !important;
            letter-spacing: 0.02em;
        }

        /* Cards avec glassmorphism */
        .stat-card,
        .winrate-by-class,
        .drop-zone,
        .history-list,
        .fight-modal-content,
        .stat-container {
            will-change: transform;
            background: rgba(15, 18, 25, 0.6) !important;
            backdrop-filter: blur(16px) saturate(180%) !important;
            border: 1px solid rgba(var(--theme-rgb), 0.15) !important;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),
                        inset 0 1px 0 rgba(255, 255, 255, 0.03),
                        0 0 0 1px rgba(var(--theme-rgb), 0.05) !important;
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        .stat-card:hover,
        .history-item:hover {
            transform: translateY(-4px) !important;
            border-color: rgba(var(--theme-rgb), 0.4) !important;
            box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4),
                        0 0 40px rgba(var(--theme-rgb), 0.2),
                        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
        }

        /* Boutons modernes avec néon */
        .btn-primary {
            background: linear-gradient(135deg, 
                rgba(var(--theme-rgb), 0.2), 
                rgba(var(--theme-rgb), 0.05)) !important;
            border: 1.5px solid rgba(var(--theme-rgb), 0.3) !important;
            color: rgb(var(--theme-rgb)) !important;
            font-weight: 700 !important;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-size: 0.8rem;
            padding: 0.75rem 1.25rem !important;
            position: relative;
            overflow: hidden;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        .btn-primary::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            border-radius: 50%;
            background: rgba(var(--theme-rgb), 0.2);
            transform: translate(-50%, -50%);
            transition: width 0.6s, height 0.6s;
        }

        .btn-primary:hover::before {
            width: 300px;
            height: 300px;
        }

        .btn-primary:hover {
            transform: translateY(-2px) scale(1.02) !important;
            border-color: rgba(var(--theme-rgb), 0.6) !important;
            box-shadow: 0 8px 24px rgba(var(--theme-rgb), 0.3),
                        0 0 40px rgba(var(--theme-rgb), 0.2) !important;
            color: rgb(var(--theme-light)) !important;
        }

        /* ── Toolbar colored buttons — override theme ── */
        .btn.tb-gold   { background:rgba(212,168,71,0.18)!important; border-color:rgba(212,168,71,0.5)!important; color:#e8bf5a!important; }
        .btn.tb-red    { background:rgba(239,68,68,0.16)!important;  border-color:rgba(239,68,68,0.45)!important; color:#f87171!important; }
        .btn.tb-teal   { background:rgba(20,184,166,0.16)!important; border-color:rgba(20,184,166,0.45)!important;color:#2dd4bf!important; }
        .btn.tb-lime   { background:rgba(132,204,22,0.16)!important; border-color:rgba(132,204,22,0.45)!important; color:#a3e635!important; }
        .btn.tb-purple { background:rgba(167,139,250,0.16)!important;border-color:rgba(167,139,250,0.5)!important; color:#c4b5fd!important; }
        .btn.tb-sky    { background:rgba(56,189,248,0.16)!important; border-color:rgba(56,189,248,0.45)!important; color:#7dd3fc!important; }
        .btn.tb-green  { background:rgba(74,222,128,0.16)!important; border-color:rgba(74,222,128,0.45)!important; color:#4ade80!important; }
        .btn.tb-amber  { background:rgba(251,191,36,0.16)!important; border-color:rgba(251,191,36,0.45)!important; color:#fbbf24!important; }
        .btn.tb-indigo { background:rgba(99,102,241,0.16)!important; border-color:rgba(99,102,241,0.45)!important; color:#818cf8!important; }
        .btn.tb-cyan   { background:rgba(6,182,212,0.16)!important;  border-color:rgba(6,182,212,0.45)!important;  color:#22d3ee!important; }
        .btn.tb-orange { background:rgba(249,115,22,0.16)!important; border-color:rgba(249,115,22,0.45)!important; color:#fb923c!important; }
        .btn.tb-danger { background:rgba(239,68,68,0.08)!important;  border-color:rgba(239,68,68,0.3)!important;   color:#f87171!important; opacity:0.7; }
        .btn.tb-gold:hover,.btn.tb-red:hover,.btn.tb-teal:hover,.btn.tb-lime:hover,
        .btn.tb-purple:hover,.btn.tb-sky:hover,.btn.tb-green:hover,.btn.tb-amber:hover,
        .btn.tb-indigo:hover,.btn.tb-cyan:hover,.btn.tb-orange:hover { filter:brightness(1.3); }
        .btn.tb-danger:hover { opacity:1; }

        /* Stats avec glow */
        .stat-value,
        .winrate-circle,
        .streak-value {
            color: rgb(var(--theme-rgb)) !important;
            text-shadow: 0 0 20px rgba(var(--theme-rgb), 0.5),
                         0 0 40px rgba(var(--theme-rgb), 0.3) !important;
            font-weight: 900 !important;
        }

        /* ── Victoires toujours vertes, défaites toujours rouges ── */
        .stat-card.victory .stat-value,
        #totalVictories,
        .streak-value.victory,
        #bestWinStreak {
            color: #22c55e !important;
            text-shadow: 0 0 18px rgba(34,197,94,0.5), 0 0 35px rgba(34,197,94,0.25) !important;
        }
        .stat-card.defeat .stat-value,
        #totalDefeats,
        .streak-value.defeat,
        #worstLoseStreak {
            color: #ef4444 !important;
            text-shadow: 0 0 18px rgba(239,68,68,0.5), 0 0 35px rgba(239,68,68,0.25) !important;
        }

        .history-item {
            background: rgba(15, 18, 25, 0.5) !important;
            backdrop-filter: blur(12px) !important;
            border: 1px solid rgba(var(--theme-rgb), 0.12) !important;
            border-left: 3px solid rgba(var(--theme-rgb), 0.4) !important;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        .history-item:hover {
            border-left-color: rgb(var(--theme-rgb)) !important;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),
                        -3px 0 20px rgba(var(--theme-rgb), 0.3) !important;
        }

        /* Modales premium */
        .fight-modal {
            backdrop-filter: blur(12px) !important;
            background: rgba(0, 0, 0, 0.8) !important;
        }

        .fight-modal-content {
            background: rgba(10, 12, 18, 0.95) !important;
            backdrop-filter: blur(24px) saturate(180%) !important;
            border: 1px solid rgba(var(--theme-rgb), 0.25) !important;
            box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5),
                        0 0 80px rgba(var(--theme-rgb), 0.15) !important;
        }

        .fight-modal-header {
            background: linear-gradient(135deg, 
                rgba(var(--theme-rgb), 0.15), 
                rgba(var(--theme-rgb), 0.05)) !important;
            border-bottom: 1px solid rgba(var(--theme-rgb), 0.2) !important;
        }

        .fight-modal-header h3 {
            background: linear-gradient(135deg, 
                rgb(var(--theme-rgb)), 
                rgba(var(--theme-rgb), 0.7)) !important;
            -webkit-background-clip: text !important;
            -webkit-text-fill-color: transparent !important;
            background-clip: text !important;
            filter: drop-shadow(0 0 15px rgba(var(--theme-rgb), 0.4));
        }

        /* Drop zone animée */
        .drop-zone {
            border: 2px dashed rgba(var(--theme-rgb), 0.3) !important;
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        .drop-zone:hover {
            border-color: rgba(var(--theme-rgb), 0.6) !important;
            box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3),
                        0 0 60px rgba(var(--theme-rgb), 0.25),
                        inset 0 0 60px rgba(var(--theme-rgb), 0.05) !important;
            transform: scale(1.01) !important;
        }

        /* Footer moderne */
        .site-footer {
            background: rgba(10, 12, 18, 0.8) !important;
            backdrop-filter: blur(20px) !important;
            border-top: 1px solid rgba(var(--theme-rgb), 0.15) !important;
        }

        .footer-code .code-box {
            background: linear-gradient(135deg, 
                rgba(var(--theme-rgb), 0.2), 
                rgba(var(--theme-rgb), 0.05)) !important;
            border: 1px solid rgba(var(--theme-rgb), 0.3) !important;
            box-shadow: 0 4px 16px rgba(var(--theme-rgb), 0.15) !important;
        }

        /* Amélioration des inputs */
        input[type="text"],
        input[type="number"],
        select,
        textarea {
            background: rgba(15, 18, 25, 0.6) !important;
            border: 1px solid rgba(var(--theme-rgb), 0.2) !important;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        input:focus,
        select:focus,
        textarea:focus {
            border-color: rgba(var(--theme-rgb), 0.5) !important;
            box-shadow: 0 0 0 3px rgba(var(--theme-rgb), 0.1),
                        0 0 20px rgba(var(--theme-rgb), 0.2) !important;
            outline: none !important;
        }

        /* Scrollbar custom */
        ::-webkit-scrollbar {
            width: 10px;
            height: 10px;
        }

        ::-webkit-scrollbar-track {
            background: rgba(15, 18, 25, 0.5);
            border-radius: 10px;
        }

        ::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, 
                rgba(var(--theme-rgb), 0.6), 
                rgba(var(--theme-rgb), 0.3));
            border-radius: 10px;
            border: 2px solid rgba(15, 18, 25, 0.5);
        }

        ::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(180deg, 
                rgba(var(--theme-rgb), 0.8), 
                rgba(var(--theme-rgb), 0.5));
        }

        /* Variables de thème par défaut */
        :root {
            --theme-rgb: 212, 168, 71;
            --theme-light: 226, 194, 120;
        }

/* ===== MOBILE ===== */
        @media (max-width: 768px) {

            body { padding: 0.5rem; }

            .container { padding: 0; }

            /* Banner */
            .creator-banner { padding: 0.85rem 1rem; }
            .creator-banner-content {
                flex-direction: column;
                gap: 0.75rem;
                align-items: flex-start;
            }
            .creator-banner-content > div:nth-child(2) { display: none; } /* séparateur */
            .banner-messages {
                width: 100%;
                height: 2.2em;
            }
            .banner-msg {
                white-space: normal;
                font-size: 0.8rem;
                line-height: 1.4;
            }
            .banner-socials {
                width: 100%;
                justify-content: flex-start;
                gap: 0.4rem;
                flex-wrap: wrap;
            }
            .banner-social-btn {
                padding: 0.4rem 0.7rem;
                font-size: 0.72rem;
            }

            /* Header */
            .header { padding: 1.25rem 1rem; margin-bottom: 1rem; }
            .header-tabs {
                gap: 0.5rem;
                flex-wrap: wrap;
                justify-content: center;
            }
            .header-tab {
                padding: 0.6rem 1.2rem;
                font-size: 0.875rem;
            }

            /* History header boutons */
            .history-header > div { flex-direction: column; align-items: flex-start; }
            .history-header h2 { font-size: 1.4rem !important; }
            .export-import-buttons {
                display: flex !important;
                flex-wrap: wrap;
                gap: 0.4rem;
                width: 100%;
                justify-content: center;
            }
            .export-import-buttons .btn {
                font-size: 0.72rem !important;
                padding: 0.5rem 0.4rem !important;
                text-align: center;
                justify-content: center;
            }

            /* Stats overview */
            .stats-overview {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 0.5rem;
            }
            .stat-card { padding: 0.75rem !important; }
            .stat-value { font-size: 1.4rem !important; }

            /* Filtres */
            .history-filters {
                flex-direction: column !important;
                align-items: stretch !important;
                gap: 0.5rem;
            }
            .history-filters .filter-btn, 
            .history-filters .filter-select, 
            .history-filters .filter-search {
                width: 100%;
            }

            /* Drop zone */
            .drop-zone { padding: 1.25rem !important; }
            .drop-zone-icon { font-size: 2rem !important; }
            .drop-zone-text { font-size: 0.82rem !important; }

            /* Cards */
            .card { padding: 1rem; }
            .card-title { font-size: 1.2rem !important; }
            .card-header { flex-wrap: wrap; gap: 0.5rem; }
            .btn-group { flex-wrap: wrap; gap: 0.4rem; }

            /* Class grid */
            .class-grid {
                grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)) !important;
                gap: 0.5rem;
            }
            .class-btn { padding: 0.6rem 0.4rem !important; font-size: 0.75rem !important; }

            /* Dashboard */
            .dashboard-row-all { flex-wrap: wrap; }
            .dash-card { max-width: none; min-width: 0; }
            .chart-container { min-height: 200px; }

            /* Fight cards */
            .fight-card {
                padding: 0.75rem !important;
            }
            .fight-card:hover {
                transform: none !important;
            }

            /* Stat grid */
            .stat-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 0.5rem;
            }

            /* Modals */
            .fight-modal-content {
                margin: 0.5rem !important;
                max-height: 92vh !important;
                overflow-y: auto !important;
                width: calc(100vw - 1rem) !important;
                max-width: none !important;
                border-radius: 0.75rem !important;
            }

            /* Zone tracker (drop zone) */
            #fightDropZone { max-width: 100% !important; margin: 1rem 0 !important; }

            /* Class stats */
            .class-stats-grid {
                grid-template-columns: 1fr !important;
            }

            /* Footer */
            footer, .footer {
                flex-direction: column !important;
                text-align: center;
                gap: 0.75rem;
            }
        }

        /* Large desktop : une seule ligne centrée ; en dessous on autorise le retour à la ligne */
        @media (max-width: 1280px) {
            .export-import-buttons { flex-wrap: wrap; }
        }

        /* ===== TABLET ===== */
        @media (min-width: 769px) and (max-width: 1100px) {
            .export-import-buttons {
                display: flex;
                flex-wrap: wrap;
                gap: 0.4rem;
                justify-content: center;
            }
            .export-import-buttons .btn {
                font-size: 0.78rem !important;
                padding: 0.5rem 0.6rem !important;
            }
            .main-grid {
                grid-template-columns: 1fr 1fr !important;
            }
            .stats-overview {
                grid-template-columns: repeat(4, 1fr) !important;
            }
        }

/* History Styles — style dpm.lol */
        .history-header {
            margin-bottom: 1.5rem;
        }

        .stats-overview {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
            gap: 0.75rem;
            margin-bottom: 1.5rem;
        }

        .stat-card {
            background: var(--bg-base);
            border: 1px solid var(--border-subtle);
            border-radius: var(--radius-sm);
            padding: 1.25rem;
            text-align: center;
        }

        .stat-card.victory {
            border-color: rgba(16, 185, 129, 0.25);
            background: rgba(16, 185, 129, 0.06);
        }

        .stat-card.defeat {
            border-color: rgba(239, 68, 68, 0.25);
            background: rgba(239, 68, 68, 0.06);
        }

        .stat-card.winrate {
            border-color: rgba(6, 182, 212, 0.25);
            background: var(--accent-cyan-dim);
        }

        .stat-value {
            font-family: 'Rajdhani', sans-serif;
            font-size: 2rem;
            font-weight: 800;
            margin-bottom: 0.25rem;
        }

        .stat-card.victory .stat-value {
            color: #10b981;
        }

        .stat-card.defeat .stat-value {
            color: #ef4444;
        }

        .stat-card.winrate .stat-value {
            color: var(--accent-cyan);
        }

        .stat-label {
            font-size: 0.6875rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--text-secondary);
        }

        .history-actions {
            margin-bottom: 2rem;
        }

        .history-filters {
            display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 2rem;
        }

        .filter-btn {
            padding: 0.75rem 1.5rem;
            background: rgba(59, 130, 246, 0.1);
            border: 2px solid transparent;
            border-radius: 0.75rem;
            cursor: pointer;
            font-weight: 600;
            color: var(--text-primary);
            transition: all 0.2s;
        }

        .filter-btn:hover {
            background: var(--accent-cyan-dim);
        }

        .filter-btn.active {
            background: var(--accent-primary);
            border-color: var(--accent-primary);
            color: #fff;
        }

        .filter-btn.victory.active {
            background: linear-gradient(135deg, #10b981, #059669);
            border-color: #10b981;
        }

        .filter-btn.defeat.active {
            background: linear-gradient(135deg, #ef4444, #dc2626);
            border-color: #ef4444;
        }

        .filter-select {
            padding: 0.75rem 1.5rem;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 0.75rem;
            color: var(--text-primary);
            font-weight: 600;
            cursor: pointer;
        }

        .filter-search {
            padding: 0.75rem 1.5rem;
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 0.75rem;
            color: var(--text-primary);
            font-weight: 500;
            min-width: 250px;
        }

        .filter-search:focus {
            outline: none;
            border-color: var(--accent-primary);
        }

        .filter-search::placeholder {
            color: var(--text-secondary);
        }

        .history-section .history-list {
            margin-bottom: 0;
            background: transparent !important;
            backdrop-filter: none !important;
            border: none !important;
            box-shadow: none !important;
        }
        .history-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 1rem;
            margin-bottom: 3rem;
        }

        .no-fights {
            grid-column: 1 / -1;
            text-align: center;
            padding: 4rem 2rem;
            color: var(--text-secondary);
        }

        .fight-card {
            contain: layout style;
            content-visibility: auto;
            contain-intrinsic-size: 0 120px;
            background: var(--bg-elevated);
            border: 1px solid var(--border-subtle);
            border-radius: 0.75rem;
            padding: 1rem;
            transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
            cursor: pointer;
        }

        .fight-card:hover {
            background: var(--bg-elevated);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        }

        .fight-card.victory {
            border-left: 4px solid #10b981;
        }

        .fight-card.victory:hover {
            border-color: rgba(16, 185, 129, 0.35);
        }

        .fight-card.defeat {
            border-left: 4px solid #ef4444;
        }

        .fight-card.defeat:hover {
            border-color: rgba(239, 68, 68, 0.35);
        }

        .fight-screenshot {
            width: 100%;
            height: 150px;
            object-fit: cover;
            border-radius: 0.5rem;
            margin-bottom: 1rem;
        }

        .fight-info {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.5rem;
        }

        .fight-result {
            font-weight: 700;
            font-size: 1.125rem;
        }

        .fight-result.victory {
            color: #10b981;
        }

        .fight-result.defeat {
            color: #ef4444;
        }

        .fight-class {
            font-size: 0.875rem;
            color: var(--text-secondary);
        }

        .fight-player {
            font-weight: 600;
            color: var(--text-primary);
            margin-bottom: 0.25rem;
        }

        .fight-date {
            font-size: 0.75rem;
            color: var(--text-secondary);
        }

        .fight-stats {
            display: flex;
            gap: 0.75rem;
            font-size: 0.75rem;
            color: var(--text-secondary);
            margin-top: 0.5rem;
        }

        .fight-stats span {
            display: flex;
            align-items: center;
            gap: 0.25rem;
        }

        .class-stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 1rem;
        }

        .class-stat-card {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 1rem;
            padding: 1.25rem;
        }

        .class-stat-header {
            font-weight: 700;
            margin-bottom: 1rem;
            font-size: 1.125rem;
        }

        .class-stat-winrate {
            font-family: 'Rajdhani', sans-serif;
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
        }

        .class-stat-fights {
            font-size: 0.875rem;
            color: var(--text-secondary);
        }

        .winrate-by-class {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 1rem;
            padding: 2rem;
        }

        /* Dashboard */
        .dashboard-section {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 0.75rem;
            padding: 1.5rem;
            margin-bottom: 1.5rem;
        }

        .dashboard-title {
            font-size: 0.6875rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: rgb(var(--theme-rgb, 212, 168, 71));
            margin-bottom: 0.35rem;
        }
        .dashboard-intro {
            font-size: 0.8rem;
            color: var(--text-secondary);
            margin: 0 0 1.25rem 0;
            line-height: 1.4;
        }

        /* Dashboard une seule ligne — style dpm.lol */
        .dashboard-row-all {
            display: flex;
            flex-wrap: nowrap;
            align-items: stretch;
            gap: 0.75rem;
            overflow-x: auto;
            padding-bottom: 0.5rem;
            margin-bottom: 1.5rem;
            -webkit-overflow-scrolling: touch;
        }
        @media (max-width: 1100px) {
            .dashboard-row-all { flex-wrap: wrap; overflow-x: visible; }
            .dash-card { max-width: none; }
            .dash-card-stack { max-width: none; }
            .streaks-container.streaks-in-row { max-width: none; }
        }
        .dash-card {
            flex: 1 1 0;
            min-width: 160px;
            max-width: 240px;
            background: var(--bg-elevated);
            border: 1px solid var(--border);
            border-radius: var(--radius-card);
            padding: 1rem;
            display: flex;
            flex-direction: column;
        }
        .dash-card-title {
            font-size: 0.6875rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: var(--text-secondary);
            margin: 0 0 0.25rem 0;
        }
        .dash-card-subtitle {
            font-size: 0.7rem;
            color: var(--text-muted);
            margin: 0 0 0.6rem 0;
            line-height: 1.3;
        }
        .dash-card-chart {
            flex: 1;
            min-height: 160px;
            position: relative;
        }
        /* Classes affrontées : le graphique remplit tout le module, hauteur confortable */
        .dash-card:has(#pieChart) {
            min-height: 340px;
            display: flex;
            flex-direction: column;
        }
        .dash-card:has(#pieChart) .dash-card-chart {
            min-height: 280px;
            flex: 1;
            display: flex;
            align-items: stretch;
        }
        .dash-card:has(#pieChart) .dash-card-chart canvas {
            width: 100% !important;
            height: 100% !important;
        }
        .dash-card-chart canvas {
            position: relative;
            z-index: 1;
        }
        .dash-chart-empty {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.78rem;
            color: var(--text-muted);
            text-align: center;
            padding: 1rem;
            pointer-events: none;
        }
        .dash-chart-empty.hidden {
            display: none;
        }
        .dash-card-stack {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
            flex: 1 1 0;
            min-width: 160px;
            max-width: 240px;
            min-height: 320px;
        }
        .dash-card-stack .dash-card {
            flex: 1 1 0;
            min-height: 140px;
            max-width: none;
            display: flex;
            flex-direction: column;
        }
        .dash-card-stack .dash-card-chart {
            flex: 1;
            min-height: 120px;
            display: flex;
            align-items: stretch;
        }
        .dash-card-stack .dash-card-chart canvas {
            width: 100% !important;
            height: 100% !important;
        }
        .dash-card.stream-block {
            justify-content: center;
            align-items: center;
        }
        .stream-link {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.6rem 1rem;
            background: rgba(145, 70, 255, 0.1);
            border: 1px solid var(--border);
            border-radius: 6px;
            color: var(--text-primary);
            font-weight: 600;
            font-size: 0.8rem;
            letter-spacing: 0.03em;
            text-decoration: none;
            transition: all 0.15s;
        }
        .stream-link:hover {
            background: rgba(145, 70, 255, 0.15);
            border-color: rgba(145, 70, 255, 0.4);
        }
        .stream-icon { font-size: 1.25rem; }
        .dash-card.cote-module-kolizeum {
            min-width: 220px;
            max-width: 320px;
        }

        .chart-container {
            background: var(--bg-base);
            border: 1px solid var(--border-subtle);
            border-radius: 0.5rem;
            padding: 1.25rem;
        }

        .charts-stacked-container {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .charts-stacked-container .chart-container {
            min-height: 200px;
        }

        /* Module Kolizeum */
        .cote-module-kolizeum {
            min-height: 260px;
        }
        .cote-module-header {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-family: 'Rajdhani', sans-serif;
            font-size: 1.1rem;
            font-weight: 700;
            color: var(--text-primary);
            margin-bottom: 0.25rem;
        }
        .cote-module-icon { font-size: 1.25rem; }
        .cote-module-note {
            font-size: 0.7rem;
            color: var(--text-secondary);
            margin-bottom: 1rem;
        }
        .cote-placeholder {
            font-size: 0.85rem;
            color: var(--text-secondary);
            text-align: center;
            padding: 2rem 1rem;
            line-height: 1.5;
        }
        .cote-current-block {
            margin-bottom: 0.75rem;
        }
        .cote-current-rank {
            font-family: 'Rajdhani', sans-serif;
            font-size: 1.75rem;
            font-weight: 800;
            color: var(--text-primary);
        }
        .cote-current-cote-value {
            font-size: 0.8rem;
            color: var(--text-secondary);
            margin-top: 0.15rem;
        }
        .cote-current-wl {
            font-size: 0.8rem;
            color: var(--text-secondary);
        }
        .cote-change-row {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem 1.25rem;
            margin-bottom: 1rem;
        }
        .cote-period-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .cote-period-label {
            font-size: 0.8rem;
            color: var(--text-secondary);
            font-weight: 500;
        }
        .cote-period-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            background: var(--bg-elevated);
            border: 1px solid var(--border-subtle);
            border-radius: 0.375rem;
            padding: 0.35rem 0.6rem;
            font-size: 0.85rem;
            font-weight: 700;
            color: var(--text-primary);
        }
        .cote-period-badge.neutral .cote-num { color: var(--text-muted); }
        .cote-period-badge .cote-arrow {
            font-size: 0.75em;
            line-height: 1;
        }
        .cote-period-badge.positive .cote-arrow { color: #22c55e; }
        .cote-period-badge.positive .cote-num { color: #22c55e; }
        .cote-period-badge.negative .cote-arrow { color: #ef4444; }
        .cote-period-badge.negative .cote-num { color: #ef4444; }
        .cote-period-badge.neutral .cote-arrow,
        .cote-period-badge.neutral .cote-num { color: var(--text-secondary); }
        .cote-period-badge .cote-unit {
            font-weight: 500;
            color: var(--text-primary);
        }
        .cote-chart-wrap {
            min-height: 160px;
            margin-bottom: 0.75rem;
        }
        .cote-chart-tooltip {
            position: absolute;
            pointer-events: none;
            background: rgba(17, 24, 39, 0.95);
            border: 1px solid var(--border);
            border-radius: 0.5rem;
            padding: 0.5rem 0.75rem;
            font-size: 0.8rem;
            color: var(--text-primary);
            opacity: 0;
            transition: opacity 0.15s;
            z-index: 10;
        }
        .cote-peak-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.75rem;
        }
        .cote-peak-label {
            color: var(--text-secondary);
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }
        .cote-peak-value {
            font-weight: 700;
            color: var(--text-primary);
        }

        .chart-title {
            font-size: 0.6875rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: rgb(var(--theme-rgb, 212, 168, 71));
            margin-bottom: 0.75rem;
        }

        /* Nemesis / Proie / Rival — aligné DA dashboard */
        .top3-enemies-section {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-card);
            padding: 1.25rem;
            margin-bottom: 1.5rem;
        }
        .top3-enemies-header {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 1rem;
        }
        .top3-enemies-header-title {
            font-size: 0.6875rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: rgb(var(--theme-rgb, 212, 168, 71));
        }
        .top3-enemies-header-line {
            flex: 1;
            height: 1px;
            background: linear-gradient(90deg, rgba(var(--theme-rgb), 0.35), transparent);
        }
        .top3-enemies-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0.75rem;
        }
        @media (max-width: 640px) {
            .top3-enemies-grid { grid-template-columns: 1fr; }
        }
        .top3-enemies-card {
            background: var(--bg-elevated);
            border: 1px solid var(--border);
            border-radius: 0.75rem;
            padding: 1rem;
            transition: background 0.2s, border-color 0.2s;
        }
        .top3-enemies-card--nemesis { border-left: 4px solid #ef4444; }
        .top3-enemies-card--nemesis:hover { background: rgba(239, 68, 68, 0.06); border-color: rgba(239, 68, 68, 0.35); }
        .top3-enemies-card--proie { border-left: 4px solid #10b981; }
        .top3-enemies-card--proie:hover { background: rgba(16, 185, 129, 0.06); border-color: rgba(16, 185, 129, 0.35); }
        .top3-enemies-card--rival { border-left: 4px solid #f59e0b; }
        .top3-enemies-card--rival:hover { background: rgba(245, 158, 11, 0.06); border-color: rgba(245, 158, 11, 0.35); }
        .top3-enemies-card-empty {
            text-align: center;
            color: var(--text-muted);
            font-size: 0.85rem;
            border-style: dashed;
        }
        .top3-enemies-card-sub {
            font-size: 0.75rem;
            color: var(--text-secondary);
            margin-bottom: 0.25rem;
        }
        .top3-enemies-card-name {
            font-weight: 700;
            color: var(--text-primary);
            font-size: 1rem;
            margin-bottom: 0.25rem;
        }
        .top3-enemies-card-stats {
            font-size: 0.8rem;
            font-weight: 700;
        }
        .top3-enemies-card-detail {
            font-size: 0.75rem;
            color: var(--text-secondary);
            margin-top: 0.25rem;
        }

        /* Top classes affrontées — même DA */
        .top-classes-section {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-card);
            padding: 1.25rem;
            margin-bottom: 1.5rem;
        }
        .top-classes-header {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 1rem;
            flex-wrap: wrap;
        }
        .top-classes-header-title {
            font-size: 0.6875rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: rgb(var(--theme-rgb, 212, 168, 71));
        }
        .top-classes-header-line {
            flex: 1;
            min-width: 1rem;
            height: 1px;
            background: linear-gradient(90deg, rgba(var(--theme-rgb), 0.35), transparent);
        }
        .top-classes-select {
            background: var(--bg-base);
            border: 1px solid var(--border-subtle);
            color: var(--accent-cyan);
            padding: 0.35rem 0.7rem;
            border-radius: var(--radius-sm);
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.04em;
            cursor: pointer;
        }
        .top-classes-list {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }
        .top-classes-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0.6rem 0.75rem;
            background: var(--bg-elevated);
            border: 1px solid var(--border-subtle);
            border-radius: 0.5rem;
            gap: 0.75rem;
        }
        .top-classes-row-name {
            display: inline-flex;
            align-items: center;
            font-weight: 600;
            color: var(--text-primary);
            flex-shrink: 0;
        }
        .top-classes-row-stats {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            font-size: 0.8rem;
            flex-wrap: wrap;
        }
        .top-classes-row-combats {
            color: var(--text-secondary);
        }
        .top-classes-row-wr {
            font-weight: 700;
            min-width: 2.25rem;
            text-align: right;
        }
        .top-classes-row-wr--good { color: #10b981; }
        .top-classes-row-wr--mid { color: #f59e0b; }
        .top-classes-row-wr--bad { color: #ef4444; }
        .top-classes-row-lp {
            font-weight: 700;
        }
        .top-classes-row-lp--gain { color: #10b981; }
        .top-classes-row-lp--loss { color: #ef4444; }

        /* Liste des combats — même DA */
        .history-section {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-card);
            padding: 1.25rem;
            margin-bottom: 1.5rem;
        }
        .history-section-header {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 1rem;
            flex-wrap: wrap;
        }
        .history-section-title {
            font-size: 0.6875rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: rgb(var(--theme-rgb, 212, 168, 71));
        }
        .history-section-line {
            flex: 1;
            min-width: 1rem;
            height: 1px;
            background: linear-gradient(90deg, rgba(var(--theme-rgb), 0.35), transparent);
        }
        .history-section-actions {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .history-section-label {
            font-size: 0.65rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: rgb(var(--theme-rgb, 212, 168, 71));
        }
        .history-section-select {
            background: var(--bg-base);
            border: 1px solid var(--border-subtle);
            color: var(--text-primary);
            padding: 0.35rem 0.75rem;
            border-radius: var(--radius-sm);
            font-size: 0.8rem;
            cursor: pointer;
        }

        .streaks-container {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: var(--radius-card);
            padding: 1.25rem;
            margin-top: 0;
        }
        .streaks-container.streaks-in-row {
            flex: 1 1 0;
            min-width: 160px;
            max-width: 240px;
            display: flex;
            flex-direction: column;
            padding: 1rem;
        }
        .streaks-in-row .dash-card-title {
            margin-bottom: 0.75rem;
        }
        .streaks-in-row .streaks-grid {
            grid-template-columns: 1fr;
            gap: 0.5rem;
            flex: 1;
        }
        .streaks-in-row .streak-card {
            padding: 0.6rem;
        }
        .streaks-in-row .streak-card-value {
            font-size: 1.15rem;
        }
        .streaks-in-row .streak-card-label,
        .streaks-in-row .streak-card-date,
        .streaks-in-row .streak-card-sub {
            font-size: 0.65rem;
        }

        .streaks-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
            gap: 0.75rem;
        }
        .streak-card {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid var(--border);
            border-radius: 0.75rem;
            padding: 1rem;
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
        }
        .streak-card-victory { border-left: 3px solid #10b981; }
        .streak-card-defeat { border-left: 3px solid #ef4444; }
        .streak-card-current { border-left: 3px solid var(--accent-primary); }
        .streak-card-stats { border-left: 3px solid #8b5cf6; }
        .streak-card-icon { font-size: 1.25rem; flex-shrink: 0; }
        .streak-card-content { min-width: 0; }
        .streak-card-label {
            font-size: 0.7rem;
            color: var(--text-secondary);
            text-transform: uppercase;
            letter-spacing: 0.04em;
            margin-bottom: 0.25rem;
        }
        .streak-card-value {
            font-family: 'Rajdhani', sans-serif;
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
        }
        .streak-card-value.victory { color: #10b981; }
        .streak-card-value.defeat { color: #ef4444; }
        .streak-card-date, .streak-card-sub {
            font-size: 0.7rem;
            color: var(--text-secondary);
            margin-top: 0.25rem;
        }

        .streak-item {
            margin-bottom: 1.5rem;
        }

        .streak-item:last-child {
            margin-bottom: 0;
        }

        .streak-label {
            font-size: 0.75rem;
            color: var(--text-secondary);
            margin-bottom: 0.5rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .streak-value {
            font-family: 'Rajdhani', sans-serif;
            font-size: 2rem;
            font-weight: 700;
            color: var(--text-primary);
        }

        .streak-value.victory {
            color: #10b981;
        }

        .streak-value.defeat {
            color: #ef4444;
        }

        /* Creator Banner */
        /* ===== CREATOR BANNER ===== */
        .creator-banner {
            position: relative;
            background: linear-gradient(135deg, rgba(79,70,229,0.15), rgba(99,102,241,0.1));
            border: 1px solid rgba(79,70,229,0.35);
            border-radius: 1rem;
            padding: 1.1rem 1.5rem;
            margin-bottom: 1.5rem;
            overflow: hidden;
        }

        .creator-banner::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, transparent, rgba(145,70,255,0.06), transparent);
            animation: bannerShine 4s ease-in-out infinite;
        }

        @keyframes bannerShine {
            0%   { transform: translateX(-100%); }
            50%  { transform: translateX(100%); }
            100% { transform: translateX(100%); }
        }

        .creator-banner-content {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            flex-wrap: wrap;
        }

        .banner-left {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            flex: 1;
            min-width: 0;
        }

        .banner-messages {
            overflow: hidden;
            height: 1.6em;
            position: relative;
        }

        .banner-msg {
            position: absolute;
            width: 100%;
            font-size: 0.88rem;
            color: var(--text-primary);
            opacity: 0;
            transform: translateY(10px);
            transition: all 0.5s ease;
            white-space: nowrap;
            overflow: visible;
        }

        .banner-msg.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .banner-msg .highlight {
            color: #a78bfa;
            font-weight: 700;
        }

        .banner-msg .code-pill {
            display: inline-block;
            background: var(--accent-primary);
            color: white;
            font-family: 'Rajdhani', sans-serif;
            font-weight: 900;
            font-size: 0.95rem;
            padding: 0.05rem 0.5rem;
            border-radius: 0.4rem;
            letter-spacing: 0.05em;
            cursor: pointer;
            transition: transform 0.15s;
        }

        .banner-msg .code-pill:hover {
            transform: scale(1.08);
        }

        .banner-socials {
            display: flex;
            gap: 0.5rem;
            align-items: center;
            flex-shrink: 0;
        }

        .banner-social-btn {
            display: flex;
            align-items: center;
            gap: 0.4rem;
            padding: 0.45rem 0.9rem;
            border-radius: 0.6rem;
            text-decoration: none;
            font-weight: 700;
            font-size: 0.78rem;
            transition: all 0.2s;
            border: 1.5px solid;
            letter-spacing: 0.02em;
        }

        .banner-social-btn:hover {
            transform: translateY(-2px);
        }

        .banner-social-btn.twitch {
            background: rgba(145,70,255,0.15);
            border-color: rgba(145,70,255,0.4);
            color: #9146ff;
        }
        .banner-social-btn.twitch:hover { background: rgba(145,70,255,0.25); }

        .banner-social-btn.discord {
            background: rgba(88,101,242,0.15);
            border-color: rgba(88,101,242,0.4);
            color: #7289da;
        }
        .banner-social-btn.discord:hover { background: rgba(88,101,242,0.25); }

        .banner-social-btn.youtube {
            background: rgba(255,0,0,0.1);
            border-color: rgba(255,0,0,0.3);
            color: #ff4444;
        }
        .banner-social-btn.youtube:hover { background: rgba(255,0,0,0.2); }

        .creator-code {
            background: linear-gradient(135deg, #8b5cf6, #6366f1);
            padding: 0.25rem 0.75rem;
            border-radius: 0.5rem;
            font-family: 'Rajdhani', sans-serif;
            font-size: 1.125rem;
            letter-spacing: 0.05em;
        }

        .creator-live-badge {
            background: rgba(239, 68, 68, 0.2);
            border: 2px solid #ef4444;
            padding: 0.5rem 1rem;
            border-radius: 0.5rem;
            color: #ef4444;
            font-weight: 700;
            text-decoration: none;
            transition: all 0.2s;
        }

        .creator-live-badge:hover {
            background: rgba(239, 68, 68, 0.3);
            transform: scale(1.05);
        }

        /* Footer */
        .site-footer {
            background: var(--bg-card);
            border-top: 1px solid var(--border);
            border-radius: 1rem;
            margin-top: 3rem;
            padding: 3rem 2rem;
        }

        .footer-content {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            gap: 2rem;
        }

        .footer-creator {
            text-align: center;
        }

        .footer-title {
            font-family: 'Rajdhani', sans-serif;
            font-size: 1.75rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
            background: linear-gradient(135deg, #8b5cf6, #6366f1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .footer-subtitle {
            color: var(--text-secondary);
            font-size: 0.875rem;
        }

        .footer-code {
            text-align: center;
        }

        .code-box {
            background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(99, 102, 241, 0.2));
            border: 2px solid rgba(139, 92, 246, 0.4);
            padding: 1rem 2rem;
            border-radius: 0.75rem;
            font-size: 1.25rem;
            margin-bottom: 0.75rem;
            display: inline-block;
        }

        .code-help {
            color: var(--text-secondary);
            font-size: 0.875rem;
        }

        .footer-socials {
            text-align: center;
        }

        .socials-title {
            font-weight: 600;
            margin-bottom: 1rem;
            color: var(--text-primary);
        }

        .social-links {
            display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
        }

        .social-link {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.75rem 1.5rem;
            border-radius: 0.75rem;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.2s;
            border: 2px solid;
        }

        .social-link.twitch {
            background: rgba(145, 70, 255, 0.1);
            border-color: rgba(145, 70, 255, 0.3);
            color: #9146ff;
        }

        .social-link.twitch:hover {
            background: rgba(145, 70, 255, 0.2);
            transform: translateY(-2px);
        }

        .social-link.twitter {
            background: rgba(240, 240, 240, 0.07);
            border-color: rgba(240, 240, 240, 0.2);
            color: #e7e9ea;
        }

        .social-link.twitter:hover {
            background: rgba(240, 240, 240, 0.12);
            transform: translateY(-2px);
        }

        .social-link.tiktok {
            background: rgba(255, 0, 80, 0.1);
            border-color: rgba(255, 0, 80, 0.3);
            color: #ff0050;
        }

        .social-link.tiktok:hover {
            background: rgba(255, 0, 80, 0.2);
            transform: translateY(-2px);
        }

        .social-link.discord {
            background: rgba(88, 101, 242, 0.1);
            border-color: rgba(88, 101, 242, 0.3);
            color: #5865f2;
        }

        .social-link.discord:hover {
            background: rgba(88, 101, 242, 0.2);
            transform: translateY(-2px);
        }

        .social-link.youtube {
            background: rgba(255, 0, 0, 0.1);
            border-color: rgba(255, 0, 0, 0.3);
            color: #ff4444;
        }

        .social-link.youtube:hover {
            background: rgba(255, 0, 0, 0.2);
            transform: translateY(-2px);
        }

        .footer-credits {
            text-align: center;
            padding-top: 2rem;
            border-top: 1px solid var(--border);
            color: var(--text-secondary);
            font-size: 0.875rem;
        }

        .footer-credits a {
            color: #8b5cf6;
            text-decoration: none;
            font-weight: 600;
        }

        .footer-credits a:hover {
            text-decoration: underline;
        }

        .footer-disclaimer {
            margin-top: 0.5rem;
            font-size: 0.75rem;
            opacity: 0.7;
        }

        .export-import-buttons {
            display: flex;
            gap: 0.5rem;
            flex-wrap: nowrap;
            justify-content: center;
            flex: 1 1 auto;
            min-width: 0;
        }

        /* Dofus Ivoire Checkbox */
        .dofus-ivoire-section {
            margin-top: 1.5rem;
            padding: 1rem;
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(255, 215, 0, 0.1));
            border: 2px solid rgba(212, 175, 55, 0.3);
            border-radius: 0.75rem;
        }

        .dofus-ivoire-checkbox {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            cursor: pointer;
            user-select: none;
        }

        .dofus-ivoire-checkbox input[type="checkbox"] {
            display: none;
        }

        .checkbox-custom {
            width: 24px;
            height: 24px;
            border: 2px solid rgba(212, 175, 55, 0.5);
            border-radius: 0.375rem;
            background: rgba(0, 0, 0, 0.3);
            position: relative;
            transition: all 0.2s;
        }

        .dofus-ivoire-checkbox input[type="checkbox"]:checked + .checkbox-custom {
            background: linear-gradient(135deg, #d4af37, #ffd700);
            border-color: #ffd700;
        }

        .dofus-ivoire-checkbox input[type="checkbox"]:checked + .checkbox-custom::after {
            content: '✓';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #0f1419;
            font-weight: 700;
            font-size: 1rem;
        }

        .checkbox-label {
            color: var(--text-primary);
            font-size: 0.9rem;
        }

        .dofus-ivoire-checkbox:hover .checkbox-custom {
            border-color: #ffd700;
            box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
        }

        /* Temp Bonus Section */
        .temp-bonus-section {
            margin-top: 1.5rem;
            padding: 1rem;
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(6, 182, 212, 0.1));
            border: 2px solid rgba(16, 185, 129, 0.3);
            border-radius: 0.75rem;
        }

        .btn-reset-temp {
            width: 100%;
            padding: 0.75rem;
            background: rgba(239, 68, 68, 0.2);
            border: 2px solid rgba(239, 68, 68, 0.3);
            border-radius: 0.5rem;
            color: #f87171;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
            margin-top: 0.75rem;
        }

        .btn-reset-temp:hover {
            background: rgba(239, 68, 68, 0.3);
            transform: translateY(-2px);
        }

        /* Fight Modal */
        .fight-modal {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.9);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1rem;
            animation: fadeIn 0.25s ease;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        .fight-modal-content {
            background: var(--bg-card);
            border: 1px solid var(--border);
            border-radius: 1rem;
            max-width: 800px;
            width: 100%;
            max-height: 90vh;
            overflow-y: auto;
            animation: modalSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }

        @keyframes modalSlideIn {
            from { 
                opacity: 0;
                transform: translateY(20px) scale(0.96);
            }
            to { 
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        .fight-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1.5rem;
            border-bottom: 1px solid var(--border);
        }

        .fight-modal-header h3 {
            font-family: 'Rajdhani', sans-serif;
            font-size: 1.5rem;
            font-weight: 700;
            margin: 0;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .fight-modal-header h3 .modal-header-icon {
            height: 1.35em;
            width: auto;
            vertical-align: middle;
        }

        /* Thèmes d’en-tête de modale (couleurs des onglets / logos) */
        .modal-header-gold {
            background: linear-gradient(135deg, #3d3b2e 0%, #2e2d23 100%) !important;
            border-bottom-color: rgba(212, 168, 71, 0.35) !important;
        }
        .modal-header-gold h3 {
            color: #e8bf5a !important;
            -webkit-text-fill-color: #e8bf5a !important;
            background: none !important;
            background-clip: unset !important;
            -webkit-background-clip: unset !important;
        }

        .modal-header-red {
            background: linear-gradient(135deg, #3d2525 0%, #2a1a1a 100%) !important;
            border-bottom-color: rgba(239, 68, 68, 0.35) !important;
        }
        .modal-header-red h3 {
            color: #f87171 !important;
            -webkit-text-fill-color: #f87171 !important;
            background: none !important;
            background-clip: unset !important;
            -webkit-background-clip: unset !important;
        }

        .modal-header-teal {
            background: linear-gradient(135deg, #1e3533 0%, #152827 100%) !important;
            border-bottom-color: rgba(20, 184, 166, 0.35) !important;
        }
        .modal-header-teal h3 {
            color: #2dd4bf !important;
            -webkit-text-fill-color: #2dd4bf !important;
            background: none !important;
            background-clip: unset !important;
            -webkit-background-clip: unset !important;
        }

        .modal-header-lime {
            background: linear-gradient(135deg, #2d351e 0%, #1f2615 100%) !important;
            border-bottom-color: rgba(132, 204, 22, 0.35) !important;
        }
        .modal-header-lime h3 {
            color: #a3e635 !important;
            -webkit-text-fill-color: #a3e635 !important;
            background: none !important;
            background-clip: unset !important;
            -webkit-background-clip: unset !important;
        }

        .modal-header-purple {
            background: linear-gradient(135deg, #2d2845 0%, #1f1b30 100%) !important;
            border-bottom-color: rgba(167, 139, 250, 0.35) !important;
        }
        .modal-header-purple h3 {
            color: #c4b5fd !important;
            -webkit-text-fill-color: #c4b5fd !important;
            background: none !important;
            background-clip: unset !important;
            -webkit-background-clip: unset !important;
        }

        .modal-header-amber {
            background: linear-gradient(135deg, #3d3520 0%, #2a2518 100%) !important;
            border-bottom-color: rgba(251, 191, 36, 0.35) !important;
        }
        .modal-header-amber h3 {
            color: #fbbf24 !important;
            -webkit-text-fill-color: #fbbf24 !important;
            background: none !important;
            background-clip: unset !important;
            -webkit-background-clip: unset !important;
        }

        .modal-header-sky {
            background: linear-gradient(135deg, #1e2d3d 0%, #152535 100%) !important;
            border-bottom-color: rgba(56, 189, 248, 0.35) !important;
        }
        .modal-header-sky h3 {
            color: #7dd3fc !important;
            -webkit-text-fill-color: #7dd3fc !important;
            background: none !important;
            background-clip: unset !important;
            -webkit-background-clip: unset !important;
        }

        .modal-close {
            background: rgba(239, 68, 68, 0.2);
            border: none;
            color: #ef4444;
            width: 32px;
            height: 32px;
            border-radius: 0.5rem;
            cursor: pointer;
            font-size: 1.25rem;
            transition: all 0.2s;
        }

        .modal-close:hover {
            background: rgba(239, 68, 68, 0.3);
        }

        .fight-modal-body {
            padding: 1.5rem;
        }

        .fight-modal-screenshot {
            width: 100%;
            border-radius: 0.75rem;
            margin-bottom: 1.5rem;
        }

        .fight-modal-info {
            margin-bottom: 1.5rem;
        }

        .info-row {
            padding: 0.5rem 0;
            color: var(--text-secondary);
        }

        .info-row strong {
            color: var(--text-primary);
        }

        .tags-section, .notes-section {
            margin-bottom: 1.5rem;
        }

        .fight-modal .section-label {
            display: block;
            font-weight: 600;
            margin-bottom: 0.75rem;
            color: var(--text-primary);
        }

        .tags-list {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
        }

        .tag-btn {
            padding: 0.5rem 1rem;
            background: rgba(59, 130, 246, 0.1);
            border: 2px solid rgba(59, 130, 246, 0.3);
            border-radius: 0.5rem;
            color: var(--text-primary);
            cursor: pointer;
            transition: all 0.2s;
            font-weight: 500;
        }

        .tag-btn:hover {
            background: var(--accent-cyan-dim);
        }

        .tag-btn.active {
            background: var(--accent-primary);
            border-color: var(--accent-primary);
            color: white;
        }

        .notes-textarea {
            width: 100%;
            min-height: 120px;
            background: rgba(15, 20, 25, 0.5);
            border: 1px solid var(--border);
            border-radius: 0.5rem;
            padding: 0.75rem;
            color: var(--text-primary);
            font-family: inherit;
            font-size: 0.9rem;
            resize: vertical;
        }

        .notes-textarea:focus {
            outline: none;
            border-color: var(--accent-primary);
        }

        .fight-modal-footer {
            display: flex;
            justify-content: space-between;
            padding: 1.5rem;
            border-top: 1px solid var(--border);
        }

        /* Player Profile */
        .player-profile-modal .fight-modal-content {
            max-width: 900px;
        }

        .player-profile-stats {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 1rem;
            margin-bottom: 1.5rem;
        }

        .profile-stat-card {
            background: rgba(15, 20, 25, 0.5);
            border: 1px solid var(--border);
            border-radius: 0.75rem;
            padding: 1rem;
            text-align: center;
        }

        .profile-stat-card.victory {
            border-color: rgba(16, 185, 129, 0.3);
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.05), rgba(16, 185, 129, 0.1));
        }

        .profile-stat-card.defeat {
            border-color: rgba(239, 68, 68, 0.3);
            background: linear-gradient(135deg, rgba(239, 68, 68, 0.05), rgba(239, 68, 68, 0.1));
        }

        .profile-stat-label {
            font-size: 0.75rem;
            color: var(--text-secondary);
            text-transform: uppercase;
            letter-spacing: 0.05em;
            margin-bottom: 0.5rem;
        }

        .profile-stat-value {
            font-family: 'Rajdhani', sans-serif;
            font-size: 1.75rem;
            font-weight: 700;
            color: var(--text-primary);
        }

        .profile-stat-card.victory .profile-stat-value {
            color: #10b981;
        }

        .profile-stat-card.defeat .profile-stat-value {
            color: #ef4444;
        }

        .profile-section {
            margin-bottom: 1.5rem;
        }

        .profile-section-title {
            font-weight: 600;
            margin-bottom: 1rem;
            color: var(--text-primary);
        }

        .profile-fights-list {
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
            max-height: 400px;
            overflow-y: auto;
        }

        .profile-fight-item {
            display: flex;
            gap: 1rem;
            background: rgba(15, 20, 25, 0.5);
            border: 1px solid var(--border);
            border-radius: 0.75rem;
            padding: 0.75rem;
            cursor: pointer;
            transition: all 0.2s;
        }

        .profile-fight-item:hover {
            background: rgba(15, 20, 25, 0.7);
            transform: translateX(4px);
        }

        .profile-fight-item.victory {
            border-left: 3px solid #10b981;
        }

        .profile-fight-item.defeat {
            border-left: 3px solid #ef4444;
        }

        .profile-fight-thumb {
            width: 80px;
            height: 80px;
            object-fit: cover;
            border-radius: 0.5rem;
        }

        .profile-fight-info {
            flex: 1;
        }

        .profile-fight-result {
            font-weight: 700;
            margin-bottom: 0.25rem;
        }

        .profile-fight-result.victory {
            color: #10b981;
        }

        .profile-fight-result.defeat {
            color: #ef4444;
        }

        .profile-fight-date {
            font-size: 0.75rem;
            color: var(--text-secondary);
            margin-bottom: 0.5rem;
        }

        .profile-fight-notes {
            font-size: 0.85rem;
            color: var(--text-secondary);
            font-style: italic;
            margin-bottom: 0.5rem;
        }

        .profile-fight-tags {
            display: flex;
            gap: 0.25rem;
            flex-wrap: wrap;
        }

        .mini-tag {
            padding: 0.25rem 0.5rem;
            background: rgba(59, 130, 246, 0.2);
            border-radius: 0.25rem;
            font-size: 0.7rem;
            color: var(--text-primary);
        }

        .player-card-clickable {
            cursor: pointer;
            transition: all 0.2s;
        }

        .player-card-clickable:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(59, 130, 246, 0.2);
        }

        /* Confirmation Modal */
        .confirmation-modal .fight-modal-content {
            max-width: 700px;
        }

        .confirmation-form {
            margin-top: 1.5rem;
        }

        .form-row {
            margin-bottom: 1.5rem;
        }

        .form-label {
            display: block;
            font-weight: 600;
            margin-bottom: 0.5rem;
            color: var(--text-primary);
            font-size: 0.9rem;
        }

        .form-input {
            width: 100%;
            padding: 0.75rem;
            background: rgba(15, 20, 25, 0.5);
            border: 1px solid var(--border);
            border-radius: 0.5rem;
            color: var(--text-primary);
            font-size: 0.95rem;
        }

        .form-input:focus {
            outline: none;
            border-color: var(--accent-primary);
        }

        .result-buttons {
            display: flex;
            gap: 1rem;
        }

        .result-btn {
            flex: 1;
            padding: 1rem;
            background: rgba(59, 130, 246, 0.1);
            border: 2px solid rgba(59, 130, 246, 0.3);
            border-radius: 0.75rem;
            color: var(--text-primary);
            font-weight: 700;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.2s;
        }

        .result-btn:hover {
            background: rgba(59, 130, 246, 0.2);
            transform: translateY(-2px);
        }

        .result-btn.victory {
            border-color: rgba(16, 185, 129, 0.3);
            background: rgba(16, 185, 129, 0.1);
        }

        .result-btn.victory.active {
            background: linear-gradient(135deg, #10b981, #059669);
            border-color: #10b981;
            color: white;
        }

        .result-btn.defeat {
            border-color: rgba(239, 68, 68, 0.3);
            background: rgba(239, 68, 68, 0.1);
        }

        .result-btn.defeat.active {
            background: linear-gradient(135deg, #ef4444, #dc2626);
            border-color: #ef4444;
            color: white;
        }

        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }

        /* Notification */
        .notification {
            position: fixed;
            top: 20px;
            right: 20px;
            background: linear-gradient(135deg, #10b981, #059669);
            color: white;
            padding: 1rem 1.5rem;
            border-radius: 0.75rem;
            font-weight: 600;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
            z-index: 10000;
            transform: translateX(400px);
            transition: transform 0.3s;
        }

        .notification.show {
            transform: translateX(0);
        }

        /* Build Tags */
        .build-tags-list {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
        }

        .build-tag-btn {
            padding: 0.5rem 1rem;
            background: rgba(139, 92, 246, 0.1);
            border: 2px solid rgba(139, 92, 246, 0.3);
            border-radius: 0.5rem;
            color: var(--text-primary);
            cursor: pointer;
            transition: all 0.2s;
            font-weight: 500;
            font-size: 0.9rem;
        }

        .build-tag-btn:hover {
            background: rgba(139, 92, 246, 0.2);
            transform: translateY(-2px);
        }

        .build-tag-btn.active {
            background: linear-gradient(135deg, #8b5cf6, #7c3aed);
            border-color: #8b5cf6;
            color: white;
            box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3);
        }

        .class-builds {
            margin-top: 1rem;
            padding-top: 1rem;
            border-top: 1px solid var(--border);
        }

        .build-stat {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.8rem;
            margin-bottom: 0.5rem;
        }

        .build-name {
            color: var(--text-secondary);
        }

        .build-percent {
            color: #8b5cf6;
            font-weight: 700;
        }

        /* ====== Sélecteur Thème Dofus (tracker) ====== */
        .dofus-theme-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 0.5rem;
        }

        .dofus-theme-btn {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0.5rem 0.25rem;
            border: 2px solid rgba(255,255,255,0.08);
            border-radius: 0.6rem;
            cursor: pointer;
            transition: all 0.2s;
            background: rgba(255,255,255,0.02);
        }

        .dofus-theme-btn:hover {
            background: rgba(255,255,255,0.06);
            border-color: rgba(255,255,255,0.2);
            transform: translateY(-1px);
        }

        .dofus-theme-btn.active {
            background: rgba(var(--theme-rgb), 0.15);
            border-color: rgba(var(--theme-rgb), 0.7);
            box-shadow: 0 0 12px rgba(var(--theme-rgb), 0.2);
        }

        .dofus-theme-icon {
            font-size: 1.3rem;
            margin-bottom: 0.2rem;
        }

        .dofus-theme-label {
            font-size: 0.6rem;
            font-weight: 600;
            color: var(--text-secondary);
            text-align: center;
            line-height: 1.2;
        }

        .dofus-theme-btn.active .dofus-theme-label {
            color: var(--text-primary);
        }

        @media (max-width: 600px) {
            .dofus-theme-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }