/* Custom styles for authentic StarTAC look */

.screen-glow {
    box-shadow: inset 0 0 10px rgba(0, 255, 100, 0.3), 0 0 5px rgba(0, 255, 100, 0.2);
}

.btn-keypad:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
}

.btn-green:active, .btn-red:active {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
}

.phone-container {
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.5));
}

.phone-upper {
    border-bottom: 1px solid #333;
}

.phone-lower {
    border-top: 1px solid #333;
}

/* Flip animation enhancement */
.phone-upper {
    backface-visibility: hidden;
}

/* Retro LCD effect */
.bg-black {
    background: linear-gradient(135deg, #001100 0%, #003300 100%);
}

/* Button press feedback */
@keyframes buttonPress {
    0% { transform: scale(1); }
    50% { transform: scale(0.95); }
    100% { transform: scale(1); }
}

.btn-keypad:active,
.btn-green:active,
.btn-red:active {
    animation: buttonPress 0.1s ease-in-out;
}

/* Signal bars animation */
@keyframes signalFlicker {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

/* Battery low warning */
@keyframes batteryLow {
    0%, 100% { color: #10b981; }
    50% { color: #ef4444; }
}

/* Authentic plastic texture */
.phone-upper, .phone-lower {
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
}

/* Screen scanlines effect */
.bg-black::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 1px,
        rgba(0, 255, 100, 0.05) 1px,
        rgba(0, 255, 100, 0.05) 2px
    );
    pointer-events: none;
}

/* Retro glow for the entire phone when powered */
.phone-container.open {
    animation: phoneGlow 3s ease-in-out infinite alternate;
}

@keyframes phoneGlow {
    0% { filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.5)); }
    100% { filter: drop-shadow(0 10px 25px rgba(0, 255, 100, 0.1)); }
}