body{display:grid;place-content:center;gap:2ch}ul{display:grid;grid:auto-flow 17vw/17vw;gap:2ch;max-block-size:100vh;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;margin:0;padding:2ch;scroll-padding-block:2ch}@media (prefers-reduced-motion:no-preference){ul{scroll-behavior:smooth}}ul>li{scroll-snap-align:start;background:CanvasText;color:Canvas;display:grid}ul>li.selected{background:#ff69b4}