.simon-game-container{display:flex;justify-content:center;align-items:center;min-height:534px;padding:20px}.simon-game{position:relative;width:400px;height:400px;border-radius:50%;background:#333;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px rgba(0,0,0,0.3)}.simon-game.start-mode .simon-buttons{opacity:0.3;pointer-events:none}.simon-game.start-mode .simon-start-text{display:block}.simon-start-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,0.8);color:white;padding:20px 30px;border-radius:10px;font-size:18px;font-weight:bold;cursor:pointer;z-index:10;display:none;text-align:center;transition:all 0.3s ease}.simon-start-text:hover{background:rgba(0,0,0,0.9);transform:translate(-50%, -50%) scale(1.05)}.simon-buttons{position:absolute;width:100%;height:100%;border-radius:50%;overflow:hidden;transition:opacity 0.3s ease}.simon-row{display:flex;width:100%;height:50%}.simon-row.simon-row-top .simon-button:first-child{border-top-left-radius:100%;border-top:4px solid #333;border-left:4px solid #333}.simon-row.simon-row-top .simon-button:last-child{border-top-right-radius:100%;border-top:4px solid #333;border-right:4px solid #333}.simon-row.simon-row-bottom .simon-button:first-child{border-bottom-left-radius:100%;border-bottom:4px solid #333;border-left:4px solid #333}.simon-row.simon-row-bottom .simon-button:last-child{border-bottom-right-radius:100%;border-bottom:4px solid #333;border-right:4px solid #333}.simon-button{width:50%;height:100%;cursor:pointer;transition:all 0.2s ease;position:relative}.simon-button.simon-button-green{background:#4CAF50}.simon-button.simon-button-green:hover{background:#66BB6A}.simon-button.simon-button-green.active{background:#81C784;box-shadow:inset 0 0 20px rgba(255,255,255,0.5)}.simon-button.simon-button-red{background:#F44336}.simon-button.simon-button-red:hover{background:#EF5350}.simon-button.simon-button-red.active{background:#E57373;box-shadow:inset 0 0 20px rgba(255,255,255,0.5)}.simon-button.simon-button-yellow{background:#FFC107}.simon-button.simon-button-yellow:hover{background:#FFD54F}.simon-button.simon-button-yellow.active{background:#FFE082;box-shadow:inset 0 0 20px rgba(255,255,255,0.5)}.simon-button.simon-button-blue{background:#2196F3}.simon-button.simon-button-blue:hover{background:#42A5F5}.simon-button.simon-button-blue.active{background:#64B5F6;box-shadow:inset 0 0 20px rgba(255,255,255,0.5)}.nav__content button{cursor:pointer}.simon-center{position:absolute;width:80px;height:80px;background:#333;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:5;box-shadow:0 0 10px rgba(0,0,0,0.5)}.simon-logo{color:white;font-size:14px;font-weight:bold;text-align:center;line-height:1.2}@media (max-width: 768px){.simon-game-container{min-height:400px;padding:10px}.simon-game{width:300px;height:300px}.simon-center{width:60px;height:60px}.simon-logo{font-size:12px}.simon-start-text{font-size:16px;padding:15px 25px}}@media (max-width: 480px){.simon-game{width:250px;height:250px}.simon-center{width:50px;height:50px}.simon-logo{font-size:10px}.simon-start-text{font-size:14px;padding:12px 20px}}@keyframes simonPulse{0%{transform:scale(1);box-shadow:inset 0 0 20px rgba(255,255,255,0.5)}50%{transform:scale(0.95);box-shadow:inset 0 0 30px rgba(255,255,255,0.8)}100%{transform:scale(1);box-shadow:inset 0 0 20px rgba(255,255,255,0.5)}}.simon-button.active{animation:simonPulse 0.6s ease-in-out}.simon-game-over{text-align:center}.simon-game-over .game-over-stats{margin-bottom:20px}.simon-game-over .game-over-stats .stat-item{display:flex;justify-content:space-between;margin-bottom:10px;padding:5px 0;border-bottom:1px solid #eee}.simon-game-over .game-over-stats .stat-item .stat-label{font-weight:bold;color:#666}.simon-game-over .game-over-stats .stat-item .stat-value{color:#333;font-size:18px}.simon-game-over .game-over-actions .btn{padding:10px 20px;background:#2196F3;color:white;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background 0.3s ease}.simon-game-over .game-over-actions .btn:hover{background:#1976D2}.simon-progress-loss{text-align:center}.simon-progress-loss p{margin-bottom:10px;color:#666}


/*# sourceMappingURL=simon.css.fd880b527333.map */