.game-started .dark-overlay{display:none}.game-started #play-button{display:none}.dark-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.25);z-index:999}#play-button{max-height:30dvh;max-width:30dvw;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1000;cursor:pointer;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;background:linear-gradient(170deg, #e8f5e8, #f0f8f0, #d4f0d4) fixed}*,:after,:before{box-sizing:border-box;margin:0}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-webkit-tap-highlight-color:transparent}#play-sound-button{position:fixed;right:20px;top:14px;background:linear-gradient(145deg, #4CAF50, #45a049);border:none;border-radius:25px;font-size:1.2rem;padding:12px 16px;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:all 0.3s ease;-webkit-tap-highlight-color:transparent}#play-sound-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.3)}#play-sound-button:active{transform:translateY(1px);box-shadow:0 2px 4px rgba(0,0,0,0.2)}#cards-container{display:grid;justify-content:center;align-items:center;max-width:100vw;max-height:100vh;padding:5vh 5vw}#cards-container>.card{background:linear-gradient(145deg, #fff, #f5f5f5);border:3px solid #4CAF50;text-align:center;-webkit-tap-highlight-color:transparent;cursor:pointer}#cards-container>.card.wrong{background:linear-gradient(145deg, #ffcdd2, #ef9a9a);border-color:#d32f2f;animation:wrongShake 0.5s ease-out}#cards-container>.card.correct{background:linear-gradient(145deg, #c8e6c9, #a5d6a7);border-color:#2e7d32}#cards-container>.card.complete{cursor:inherit}@keyframes wrongShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}