/* ----------- */
        /* GLORP THEME */
        /* ----------- */
        
body.glorp-mode {
    --bg: #292929;
    --border:  	#9cb964;
    --text:  	#5cff4a;
    background-image: url('../assets/bg-img/stars.png');
    background-repeat: repeat;
}
        
        /* ---------- */
        /* NOISE MODE */
        /* ---------- */
        
        /* https://www.pixilart.com/palettes/the-noises-palette-68874 */

body.noise-mode {
    --bg: #F8E080;
    --border: #FFAA83;
    --text: #F80000;
    background-image: url('https://i.pinimg.com/736x/bc/f2/9a/bcf29a65ccadf904c0e5f82368101de8.jpg');
    background-repeat: repeat;
    background-size: 300px; 
}

        /* --------------- */
        /* ANTONBLAST MODE */
        /* --------------- */        

        /* https://www.pixilart.com/palettes/anton-blast-94826 */
        
body.antonblast-mode {
    --bg: #AAFF00;
    --border: #FF0000;
    --text: #1E1A33;
    background-image: url('../assets/img/antonblast/antonblast-wallpaper.jpg');
    background-repeat: repeat;
    background-size: 300px;
}

/* =========================================
   2. STYLIZACJA GŁÓWNA (Wspólna dla wszystkich GIF-ów)
   ========================================= */

/* Pozycjonowanie dla grupy 1 (Kirby/Musicbox) */
.gif_1_musicbox, 
.gif_1_musicbox-dark, 
.gif_1_musicbox-noise, 
.gif_1_musicbox-antonblast { /* I added this on 25/05/2026! */
    position: absolute;
    top: -45px; 
    right: -170px;
    width: 80px; 
    z-index: 1;
}

/* Positioning for a group 2 (guestbook bottom gif) */ 
.gif_2_guestbook, 
.gif_2_guestbook-dark, 
.gif_2_guestbook-noise,
.gif_2_guestbook-antonblast{ /* I added this on 25/05/2026! */
    position: absolute;
    bottom: 450px;
    left: 200px;
    width: 100px;
    z-index: 3;
}

/* Positioning for a group 3 (guestbook upper gif) */
.gif_1_guestbook, 
.gif_1_guestbook-dark,
.gif-1-guestbook-antonblast { 
    position: absolute;
    top: -450px;
    left: -22px;
    width: 80px;
    z-index: 1;
}

/* Special position for a fakenoise gif cuz he is to big! */
.gif_1_guestbook-noise {
    position: absolute; 
    top: -518px;
    right: 180px;
    width: 200px; 
    z-index: 1;
}

/* =========================================
   3. LOGIC OF THE VISIBILITY (Display)
   ========================================= */

/* STEP A: You hide everthing with this function! */
/* You can write them after the colen "," so you don't have to write it in every other line. */
.gif_1_musicbox-dark, 
.gif_1_musicbox-noise, 
.gif_1_musicbox-antonblast,
.gif_2_guestbook-dark, 
.gif_2_guestbook-noise,
.gif_1_guestbook-dark,
.gif_1_guestbook-noise,
.gif_2_guestbook-antonblast,
.gif-1-guestbook-antonblast{
    display: none;
}

/* STEP B: We show the appropriate version only when body have class */

/* --- GLORP MODE --- */
body.glorp-mode .gif_1_musicbox { display: none; }
body.glorp-mode .gif_1_musicbox-dark { display: block; }

body.glorp-mode .gif_2_guestbook { display: none; }
body.glorp-mode .gif_2_guestbook-dark { display: block; }

body.glorp-mode .gif_1_guestbook { display: none; }
body.glorp-mode .gif_1_guestbook-dark { display: block; }

/* --- NOISE MODE --- */
body.noise-mode .gif_1_musicbox { display: none; }
body.noise-mode .gif_1_musicbox-noise { display: block; }

body.noise-mode .gif_2_guestbook { display: none; }
body.noise-mode .gif_2_guestbook-noise { display: block; }

body.noise-mode .gif_1_guestbook { display: none; }
body.noise-mode .gif_1_guestbook-noise { display: block; }

/* --- ANTONBLAST MODE --- */
body.antonblast-mode .gif_1_musicbox { display: none; }
body.antonblast-mode .gif_1_musicbox-antonblast { display: block; }

body.antonblast-mode .gif_2_guestbook { display: none; }
body.antonblast-mode .gif_2_guestbook-antonblast { display: block; }

body.antonblast-mode .gif_1_guestbook { display: none; }
body.antonblast-mode .gif-1-guestbook-antonblast { display: block; }