.ttt[data-astro-cid-goxk4klw]{max-width:24rem;margin-inline:auto}.mode-btn[data-astro-cid-goxk4klw]{font-family:var(--font-mono);font-size:.78rem;font-weight:600;padding:.4rem .85rem;border-radius:.55rem;color:#e7e7f399;border:1px solid rgba(255,255,255,.1);background:#ffffff08;transition:all .18s ease}.mode-btn[data-astro-cid-goxk4klw]:hover{color:#fff;border-color:var(--color-cyan)}.mode-btn[data-astro-cid-goxk4klw].is-active{color:#04212a;background:var(--color-cyan);border-color:var(--color-cyan)}.ttt-frame[data-astro-cid-goxk4klw]{position:relative;aspect-ratio:1;--ttt-stroke: max(3px, 1.2%);--ttt-strike: max(4px, 5.4%);--ttt-inset: 3.5%}.ttt-lattice[data-astro-cid-goxk4klw]{position:absolute;inset:0;pointer-events:none;z-index:0}.ttt-rule[data-astro-cid-goxk4klw]{position:absolute;overflow:hidden;display:grid;place-items:center;font-family:var(--font-mono);font-style:normal;line-height:0;font-size:700px;color:#22d3eeb8;border-radius:999px;box-shadow:0 0 10px #22d3ee66}.ttt-rule[data-astro-cid-goxk4klw].h{left:var(--ttt-inset);right:var(--ttt-inset);height:var(--ttt-stroke);transform:translateY(-50%)}.ttt-rule[data-astro-cid-goxk4klw].v{top:var(--ttt-inset);bottom:var(--ttt-inset);width:var(--ttt-stroke);transform:translate(-50%)}.ttt-grid[data-astro-cid-goxk4klw]{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);clip-path:inset(var(--ttt-inset))}.ttt-cell[data-astro-cid-goxk4klw]{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:.32rem;border:none;background:transparent;cursor:pointer;color:#fff}.ttt-cell[data-astro-cid-goxk4klw]:before{content:"";position:absolute;inset:.32rem;z-index:0;border-radius:.7rem;pointer-events:none;background-color:transparent;transition:background-color .15s ease}.ttt-cell[data-astro-cid-goxk4klw]:nth-child(3n+1):before{left:max(.32rem,10.5%)}.ttt-cell[data-astro-cid-goxk4klw]:nth-child(3n):before{right:max(.32rem,10.5%)}.ttt-cell[data-astro-cid-goxk4klw]:nth-child(-n+3):before{top:max(.32rem,10.5%)}.ttt-cell[data-astro-cid-goxk4klw]:nth-child(n+7):before{bottom:max(.32rem,10.5%)}.ttt-cell[data-astro-cid-goxk4klw]:hover:not(.filled):before{background-color:#22d3ee17}.ttt-cell[data-astro-cid-goxk4klw].filled{cursor:default}.ttt-mark[data-astro-cid-goxk4klw]{--lift: -.058em;z-index:2;line-height:1;transform:translateY(var(--lift));font-family:var(--font-mono);font-weight:800;font-size:clamp(2.2rem,12vw,3.4rem)}.ttt-cell[data-astro-cid-goxk4klw].x .ttt-mark[data-astro-cid-goxk4klw]{color:#22d3ee;text-shadow:0 0 18px #22d3ee88}.ttt-cell[data-astro-cid-goxk4klw].o .ttt-mark[data-astro-cid-goxk4klw]{color:#f472b6;text-shadow:0 0 18px #f472b688}.ttt-cell[data-astro-cid-goxk4klw].pop .ttt-mark[data-astro-cid-goxk4klw]{animation:ttt-pop .16s ease}@keyframes ttt-pop{0%{transform:translateY(var(--lift)) scale(.6)}to{transform:translateY(var(--lift)) scale(1)}}.ttt-line[data-astro-cid-goxk4klw]{position:absolute;inset:0;pointer-events:none;z-index:0}.ttt-line[data-astro-cid-goxk4klw] i[data-astro-cid-goxk4klw]{position:absolute;left:50%;top:50%;overflow:hidden;display:none;place-items:center;font-family:var(--font-mono);font-style:normal;line-height:0;font-size:400px;color:var(--color-lime);border-radius:999px;box-shadow:0 0 11px #a3e635cc}.ttt-line[data-astro-cid-goxk4klw].h i[data-astro-cid-goxk4klw],.ttt-line[data-astro-cid-goxk4klw].v i[data-astro-cid-goxk4klw],.ttt-line[data-astro-cid-goxk4klw].d i[data-astro-cid-goxk4klw],.ttt-line[data-astro-cid-goxk4klw].d2 i[data-astro-cid-goxk4klw]{display:grid;animation:ttt-strike .22s ease-out both}.ttt-line[data-astro-cid-goxk4klw].h i[data-astro-cid-goxk4klw]{width:calc(100% + var(--ttt-strike));height:var(--ttt-strike);transform:translate(-50%,-50%)}.ttt-line[data-astro-cid-goxk4klw].v i[data-astro-cid-goxk4klw]{width:var(--ttt-strike);height:calc(100% + var(--ttt-strike));transform:translate(-50%,-50%)}.ttt-line[data-astro-cid-goxk4klw].d i[data-astro-cid-goxk4klw],.ttt-line[data-astro-cid-goxk4klw].d2 i[data-astro-cid-goxk4klw]{width:calc(141.4214% + var(--ttt-strike));height:var(--ttt-strike)}.ttt-line[data-astro-cid-goxk4klw].d i[data-astro-cid-goxk4klw]{transform:translate(-50%,-50%) rotate(45deg)}.ttt-line[data-astro-cid-goxk4klw].d2 i[data-astro-cid-goxk4klw]{transform:translate(-50%,-50%) rotate(-45deg)}@keyframes ttt-strike{0%{opacity:0}to{opacity:1}}.score-box[data-astro-cid-goxk4klw]{display:flex;flex-direction:column;align-items:center;min-width:3.4rem;padding:.35rem .6rem;border-radius:.6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-family:var(--font-mono);font-weight:800;font-size:1.1rem;color:#fff}.score-label[data-astro-cid-goxk4klw]{font-size:.62rem;font-weight:700;letter-spacing:.06em;color:var(--color-cyan)}.score-box[data-astro-cid-goxk4klw].o .score-label[data-astro-cid-goxk4klw]{color:var(--color-magenta)}.score-box[data-astro-cid-goxk4klw].draws .score-label[data-astro-cid-goxk4klw]{color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;font-size:.55rem}@media(prefers-reduced-motion:reduce){.ttt-cell[data-astro-cid-goxk4klw].pop .ttt-mark[data-astro-cid-goxk4klw],.ttt-line[data-astro-cid-goxk4klw] i[data-astro-cid-goxk4klw]{animation:none}}