.ut-big{--gap:clamp(5px,1.6vw,10px);gap:var(--gap);aspect-ratio:1;width:min(100%,480px,max(270px,100svh - 300px));padding:var(--gap);background:var(--ink);border-radius:var(--radius);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;display:grid}.ut-small{background:var(--line);border-radius:8px;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;min-width:0;min-height:0;padding:3px;display:grid;position:relative}.ut-small.lit{background:var(--accent)}.ut-small.open{background:var(--muted)}.ut-small.win{background:var(--good)}.ut-cell{background:var(--surface);cursor:default;border:0;border-radius:4px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:12%;display:flex;overflow:hidden}.ut-small.lit .ut-cell:not(:disabled){cursor:pointer}.ut-small.lit .ut-cell:not(:disabled):hover{background:color-mix(in srgb,var(--accent)14%,var(--surface))}.ut-cell:focus-visible{outline:3px solid var(--sun);outline-offset:1px;z-index:1}.ut-cell.last{background:var(--good-tint)}.ut-small.done .ut-cell{opacity:.35}.ut-claim{pointer-events:none;display:flex;position:absolute;inset:6%}.ut-mark{fill:none;stroke-width:5px;stroke-linecap:round;width:100%;height:100%}.ut-mark.x{stroke:var(--accent)}.ut-mark.o{stroke:var(--ink)}.ut-claim .ut-mark{stroke-width:4px}.ut-small.lit .ut-mark.x{stroke:var(--accent)}