.pong-container{position:relative;display:flex;justify-content:center;width:600px;height:400px;border:1px solid #ccc;margin:0 auto;overflow:hidden;background-color:#000}.paddle{position:absolute;width:15px;height:100px;margin:2.5px;opacity:1}.paddle-left{left:0;background-color:#00f;box-shadow:0 0 10px 5px #0000ffbf;transition:box-shadow .2s ease-in-out}.paddle.human-active{right:0;background-color:green;box-shadow:0 0 10px 5px #00ff00bf;transition:box-shadow .2s ease-in-out}.paddle.cpu-active{background-color:red;box-shadow:0 0 10px 5px #ff0000bf;transition:box-shadow .2s ease-in-out}.ball{position:absolute;width:20px;height:20px;background-color:#ff0;border-radius:50%;opacity:1;z-index:999;box-shadow:0 0 10px 5px #ffff00bf;transition:box-shadow .2s ease-in-out}.paused{opacity:.5;pointer-events:none;animation-play-state:paused}.controls{justify-content:center;margin-top:20px;text-align:center;display:flex;gap:10px}button{margin:5px;padding:10px 20px;font-size:16px;cursor:pointer}.score-display{position:absolute;top:25%;left:50%;transform:translate(-50%);font-size:140px;color:#fff;opacity:.4;cursor:default}.popup{display:block;position:fixed;height:25%;width:50%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:#fff;padding:20px;border-radius:8px;font-size:56px;text-align:center;cursor:default;z-index:9999}@keyframes collisionEffect{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.paddle.collided{animation:collisionEffect .3s ease-out;box-shadow:0 0 10px 5px #ffffffbf}.burn-effect{animation:burn .2s ease-in-out infinite;box-shadow:0 0 15px 5px #ff0000b3,0 0 30px 10px #ffa500cc;transform:scale(1.2);filter:blur(2px)}@keyframes burn{0%{transform:scale(1.2);opacity:1}50%{transform:scale(1.3);opacity:1}to{transform:scale(1.2);opacity:1}}