@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}:root{--bg:#0b0c10;--bg-2:#15161d;--glow-a:#d9a94f29;--glow-b:#7882aa1f;--surface:#ffffff09;--surface-hover:#ffffff12;--line:#ffffff17;--line-strong:#ffffff29;--text:#f3efe6;--muted:#f3efe680;--x:#f3efe6;--o:#d9a94f;--shadow:0 40px 90px -30px #000c, 0 1px 0 #ffffff0f inset;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f3f1ec;--bg-2:#fff;--glow-a:#d9a94f38;--glow-b:#7882aa24;--surface:#ffffffb8;--surface-hover:#fff;--line:#14161e14;--line-strong:#14161e29;--text:#15161a;--muted:#15161a80;--x:#15161a;--o:#b5832a;--shadow:0 40px 90px -30px #1e1e324d, 0 1px 0 #ffffffe6 inset;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-feature-settings:"cv11", "ss01", "tnum";color:var(--text);background:radial-gradient(60vmax 60vmax at 15% 10%, var(--glow-a), transparent 60%), radial-gradient(50vmax 50vmax at 90% 95%, var(--glow-b), transparent 60%), linear-gradient(180deg, var(--bg-2), var(--bg) 60%);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;background-attachment:fixed;place-items:center;font-family:Inter Variable,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:grid}.app{gap:22px;width:min(100%,420px);display:grid}.top{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:650;line-height:1}.brand span{color:var(--o);margin-left:.12em}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.segmented button{appearance:none;color:var(--muted);font:inherit;letter-spacing:.01em;cursor:pointer;transition:color .25s var(--ease), background .25s var(--ease);background:0 0;border:0;border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:550}.segmented button[aria-checked=true]{color:var(--text);background:var(--surface-hover);box-shadow:inset 0 1px #ffffff14,0 6px 16px -8px #0009}.scores{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.score{background:var(--surface);border:1px solid var(--line);transition:border-color .3s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease);border-radius:16px;justify-items:center;gap:2px;padding:12px 8px 10px;display:grid;position:relative}.score-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.score-x .score-label{color:var(--x);opacity:.8}.score-o .score-label{color:var(--o)}.score strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.score.active{border-color:var(--line-strong);box-shadow:0 0 0 1px var(--line-strong), 0 12px 30px -16px #000c;transform:translateY(-2px)}.board-wrap{position:relative}.board{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);aspect-ratio:1;border-radius:28px;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;display:grid}.cell{appearance:none;border:1px solid var(--line);background:var(--surface);cursor:pointer;aspect-ratio:1;transition:background .25s var(--ease), border-color .25s var(--ease), opacity .45s var(--ease), transform .2s var(--ease);border-radius:18px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.cell:after{content:"";opacity:0;transition:opacity .2s var(--ease);background-position:50%;background-repeat:no-repeat;background-size:44% 44%;position:absolute;inset:0}.board[data-turn=X] .cell:not([disabled]):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M28 28 72 72M72 28 28 72' stroke='%23999' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E")}.board[data-turn=O] .cell:not([disabled]):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='24' fill='none' stroke='%23999' stroke-width='9'/%3E%3C/svg%3E")}@media (hover:hover){.cell:not([disabled]):hover{background:var(--surface-hover);border-color:var(--line-strong)}.cell:not([disabled]):hover:after{opacity:.35}}.cell:not([disabled]):active{transform:scale(.96)}.cell:focus-visible{outline:2px solid var(--o);outline-offset:2px}.cell[disabled]{cursor:default}.board.over .cell{cursor:pointer}.cell.dim{opacity:.28}.cell.won{border-color:var(--line-strong)}.mark{fill:none;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;width:56%;height:56%}.mark-x{stroke:var(--x)}.mark-o{stroke:var(--o)}.mark path,.mark circle{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw .42s var(--ease) forwards}.mark path:nth-child(2){animation-delay:.16s}.mark-o circle{transform-origin:50%;animation-duration:.55s;transform:rotate(-90deg)}@keyframes draw{to{stroke-dashoffset:0}}.winline{pointer-events:none;opacity:0;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;inset:10px}.winline line{stroke:var(--x);stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 10px)}.winline[data-player=O] line{stroke:var(--o)}.winline.show{opacity:1}.winline.show line{animation:draw .5s .25s var(--ease) forwards}.status{text-align:center;color:var(--muted);letter-spacing:-.005em;min-height:1.5em;margin:0;font-size:15px;font-weight:500}.status span{display:inline-block}.status span.pop{animation:pop .35s var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}.actions{justify-content:center;align-items:center;gap:8px;min-height:44px;display:flex}.btn{appearance:none;font:inherit;cursor:pointer;transition:transform .2s var(--ease), opacity .3s var(--ease), background .25s var(--ease);border-radius:999px;padding:11px 20px;font-size:14px;font-weight:550}.btn:active{transform:scale(.97)}.btn-primary{background:var(--text);color:var(--bg);opacity:0;pointer-events:none;border:1px solid #0000;transform:translateY(4px)}.btn-primary.show{opacity:1;pointer-events:auto;transform:none}.btn-ghost{color:var(--muted);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--text);border-color:var(--line)}.btn:focus-visible{outline:2px solid var(--o);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.mark path,.mark circle,.winline line{stroke-dashoffset:0}}