body{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0;font-family:"Press Start 2P",cursive;transition:background-color 1s ease;background-color:#6dc8f3;color:#333;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;touch-action:manipulation}body.night{background-color:#1a1a2e;color:#fff}.game-container{position:relative}canvas{border:4px solid #000;background-color:transparent;width:90vw;max-width:800px;height:auto;aspect-ratio:8 / 3;image-rendering:pixelated;box-shadow:10px 10px #0003;display:block}.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;padding:20px;text-align:center;border:4px solid #fff;color:#fff;width:80%;max-width:400px;z-index:20;user-select:none;-webkit-user-select:none}.overlay.show-buttons .button-group button{animation:slideInButton .5s ease forwards;opacity:0}.overlay.show-buttons .button-group button:nth-child(1){animation-delay:.8s}.overlay.show-buttons .button-group button:nth-child(2){animation-delay:1s}@keyframes slideInButton{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}.overlay h1{color:#f55;margin-bottom:20px;font-size:24px;text-shadow:2px 2px #000}.overlay input{font-family:"Press Start 2P",cursive;padding:10px;margin-bottom:10px;width:80%;text-align:center;border:2px solid #fff;background:#333;color:#fff;text-transform:uppercase;transition:all .3s ease}.input-error{border-color:red!important;background-color:#3a0000!important;color:#f55!important;animation:shake .4s ease-in-out}.input-error::placeholder{color:#f55;opacity:.7}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.overlay button{font-family:"Press Start 2P",cursive;padding:10px 20px;cursor:pointer;background:#fc0;border:2px solid #fff;color:#000;margin-top:10px;box-shadow:4px 4px #000;touch-action:manipulation;user-select:none;-webkit-user-select:none}.overlay button:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.overlay button:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.warning-text{color:#f55;font-size:10px;margin-top:5px;margin-bottom:10px}.info-text{color:#f55;font-size:10px;margin-top:10px;margin-bottom:5px}#verificationInputContainer{margin-top:10px;margin-bottom:10px}.save-status{color:#4caf50;font-size:12px;margin:10px 0}.button-group{display:flex;flex-direction:column;gap:10px;width:100%}.button-group button{width:100%}.mobile-controls{display:none;margin-top:20px}.mobile-controls button{font-family:"Press Start 2P",cursive;font-size:16px;background-color:#fc0;border:4px solid #000;padding:20px 40px;box-shadow:6px 6px #000;color:#000;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}.mobile-controls button:active{box-shadow:2px 2px #000;transform:translate(4px,4px)}.leaderboard-section{margin-top:20px;width:90vw;max-width:600px;text-align:center}.leaderboard-section h2{font-size:16px;margin-bottom:10px;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.leaderboard-container{background:#ffffffe6;border:4px solid #000;padding:10px;box-shadow:8px 8px #0003;max-height:150px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffcc00 #333}.leaderboard-container::-webkit-scrollbar{width:12px}.leaderboard-container::-webkit-scrollbar-track{background:#333;border-left:2px solid #000}.leaderboard-container::-webkit-scrollbar-thumb{background-color:#fc0;border:2px solid #000;box-shadow:inset -2px -2px #0003}.leaderboard-container::-webkit-scrollbar-thumb:hover{background-color:#fd4}body.night .leaderboard-container{background:#333;border-color:#fff;color:#fff}#leaderboardList{list-style:none;padding:0;margin:0}#leaderboardList li{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:2px dashed #ccc;font-size:12px;line-height:1.5}#leaderboardList li:last-child{border-bottom:none}#leaderboardList li span.rank{color:#f55;margin-right:10px}#leaderboardList li span.score{color:#4caf50}.stars{color:#fc0;margin-left:5px;text-shadow:1px 1px 0 #000;letter-spacing:1px}@media (max-width: 1024px){body{overflow-y:auto;height:auto;min-height:100vh;justify-content:center;padding:20px 0}.mobile-controls{display:flex;margin-top:10px}.mobile-controls button{padding:15px 30px;font-size:14px}canvas{width:100vw;max-width:none;border-width:2px;box-shadow:none}.overlay{width:85%;max-width:320px;padding:15px}.overlay h1{font-size:18px;margin-bottom:15px}.overlay p{font-size:12px;margin-bottom:15px}.overlay input{font-size:12px;padding:8px;width:90%;margin-bottom:8px}.overlay button{font-size:12px;padding:8px 16px;margin-top:8px}.leaderboard-section{margin-top:15px;width:95vw}.leaderboard-section h2{font-size:12px;margin-bottom:5px}.leaderboard-container{max-height:100px;padding:5px;border-width:2px;box-shadow:4px 4px #0003}#leaderboardList li{padding:4px 5px;font-size:10px;border-bottom-width:1px}.leaderboard-container::-webkit-scrollbar{width:8px}}.verification-info{background:#fc03;border:3px solid #ffcc00;padding:15px;margin:15px 0;border-radius:8px;box-shadow:0 0 10px #ffcc004d}.verification-title{font-size:12px;color:#fc0;margin:0 0 8px;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.verification-code{font-size:20px;color:#fff;background:#00000080;padding:10px 20px;border:2px solid #ffcc00;border-radius:5px;margin:10px 0;letter-spacing:3px;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.8);box-shadow:inset 0 0 10px #ffcc004d;flex:1;min-width:0;word-break:break-all}.verification-code-row{display:flex;align-items:stretch;gap:8px;width:100%}.copy-code-btn{font-family:"Press Start 2P",cursive;font-size:10px;padding:0 12px;background:#fc0;border:2px solid #ffcc00;border-radius:5px;color:#000;cursor:pointer;margin:10px 0;box-shadow:3px 3px #00000080;touch-action:manipulation;user-select:none;-webkit-user-select:none;white-space:nowrap;transition:background .2s ease,transform .1s ease}.copy-code-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #00000080}.copy-code-btn.copied{background:#4caf50;border-color:#4caf50;color:#fff}.verification-hint{font-size:9px;color:#fd7;margin:8px 0 0;line-height:1.4;text-shadow:1px 1px 0 rgba(0,0,0,.5)}@media (max-width: 600px){.verification-info{padding:10px;margin:10px 0}.verification-title{font-size:10px}.verification-code{font-size:16px;padding:8px 15px;letter-spacing:2px}.verification-hint{font-size:8px}.copy-code-btn{font-size:9px;padding:0 8px;margin:8px 0;box-shadow:2px 2px #00000080}}.lang-switch{position:fixed;top:12px;right:12px;display:flex;gap:4px;z-index:100}.lang-btn{font-family:"Press Start 2P",cursive;font-size:10px;padding:6px 10px;background:#fff;border:2px solid #000;color:#000;cursor:pointer;box-shadow:3px 3px #000;touch-action:manipulation;user-select:none;-webkit-user-select:none}.lang-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.lang-btn.active{background:#fc0}body.night .lang-btn{background:#333;color:#fff;border-color:#fff;box-shadow:3px 3px #fff}body.night .lang-btn.active{background:#fc0;color:#000}@media (max-width: 600px){.lang-switch{top:8px;right:8px}.lang-btn{font-size:9px;padding:5px 8px;box-shadow:2px 2px #000}}