.ttt-hero[data-astro-cid-3nsicfnd]{align-items:flex-start;gap:var(--ct-space-3);margin-bottom:var(--ct-space-6);flex-direction:column;display:flex;container-type:inline-size}.ttt-hero__sub[data-astro-cid-3nsicfnd]{max-width:62ch;font-size:var(--ct-text-md);color:var(--ct-text-main);margin:0;font-weight:600}.ttt-app[data-astro-cid-3nsicfnd]{--ttt-board-max:420px;align-items:center;gap:var(--ct-space-4);padding:var(--ct-space-5);border:var(--ct-arc-line) solid var(--ct-arc-ink);border-radius:var(--ct-exp-radius-lg);background:var(--ct-arc-paper-2);box-shadow:var(--ct-arc-shadow-lg);flex-direction:column;display:flex;container:ttt-stage/inline-size}.ttt-panel[data-astro-cid-3nsicfnd]{align-items:center;gap:var(--ct-space-3);flex-direction:column;width:100%;display:flex}.ttt-controls[data-astro-cid-3nsicfnd]{justify-content:space-between;align-items:center;gap:var(--ct-space-3);flex-wrap:wrap;width:100%;display:flex}.ttt-settings[data-astro-cid-3nsicfnd],.ttt-tools[data-astro-cid-3nsicfnd],.ttt-group[data-astro-cid-3nsicfnd],.ttt-scores[data-astro-cid-3nsicfnd],.ttt-actions[data-astro-cid-3nsicfnd]{justify-content:center;align-items:center;gap:var(--ct-space-2);flex-wrap:wrap;display:flex}.ttt-group[data-astro-cid-3nsicfnd][hidden]{display:none}.ttt-icon-chip[data-astro-cid-3nsicfnd]{padding:8px 12px;line-height:0}.ttt-icon-chip[data-astro-cid-3nsicfnd][aria-pressed=true]{background:var(--ct-game-surface-raised)}.ttt-icon-chip__on[data-astro-cid-3nsicfnd],.ttt-icon-chip__off[data-astro-cid-3nsicfnd]{color:var(--ct-arc-ink);display:inline-flex}.ttt-icon-chip[data-astro-cid-3nsicfnd][aria-pressed=true] .ttt-icon-chip__off[data-astro-cid-3nsicfnd],.ttt-icon-chip[data-astro-cid-3nsicfnd][aria-pressed=false] .ttt-icon-chip__on[data-astro-cid-3nsicfnd]{display:none}.ttt-score--x[data-astro-cid-3nsicfnd] .arc-stat__value[data-astro-cid-3nsicfnd]{color:var(--ct-arc-pink)}.ttt-score--o[data-astro-cid-3nsicfnd] .arc-stat__value[data-astro-cid-3nsicfnd]{color:var(--ct-arc-cyan)}.ttt-status[data-astro-cid-3nsicfnd]{font-size:var(--ct-text-md);margin:0}.ttt-status[data-astro-cid-3nsicfnd][data-tone=win]{background:var(--ct-arc-lime)}.ttt-status[data-astro-cid-3nsicfnd][data-tone=draw]{background:var(--ct-arc-cyan)}.ttt-play[data-astro-cid-3nsicfnd]{align-items:center;gap:var(--ct-space-4);flex-direction:column;width:100%;display:flex}.ttt-boardwrap[data-astro-cid-3nsicfnd]{width:min(100%, var(--ttt-board-max));position:relative}.ttt-board[data-astro-cid-3nsicfnd]{aspect-ratio:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ttt-hint[data-astro-cid-3nsicfnd]{min-height:1.4em;font-size:var(--ct-text-sm);color:var(--ct-text-muted);text-align:center;margin:0;font-weight:700}@container ttt-stage (width<=480px){.ttt-controls[data-astro-cid-3nsicfnd]{justify-content:center}}.ct-stage--max .ttt-app[data-astro-cid-3nsicfnd]{height:100%;padding:var(--ct-space-3);box-shadow:none;overscroll-behavior:contain;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid}.ct-stage--max .ttt-panel[data-astro-cid-3nsicfnd],.ct-stage--max .ttt-actions[data-astro-cid-3nsicfnd]{width:100%}.ct-stage--max .ttt-play[data-astro-cid-3nsicfnd]{justify-items:center;gap:var(--ct-space-2);grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid;container-type:size}.ct-stage--max .ttt-boardwrap[data-astro-cid-3nsicfnd]{width:min(100cqw, 100cqh, var(--ttt-board-max));align-self:center}.ttt-cell{border:var(--ct-arc-line) solid var(--ct-arc-ink);border-radius:var(--ct-exp-radius-md);background:var(--ct-game-surface-raised);min-width:0;min-height:0;box-shadow:var(--ct-arc-shadow-sm);cursor:pointer;transition:transform var(--ct-exp-motion-fast) var(--ct-exp-ease-bounce), background-color var(--ct-exp-motion-fast) ease-out;place-items:center;padding:0;display:grid;position:relative}.ttt-cell:hover:not(:disabled){background:var(--ct-arc-yellow);transform:translateY(-3px)rotate(-1deg)}.ttt-cell:disabled{cursor:default}.ttt-cell:focus-visible{outline:4px solid var(--ct-arc-purple);outline-offset:3px}.ttt-cell.is-win{background:var(--ct-arc-lime);animation:ttt-win-pop .42s var(--ct-exp-ease-bounce)}@keyframes ttt-win-pop{0%{transform:scale(1)}50%{transform:scale(1.1)rotate(3deg)}to{transform:scale(1)}}.ttt-ink{fill:none;stroke-width:11px;stroke-linecap:round;stroke-linejoin:round;width:76%;height:76%}.ttt-cell[data-mark=X] .ttt-ink{stroke:var(--ct-arc-pink)}.ttt-cell[data-mark=O] .ttt-ink{stroke:var(--ct-arc-cyan)}.ttt-ink path{stroke-dasharray:240;stroke-dashoffset:240px;animation:.32s ease-out forwards ttt-draw}.ttt-ink path:nth-child(2){animation-delay:.14s}@keyframes ttt-draw{to{stroke-dashoffset:0}}.ttt-line{height:12px;width:var(--ttt-len,0);transform-origin:0;transform:translate(var(--ttt-x,0), calc(var(--ttt-y,0) - 6px)) rotate(var(--ttt-angle,0deg));background:var(--ct-arc-ink);pointer-events:none;border-radius:999px;position:absolute;top:0;left:0}.ttt-line.is-draw{animation:.32s ease-out both ttt-line}@keyframes ttt-line{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.ttt-cell:hover:not(:disabled),.ttt-cell.is-win{animation:none;transform:none}.ttt-ink path{stroke-dashoffset:0;animation:none}.ttt-line.is-draw{animation:none}}