.pong-game{width:100%;height:100%;background-color:#111;border-radius:4px;position:relative;overflow:hidden;min-height:180px}@media (max-width:768px){.pong-game{max-height:80vh;touch-action:none}.pong-close,.pong-leaderboard-btn,.pong-game-over button{padding:8px 12px!important;min-width:40px;min-height:40px}.pong-leaderboard table,.pong-game-over table{width:95%;max-width:none}}.pong-paddle{position:absolute;bottom:10px;width:80px;height:10px;border-radius:5px;background-color:#fff;transform:translateX(-50%);box-shadow:0 0 10px 2px rgba(255,255,255,.7);z-index:5}.pong-ball{position:absolute;border-radius:50%;z-index:4}.pong-score{position:absolute;top:10px;left:0;width:100%;text-align:center;color:#fff;font-family:sans-serif;font-size:18px;font-weight:bold;z-index:10}.pong-missed-balls{position:absolute;top:10px;right:50px;display:flex;gap:5px;z-index:10}.pong-ball-indicator{width:12px;height:12px;border-radius:50%;background-color:#E6186C;box-shadow:0 0 5px 1px #E6186C;transition:opacity .3s}.pong-close{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background-color:rgba(255,255,255,.3);color:#fff;border:0;font-size:16px;line-height:20px;cursor:pointer;z-index:10;transition:background-color .2s}.pong-close:hover{background-color:rgba(255,255,255,.5)}.pong-leaderboard-btn{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:4px;background-color:rgba(255,255,255,.3);color:#fff;border:0;font-size:12px;cursor:pointer;z-index:10;transition:background-color .2s}.pong-leaderboard-btn:hover{background-color:rgba(255,255,255,.5)}.pong-game-over,.pong-leaderboard{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:20}.pong-leaderboard table,.pong-game-over table{border-collapse:collapse;width:80%;max-width:300px;margin-bottom:20px}.pong-leaderboard th,.pong-game-over th{padding:8px;text-align:center;border-bottom:1px solid #fff}.pong-leaderboard td,.pong-game-over td{padding:8px;text-align:center}.pong-leaderboard button,.pong-game-over button{padding:8px 16px;background-color:#333;color:#fff;border:0;border-radius:4px;cursor:pointer;font-size:14px;margin:5px;transition:background-color .2s}.pong-leaderboard button:hover,.pong-game-over button:hover{background-color:#555}.pong-level-up{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:32px;font-weight:bold;text-shadow:0 0 10px rgba(255,255,255,.8);z-index:20;opacity:0;transition:opacity .5s}.pong-game-over input{width:50px;text-align:center;font-size:18px;background-color:#333;color:#fff;border:2px solid #666;border-radius:4px;padding:5px;margin:0 10px}.pong-game{width:100%;height:100%;background-color:#111;border-radius:4px;position:relative;overflow:hidden;min-height:180px}.pong-paddle{position:absolute;bottom:10px;width:100px;height:10px;border-radius:5px;background-color:#fff;transform:translateX(-50%);box-shadow:0 0 10px 2px rgba(255,255,255,.7);z-index:5}.pong-ball{position:absolute;border-radius:50%;z-index:4}.pong-score{position:absolute;top:10px;left:0;width:100%;text-align:center;color:#fff;font-family:sans-serif;font-size:18px;font-weight:bold;z-index:10}.pong-close{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background-color:rgba(255,255,255,.3);color:#fff;border:0;font-size:16px;line-height:20px;cursor:pointer;z-index:10;transition:background-color .2s}.pong-close:hover{background-color:rgba(255,255,255,.5)}.pong-leaderboard-btn{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:4px;background-color:rgba(255,255,255,.3);color:#fff;border:0;font-size:12px;cursor:pointer;z-index:10;transition:background-color .2s}.pong-leaderboard-btn:hover{background-color:rgba(255,255,255,.5)}.pong-game-over,.pong-leaderboard{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:20}.pong-leaderboard table,.pong-game-over table{border-collapse:collapse;width:80%;max-width:300px;margin-bottom:20px}.pong-leaderboard th,.pong-game-over th{padding:8px;text-align:center;border-bottom:1px solid #fff}.pong-leaderboard td,.pong-game-over td{padding:8px;text-align:center}.pong-leaderboard button,.pong-game-over button{padding:8px 16px;background-color:#333;color:#fff;border:0;border-radius:4px;cursor:pointer;font-size:14px;margin:5px;transition:background-color .2s}.pong-leaderboard button:hover,.pong-game-over button:hover{background-color:#555}.pong-level-up{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:32px;font-weight:bold;text-shadow:0 0 10px rgba(255,255,255,.8);z-index:20;opacity:0;transition:opacity .5s}.pong-game-over input{width:50px;text-align:center;font-size:18px;background-color:#333;color:#fff;border:2px solid #666;border-radius:4px;padding:5px;margin:0 10px}