/* ==========================================
   NO-IMAGE THEMES
========================================== */
body.cyberpunk {
    background-color: black;
    color: #00ffff;
}

body.midnight {
    background-color: #0a0a23;
    color: #ffffff;
}

body.HackerZone {
    background-color: black;
    color: lime;
}

/* April Fools "Just Dont" Mode */
body.Mode3 {
    background-color: lime !important;
}

body.Mode3 * {
    font-family: "Comic Sans MS", cursive !important;
    color: magenta !important;
    background-color: yellow !important;
    border: 5px dashed red !important;
}

/* ==========================================
   IMAGE-BASED THEMES (BACKGROUNDS)
========================================== */
body.galaxy { 
    background: url('images/galaxy_background.jpg') center/cover no-repeat fixed; 
    color: #a855f7; 
}

body.PaperB { 
    background: url('images/Paper.jpg') center/cover no-repeat fixed;
    color: white; 
}

body.Sky { 
    background: url('images/Sky.jpg') center/cover no-repeat fixed;
    color: rgb(105, 163, 255); 
}

body.Glitch { 
    background: url('images/Glitch.jpg') center/cover no-repeat fixed;
    color: rgb(159, 159, 159); 
}

body.pixelblast { 
    background: url('images/pixel-stars.gif') center/cover no-repeat fixed;
    color: rgb(58, 66, 158); 
}

body.Hackercmd { 
    background: url('images/CMD.gif') center/cover no-repeat fixed;
    color: rgb(58, 66, 158); 
}

body.Cloud { 
    background: url('images/Sky.jpg') center/cover no-repeat fixed;
    color: rgb(173, 216, 230); 
}

body.Desert { 
    background: url('images/Desert.jpg') center/cover no-repeat fixed;
    color: #C2B280; 
}

/* ==========================================
   SHARED CONTAINER STYLES (DUE TO DUPLICATION)
========================================== */
body.galaxy .game-container,
body.PaperB .game-container,
body.Sky .game-container,
body.Glitch .game-container,
body.pixelblast .game-container,
body.Hackercmd .game-container { 
    box-shadow: 0 0 15px rgba(115, 2, 149, 0.5), 0 0 30px rgba(0, 255, 255, 0.2) !important;
    border: 2px solid rgba(113, 11, 191, 0.4) !important;
    background: rgba(0, 0, 0, 0.8) !important;
}

/* ==========================================
   THEME CUSTOM SPECIFICS
========================================== */
/* Cloud Theme Specifics */
body.Cloud .game-container { 
    box-shadow: 0 0 15px rgba(0, 110, 255, 0.5), 0 0 30px rgba(0, 255, 255, 0.2) !important;
    border: 2px solid rgba(0, 89, 255, 0.54) !important;
    background: rgba(0, 0, 0, 0.8) !important;
}

body.Cloud .disclaimer { 
    color: #000000;
}

/* Desert Theme Specifics */
body.Desert .game-container { 
    box-shadow: 0 0 15px rgba(194, 178, 128, 0.6) !important;
    border: 2px solid #C2B280 !important;
    background: rgba(26, 24, 20, 0.9) !important; /* Adjusted slightly so content remains readable over contrast */
}

body.galaxy .disclaimer,
body.Desert .disclaimer { 
    color: #ffffff;
}