.motion-main{max-width:1680px;margin:auto;padding-top:12px}.motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.study{min-width:0}.study-tile{position:relative;aspect-ratio:.92;background:var(--tile);border-radius:6px;overflow:hidden;color:var(--tile-ink)}.study-meta,.study-footer{position:absolute;left:24px;right:24px;font:400 10px/1.5 DM Mono,monospace;letter-spacing:.06em}.study-meta{top:22px;z-index:1}.study-footer{bottom:22px}.study-art{position:absolute;inset:10% 3% 9%;display:grid;place-items:center}.study-art svg{width:100%;height:100%;overflow:visible;cursor:grab;touch-action:none}.study-art svg.dragging{cursor:grabbing}.card-transport{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 4px 22px;color:var(--muted);font:400 10px/1.5 DM Mono,monospace;letter-spacing:.04em}.speed-label{display:flex;align-items:center;gap:10px}.card-transport button,.card-transport select{border:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer;padding:6px 0}.card-speed{min-width:52px}.card-shuffle:hover{text-decoration:underline;text-underline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #ff0878;outline-offset:5px}@media(max-width:850px){.motion-grid{gap:12px}.study-meta,.study-footer{left:15px;right:15px;font-size:8px}}@media(max-width:600px){.motion-grid{grid-template-columns:1fr}.study-tile{aspect-ratio:1.05}.study-meta,.study-footer{font-size:10px}}