.pong-wrap{display:flex;flex-direction:column;align-items:center;gap:.75rem;touch-action:none}.pong-stage{position:relative;display:inline-block;max-width:100%}.pong-canvas{display:block;background-color:#0a0d14;border:1px solid var(--border-lit);border-radius:.5rem;max-width:100%;touch-action:none}.pong-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pong-restart-btn{position:absolute;top:66%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--accent)}.pong-restart-btn:hover{background:var(--accent-soft);color:var(--accent)}.pong-instructions{margin:0;font-size:.8rem;color:var(--text-faint)}@media(max-width:575px){.pong-canvas{width:100%;height:auto}}