.gn-ttt.svelte-dwr1kv{--gn-ttt-x:var(--gn-accent,#3b82f6);--gn-ttt-o:#f0a35e;gap:var(--gn-gap-md,1rem);flex-direction:column;display:flex}.gn-ttt-controls.svelte-dwr1kv{justify-content:space-between;align-items:start;gap:var(--gn-gap-sm,.75rem);flex-wrap:wrap;display:flex}@media (max-width:767.98px){.gn-ttt-controls.svelte-dwr1kv{flex-wrap:nowrap;align-items:center}.gn-ttt-footer.svelte-dwr1kv{flex-direction:column;justify-content:center;align-items:center;margin-block-start:auto}.gn-ttt-actions.svelte-dwr1kv{justify-content:center}}.gn-ttt-mark.svelte-dwr1kv{block-size:100%;inline-size:100%;color:var(--gn-ttt-mark-color,var(--gn-text,#fff));place-items:center;display:grid}.gn-ttt-mark[data-mark=x].svelte-dwr1kv{--gn-ttt-mark-color:var(--gn-ttt-x)}.gn-ttt-mark[data-mark=o].svelte-dwr1kv{--gn-ttt-mark-color:var(--gn-ttt-o)}.gn-ttt-glyph.svelte-dwr1kv{fill:none;stroke:currentColor;stroke-width:9px;stroke-linecap:round;block-size:62%;inline-size:62%;transition:opacity .24s,filter .24s;overflow:visible}.gn-ttt-mark[data-state=dimmed].svelte-dwr1kv .gn-ttt-glyph:where(.svelte-dwr1kv){opacity:.3}.gn-ttt-mark[data-state=winning].svelte-dwr1kv .gn-ttt-glyph:where(.svelte-dwr1kv){filter:drop-shadow(0 0 calc(var(--cell) * .08) currentColor)}@media (prefers-reduced-motion:reduce){.gn-ttt-glyph.svelte-dwr1kv{transition:none}}.gn-ttt-line.svelte-dwr1kv{--gn-ttt-line-color:var(--gn-ttt-x);inline-size:calc(var(--gn-line-span) * (var(--cell) + var(--gn-board-gap)));block-size:calc(var(--cell) * .09);transform-origin:0;transform:translateY(-50%) rotate(var(--gn-line-angle));pointer-events:none;position:absolute;inset-block-start:calc(var(--gn-line-row) * (var(--cell) + var(--gn-board-gap)) + var(--cell) / 2);inset-inline-start:calc(var(--gn-line-column) * (var(--cell) + var(--gn-board-gap)) + var(--cell) / 2)}.gn-ttt-line[data-mark=o].svelte-dwr1kv{--gn-ttt-line-color:var(--gn-ttt-o)}.gn-ttt-line-stroke.svelte-dwr1kv{background:var(--gn-ttt-line-color);block-size:100%;inline-size:100%;box-shadow:0 0 calc(var(--cell) * .2) color-mix(in srgb, var(--gn-ttt-line-color) 55%, transparent);border-radius:999px;display:block}.gn-ttt-footer.svelte-dwr1kv{justify-content:space-between;align-items:center;gap:var(--gn-gap-sm,.75rem);flex-wrap:wrap;display:flex}.gn-ttt-actions.svelte-dwr1kv{gap:.5rem;display:flex}