.game-container{width:90%;max-width:500px;margin:40px auto;padding:20px;text-align:center;background:linear-gradient(135deg,#0a7777,#fda085);border-radius:15px;box-shadow:0 8px 16px #0003;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.game-title{font-size:2em;margin-bottom:5px;color:#333}.game-subtitle{font-size:1.2em;margin-bottom:20px;color:#555}.color-box{width:150px;height:150px;margin:20px auto;border:4px solid #333;border-radius:10px}.instructions{font-size:1.1em;margin:15px 0;color:#333}.color-options{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:20px}.color-button{width:60px;height:60px;border:none;border-radius:50%;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.color-button:hover{transform:scale(1.15);box-shadow:0 4px 8px #0000004d}.status{font-size:1.2em;margin:10px 0;color:#333;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeOut .9s forwards}.score{font-weight:700;font-size:1.2em;margin:10px 0;color:#333}.new-game{padding:10px 20px;font-size:1em;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.new-game:hover{background-color:#2980b9;transform:scale(1.05)}@media (max-width: 600px){.game-container{margin:20px auto;padding:15px}.color-box{width:120px;height:120px}.color-button{width:50px;height:50px}.game-title{font-size:1.6em}.game-subtitle,.instructions,.status,.score{font-size:1em}.new-game{padding:8px 16px;font-size:.9em}}@media (max-width: 400px){.game-container{padding:10px}.color-box{width:100px;height:100px}.color-button{width:40px;height:40px}.game-title{font-size:1.4em}.game-subtitle,.instructions,.status,.score{font-size:.9em}.new-game{padding:6px 12px;font-size:.8em}}