@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');

body {
    background-color: #010103;
    font-family: 'Orbitron', sans-serif;
    color: #ffffff;
}

.neon-text-blue {
    color: #00BFFF;
    text-shadow: 0 0 5px #00BFFF, 0 0 10px #00BFFF, 0 0 20px #00BFFF;
}

.neon-text-pink {
    color: #FF007F;
    text-shadow: 0 0 5px #FF007F, 0 0 10px #FF007F, 0 0 20px #FF007F;
}

.neon-text-green {
    color: #39FF14;
    text-shadow: 0 0 5px #39FF14, 0 0 10px #39FF14, 0 0 20px #39FF14;
}

.neon-box-blue {
    box-shadow: 0 0 5px #00BFFF, 0 0 10px #00BFFF;
    border-color: #00BFFF;
}

.neon-box-pink {
    box-shadow: 0 0 5px #FF007F, 0 0 10px #FF007F;
    border-color: #FF007F;
}

.neon-box-green {
    box-shadow: 0 0 5px #39FF14, 0 0 10px #39FF14;
    border-color: #39FF14;
}

.game-cell {
    background: rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
}

.game-cell:hover {
    background: rgba(255, 255, 255, 0.1);
}

.winning-line {
    position: absolute;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px #FFFFFF, 0 0 20px #FFFF00;
    z-index: 10;
    transform-origin: center;
    transition: width 0.5s ease-out;
}

/* Custom Toggle Switch */
.toggle-checkbox:checked {
    right: 0;
    border-color: #00BFFF;
}
.toggle-checkbox:checked + .toggle-label {
    background-color: #00BFFF;
}