*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:#000;color:#33ff66;font-family:"Courier New",monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-shadow:0 0 6px #33ff66}.score{display:flex;gap:60px;font-size:32px;letter-spacing:2px;font-variant-numeric:tabular-nums}.field{position:relative;width:780px;height:480px;max-width:90vw;border:3px solid #33ff66;background:#000;box-shadow:0 0 18px rgba(51,255,102,.45),inset 0 0 60px rgba(51,255,102,.08);overflow:hidden}.net{position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translateX(-50%);background:repeating-linear-gradient(to bottom,#33ff66 0 14px,transparent 14px 28px);opacity:.5}.paddle{position:absolute;top:0;left:0;width:10px;height:90px;background:#33ff66;box-shadow:0 0 12px rgba(51,255,102,.8);will-change:transform}.ball{position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;background:#33ff66;box-shadow:0 0 12px #33ff66,0 0 26px rgba(51,255,102,.55);will-change:transform}