#mg-pong{max-width:920px;margin:24px auto;padding:clamp(18px,4vw,44px);border-radius:24px;background:#101523;color:#e9eefb;font-family:system-ui,sans-serif;text-align:center;box-shadow:0 20px 60px #10152326}#mg-pong *{box-sizing:border-box}#mg-pong h2{color:#fff;font-size:clamp(30px,5vw,52px);margin:8px 0;letter-spacing:-2px}#mg-pong p{color:#b5bfd5;margin:12px 0}#mg-pong .eyebrow{color:#7fffd4;letter-spacing:3px;font-size:11px;font-weight:800}#mg-pong .score{display:flex;justify-content:space-around;margin:24px 0 16px;font-size:12px;letter-spacing:3px}#mg-pong .score b{display:block;font-size:40px;color:#7fffd4;line-height:1.3}#mg-pong .score span+span b{color:#ffb18a}#pg-canvas{display:block;width:100%;height:auto;background:#080d18;border:1px solid #35415d;border-radius:12px;touch-action:none}#pg-canvas:focus-visible{outline:3px solid #7fffd4;outline-offset:4px}#mg-pong .actions{display:flex;gap:12px;justify-content:center}#mg-pong button{border:1px solid #7fffd4;border-radius:8px;background:#7fffd4;color:#101523;font:700 15px system-ui;padding:13px 24px;cursor:pointer}#mg-pong button+button{background:transparent;color:#e9eefb;border-color:#52617f}#mg-pong button:hover{filter:brightness(1.12)}#mg-pong .help{font-size:12px;margin-top:20px}#pg-status{min-height:24px}