:root{--primary-color: #4CAF50;--secondary-color: #f44336;--background-color: #f0f0f0;--text-color: #333;--card-background: #ffffff}body{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.game-container{box-sizing:border-box;background-color:var(--card-background);padding:2rem;border-radius:15px;box-shadow:0 10px 20px #0000001a;text-align:center;max-width:90%;width:400px;transition:all .3s ease}h1{color:var(--primary-color);margin-bottom:1rem}.input-group{display:flex;justify-content:center;margin-bottom:1rem}input,select{padding:.75rem;font-size:1rem;border:2px solid #ddd;border-radius:5px;outline:none;transition:border-color .3s ease}input:focus,select:focus{border-color:var(--primary-color)}button{padding:.75rem 1.5rem;font-size:1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .1s ease}button:hover{background-color:#45a049}button:active{transform:scale(.98)}#message{margin-top:1rem;font-weight:700;min-height:1.5em}#restart{display:none;margin-top:1rem;background-color:var(--secondary-color);width:100%}#restart:hover{background-color:#d32f2f}.game-info{display:flex;justify-content:space-between;margin-top:1rem;font-size:.9rem;color:#666}#guessHistory{margin-top:1rem;text-align:left}#guessHistory h3{margin-bottom:.5rem}#guessHistory ul{list-style-type:none;padding-left:0;margin:0;max-height:100px;overflow-y:auto}.dark-mode-toggle{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer}body.dark-mode{--background-color: #333;--text-color: #f0f0f0;--card-background: #444}@media(max-width:480px){.game-container{padding:1.5rem}h1{font-size:1.5rem}input,select,button{font-size:.9rem}}