.TicTacToe-module__oxff1G__page{box-sizing:border-box;background:radial-gradient(circle at 50% 0,#12203a 0%,#0a0f1c 55%,#05070d 100%);flex-direction:column;justify-content:safe center;align-items:center;min-height:100%;padding:5rem 1rem 1.5rem;display:flex;position:fixed;inset:0;overflow:auto}.TicTacToe-module__oxff1G__panel{box-sizing:border-box;background:#090e19eb;border:1px solid #38bdf859;border-radius:1.25rem;width:min(100%,440px);padding:clamp(1.1rem,5vw,2rem);box-shadow:0 20px 60px -20px #0ea5e98c}.TicTacToe-module__oxff1G__status{text-align:center;min-height:4.25rem}.TicTacToe-module__oxff1G__statusTitle{letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.6rem;font-weight:800}.TicTacToe-module__oxff1G__statusSub{color:#94a3b8;margin:0;font-size:.85rem}.TicTacToe-module__oxff1G__turnDot{vertical-align:middle;border-radius:999px;width:.6rem;height:.6rem;margin-right:.5rem;display:inline-block}.TicTacToe-module__oxff1G__turnPlaying{color:#e2e8f0}.TicTacToe-module__oxff1G__turnWin{color:#4ade80}.TicTacToe-module__oxff1G__turnLose{color:#f87171}.TicTacToe-module__oxff1G__turnDraw{color:#fbbf24}.TicTacToe-module__oxff1G__board{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.4rem,2vw,.6rem);margin:1.25rem 0;display:grid;position:relative}.TicTacToe-module__oxff1G__cell{aspect-ratio:1;color:inherit;cursor:pointer;background:#1e293bb3;border:1px solid #475569b3;border-radius:.75rem;justify-content:center;align-items:center;padding:0;font-size:clamp(2.4rem,15vw,4.2rem);font-weight:700;line-height:1;transition:background .15s,border-color .15s,transform .1s;display:flex}.TicTacToe-module__oxff1G__cell:disabled{cursor:default}.TicTacToe-module__oxff1G__cell.TicTacToe-module__oxff1G__playable:hover{background:#0ea5e929;border-color:#38bdf8}.TicTacToe-module__oxff1G__cell.TicTacToe-module__oxff1G__playable:active{transform:scale(.96)}.TicTacToe-module__oxff1G__cell:focus-visible{outline-offset:2px;outline:3px solid #38bdf8}.TicTacToe-module__oxff1G__markX{color:#38bdf8}.TicTacToe-module__oxff1G__markO{color:#fb7185}.TicTacToe-module__oxff1G__win{background:#4ade802e;border-color:#4ade80;box-shadow:inset 0 0 0 1px #4ade80,0 0 24px -4px #4ade80b3}.TicTacToe-module__oxff1G__mark{animation:.22s cubic-bezier(.34,1.56,.64,1) TicTacToe-module__oxff1G__pop;display:inline-block}.TicTacToe-module__oxff1G__winMark{animation:.22s cubic-bezier(.34,1.56,.64,1) TicTacToe-module__oxff1G__pop,1.1s ease-in-out .22s infinite TicTacToe-module__oxff1G__pulse}@keyframes TicTacToe-module__oxff1G__pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes TicTacToe-module__oxff1G__pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.TicTacToe-module__oxff1G__mark,.TicTacToe-module__oxff1G__winMark{animation:none}.TicTacToe-module__oxff1G__cell{transition:none}}.TicTacToe-module__oxff1G__firstMove{margin-top:1.25rem}.TicTacToe-module__oxff1G__firstMoveLabel{color:#94a3b8;text-align:center;margin-bottom:.4rem;font-size:.8rem;display:block}.TicTacToe-module__oxff1G__toggleRow{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.TicTacToe-module__oxff1G__toggle{color:#cbd5e1;cursor:pointer;background:#1e293bb3;border:1px solid #475569b3;border-radius:.6rem;padding:.6rem .5rem;font-size:.9rem;font-weight:600;transition:all .15s}.TicTacToe-module__oxff1G__toggle:hover{border-color:#38bdf8}.TicTacToe-module__oxff1G__toggle[data-active=true]{color:#e0f2fe;background:#0ea5e933;border-color:#38bdf8}.TicTacToe-module__oxff1G__toggle:focus-visible{outline-offset:2px;outline:3px solid #38bdf8}.TicTacToe-module__oxff1G__actions{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.TicTacToe-module__oxff1G__btn{cursor:pointer;border:none;border-radius:.6rem;flex:150px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:transform .12s,background .15s;display:flex}.TicTacToe-module__oxff1G__btn:active{transform:scale(.97)}.TicTacToe-module__oxff1G__btn:focus-visible{outline-offset:2px;outline:3px solid #38bdf8}.TicTacToe-module__oxff1G__btnPrimary{color:#fff;background:#0ea5e9}.TicTacToe-module__oxff1G__btnPrimary:hover{background:#0284c7}.TicTacToe-module__oxff1G__btnSecondary{color:#e2e8f0;background:#334155cc;border:1px solid #64748bcc}.TicTacToe-module__oxff1G__btnSecondary:hover{background:#475569e6}.TicTacToe-module__oxff1G__icon{width:1.15rem;height:1.15rem}.TicTacToe-module__oxff1G__infoCards{gap:1rem;margin-bottom:1rem;display:grid}.TicTacToe-module__oxff1G__infoCard{background:#0ea5e91a;border:1px solid #0ea5e94d;border-radius:.6rem;padding:1rem}.TicTacToe-module__oxff1G__infoHeading{color:#38bdf8;margin:0 0 .35rem;font-weight:700}.TicTacToe-module__oxff1G__infoBody{color:#cbd5e1;margin:0;font-size:.875rem}.TicTacToe-module__oxff1G__infoList{color:#cbd5e1;margin:0;padding-left:1.25rem;font-size:.875rem}.TicTacToe-module__oxff1G__infoList li{margin-bottom:.25rem}