/* Pong: the court scales to the screen but never grows past a small size. */
canvas { display: block; width: 100%; max-width: 30rem; aspect-ratio: 8 / 5; border: 2px solid #000; touch-action: none; cursor: none; }
canvas:focus-visible { outline: 2px solid #000; outline-offset: 3px; }
input, button { font: inherit; color: #000; background: #fff; border: 1px solid #000; border-radius: 0; padding: .2rem .5rem; }
button:hover { background: #000; color: #fff; }
table { border-collapse: collapse; }
th, td { border-bottom: 1px solid #000; padding: .2rem .8rem .2rem 0; text-align: left; }
li.note { list-style: none; margin-left: -1.5rem; }