.xo-board{aspect-ratio:1;background:var(--ink);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,400px,max(180px,100svh - 480px));margin:0 auto;padding:8px;display:grid}.xo-cell{background:var(--surface);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:12%;display:flex}.xo-cell:not(:disabled):hover{background:color-mix(in srgb,var(--accent)12%,var(--surface))}.xo-cell:disabled{cursor:default}.xo-cell:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.xo-cell.win{background:var(--good-tint)}.xo-mark{fill:none;stroke-width:5px;stroke-linecap:round;width:100%;height:100%}.xo-mark.x{stroke:var(--accent)}.xo-mark.o{stroke:var(--ink)}