/* Chiptune Challenge 2026 - March Theme: Adventure / Awakening */
/* Warm parchment JRPG theme with forest greens, sky blues, and golden sunlight */
/* LIGHT THEME - overrides dark-assuming defaults throughout */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Lora:ital,wght@0,400;0,600;1,400&family=Kalam:wght@400;700&display=swap');

:root {
    /* Primary Colors */
    --chiptune-primary: #2D5A27;
    --chiptune-primary-hover: #3D7A35;
    --chiptune-secondary: #87CEEB;
    --chiptune-accent: #F4A460;

    /* Backgrounds - LIGHT theme */
    --chiptune-bg: #F5F0E1;
    --chiptune-header-bg: rgba(135, 206, 235, 0.9);
    --chiptune-card-bg: rgba(245, 240, 225, 0.95);
    --chiptune-surface: rgba(45, 90, 39, 0.08);
    --chiptune-player-bg: rgba(232, 224, 208, 0.97);

    /* Text - DARK on light */
    --chiptune-text: #3D2B1F;
    --chiptune-text-secondary: #6B5344;

    /* Borders & Effects */
    --chiptune-border: rgba(45, 90, 39, 0.3);
    --chiptune-glow: rgba(45, 90, 39, 0.2);
    --chiptune-secondary-glow: rgba(244, 164, 96, 0.3);

    /* Player Handle - Compass style */
    --chiptune-handle-size: 20px;
    --chiptune-handle-bg: linear-gradient(135deg, #2D5A27, #4CAF50);
    --chiptune-handle-radius: 50%;
    --chiptune-handle-icon-size: 12px;
    --chiptune-handle-icon-color: #F5F0E1;
    --chiptune-handle-icon-shadow: 0 0 4px rgba(45, 90, 39, 0.5);
    --chiptune-handle-glow: rgba(45, 90, 39, 0.4);

    /* Volume Handle */
    --chiptune-volume-handle-size: 16px;
    --chiptune-volume-handle-bg: linear-gradient(135deg, #2D5A27, #4CAF50);
    --chiptune-volume-handle-radius: 50%;
    --chiptune-volume-handle-icon-size: 10px;
    --chiptune-volume-handle-icon-color: #F5F0E1;
    --chiptune-volume-handle-icon-shadow: 0 0 3px rgba(45, 90, 39, 0.5);
    --chiptune-volume-handle-glow: rgba(45, 90, 39, 0.4);
}

/* =============================================================================
   BODY & BACKGROUND - Parchment with optional texture
   ============================================================================= */

body.chiptune-theme-march {
    background-color: #F5F0E1;
    background-image:
        /* Parchment texture overlay */
        url('/static/sites/zimventures/chiptune/images/march/paper-texture.png'),
        /* Semi-transparent overlay for text readability */
        linear-gradient(
            180deg,
            rgba(245, 240, 225, 0.75) 0%,
            rgba(232, 224, 208, 0.65) 50%,
            rgba(245, 240, 225, 0.75) 100%
        ),
        /* Main adventure background image */
        url('/static/sites/zimventures/chiptune/images/march/march-adventure-bg.png');
    background-size: 400px 400px, auto, cover;
    background-position: center, center, center;
    background-repeat: repeat, no-repeat, no-repeat;
    background-attachment: scroll, scroll, fixed;
    background-blend-mode: multiply, normal, normal;
    color: #3D2B1F;
}

/* Make app container transparent so body background shows */
body.chiptune-theme-march .chiptune-app {
    background: transparent;
    color: #3D2B1F;
}

/* =============================================================================
   HEADER - Sky-to-parchment gradient with drifting clouds
   ============================================================================= */

.chiptune-theme-march .chiptune-header {
    background: linear-gradient(180deg, #87CEEB 0%, #B4E7F8 40%, #E8E0D0 100%);
    border-bottom: 3px solid #2D5A27;
    position: relative;
    overflow: hidden;
}

/* Drifting clouds via pseudo-element */
.chiptune-theme-march .chiptune-header::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 120px 40px at 10% 30%, rgba(255, 255, 255, 0.7) 0%, transparent 70%),
        radial-gradient(ellipse 80px 30px at 30% 50%, rgba(255, 255, 255, 0.5) 0%, transparent 70%),
        radial-gradient(ellipse 100px 35px at 60% 25%, rgba(255, 255, 255, 0.6) 0%, transparent 70%),
        radial-gradient(ellipse 90px 32px at 85% 45%, rgba(255, 255, 255, 0.5) 0%, transparent 70%);
    animation: clouds-drift 60s linear infinite;
    pointer-events: none;
    z-index: 0;
}

.chiptune-theme-march .chiptune-header > * {
    position: relative;
    z-index: 1;
}

@keyframes clouds-drift {
    0% { transform: translateX(0); }
    100% { transform: translateX(200px); }
}

/* =============================================================================
   LIGHT THEME TEXT OVERRIDES
   These override hardcoded white text from base.css, player.css, yearly.css
   ============================================================================= */

/* --- General text --- */
.chiptune-theme-march,
.chiptune-theme-march .chiptune-app,
.chiptune-theme-march .chiptune-content,
.chiptune-theme-march p,
.chiptune-theme-march span,
.chiptune-theme-march li {
    color: #3D2B1F;
}

/* --- Logo & Navigation --- */
.chiptune-theme-march .chiptune-logo .logo-text {
    color: #2D5A27;
    text-shadow:
        1px 1px 0 rgba(255, 255, 255, 0.6),
        -1px -1px 0 rgba(0, 0, 0, 0.1);
    font-family: 'Cinzel', 'Times New Roman', serif;
    font-size: 1.15rem;
    font-weight: 700;
}

.chiptune-theme-march .chiptune-logo .logo-icon {
    color: #2D5A27;
}

.chiptune-theme-march .chiptune-nav a,
.chiptune-theme-march .chiptune-nav .nav-link {
    color: #3D2B1F;
}

.chiptune-theme-march .chiptune-nav a:hover,
.chiptune-theme-march .chiptune-nav .nav-link:hover {
    color: #2D5A27;
}

.chiptune-theme-march .chiptune-nav a.active,
.chiptune-theme-march .chiptune-nav .nav-link.active {
    color: #2D5A27;
    border-bottom-color: #2D5A27;
}

/* --- Auth & Profile --- */
.chiptune-theme-march .auth-link {
    color: #3D2B1F;
}

.chiptune-theme-march .profile-menu {
    background: #F5F0E1;
    border: 2px solid #2D5A27;
}

.chiptune-theme-march .profile-menu-item {
    color: #3D2B1F;
}

.chiptune-theme-march .profile-menu-item:hover {
    background: rgba(45, 90, 39, 0.1);
    color: #2D5A27;
}

/* --- Page Headers --- */
.chiptune-theme-march .page-header h1,
.chiptune-theme-march .page-header h2 {
    color: #2D5A27;
    text-shadow:
        1px 1px 0 rgba(255, 255, 255, 0.5),
        -1px -1px 0 rgba(0, 0, 0, 0.05);
    font-family: 'Cinzel', 'Times New Roman', serif;
}

.chiptune-theme-march .page-header p,
.chiptune-theme-march .page-header .subtitle {
    color: #6B5344;
}

/* --- Song Cards --- */
.chiptune-theme-march .song-card {
    background: #F5F0E1;
    border: 2px solid #2D5A27;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(61, 43, 31, 0.1);
    position: relative;
}

/* Photo corner decorations */
.chiptune-theme-march .song-card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background:
        linear-gradient(135deg, rgba(139, 115, 85, 0.3) 8px, transparent 8px),
        linear-gradient(225deg, rgba(139, 115, 85, 0.3) 8px, transparent 8px),
        linear-gradient(315deg, rgba(139, 115, 85, 0.3) 8px, transparent 8px),
        linear-gradient(45deg, rgba(139, 115, 85, 0.3) 8px, transparent 8px);
    border-radius: 4px;
}

/* Ensure play button and other interactive overlays stay above photo corners */
.chiptune-theme-march .song-cover .play-btn,
.chiptune-theme-march .song-cover .song-duration,
.chiptune-theme-march .song-card .vote-btn-overlay,
.chiptune-theme-march .song-card .day-badge,
.chiptune-theme-march .song-card .card-badge-weekly,
.chiptune-theme-march .song-card .card-badge-monthly {
    z-index: 1;
}

.chiptune-theme-march .song-card .song-title,
.chiptune-theme-march .song-card .song-name {
    color: #3D2B1F;
    font-family: 'Lora', 'Georgia', serif;
}

.chiptune-theme-march .song-card .song-artist,
.chiptune-theme-march .song-card .song-date,
.chiptune-theme-march .song-card .song-duration-text,
.chiptune-theme-march .song-card .song-meta {
    color: #6B5344;
}

.chiptune-theme-march .song-card:hover {
    box-shadow: 0 4px 16px rgba(61, 43, 31, 0.15);
    transform: translateY(-2px);
}

.chiptune-theme-march .song-card.is-playing {
    border-color: #F4A460;
    box-shadow: 0 0 20px rgba(244, 164, 96, 0.3);
    animation: adventurePlayPulse 2s ease-in-out infinite;
}

@keyframes adventurePlayPulse {
    0%, 100% {
        box-shadow: 0 0 15px rgba(244, 164, 96, 0.2);
    }
    50% {
        box-shadow: 0 0 25px rgba(244, 164, 96, 0.35);
    }
}

/* --- Song Cover & Play Button --- */
.chiptune-theme-march .song-cover .play-btn {
    background: rgba(45, 90, 39, 0.85);
    color: #F5F0E1;
}

.chiptune-theme-march .song-cover .song-duration {
    background: rgba(61, 43, 31, 0.8);
    color: #F5F0E1;
}

/* --- Vote & Like Buttons --- */
.chiptune-theme-march .vote-btn,
.chiptune-theme-march .song-card .vote-btn {
    background: linear-gradient(135deg, #2D5A27, #3D7A35);
    border-color: #2D5A27;
    color: #F5F0E1;
    box-shadow: 0 3px 0 #1A3318;
    transform: translateY(0);
    transition: all 0.15s;
}

.chiptune-theme-march .vote-btn:hover:not(:disabled),
.chiptune-theme-march .song-card .vote-btn:hover:not(:disabled) {
    background: linear-gradient(135deg, #3D7A35, #4CAF50);
    transform: translateY(2px);
    box-shadow: 0 1px 0 #1A3318;
    color: #F5F0E1;
}

.chiptune-theme-march .vote-btn.voted,
.chiptune-theme-march .song-card .vote-btn.voted {
    background: linear-gradient(135deg, #F4A460, #FFD700);
    border-color: #F4A460;
    color: #3D2B1F;
    box-shadow: 0 3px 0 #c4844a;
}

/* Like button */
.chiptune-theme-march .like-btn {
    color: #6B5344;
}

.chiptune-theme-march .like-btn.liked {
    color: #F4A460;
}

.chiptune-theme-march .like-btn.liked .like-icon {
    animation: treasureBounce 0.6s ease;
}

@keyframes treasureBounce {
    0% { transform: scale(1) translateY(0); }
    30% { transform: scale(1.2) translateY(-5px); }
    50% { transform: scale(1) translateY(0); }
    70% { transform: scale(1.1) translateY(-2px); }
    100% { transform: scale(1) translateY(0); }
}

/* --- Vote Count Badge --- */
.chiptune-theme-march .vote-count-badge {
    background: rgba(45, 90, 39, 0.85);
    color: #F5F0E1;
}

/* --- Vote Button Overlay --- */
.chiptune-theme-march .vote-btn-overlay.voted {
    color: #F5F0E1;
}

/* --- Day & Card Badges --- */
.chiptune-theme-march .day-badge {
    background: linear-gradient(135deg, #2D5A27, #3D7A35);
    color: #F5F0E1;
}

.chiptune-theme-march .card-badge-weekly {
    background: linear-gradient(135deg, #87CEEB, #6BB8D6);
    color: #3D2B1F;
}

.chiptune-theme-march .card-badge-monthly {
    background: linear-gradient(135deg, #FFD700, #F4A460);
    color: #3D2B1F;
}

.chiptune-theme-march .today-badge {
    background: linear-gradient(135deg, #F4A460, #FFD700);
    color: #3D2B1F;
}

/* --- Player Bar --- */
.chiptune-theme-march .chiptune-player {
    background: #E8E0D0;
    border-top: 3px solid #2D5A27;
}

.chiptune-theme-march .chiptune-player,
.chiptune-theme-march .player-info,
.chiptune-theme-march .player-song-title,
.chiptune-theme-march .player-song-artist {
    color: #3D2B1F;
}

.chiptune-theme-march .player-time,
.chiptune-theme-march .player-duration {
    color: #6B5344;
}

.chiptune-theme-march .player-btn {
    color: #3D2B1F;
}

.chiptune-theme-march .player-btn:hover {
    color: #2D5A27;
}

.chiptune-theme-march .player-btn.play-pause {
    background: linear-gradient(135deg, #2D5A27, #4CAF50);
    color: #F5F0E1;
    box-shadow: 0 0 12px rgba(45, 90, 39, 0.3);
}

/* Trail-style progress bar */
.chiptune-theme-march .player-progress-fill {
    background: linear-gradient(90deg, #2D5A27, #4CAF50);
}

.chiptune-theme-march .player-progress-bar {
    background: rgba(139, 115, 85, 0.2);
    border-radius: 6px;
}

/* Stats panel */
.chiptune-theme-march .stats-panel {
    background: rgba(245, 240, 225, 0.95);
    color: #3D2B1F;
}

/* --- Week Navigation --- */
.chiptune-theme-march .week-nav {
    background: linear-gradient(
        90deg,
        rgba(45, 90, 39, 0.08),
        rgba(135, 206, 235, 0.08),
        rgba(244, 164, 96, 0.08)
    );
    border-bottom: 2px solid rgba(45, 90, 39, 0.2);
}

.chiptune-theme-march .week-nav a,
.chiptune-theme-march .week-nav span {
    color: #3D2B1F;
}

.chiptune-theme-march .week-nav a:hover {
    color: #2D5A27;
}

/* Week header title — replace neon glow with embossed parchment look */
.chiptune-theme-march .week-nav-current .week-label {
    color: #2D5A27;
    font-family: 'Cinzel', 'Times New Roman', serif;
    font-size: 1.4rem;
    font-weight: 700;
    text-shadow:
        1px 1px 0 rgba(255, 255, 255, 0.6),
        -1px -1px 0 rgba(0, 0, 0, 0.08);
    animation: none;
}

.chiptune-theme-march .week-nav-current .week-year {
    color: #F4A460;
    font-weight: 700;
    text-shadow:
        1px 1px 0 rgba(255, 255, 255, 0.4);
}

.chiptune-theme-march .week-nav-current .week-dates {
    color: #6B5344;
    font-size: 0.85rem;
}

.chiptune-theme-march .week-nav-theme-icon {
    filter: none;
}

.chiptune-theme-march .week-nav-theme-name {
    color: #6B5344;
}

.chiptune-theme-march .week-nav-btn {
    color: #6B5344;
}

.chiptune-theme-march .week-nav-btn:hover:not(.disabled) {
    background: rgba(45, 90, 39, 0.08);
    color: #2D5A27;
}

/* --- Theme Banner --- */
.chiptune-theme-march .theme-banner {
    background: linear-gradient(
        135deg,
        rgba(45, 90, 39, 0.06),
        rgba(244, 164, 96, 0.06)
    );
    border: 1px solid rgba(45, 90, 39, 0.15);
}

.chiptune-theme-march .theme-banner::before {
    display: none;
}

.chiptune-theme-march .theme-banner .theme-icon {
    filter: none;
}

.chiptune-theme-march .theme-banner .theme-name {
    color: #2D5A27;
    text-shadow:
        1px 1px 0 rgba(255, 255, 255, 0.5);
}

.chiptune-theme-march .theme-banner .theme-tagline {
    color: #6B5344;
}

.chiptune-theme-march .theme-banner .theme-description {
    color: #6B5344;
}

.chiptune-theme-march .theme-banner .theme-link {
    color: #6B5344;
    border-color: rgba(45, 90, 39, 0.3);
}

.chiptune-theme-march .theme-banner .theme-link:hover {
    color: #2D5A27;
    border-color: #2D5A27;
    box-shadow: none;
}

/* --- Vote Banner --- */
.chiptune-theme-march .vote-banner {
    background: linear-gradient(90deg, #2D5A27, #4CAF50);
}

.chiptune-theme-march .vote-banner-content {
    color: #F5F0E1;
}

/* --- Voting Open Banner --- */
.chiptune-theme-march .voting-open-banner {
    background: linear-gradient(135deg, rgba(45, 90, 39, 0.1), rgba(244, 164, 96, 0.1));
    border: 2px solid #2D5A27;
}

.chiptune-theme-march .voting-open-banner .vote-btn {
    color: #F5F0E1;
}

/* --- Trophy Badges --- */
.chiptune-theme-march .trophy-badge {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.2), rgba(244, 164, 96, 0.15));
    border: 1px solid rgba(255, 215, 0, 0.5);
    border-radius: 0.25rem;
    padding: 0.5rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #3D2B1F;
}

/* --- Winner Announcements --- */
.chiptune-theme-march .winner-banner,
.chiptune-theme-march .month-winner-banner {
    background: linear-gradient(
        135deg,
        rgba(255, 215, 0, 0.15),
        rgba(45, 90, 39, 0.08)
    );
    border: 2px solid rgba(255, 215, 0, 0.4);
    border-radius: 0.5rem;
    padding: 1.5rem;
    text-align: center;
    margin-bottom: 2rem;
}

.chiptune-theme-march .winner-banner .winner-text strong {
    color: #2D5A27;
}

.chiptune-theme-march .winner-icon {
    font-size: 2rem;
}

.chiptune-theme-march .winner-info h3 {
    color: #3D2B1F;
}

/* --- Stat Cards & Stats Page --- */
.chiptune-theme-march .stats-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.chiptune-theme-march .stat-card {
    background: #F5F0E1;
    border: 2px solid rgba(45, 90, 39, 0.3);
    border-radius: 0.5rem;
    padding: 1.5rem;
    text-align: center;
}

.chiptune-theme-march .stat-card h3 {
    font-family: 'Cinzel', 'Times New Roman', serif;
    color: #3D2B1F;
}

.chiptune-theme-march .stat-card .stat-icon {
    font-size: 1.5rem;
    display: block;
    margin-bottom: 0.5rem;
}

.chiptune-theme-march .stat-card .stat-value {
    font-size: 1.5rem;
    color: #2D5A27;
    display: block;
    font-family: 'Press Start 2P', monospace;
}

.chiptune-theme-march .stat-card .stat-label {
    font-size: 0.75rem;
    color: #6B5344;
}

/* --- Hall of Fame Cards --- */
.chiptune-theme-march .hof-card {
    background: #F5F0E1;
    border: 2px solid rgba(45, 90, 39, 0.3);
    border-radius: 0.5rem;
    overflow: hidden;
    transition: all 0.3s;
}

.chiptune-theme-march .hof-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 16px rgba(61, 43, 31, 0.15);
}

.chiptune-theme-march .hof-card.year-card {
    border-color: #FFD700;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.15);
}

.chiptune-theme-march .hof-card.month-card {
    border-color: #87CEEB;
}

.chiptune-theme-march .hof-card-badge.week {
    background: #2D5A27;
    color: #F5F0E1;
}

.chiptune-theme-march .hof-label.purple {
    background: #2D5A27;
    color: #F5F0E1;
}

.chiptune-theme-march .hof-play-btn {
    background: rgba(45, 90, 39, 0.85);
    color: #F5F0E1;
}

.chiptune-theme-march .hof-btn {
    background: linear-gradient(135deg, #2D5A27, #3D7A35);
    color: #F5F0E1;
}

/* --- Theme Cards --- */
.chiptune-theme-march .theme-card {
    background: #F5F0E1;
    border: 2px solid rgba(45, 90, 39, 0.2);
}

.chiptune-theme-march .theme-card.locked {
    background: rgba(221, 213, 195, 0.7);
}

.chiptune-theme-march .theme-card-header .current-badge {
    background: #2D5A27;
    color: #F5F0E1;
}

/* --- Liked Songs --- */
.chiptune-theme-march .liked-song-play:hover {
    color: #2D5A27;
}

/* --- Placeholder/Mystery Cards --- */
.chiptune-theme-march .placeholder-static {
    background: #DDD5C3;
}

.chiptune-theme-march .question-mark {
    color: #8B7355;
}

/* --- Current Vote Notice --- */
.chiptune-theme-march .current-vote-notice strong {
    color: #2D5A27;
}

/* --- Bracket Components --- */
.chiptune-theme-march .bracket-slot {
    background: rgba(245, 240, 225, 0.9);
    border: 1px solid rgba(45, 90, 39, 0.2);
}

.chiptune-theme-march .bracket-vote-btn:hover:not(:disabled) {
    background: #2D5A27;
    color: #F5F0E1;
}

.chiptune-theme-march .bracket-vote-btn.voted {
    background: rgba(45, 90, 39, 0.85) !important;
    color: #F5F0E1;
}

.chiptune-theme-march .bracket-play-btn {
    background: rgba(45, 90, 39, 0.85);
    color: #F5F0E1;
}

.chiptune-theme-march .bracket-login-link:hover {
    color: #2D5A27;
}

.chiptune-theme-march .bracket-status.voting p {
    color: #3D2B1F;
}

.chiptune-theme-march .slot-title {
    color: #3D2B1F;
}

/* --- Champion & Yearly Cards --- */
.chiptune-theme-march .champion-card {
    background: rgba(245, 240, 225, 0.9);
    border: 2px solid rgba(45, 90, 39, 0.3);
}

.chiptune-theme-march .champion-card-title,
.chiptune-theme-march .champion-info h3 {
    color: #3D2B1F;
}

.chiptune-theme-march .champion-play-btn {
    background: rgba(45, 90, 39, 0.85);
    color: #F5F0E1;
}

.chiptune-theme-march .past-champion-badge {
    background: #2D5A27;
    color: #F5F0E1;
}

/* --- Song Navigation --- */
.chiptune-theme-march .song-nav-btn {
    color: #6B5344;
}

.chiptune-theme-march .song-nav-btn:hover:not(.disabled) {
    color: #2D5A27;
}

/* --- Song Detail Page --- */
.chiptune-theme-march .play-btn-large {
    background: linear-gradient(135deg, #2D5A27, #4CAF50);
    color: #F5F0E1;
}

.chiptune-theme-march .like-btn-large.liked {
    color: #F4A460;
}

/* --- Vote Badge Float --- */
.chiptune-theme-march .vote-badge-float {
    background: #2D5A27;
    color: #F5F0E1;
}

/* --- Week Check Boxes --- */
.chiptune-theme-march .week-check {
    background: rgba(45, 90, 39, 0.1);
    border: 1px solid rgba(45, 90, 39, 0.2);
}

/* --- Toast Messages --- */
.chiptune-theme-march .chiptune-toast {
    background: #2D5A27;
    color: #F5F0E1;
}

/* --- Modal --- */
.chiptune-theme-march .modal-close-btn {
    background: rgba(61, 43, 31, 0.6);
    color: #F5F0E1;
}

.chiptune-theme-march .modal-theme-name {
    color: #2D5A27;
    font-family: 'Cinzel', 'Times New Roman', serif;
}

/* --- Discord Elements (keep dark for brand consistency) --- */
.chiptune-theme-march .discord-login-btn {
    color: white;
}

.chiptune-theme-march .discord-floating-badge {
    color: white;
}

.chiptune-theme-march .discord-invite-header h2 {
    color: #fff;
}

.chiptune-theme-march .discord-invite-join {
    color: white;
}

/* --- Pause Menu - Parchment scroll style --- */
.chiptune-theme-march .pause-menu-content {
    background: #F5F0E1;
    border-color: #2D5A27;
}

.chiptune-theme-march .pause-menu-content::before {
    border-color: rgba(45, 90, 39, 0.4);
}

.chiptune-theme-march .pause-menu-scanlines {
    display: none;
}

.chiptune-theme-march .pause-menu-header {
    border-bottom-color: rgba(45, 90, 39, 0.2);
}

.chiptune-theme-march .pause-menu-title {
    color: #2D5A27;
    text-shadow: none;
}

.chiptune-theme-march .pause-menu-subtitle {
    color: #6B5344;
}

.chiptune-theme-march .pause-menu-item {
    color: #3D2B1F;
    border-bottom-color: rgba(45, 90, 39, 0.1);
}

.chiptune-theme-march .pause-menu-item:hover {
    background: rgba(45, 90, 39, 0.08);
    color: #2D5A27;
}

.chiptune-theme-march .pause-menu-item.active {
    color: #2D5A27;
    background: rgba(45, 90, 39, 0.08);
}

.chiptune-theme-march .pause-menu-cursor {
    color: #F4A460;
}

.chiptune-theme-march .pause-menu-item-detail {
    border-bottom-color: rgba(45, 90, 39, 0.1);
}

.chiptune-theme-march .pause-menu-item-detail p {
    color: #6B5344;
}

.chiptune-theme-march .pause-menu-item-detail p strong {
    color: #3D2B1F;
}

.chiptune-theme-march .pause-menu-cta {
    background: #2D5A27;
    color: #F5F0E1;
}

.chiptune-theme-march .pause-menu-resume-btn {
    color: #6B5344;
}

.chiptune-theme-march .pause-menu-resume-btn:hover {
    color: #3D2B1F;
}

/* --- New Here Badge --- */
.chiptune-theme-march .newhere-floating-badge:hover {
    color: #2D5A27;
}

/* =============================================================================
   YEARLY BRACKET OVERRIDES
   ============================================================================= */

.chiptune-theme-march .phase-step {
    background: rgba(245, 240, 225, 0.9);
    border: 1px solid rgba(45, 90, 39, 0.2);
}

.chiptune-theme-march .phase-dot {
    background: #2D5A27;
}

.chiptune-theme-march .champion-play-overlay {
    background: rgba(45, 90, 39, 0.7);
}

.chiptune-theme-march .entry-play-btn {
    background: rgba(45, 90, 39, 0.8);
    color: #F5F0E1;
}

.chiptune-theme-march .champion-title {
    color: #3D2B1F;
}

.chiptune-theme-march .champion-stats .stat-value {
    color: #2D5A27;
}

.chiptune-theme-march .wildcard-entry .song-name {
    color: #3D2B1F;
}

.chiptune-theme-march .champion-card .song-title {
    color: #3D2B1F;
}

.chiptune-theme-march .group-box {
    background: rgba(245, 240, 225, 0.9);
    border: 1px solid rgba(45, 90, 39, 0.2);
}

.chiptune-theme-march .group-entry {
    background: rgba(245, 240, 225, 0.8);
    border: 1px solid rgba(45, 90, 39, 0.15);
}

.chiptune-theme-march .group-entry .song-name {
    color: #3D2B1F;
}

.chiptune-theme-march .vote-counter .vote-pip {
    background: rgba(45, 90, 39, 0.2);
}

.chiptune-theme-march .yearly-matchup {
    background: rgba(245, 240, 225, 0.9);
    border: 1px solid rgba(45, 90, 39, 0.2);
}

.chiptune-theme-march .yearly-bracket-slot {
    background: rgba(245, 240, 225, 0.85);
    border: 1px solid rgba(45, 90, 39, 0.15);
}

.chiptune-theme-march .yearly-bracket-slot.empty {
    background: rgba(221, 213, 195, 0.5);
}

.chiptune-theme-march .yearly-bracket-slot .slot-title {
    color: #3D2B1F;
}

.chiptune-theme-march .yearly-bracket-play-btn {
    background: rgba(45, 90, 39, 0.8);
    color: #F5F0E1;
}

.chiptune-theme-march .yearly-bracket-vote-btn.voted {
    background: rgba(45, 90, 39, 0.85);
    color: #F5F0E1;
}

.chiptune-theme-march .yearly-champ-play {
    background: rgba(45, 90, 39, 0.8);
    color: #F5F0E1;
}

/* =============================================================================
   ROLLING HILLS BACKGROUND
   ============================================================================= */

.chiptune-theme-march .pixel-bg {
    background:
        /* Near hills (darker) - CSS fallback, upgradeable to SVG */
        url('/static/sites/zimventures/chiptune/images/march/hills-near.svg') repeat-x bottom,
        /* Far hills (lighter) */
        url('/static/sites/zimventures/chiptune/images/march/hills-far.svg') repeat-x bottom 40px left 0,
        /* Gradient fallback if SVGs don't load */
        linear-gradient(
            180deg,
            transparent 0%,
            transparent 60%,
            rgba(45, 90, 39, 0.08) 75%,
            rgba(45, 90, 39, 0.15) 100%
        );
    background-size: 800px 120px, 1200px 80px, 100% 100%;
}

/* =============================================================================
   NO CRT SCANLINES for March (override January's body::after)
   ============================================================================= */

.chiptune-theme-march::after {
    display: none;
}

/* =============================================================================
   PLAY BUTTON
   ============================================================================= */

.chiptune-theme-march .player-btn.play-pause {
    background: linear-gradient(135deg, #2D5A27, #4CAF50);
    box-shadow: 0 0 15px rgba(45, 90, 39, 0.3);
}

/* =============================================================================
   FONT OVERRIDES - Adventure feel
   ============================================================================= */

.chiptune-theme-march h1,
.chiptune-theme-march h2,
.chiptune-theme-march h3 {
    font-family: 'Cinzel', 'Times New Roman', serif;
}

.chiptune-theme-march .song-card .song-title,
.chiptune-theme-march .song-card .song-name,
.chiptune-theme-march .player-song-title {
    font-family: 'Lora', 'Georgia', serif;
}

/* =============================================================================
   SCROLLBAR
   ============================================================================= */

.chiptune-theme-march ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.chiptune-theme-march ::-webkit-scrollbar-track {
    background: #E8E0D0;
}

.chiptune-theme-march ::-webkit-scrollbar-thumb {
    background: #8B7355;
    border-radius: 4px;
}

.chiptune-theme-march ::-webkit-scrollbar-thumb:hover {
    background: #6B5344;
}

.chiptune-theme-march .likes-list::-webkit-scrollbar-track {
    background: rgba(232, 224, 208, 0.5);
}

/* =============================================================================
   SELECTION COLOR
   ============================================================================= */

.chiptune-theme-march ::selection {
    background: #2D5A27;
    color: #F5F0E1;
}

/* =============================================================================
   VOTER AVATAR
   ============================================================================= */

.chiptune-theme-march .voter-avatar-placeholder {
    background: #2D5A27;
    color: #F5F0E1;
}

/* =============================================================================
   LINKS
   ============================================================================= */

.chiptune-theme-march a {
    color: #2D5A27;
}

.chiptune-theme-march a:hover {
    color: #3D7A35;
}

/* =============================================================================
   FOOTER
   ============================================================================= */

.chiptune-theme-march .chiptune-footer {
    background: #E8E0D0;
    border-top: 2px solid rgba(45, 90, 39, 0.2);
}

.chiptune-theme-march .chiptune-footer,
.chiptune-theme-march .chiptune-footer a,
.chiptune-theme-march .chiptune-footer p,
.chiptune-theme-march .chiptune-footer span {
    color: #6B5344;
}

.chiptune-theme-march .chiptune-footer a:hover {
    color: #2D5A27;
}