.gttt{--gk-max:26rem}.gttt-turn{font-family:var(--font-mono);font-size:var(--fs-sm);text-align:center;color:var(--text-2);min-height:1.5em}.gttt[data-status=won] .gttt-turn,.gttt[data-status=draw] .gttt-turn{color:var(--text);font-weight:600}.gttt-board{--n:3;grid-template-columns:repeat(var(--n), minmax(0, 1fr));grid-template-rows:repeat(var(--n), minmax(0, 1fr));aspect-ratio:1;gap:var(--s-2);width:100%;padding:var(--s-2);border:1px solid var(--border-strong);border-radius:var(--r-3);background:var(--surface-3);touch-action:manipulation;display:grid}.gttt-row{display:contents}.gttt-cell{aspect-ratio:1;border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--surface);min-width:0;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;padding:0;display:flex}.gttt-cell:hover:not([data-m="1"]):not([data-m="2"]):not([aria-disabled=true]){background:var(--surface-2)}.gttt-cell[aria-disabled=true]{cursor:default}.gttt-cell:focus-visible{outline:2px solid var(--focus);outline-offset:2px;z-index:1}.gttt-cell svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:62%;height:62%}.gttt-cell[data-m="2"]{color:var(--accent-text)}.gttt-cell.is-win{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.gttt-cell.is-last svg{animation:gttt-pop .16s var(--ease)}@keyframes gttt-pop{0%{opacity:0;transform:scale(.6)}}.gttt-cpu-opts{gap:var(--s-2) var(--s-5);flex-wrap:wrap;align-items:flex-end;display:flex}.gttt-cpu-opts[hidden]{display:none}.gttt .gk-options .field{min-width:9rem}.gttt-level-note{flex:1 0 100%;max-width:34rem}@media (prefers-reduced-motion:reduce){.gttt-cell.is-last svg{animation:none}}