body{color:#fff;background:#0f172a;margin:0;font-family:Arial;overflow:hidden auto}#scoreBoard{font-size:20px;position:absolute;top:10px;left:10px}canvas{cursor:crosshair}#missCounter{font-size:20px;position:absolute;top:10px;right:20px}#gameWrapper{width:100%;height:100vh;position:relative;overflow:hidden}#gameDescription{text-align:center;color:#fff;max-width:900px;margin:auto;padding:60px 20px}#gameCanvas{width:100%;height:100vh;display:block}#gameOverScreen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0009;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding-top:30px;padding-bottom:20px;font-size:16px;display:none;position:fixed;top:0;left:0}#gameOverScreen h1{margin-bottom:8px;font-size:45px}#gameOverScreen p{margin:4px 0;font-size:22px}#playAgainBtn{cursor:pointer;margin-top:15px;padding:10px 20px;font-size:16px}.start-screen{color:#000;background-image:url(/assets/start-bg-BxMpa-0D.png);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.game-title{font-size:60px}.key-display{margin-top:10px}.button-container{flex-direction:row;gap:20px;margin-top:15px;display:flex}.menu-button{cursor:pointer;color:#fff;background-color:#d8c4ff;padding:10px 20px;font-size:16px}.menu-button:hover{background-color:#c6aaff}.countdown{font-size:80px}.countdown-screen{background-image:url(/assets/countdown-bg-Dm18-EaK.png)}#scoreMessage{color:gold;text-align:center;margin-top:10px;font-size:18px;font-weight:700}#nameError{color:red;height:16px;margin-top:5px;font-size:14px}#nameInputSection{justify-content:center;align-items:center;margin-top:5px;display:flex}#nameInputSection input{height:36px;padding:5px 10px;font-size:14px}#nameInputSection button{height:50px;margin-left:8px;padding:5px 12px;font-size:14px}#shareSection{justify-content:center;gap:8px;margin-top:10px;display:flex}#shareSection button{cursor:pointer;color:#fff;background-color:#22c55e;border:none;border-radius:6px;padding:8px 12px;font-size:13px}#shareSection button:hover{background-color:#16a34a}#leaderboardContainer{justify-content:center;margin-top:12px;display:flex}#leaderboardGlassCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #fff3;border-radius:18px;gap:20px;padding:15px 25px;animation:.4s ease-in-out fadeIn;display:flex;box-shadow:0 0 15px #ffffff14,0 0 30px #0006}.leaderboard-box{width:200px}.leaderboard-box h3{text-align:center;margin-bottom:10px;font-size:18px}.leaderboard-box ul{padding:0;list-style:none}.leaderboard-box li{color:#ddd;justify-content:space-between;margin:6px 0;font-size:14px;transition:transform .2s;display:flex}.leaderboard-box li:hover{transform:scale(1.05)}.leaderboard-box li:first-child{color:gold;text-shadow:0 0 6px gold}.leaderboard-box li:nth-child(2){color:silver;text-shadow:0 0 5px silver}.leaderboard-box li:nth-child(3){color:#cd7f32;text-shadow:0 0 5px #cd7f32}.rank-message{text-align:center;color:#fff;text-shadow:0 0 8px #ffffff80;margin-bottom:10px;font-size:20px;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
