.tic-tac-toe{display:grid;gap:16px}.tic-tac-toe__board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,390px);aspect-ratio:1;gap:8px;margin-inline:auto}.tic-tac-toe__cell{display:grid;place-items:center;min-width:0;border:2px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font:700 clamp(2rem,12vw,4.5rem)/1 system-ui,sans-serif;cursor:pointer}.tic-tac-toe__cell.is-selected,.tic-tac-toe__cell:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.tic-tac-toe__cell:disabled{cursor:default}.tic-tac-toe__cell:disabled:not(:empty){background:var(--surface-raised)}@media(prefers-reduced-motion:no-preference){.tic-tac-toe__cell{transition:background-color .15s ease,border-color .15s ease}}