/* ===== CRIMSON THEME ===== */
body.theme-crimson {
    --text-color: #f5ddd8;
    --bg-color: #0e0404;
    --wrapper-bg: rgba(22, 5, 5, 0.97);
    --header-bg: #1e0808;
    --header-gradient: linear-gradient(135deg, #2a0e0e, #0e0404);
    --menu-bg: #180606;
    --menu-gradient: linear-gradient(145deg, #220a0a, #0e0404);
    --content-bg: #180606;
    --border-color: #8b1a1a;
    --border-light: #5a1010;
    --btn-bg: #2a0a0a;
    --btn-hover: #3e1010;
    --link-hover-bg: #5a1010;
    --link-hover-color: #ffe0d8;
    --footer-bg: #0a0303;
    --footer-gradient: linear-gradient(180deg, #160606, #060202);
    --shadow-color: rgba(139, 26, 26, 0.7);
    --input-bg: #160606;
    --input-text: #f5ddd8;
    --panel-bg: rgba(28, 8, 8, 0.98);
    --border-color-rgb: 139, 26, 26;
    --accent: #e03030;
    --accent-dim: rgba(224, 48, 48, 0.12);
    --card-bg: rgba(14, 4, 4, 0.93);
    --card-bg-hover: rgba(24, 8, 8, 0.97);

    background: var(--bg-color);
    background-image: none;
}

body.theme-crimson .wrapper {
    background: var(--wrapper-bg);
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

body.theme-crimson .mafia-header {
    background: var(--header-gradient);
    color: var(--text-color);
    border-bottom: 2px solid var(--border-color);
}

body.theme-crimson .shiny-title {
    background: linear-gradient(90deg, #e03030, #ff6060, #e03030);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 6px rgba(224, 48, 48, 0.5));
}

body.theme-crimson .welcome { color: var(--text-color); border-right-color: var(--border-color); }

body.theme-crimson .header-link,
body.theme-crimson .header-btn {
    background: var(--btn-bg);
    border: 1px solid var(--border-color);
    color: var(--text-color);
}
body.theme-crimson .header-link:hover,
body.theme-crimson .header-btn:hover {
    background: var(--btn-hover);
    color: #ffb0a0;
}

body.theme-crimson .currency-display {
    background: var(--btn-bg);
    border: 1px solid var(--border-color);
    color: var(--text-color);
}

body.theme-crimson .mafia-menu {
    background: var(--menu-gradient);
    border-right: 1px solid var(--border-color);
}
body.theme-crimson .mafia-menu li.menu-section {
    color: #e03030;
    border-bottom: 1px solid rgba(139, 26, 26, 0.35);
}
body.theme-crimson .mafia-menu li a { color: var(--text-color); }
body.theme-crimson .mafia-menu li a:hover,
body.theme-crimson .mafia-menu li a.active {
    background: rgba(139, 26, 26, 0.2);
    border-left: 3px solid #e03030;
    color: #ff8080;
}

body.theme-crimson .content {
    background: var(--content-bg);
    color: var(--text-color);
}
body.theme-crimson .content h1,
body.theme-crimson .content h2,
body.theme-crimson .content h3 {
    color: #ff6060;
    border-bottom: 1px solid rgba(224, 48, 48, 0.3);
}

body.theme-crimson .mafia-footer {
    background: var(--footer-gradient);
    color: var(--text-color);
    border-top: 1px solid var(--border-color);
}

body.theme-crimson .btn-mafia {
    background: linear-gradient(145deg, #3a0e0e, #220808);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    box-shadow: 0 2px 0 #060202;
}
body.theme-crimson .btn-mafia:hover:not(:disabled) {
    background: linear-gradient(145deg, #5a1a1a, #3a1010);
    color: #ffb0a0;
}

body.theme-crimson .btn-small {
    background: var(--btn-bg);
    color: var(--text-color);
    border: 1px solid var(--border-color);
}
body.theme-crimson .btn-small:hover { background: var(--btn-hover); }

body.theme-crimson .form-container {
    background: var(--menu-bg);
    border: 1px solid var(--border-color);
}
body.theme-crimson .form-group label { color: var(--text-color); }
body.theme-crimson .form-group input {
    background: var(--input-bg);
    border: 1px solid var(--border-light);
    color: var(--input-text);
}
body.theme-crimson .form-group input:focus { border-color: #e03030; }

body.theme-crimson .game-area {
    background: var(--content-bg);
    border: 1px solid var(--border-color);
}

body.theme-crimson .bet-label { color: #ff8080 !important; }

body.theme-crimson .theme-swatch { border-color: rgba(139, 26, 26, 0.3); color: var(--text-color); background: var(--card-bg); }
body.theme-crimson .theme-swatch:hover { border-color: #8b1a1a; color: #ff8080; }
body.theme-crimson .theme-swatch.active { border-color: #e03030; color: #ff6060; background: rgba(224, 48, 48, 0.08); }

/* ===== CRIMSON BLOOD RAIN ===== */
body.theme-crimson .content {
    background-image:
        radial-gradient(ellipse 1.5px 5px at 12% 10%, rgba(180, 0,20,0.60) 0%, transparent 100%),
        radial-gradient(ellipse 1px  3px at 30% 55%, rgba(150, 0,15,0.45) 0%, transparent 100%),
        radial-gradient(ellipse 2px  6px at 47% 25%, rgba(200,10,30,0.55) 0%, transparent 100%),
        radial-gradient(ellipse 1px  4px at 62% 70%, rgba(160, 0,20,0.40) 0%, transparent 100%),
        radial-gradient(ellipse 1.5px 5px at 78% 15%, rgba(180,10,25,0.65) 0%, transparent 100%),
        radial-gradient(ellipse 1px  3px at 92% 60%, rgba(140, 0,18,0.50) 0%, transparent 100%),
        radial-gradient(ellipse 2px  6px at 22% 80%, rgba(190, 5,22,0.45) 0%, transparent 100%),
        radial-gradient(ellipse 1.5px 4px at 55% 45%, rgba(170, 0,15,0.55) 0%, transparent 100%),
        radial-gradient(ellipse 1px  5px at 83% 88%, rgba(145, 0,18,0.38) 0%, transparent 100%),
        radial-gradient(ellipse 2px  7px at  5% 38%, rgba(200,10,28,0.50) 0%, transparent 100%);
    background-size: 220px 220px;
    will-change: background-position;
    animation: crimson-rain 7s linear infinite;
}
@keyframes crimson-rain {
    from { background-position: 0 0; }
    to   { background-position: 0 220px; }
}