body {
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ff00ff; /* Neon Pink */
    overflow: hidden;
    font-family: 'Courier New', Courier, monospace;
}

#stage {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#ok-button {
    padding: 15px 40px;
    font-size: 24px;
    background-color: white;
    border: 4px solid #000;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 5px 5px 0px #000;
    transition: transform 0.1s;
}

#ok-button:active {
    transform: translate(2px, 2px);
    box-shadow: 3px 3px 0px #000;
}

.hidden {
    display: none !important;
}

/* Neon Strobe Background */
.strobe-bg {
    animation: strobe 0.2s infinite;
}

@keyframes strobe {
    0% { background-color: #ff00ff; }
    20% { background-color: #00ffff; }
    40% { background-color: #00ff00; }
    60% { background-color: #ffff00; }
    80% { background-color: #ff0000; }
    100% { background-color: #ff00ff; }
}

/* Pixel Ghost using box-shadow */
.pixel-ghost {
    width: 10px;
    height: 10px;
    background: transparent;
    position: relative;
    /* Drawing a simple 12x12 ghost */
    /* Color: White (#fff) */
    box-shadow: 
        40px 10px #fff, 50px 10px #fff, 60px 10px #fff, 70px 10px #fff,
        30px 20px #fff, 40px 20px #fff, 50px 20px #fff, 60px 20px #fff, 70px 20px #fff, 80px 20px #fff,
        20px 30px #fff, 30px 30px #fff, 40px 30px #fff, 50px 30px #fff, 60px 30px #fff, 70px 30px #fff, 80px 30px #fff, 90px 30px #fff,
        20px 40px #fff, 30px 40px #000, 40px 40px #fff, 50px 40px #fff, 60px 40px #fff, 70px 40px #000, 80px 40px #fff, 90px 40px #fff,
        20px 50px #fff, 30px 50px #000, 40px 50px #fff, 50px 50px #fff, 60px 50px #fff, 70px 50px #000, 80px 50px #fff, 90px 50px #fff,
        20px 60px #fff, 30px 60px #fff, 40px 60px #fff, 50px 60px #fff, 60px 60px #fff, 70px 60px #fff, 80px 60px #fff, 90px 60px #fff,
        20px 70px #fff, 30px 70px #fff, 40px 70px #fff, 50px 70px #fff, 60px 70px #fff, 70px 70px #fff, 80px 70px #fff, 90px 70px #fff,
        20px 80px #fff, 30px 80px #fff, 40px 80px #fff, 50px 80px #fff, 60px 80px #fff, 70px 80px #fff, 80px 80px #fff, 90px 80px #fff,
        20px 90px #fff, 40px 90px #fff, 60px 90px #fff, 80px 90px #fff, 100px 90px #fff;
    animation: dance 0.5s infinite alternate ease-in-out;
}

@keyframes dance {
    from { transform: translateY(0) rotate(-5deg) scale(2); }
    to { transform: translateY(-30px) rotate(5deg) scale(2.2); }
}

#ghost-container {
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}