/* Custom styles for Nintendo Switch Simulator */

.nintendo-switch-container {
    font-family: 'Courier New', monospace;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

.joy-con-left, .joy-con-right {
    width: 120px;
    height: 400px;
    position: relative;
}

.screen-container {
    width: 480px;
    height: 320px;
    border: 4px solid #1a1a1a;
    box-shadow: 
        inset 0 0 20px rgba(0,0,0,0.5),
        0 0 40px rgba(0,0,0,0.3);
}

.pixelated {
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}

.loading-bar {
    animation: loading 2s ease-in-out forwards;
}

@keyframes loading {
    0% { width: 0%; }
    100% { width: 100%; }
}

/* Button hover effects */
button:hover {
    transform: scale(1.05);
}

button:active {
    transform: scale(0.95);
}

/* Responsive design */
@media (max-width: 768px) {
    .nintendo-switch-container {
        transform: scale(0.7);
        transform-origin: top center;
    }
    
    .joy-con-left, .joy-con-right {
        width: 100px;
        height: 350px;
    }
    
    .screen-container {
        width: 400px;
        height: 280px;
    }
}

@media (max-width: 640px) {
    .nintendo-switch-container {
        transform: scale(0.5);
    }
    
    .joy-con-left, .joy-con-right {
        width: 80px;
        height: 300px;
    }
    
    .screen-container {
        width: 320px;
        height: 240px;
    }
}

/* Game screen effects */
.game-screen {
    background: linear-gradient(45deg, #667eea 0%, #764ba2 100%);
}

/* Special effects */
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Joy-Con glow effect */
.joy-con-left:hover, .joy-con-right:hover {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
}

/* Screen reflection effect */
.screen-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        135deg,
        transparent 40%,
        rgba(255,255,255,0.1) 50%,
        transparent 60%
    );
    pointer-events: none;
    z-index: 10;
}

/* Easter egg styles */
.konami-activated {
    animation: rainbow 2s infinite;
}

@keyframes rainbow {
    0% { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}