:root {
    --bg: #05060a;
    --accent: #e8d6a7;
}

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

body {
    background: var(--bg);
    height:100vh;
    overflow:hidden;
    font-family: "Montserrat", Arial, sans-serif;
    color:white;
}

/* ============================
   SUPPRESSION BARRE GMOD
   ============================ */
#status, #status div, #download, #progress {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* Parfois GMod crée un div invisible -> on le masque */
body > div[style*="position: absolute"][style*="bottom"] {
    display: none !important;
}

/* ============================
   PARTICULES MAGIQUES
   ============================ */

#particles {
    position:fixed;
    inset:0;
    z-index:0;
}

/* ============================
   SLIDESHOW CINÉMATIQUE
   ============================ */

#slideshow {
    position:fixed;
    inset:0;
    z-index:1;
}

.slide {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity 1.8s ease, filter 8s ease;
}

.slide.active {
    opacity:1;
    filter:blur(2px) brightness(0.9);
}

/* ============================
        LOGO ANIMÉ
   ============================ */

#logoContainer {
    position: absolute;
    right: 50px;
    top: 40px;
    z-index: 5;
    perspective: 800px;
}

@keyframes swingRotate {
    0%   { transform: rotateZ(-6deg); }
    50%  { transform: rotateZ(6deg); }
    100% { transform: rotateZ(-6deg); }
}

#logo {
    width: 220px;
    transform-origin: 50% 50%;
    animation: swingRotate 4.8s ease-in-out infinite;
    filter: drop-shadow(0 0 8px rgba(255,220,120,0.4));
    will-change: transform;
}