/* Scene Tracker Override Button */
.btn-scene-override {
    font-family: var(--font-heading);
    font-size: 1.2rem;
    letter-spacing: 1px;
    color: white;
    text-shadow: 2px 2px 0px black;
    /* Green, Yellow, Red separated by dark slashes */
    background: linear-gradient(
        110deg,
        var(--color-green) 0%,
        var(--color-green) 28%,
        black 28%,
        black 32%,
        var(--color-yellow) 32%,
        var(--color-yellow) 60%,
        black 60%,
        black 64%,
        var(--color-magenta) 64%,
        var(--color-magenta) 100%
    );
    border: 3px solid black;
    box-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
    transition: transform 0.1s, box-shadow 0.1s;
}

.btn-scene-override:active {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0px 0px rgba(0,0,0,1);
}

/* Modal Zone Selector */
.zone-selector {
    border-radius: 8px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
}

.zone-selector:active {
    transform: scale(0.98);
}