/* Core 9UY Utility Background */
body {
    background-color: #0a0a0a;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 30px 30px;
}

/* Scanline Effect */
.scanline {
    position: fixed;
    inset: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.15) 50%);
    background-size: 100% 4px;
    pointer-events: none;
    z-index: 50;
    opacity: 0.2;
}

/* Hide number input spinners */
.hide-arrows::-webkit-outer-spin-button,
.hide-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.hide-arrows {
    -moz-appearance: textfield;
}

/* Blinking colon / timer alert state */
.timer-pulse {
    animation: flashAlert 1s infinite alternate;
}

@keyframes flashAlert {
    0% { color: #ef4444; text-shadow: 0 0 20px rgba(239, 68, 68, 0.4); }
    100% { color: #fca5a5; text-shadow: 0 0 30px rgba(239, 68, 68, 0.8); }
}

.custom-display-wrapper {
    transition: border-color 0.3s;
}
.custom-display-wrapper.ringing {
    border-color: #ef4444;
}