@import"https://fonts.googleapis.com/css?family=Press+Start+2P";body{margin:0;display:flex;min-height:100vh}#root{width:100%}#score{position:absolute;top:20px;left:20px;font-size:2em;color:#fff}#controls{position:absolute;bottom:40px;min-width:100%;display:flex;align-items:flex-end;justify-content:center}#controls div{display:grid;grid-template-columns:50px 50px 50px;gap:10px}#controls button{width:100%;height:40px;background-color:#fff;border:1px solid lightgray;box-shadow:3px 5px #000000bf;cursor:pointer;outline:none}#controls button:first-of-type{grid-column:1/-1}.result-container{position:absolute;min-width:100%;min-height:100%;top:0;display:flex;align-items:center;justify-content:center}.result-container .result{display:flex;flex-direction:column;align-items:center;background-color:#fff;max-width:400px;padding:20px}.result-container button{background-color:red;padding:20px 50px;font-family:inherit;font-size:inherit;cursor:pointer}.new-highscore{color:gold;font-weight:700;animation:pulse 1s infinite alternate}.highscore{margin-top:0}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.audio-controls{position:absolute;top:10px;right:10px;z-index:100}.mute-button{background-color:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;padding:0}.audio-toggle{margin-top:15px;font-size:.8em;color:#666}.audio-toggle input{margin-right:5px}.username-input{padding:10px;font-size:16px;margin-bottom:15px;width:100%;max-width:300px;border:2px solid #ccc;border-radius:4px}.username-input:focus{outline:none;border-color:#666}.result-title{text-align:center;font-size:1rem}.result-p{text-align:center}.game-over-buttons{display:flex;justify-content:center;flex-direction:column;gap:15px;margin:20px 0}.leaderboard-link{text-decoration:none}.start-game-btn:hover{background-color:#f33;transform:scale(1.05);box-shadow:0 0 8px #ff000080;transition:all .2s ease}.start-game-btn{transition:all .2s ease}.result button:not(.leaderboard-button):hover{background-color:#f33;transform:scale(1.05);box-shadow:0 0 8px #ff000080;transition:all .2s ease}.result button:not(.leaderboard-button){transition:all .2s ease}.leaderboard-button:hover{background-color:#0f0;color:#000;box-shadow:0 0 10px #0f0}.leaderboard-button{background-color:#000;color:#000;border:2px solid #000;padding:6px 12px;font-size:.8em;font-family:"Press Start 2P",cursive;cursor:pointer;transition:all .3s}.game{position:relative;width:100%;height:100%;font-family:"Press Start 2P",cursive;background-color:#000}.credit{position:absolute;bottom:15px;right:15px;font-size:.8em;color:#fff;font-family:"Press Start 2P",cursive;opacity:.85;z-index:100;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.credit a{color:#fff;text-decoration:none;padding:3px 6px;background-color:#0006;border-radius:4px}.credit a:hover{color:#0f0;text-decoration:underline;background-color:#000000b3}.leaderboard-container{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;min-height:100vh;background-color:#000;color:#fff;font-family:"Press Start 2P",cursive;padding:20px}.leaderboard{background-color:#111;border:4px solid #444;padding:30px;max-width:600px;width:100%;box-shadow:0 0 20px #00ff0080}.leaderboard-title{text-align:center;color:#0f0;margin-bottom:30px;font-size:28px;text-shadow:0 0 10px #0f0;letter-spacing:2px}.loading,.error,.no-scores{text-align:center;padding:20px;color:#0f0}.error{color:red}.scores-table{margin-bottom:30px}.table-header,.table-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:2px solid #333}.table-header{color:#0f0;border-bottom:2px solid #0f0;margin-bottom:10px}.rank{width:20%;text-align:center}.player{width:50%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score{width:30%;text-align:right}.back-button{background-color:#000;color:#0f0;border:2px solid #0f0;padding:10px 20px;font-family:"Press Start 2P",cursive;cursor:pointer;display:block;margin:0 auto;transition:all .3s}.back-button:hover{background-color:#0f0;color:#000;box-shadow:0 0 10px #0f0}.back-link{text-decoration:none}