body {
            margin: 0;
            padding: 0;
            background-color: #000;
            font-family: Arial, sans-serif;
            overflow: hidden;
            color: white;
        }
        .screen {
            position: absolute;
            width: 100vw;
            height: 100vh;
            display: none;
            background-size: cover;
            background-position: center;
        }
        .screen.active {
            display: block;
        }
        #entry {
            background-image: url('img/halloween-table-old-wooden-plank-with-orange-pumpkin-in-purple-landscape-with-moonlight.webp'); /* Image libre de maison hantée */
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        /* Chauves-souris volantes */
        .bat {
            position: absolute;
            width: 40px;
            height: 20px;
            background-image: url('img/blood-png-transparent-background-3-492x700.webp'); /* Remplace par une image de chauve-souris si tu en as une */
            background-size: cover;
            opacity: 0.7;
            pointer-events: none;
        }
        /* Jumpscare avec tête de fantôme et sang éclaboussé */
        #jumpscare {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background-color: #710606; /* Rouge sang */
            display: none;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            z-index: 1000;
            font-size: 50px;
            color: #FF0000; /* Rouge sang pour le texte */
            text-shadow: 2px 2px 5px #000;
        }
        #ghost-head {
            width: 300px;
            height: 300px;
            background-image: url('img/portrait-femme.webp'); /* Image libre de tête de fantôme */
            background-size: cover;
            border-radius: 50%;
            box-shadow: 0 0 50px #FF0000;
            transform: scale(0.1); /* Commence petit */
            animation: grow 3s ease-in-out forwards; /* Grandit sur 3 secondes */
        }
        /* Animation d'agrandissement */
        @keyframes grow {
            0% { transform: scale(0.1); }
            100% { transform: scale(5); } /* Grandit pour prendre toute la page (ajuste si besoin) */
        }
        .blood-splatter {
            position: absolute;
            background-color: #FF0000;
            border-radius: 50%;
            opacity: 1;
            pointer-events: none; /* Pour éviter les interactions */
        }
        input, button {
            margin: 10px;
            padding: 10px;
        }
        @keyframes shake {
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(-10px); }
            75% { transform: translateX(10px); }
        }
        .shake { animation: shake 0.10s; }