@font-face{font-family:Funnel Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/_astro/funnel-sans-latin-ext-wght-normal.CStSwzyf.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Funnel Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/_astro/funnel-sans-latin-wght-normal.zzU05adE.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-ext-wght-normal.I4S5GZfc.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-wght-normal.BmXc_FBt.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-symbols2-wght-normal.GZpp1pK2.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-vietnamese-wght-normal.D8KDMBhC.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-ext-wght-normal.DrnZ1wKl.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-wght-normal.B_7UjwxQ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--color-page:#f6f8fc;--color-panel:#e7edf6;--color-cell:#fff;--color-cell-hover:#e5f4fa;--color-text:#152033;--color-muted:#53627a;--color-border-strong:#25334a;--color-border-medium:#64748b;--color-border-subtle:#7a899f;--color-x:#c0267e;--color-o:#00758f;--color-draw:#946200;--color-mini-open:#f4f7fb;--color-active-board:#e4f7fb;--color-x-surface:#fdeaf5;--color-o-surface:#e4f6fa;--color-draw-surface:#fff4d6;--color-x-won:#f9dcea;--color-focus:#6d28d9;--bg:var(--color-page);--bg-accent:var(--color-panel);--surface:var(--color-cell);--surface-raised:var(--color-cell);--surface-hover:var(--color-cell-hover);--text:var(--color-text);--muted:var(--color-muted);--border:var(--color-border-medium);--border-strong:var(--color-border-strong);--border-subtle:var(--color-border-subtle);--primary:#25334a;--primary-hover:#152033;--on-primary:#fff;--x:var(--color-x);--x-soft:var(--color-x-surface);--o:var(--color-o);--o-soft:var(--color-o-surface);--draw:var(--color-draw);--draw-soft:var(--color-draw-surface);--focus:var(--color-focus);--win:#087247;--danger:#a0212d;--danger-hover:#751824;--on-danger:#fff;--home-on-accent:#fff;--shadow:0 1.2rem 3rem #25334a24;--board-glow:#25334a17;--radius:1.25rem;--font:"Funnel Sans Variable", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:var(--font);--font-label:"Geist Mono Variable", "SFMono-Regular", Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page:#070b17;--color-panel:#0e1628;--color-cell:#111c32;--color-cell-hover:#1b3150;--color-text:#f7f9ff;--color-muted:#9aa7be;--color-border-strong:#d7e6ff;--color-border-medium:#7185a6;--color-border-subtle:#2c3b56;--color-x:#ff70c8;--color-o:#4de7ff;--color-draw:#f2c36b;--color-mini-open:#101b30;--color-active-board:#10263a;--color-x-surface:#2a1733;--color-o-surface:#102d3b;--color-draw-surface:#2a261b;--color-x-won:#35183d;--color-focus:#f2c36b;--surface-raised:#111c32;--surface-hover:var(--color-cell-hover);--primary:#d7e6ff;--primary-hover:#fff;--on-primary:#070b17;--win:#70efb3;--danger:#ff9aa5;--danger-hover:#ffc1c7;--on-danger:#070b17;--home-on-accent:#070b17;--shadow:0 1.2rem 3rem #00000057;--board-glow:#4de7ff1f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-page:#070b17;--color-panel:#0e1628;--color-cell:#111c32;--color-cell-hover:#1b3150;--color-text:#f7f9ff;--color-muted:#9aa7be;--color-border-strong:#d7e6ff;--color-border-medium:#7185a6;--color-border-subtle:#2c3b56;--color-x:#ff70c8;--color-o:#4de7ff;--color-draw:#f2c36b;--color-mini-open:#101b30;--color-active-board:#10263a;--color-x-surface:#2a1733;--color-o-surface:#102d3b;--color-draw-surface:#2a261b;--color-x-won:#35183d;--color-focus:#f2c36b;--surface-raised:#111c32;--surface-hover:var(--color-cell-hover);--primary:#d7e6ff;--primary-hover:#fff;--on-primary:#070b17;--win:#70efb3;--danger:#ff9aa5;--danger-hover:#ffc1c7;--on-danger:#070b17;--home-on-accent:#070b17;--shadow:0 1.2rem 3rem #00000057;--board-glow:#4de7ff1f}}*{box-sizing:border-box}html{background:var(--bg);min-width:20rem;min-height:100%;font-family:var(--font);scroll-behavior:smooth}body{min-height:100dvh;padding-block:var(--safe-area-top) var(--safe-area-bottom);padding-inline:var(--safe-area-left) var(--safe-area-right);color:var(--text);background-color:var(--bg);background-image:radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--x) 11%, transparent), transparent 28rem), radial-gradient(circle at 100% 15%, color-mix(in srgb, var(--o) 9%, transparent), transparent 30rem), linear-gradient(145deg, var(--bg), var(--bg-accent));margin:0}button,select,input,summary{font:inherit}button,summary,select,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,summary:focus-visible,select:focus-visible,a:focus-visible,[role=gridcell]:focus-visible{outline:.22rem solid var(--focus);outline-offset:.18rem}.skip-link{z-index:100;inset:calc(.5rem + var(--safe-area-top)) auto auto calc(.5rem + var(--safe-area-left));color:var(--on-primary);background:var(--primary);border-radius:.6rem;padding:.75rem 1rem;position:fixed}.skip-link:where(:not(:focus,:active)){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;overflow:hidden}.site-header{z-index:10;justify-content:space-between;align-items:center;gap:1rem;width:min(100% - 1.5rem,72rem);min-height:4.75rem;margin-inline:auto;display:flex;position:relative}.header-actions{align-items:center;gap:.5rem;display:flex}.brand{min-height:2.75rem;color:var(--text);letter-spacing:.08em;align-items:center;gap:.15rem;font-size:1.05rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-x{color:var(--x);font-size:1.55rem;line-height:1}.brand-o{color:var(--o);font-size:1.55rem;font-weight:900;line-height:1}.brand-name{margin-inline-start:.35rem}.language-shortcut{min-block-size:2.75rem;min-inline-size:2.75rem;color:var(--text);background:var(--surface);border:.1rem solid var(--border-subtle);font-family:var(--font-label);border-radius:.8rem;place-items:center;font-size:.75rem;font-weight:700;text-decoration:none;transition:background-color .14s,translate .14s;display:grid}.language-shortcut:hover{background:var(--surface-hover)}.language-shortcut:active{translate:0 .12rem}.settings-trigger{gap:.45rem;min-inline-size:2.75rem;padding-inline:.7rem}.settings-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none}.settings-trigger-label{display:none}.visually-hidden:where(:not(:focus-within,:active)){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.player-mark-definitions{pointer-events:none;block-size:0;inline-size:0;position:absolute;overflow:hidden}.player-mark{shape-rendering:geometricprecision;flex:none;block-size:1em;inline-size:1em;display:block;overflow:visible}.player-mark[data-player=X]{color:var(--x)}.player-mark[data-player=O]{color:var(--o)}.player-mark-inline{place-items:center;block-size:1em;inline-size:1em;margin-inline:.12em;display:inline-grid}.player-mark-inline .player-mark{block-size:.88em;inline-size:.88em}.inline-player-mark{block-size:.82em;inline-size:.82em;display:inline-block}.button,.button-link{cursor:pointer;border:0;border-radius:.8rem;min-height:2.75rem;font-weight:800}.button{color:var(--on-primary);background:var(--primary);box-shadow:0 .35rem 0 color-mix(in srgb, var(--primary) 72%, black);justify-content:center;align-items:center;padding:.72rem 1rem;text-decoration:none;transition:translate .14s,box-shadow .14s;display:inline-flex}.button:hover{background:var(--primary-hover)}.button:active{box-shadow:0 .15rem 0 color-mix(in srgb, var(--primary) 72%, black);translate:0 .2rem}.button-quiet{color:var(--text);background:var(--surface);border:.1rem solid var(--border);box-shadow:none}.button-quiet:hover{background:var(--surface-hover)}.button-small{min-height:2.4rem;box-shadow:none;padding:.55rem .8rem;font-size:.9rem}.button-link{color:var(--text);text-underline-offset:.2em;background:0 0;padding:.6rem;text-decoration:underline}.settings{position:relative}.settings>summary{list-style:none}.settings>summary::-webkit-details-marker{display:none}.settings-panel{z-index:30;width:min(22rem,100vw - 1.5rem);color:var(--text);background:var(--surface-raised);border:.1rem solid var(--border);box-shadow:var(--shadow);border-radius:1rem;margin:.65rem 0 0 auto;padding:1rem}.settings:not([data-enhanced]) .settings-panel{position:absolute;inset-inline-end:0}.settings-panel:popover-open{inset:calc(5rem + var(--safe-area-top)) max(calc(.75rem + var(--safe-area-right)), calc((100vw - 72rem) / 2)) auto auto;margin:0;position:fixed}.settings-group,.settings-field,.switch-row{gap:.45rem;display:grid}.settings-field,.switch-row{margin-block-start:1rem}.settings-label{font-weight:800;display:block}.segmented{border:.1rem solid var(--border);border-radius:.75rem;grid-template-columns:1fr 1fr;gap:.3rem;padding:.25rem;display:grid}.segmented a{text-align:center;border-radius:.52rem;min-height:2.5rem;padding:.55rem;text-decoration:none}.segmented a[aria-current=page]{color:var(--on-primary);background:var(--primary);font-weight:800}.settings select{min-height:2.75rem;color:var(--text);background:var(--surface);border:.1rem solid var(--border-strong);border-radius:.65rem;padding-inline:.7rem}.switch-row{grid-template-columns:1fr auto;align-items:center;gap:1rem}.switch-row small{color:var(--muted);margin-block-start:.2rem;line-height:1.35;display:block}.switch-row input{width:1.55rem;height:1.55rem;accent-color:var(--primary)}main{width:min(100% - 1.5rem,72rem);margin-inline:auto;padding-block:clamp(1.5rem,5vw,4.5rem) 4rem}.app-notices{width:min(100% - 1.5rem,72rem);margin-inline:auto}.notice{color:var(--text);background:var(--surface-raised);border:.12rem solid var(--border-strong);border-inline-start:.38rem solid var(--focus);box-shadow:var(--shadow);border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;margin-block:.5rem;padding:.8rem 1rem;display:flex}.notice[hidden]{display:none}.notice p{margin:.25rem 0 0}.notice-actions{align-items:center;gap:.35rem;display:flex}.hero{gap:.7rem;max-width:48rem;margin-block-end:clamp(1.75rem,5vw,3.5rem);display:grid}.eyebrow{color:var(--x);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}h1,h2,p{text-wrap:pretty}h1{letter-spacing:-.055em;max-width:15ch;margin:0;font-size:clamp(2.25rem,9vw,5.5rem);line-height:.98}.hero-lead{max-width:42rem;color:var(--muted);margin:0;font-size:clamp(1.08rem,2.5vw,1.35rem);line-height:1.55}.player-note{color:var(--text);margin:.4rem 0 0;font-weight:750}.variant-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;display:grid}.variant-card{background:var(--surface);border:.11rem solid var(--border);border-radius:var(--radius);min-height:18rem;box-shadow:var(--shadow);gap:.85rem;padding:1.25rem;display:grid;position:relative;overflow:hidden}.variant-card:before{content:"";background:linear-gradient(90deg, var(--x), var(--o));height:.4rem;position:absolute;inset:0 0 auto}.variant-card h2{margin:.3rem 0 0;font-size:1.6rem}.variant-card p{color:var(--muted);margin:0;line-height:1.55}.variant-card .button{place-self:end start}.variant-glyph{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:.2rem;width:5rem;display:grid;rotate:-3deg}.variant-glyph span{color:var(--x);background:var(--bg-accent);border-radius:.2rem;place-items:center;font-weight:900;display:grid}.variant-card[data-variant=ultimate] .variant-glyph{gap:.3rem}.variant-card[data-variant=ultimate] .variant-glyph span{border:.1rem solid var(--border-strong);background:0 0}.variant-card[data-variant=vanishing] .variant-glyph span:first-child{border:.14rem dashed var(--o);opacity:.65}.continue-card{background:color-mix(in srgb, var(--x-soft) 65%, var(--surface));border:.13rem solid var(--x);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;margin-block:-1rem 2rem;padding:1rem;display:flex}.continue-card[hidden]{display:none}.continue-card strong{font-size:1.08rem}.home-body{background:var(--bg);background-image:none}.home-body .site-header{width:min(100% - 2.5rem,72rem);min-height:2.875rem;margin-block-start:1.125rem}.home-body .brand{letter-spacing:.05em;gap:.32rem;min-height:2.625rem;font-size:1.19rem}.home-body .brand-x,.home-body .brand-o{font-size:1.56rem}.home-body .brand-name{margin-inline-start:.12rem}.home-main{width:min(100% - 2.5rem,72rem);padding-block:.875rem 2rem}.home-page,.home-hero{gap:.875rem;display:grid}.home-hero-copy{gap:.56rem;min-width:0;display:grid}.home-eyebrow,.home-lead,.home-subtitle,.home-modes-heading p{margin:0}.home-eyebrow{color:var(--o);font-family:var(--font-label);letter-spacing:.08em;font-size:.625rem;font-weight:700}.home-hero h1{letter-spacing:-.035em;text-wrap:wrap;max-width:14ch;font-size:clamp(2.25rem,10.25vw,2.5rem);font-weight:800;line-height:.98}.home-subtitle{color:var(--x);align-items:center;gap:.55rem;font-size:1.19rem;font-weight:700;display:flex}.home-subtitle span{aspect-ratio:1;background:var(--o);border-radius:50%;width:.44rem}.home-lead{max-width:34rem;color:var(--muted);font-size:.875rem;font-weight:500;line-height:1.35}.home-lead-wide{display:none}.home-hero-actions{align-items:stretch;gap:.75rem;margin-block-start:.1rem;display:flex}.home-primary-cta,.home-secondary-cta,.mode-play-link{border-radius:.94rem;min-block-size:2.75rem;font-weight:800;text-decoration:none;transition:background-color .14s,border-color .14s,translate .14s,box-shadow .14s}.home-primary-cta{width:100%;min-height:3.375rem;color:var(--home-on-accent);background:var(--x);box-shadow:0 .35rem 1.35rem color-mix(in srgb, var(--x) 24%, transparent);justify-content:space-between;align-items:center;padding-inline:1.125rem;display:flex}.home-primary-cta strong{font-size:1.0625rem}.home-primary-cta>span{font-family:var(--font-label);letter-spacing:.05em;font-size:.625rem}.home-primary-cta:hover{background:color-mix(in oklab, var(--x), black 11%);box-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--x) 34%, transparent)}.home-primary-cta:active,.home-secondary-cta:active,.mode-play-link:active{translate:0 .16rem}.home-secondary-cta{color:var(--text);background:var(--surface);border:.1rem solid var(--border-subtle);justify-content:center;align-items:center;padding-inline:1rem;display:none}.home-secondary-cta:hover{background:var(--surface-hover);border-color:var(--border-strong)}.ultimate-hero-visual{background:var(--bg-accent);border:.0625rem solid var(--border-subtle);border-radius:1.25rem;grid-template-columns:minmax(0,1fr) 7.25rem;align-items:center;gap:.75rem;min-height:8.875rem;padding:.8125rem 1rem;display:grid;overflow:hidden}.preview-copy{gap:.44rem;min-width:0;display:grid}.preview-copy>strong{max-width:10ch;font-size:1.375rem;line-height:1.02}.preview-copy>span:last-child{max-width:13ch;color:var(--muted);font-size:.75rem;font-weight:500;line-height:1.25}.preview-turn-badge,.ultimate-status-badge{color:var(--o);background:var(--o-soft);font-family:var(--font-label);letter-spacing:.04em;border-radius:999px;justify-self:start;font-size:.5rem;font-weight:700}.preview-turn-badge{align-items:center;padding:.31rem .5rem;display:inline-flex}.preview-turn-badge>span,.ultimate-status-badge>span{align-items:center;gap:.22rem;display:inline-flex}.preview-board-wrap{place-items:center;display:grid}.ultimate-status-badge,.ultimate-board-hint{display:none}.ultimate-preview{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:.25rem;width:7.25rem;display:grid}.preview-small-board{aspect-ratio:1;background:var(--color-mini-open);border:.05rem solid var(--border);contain:layout style paint;border-radius:.31rem;grid-template-columns:repeat(3,1fr);gap:.09rem;min-width:0;padding:.125rem;display:grid;position:relative;overflow:hidden}.preview-small-board.is-active{background:var(--color-active-board);border-color:var(--o);outline:.06rem dashed var(--o);outline-offset:-.2rem}.preview-small-board.is-won-x,.preview-small-board.is-won-o,.preview-small-board.is-drawn{border-width:.05rem}.preview-small-board.is-won-x{background:var(--x-soft);border-color:var(--x)}.preview-small-board.is-won-o{background:var(--o-soft);border-color:var(--o)}.preview-small-board.is-drawn{color:var(--draw);background:var(--draw-soft);border-color:var(--draw)}.preview-small-board:is(.is-won-x,.is-won-o,.is-drawn) .preview-cell{opacity:.1}.preview-cell{aspect-ratio:1;min-width:0;color:var(--text);background:var(--surface);border:.02rem solid color-mix(in srgb, var(--border-subtle) 55%, transparent);border-radius:.1rem;place-items:center;font-size:clamp(.32rem,1.6vw,.46rem);font-weight:800;line-height:1;display:grid}.preview-cell .player-mark{block-size:72%;inline-size:72%}.preview-result{z-index:1;place-items:center;font-size:1.125rem;line-height:1;display:grid;position:absolute;inset:0}.preview-result[hidden]{display:none}.preview-result .player-mark{block-size:68%;inline-size:68%}.preview-cell.hero-move-enter .player-mark{animation:.18s ease-out hero-mark-in}.mark-x{color:var(--x)}.mark-o{color:var(--o)}.home-body .continue-card{box-shadow:none;border-width:.1rem;margin:0;padding:.75rem .875rem}.home-proof{margin:0;padding:0;list-style:none;display:none}.home-modes{gap:.5rem;scroll-margin-block-start:calc(var(--safe-area-top) + 1rem);display:grid}.home-modes-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.home-modes-heading h2{margin:0;font-size:1.125rem;line-height:1.15}.home-modes-heading p{color:var(--muted);font-family:var(--font-label);letter-spacing:.06em;font-size:.56rem;font-weight:700;display:none}.home-mode-grid{gap:.5rem;display:grid}.home-mode-card{background:var(--surface);border:.0625rem solid var(--border-subtle);border-radius:.94rem;grid-template-columns:2.5rem minmax(0,1fr) 2.25rem;align-items:center;gap:.62rem;min-height:4rem;padding:.55rem .68rem;transition:border-color .14s,translate .14s,box-shadow .14s;display:grid}.home-mode-card.is-featured{border:.125rem solid var(--o)}.mode-card-top{display:contents}.mode-icon{aspect-ratio:1;width:2.5rem;color:var(--x);background:var(--x-soft);border-radius:.68rem;grid-area:1/1;place-items:center;font-size:1.125rem;font-weight:800;display:grid}.mode-icon .player-mark{block-size:62%;inline-size:62%}.home-mode-card[data-variant=ultimate] .mode-icon{color:var(--o);background:var(--o-soft)}.home-mode-card[data-variant=vanishing] .mode-icon{color:var(--draw);background:var(--draw-soft)}.recommended-badge{display:none}.mode-card-copy{grid-area:1/2;min-width:0}.mode-card-copy h3,.mode-card-copy p{margin:0}.mode-card-copy h3{font-size:.94rem;line-height:1.1}.mode-compact{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.69rem;font-weight:500;line-height:1.2;overflow:hidden;margin-block-start:.12rem!important}.mode-tagline,.mode-description{display:none}.mode-play-link{min-block-size:2.25rem;min-inline-size:2.25rem;color:var(--text);background:var(--bg-accent);border-radius:.62rem;grid-area:1/3;justify-content:center;align-items:center;display:flex}.mode-play-link span:first-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-mode-card.is-featured .mode-play-link{color:var(--home-on-accent);background:var(--o)}.mode-play-link:hover{background:var(--surface-hover)}.home-mode-card.is-featured .mode-play-link:hover{background:color-mix(in oklab, var(--o), black 12%)}.home-mode-card:has(.mode-play-link:hover){border-color:var(--border-strong);translate:0 -.08rem}.home-mode-card.is-featured:has(.mode-play-link:hover){border-color:var(--o);box-shadow:0 .5rem 1.4rem color-mix(in srgb, var(--o) 16%, transparent)}@media (min-width:48rem){.home-body .site-header,.home-main{width:min(100% - 4rem,72rem)}.home-body .site-header{min-height:3.375rem;margin-block-start:1.75rem}.home-body .brand{font-size:1.375rem}.home-body .brand-x,.home-body .brand-o{font-size:1.875rem}.settings-trigger-label{display:inline}.home-main{padding-block:1.375rem 2rem}.home-page{gap:1.375rem}.home-hero{grid-template-columns:minmax(0,1fr) minmax(18rem,20rem);align-items:center;gap:clamp(1.5rem,4vw,2.125rem);min-height:25.625rem}.home-hero-copy{gap:.8125rem}.home-eyebrow{letter-spacing:.09em;font-size:.6875rem}.home-hero h1{letter-spacing:-.035em;max-width:none;font-size:clamp(3rem,6.85vw,3.5625rem);line-height:.96}.home-subtitle{font-size:1.5rem}.home-subtitle span,.home-lead-compact{display:none}.home-lead-wide{max-width:24.125rem;font-size:1rem;line-height:1.4;display:block}.home-primary-cta{gap:1.25rem;width:auto;min-height:3.625rem;padding-inline:1.25rem}.home-primary-cta>span{display:none}.home-secondary-cta{min-height:3.625rem;display:inline-flex}.ultimate-hero-visual{background:var(--bg-accent);border:.125rem solid var(--border-strong);width:100%;height:24.125rem;box-shadow:0 .75rem 1.75rem var(--board-glow);border-radius:1.75rem;grid-template-columns:1fr;justify-items:center;padding:1.25rem;display:grid}.preview-copy{display:none}.preview-board-wrap{gap:1rem}.ultimate-status-badge{letter-spacing:.06em;align-items:center;gap:.44rem;padding:.38rem .62rem;font-size:.56rem;display:flex}.ultimate-status-badge i{aspect-ratio:1;background:currentColor;border-radius:50%;width:.44rem}.ultimate-preview{gap:.31rem;width:min(15.5rem,100%)}.preview-small-board{border-width:.0625rem;border-radius:.56rem;gap:.18rem;padding:.25rem}.preview-small-board.is-active{outline-offset:-.32rem;outline-width:.08rem}.preview-small-board.is-won-x,.preview-small-board.is-won-o,.preview-small-board.is-drawn{border-width:.0625rem}.preview-cell{border-radius:.18rem;font-size:.75rem}.preview-result{font-size:2.375rem}.ultimate-board-hint{color:var(--muted);font-family:var(--font-label);letter-spacing:.1em;white-space:nowrap;font-size:.56rem;font-weight:700;display:inline}.home-proof{background:var(--surface);border:.0625rem solid var(--border-subtle);border-radius:1rem;justify-content:space-between;align-items:center;min-height:3.375rem;padding-inline:1.125rem;display:flex}.home-proof li{align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;display:flex}.home-proof li>span{color:var(--o);font-family:var(--font-label);font-size:.75rem;font-weight:800}.home-proof li:first-child>span{color:var(--x)}.home-modes{gap:.75rem}.home-modes-heading h2{font-size:1.5rem}.home-modes-heading p{display:block}.home-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem}.home-mode-card{border-radius:1.25rem;flex-direction:column;align-items:stretch;gap:.56rem;min-height:16.25rem;padding:.94rem;display:flex}.mode-card-top{justify-content:space-between;align-items:flex-start;display:flex}.mode-icon{border-radius:.875rem;width:3rem;font-size:1.375rem}.recommended-badge{color:var(--o);background:var(--o-soft);font-family:var(--font-label);border-radius:999px;padding:.31rem .44rem;font-size:.5rem;font-weight:700;display:inline-flex}.mode-card-copy{display:contents}.mode-card-copy h3{margin-block-start:.1rem;font-size:1.375rem}.mode-compact{display:none}.mode-tagline,.mode-description{display:block}.mode-tagline{color:var(--x);font-size:.75rem;font-weight:700}.home-mode-card[data-variant=ultimate] .mode-tagline{color:var(--o)}.home-mode-card[data-variant=vanishing] .mode-tagline{color:var(--draw)}.mode-description{color:var(--muted);font-size:.8125rem;font-weight:500;line-height:1.35}.mode-play-link{background:var(--bg-accent);border-radius:.75rem;justify-content:space-between;width:100%;min-height:2.625rem;margin-block-start:auto;padding-inline:.8125rem;font-size:.8125rem}.mode-play-link span:first-child{clip-path:none;white-space:normal;width:auto;height:auto;position:static;overflow:visible}}@media (max-width:22rem){.home-body .site-header,.home-main{width:min(100% - 1.5rem,72rem)}.ultimate-hero-visual{grid-template-columns:minmax(0,1fr) 6.75rem;padding-inline:.75rem}.ultimate-preview{width:6.75rem}.preview-copy>strong{font-size:1.18rem}}.game-shell{justify-items:center;gap:1rem;display:grid}.game-topbar{justify-content:space-between;align-items:center;gap:.7rem;width:min(100%,45rem);display:flex}.game-title{margin:0;font-size:clamp(1.55rem,5vw,2.35rem)}.game-actions{gap:.5rem;display:flex}.game-status{text-align:center;justify-items:center;gap:.3rem;min-height:4.2rem;display:grid}.turn-status{flex-wrap:wrap;justify-content:center;align-items:center;margin:0;font-size:clamp(1.1rem,3vw,1.35rem);font-weight:900;display:flex}.board-guidance,.keyboard-help{color:var(--muted);margin:0}.keyboard-help{text-align:center;max-width:42rem;font-size:.88rem}.board{aspect-ratio:1;background:var(--color-panel);border:.12rem solid var(--border-strong);width:min(100%,34rem);box-shadow:var(--shadow);isolation:isolate;border-radius:clamp(1rem,4vw,1.6rem);padding:clamp(.55rem,2vw,.9rem)}.board-classic,.board-vanishing{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.45rem,2vw,.8rem);display:grid}.grid-row{display:contents}.board-ultimate{--cell-gap:clamp(.11rem, .62vw, .42rem);--small-board-gap:clamp(.32rem, 1.6vw, .9rem);--small-board-inset:clamp(.14rem, .55vw, .38rem);--small-board-stroke:clamp(.125rem, .35vw, .19rem);--cell-track:minmax(0, 1fr);--small-board-tracks:var(--small-board-inset) var(--cell-track) var(--cell-gap) var(--cell-track) var(--cell-gap) var(--cell-track) var(--small-board-inset);--turn-color:var(--o);grid-template-columns:var(--small-board-tracks) var(--small-board-gap) var(--small-board-tracks) var(--small-board-gap) var(--small-board-tracks);grid-template-rows:var(--small-board-tracks) var(--small-board-gap) var(--small-board-tracks) var(--small-board-gap) var(--small-board-tracks);background:var(--color-panel);border:clamp(.2rem, .48vw, .3rem) solid var(--border-strong);width:min(100%,43rem);box-shadow:0 0 .1rem var(--border-strong), 0 1.5rem 3.5rem var(--board-glow);border-radius:clamp(.65rem,2vw,1rem);padding:clamp(.42rem,1.5vw,.9rem);display:grid;position:relative;container-type:inline-size}.board-ultimate[data-player=X]{--turn-color:var(--x)}.board-ultimate[data-player=O]{--turn-color:var(--o)}.small-board-frame,.small-board-result{min-width:0;min-height:0}.small-board-frame{z-index:0;background:var(--color-mini-open);border:var(--small-board-stroke) solid var(--border);box-shadow:inset 0 0 0 .06rem color-mix(in oklab, var(--border) 42%, transparent);pointer-events:none;border-radius:clamp(.32rem,1vw,.64rem);transition:border-color .16s,background-color .16s,opacity .16s}.small-board-frame.is-unavailable{border-width:clamp(.08rem,.2vw,.13rem);border-color:var(--border-subtle);opacity:.58}.small-board-frame.is-required{z-index:0;background:var(--color-active-board);border-color:var(--turn-color);box-shadow:inset 0 0 0 .08rem color-mix(in oklab, var(--turn-color) 45%, transparent), 0 0 1rem color-mix(in oklab, var(--turn-color) 28%, transparent);border-width:clamp(.18rem,.42vw,.27rem)}.small-board-frame.is-resolved[data-player=X]{background:var(--color-x-won);border-color:var(--x)}.small-board-frame.is-resolved[data-player=O]{background:var(--color-o-surface);border-color:var(--o)}.small-board-frame.is-resolved[data-result=draw]{background:var(--draw-soft);border-color:var(--draw)}.small-board-frame.is-meta-win{z-index:1;box-shadow:inset 0 0 0 .1rem var(--surface), 0 0 1.25rem color-mix(in oklab, var(--turn-color) 45%, transparent);border-width:clamp(.2rem,.48vw,.3rem)}.small-board-result{z-index:4;min-width:0;min-height:0;margin:calc(var(--small-board-inset) + var(--small-board-stroke));pointer-events:none;color:var(--text);background:color-mix(in oklab, var(--color-mini-open) 92%, transparent);text-align:center;border-radius:clamp(.18rem,.7vw,.45rem);place-content:center;place-items:center;gap:clamp(.1rem,.45vw,.3rem);display:grid;overflow:hidden}.small-board-result strong{font-family:var(--font-display);place-items:center;font-size:clamp(1.8rem,10cqi,5.2rem);font-weight:900;line-height:.82;display:grid}.small-board-result>span{font-family:var(--font-label);letter-spacing:.12em;font-size:clamp(.42rem,1.8cqi,.75rem);font-weight:800;line-height:1}.small-board-result[data-player=X]{color:var(--x)}.small-board-result[data-player=O]{color:var(--o)}.small-board-result[data-result=draw]{color:var(--draw)}.small-board-result.is-meta-win{background:color-mix(in oklab, var(--color-mini-open) 76%, transparent);outline-offset:calc(var(--small-board-inset) * -.7);outline:clamp(.13rem,.32vw,.22rem) solid}.cell{min-width:0;min-height:0;color:var(--text);background:var(--surface);border:.1rem solid var(--border);cursor:default;border-radius:clamp(.35rem,1.5vw,.75rem);place-items:center;padding:0;font-size:clamp(2.2rem,15vw,6.4rem);font-weight:950;line-height:1;transition:border-color .12s,background-color .12s,scale .12s;display:grid;position:relative}.cell>.player-mark{block-size:68%;inline-size:68%}.board-ultimate .cell{z-index:2;aspect-ratio:1;border-width:clamp(.055rem,.15vw,.08rem);border-color:var(--border-subtle);border-radius:clamp(.12rem,.55vw,.38rem);font-size:clamp(.68rem,4.2vw,2rem)}.board-ultimate .cell.is-required-board.is-legal{border-color:color-mix(in oklab, var(--turn-color) 62%, var(--border-subtle))}.board-ultimate .cell.is-closed-board{color:#0000;opacity:0;background:0 0;border-color:#0000}.board-ultimate .cell.is-closed-board:focus-visible{z-index:6;opacity:1;outline-color:var(--focus);background:0 0}.cell[data-player=X]{color:var(--x);background:color-mix(in srgb, var(--x-soft) 48%, var(--surface))}.cell[data-player=O]{color:var(--o);background:color-mix(in srgb, var(--o-soft) 48%, var(--surface))}.cell.is-legal{cursor:pointer;border-color:var(--border-strong)}.move-preview{color:var(--turn-color,var(--text));font:inherit;opacity:0;place-items:center;transition:opacity .12s,scale .12s;display:grid;position:absolute;inset:0;scale:.68}.move-preview>.player-mark{block-size:68%;inline-size:68%}.move-preview[data-player=X]{color:var(--x)}.move-preview[data-player=O]{color:var(--o)}.cell.is-legal:where(:hover,:focus-visible){z-index:3;border-style:solid;border-color:var(--turn-color,var(--focus));background:var(--color-cell-hover);border-width:clamp(.13rem,.35vw,.2rem);scale:.96}.cell.is-legal:where(:hover,:focus-visible) .move-preview{opacity:.42;scale:1}.board-ultimate[data-state=directed] .cell.is-unavailable:not(.is-closed-board){opacity:.58}.cell.is-winning{border:.24rem solid var(--win);box-shadow:inset 0 0 0 .14rem var(--surface)}.cell.is-expiring{opacity:.78;border:.22rem dashed;animation:1.1s ease-in-out infinite alternate expiry}.expiry-indicator{aspect-ratio:1;width:1.1rem;color:var(--surface);background:var(--text);border-radius:50%;place-items:center;font-size:.75rem;display:grid;position:absolute;inset:.16rem .22rem auto auto}.move-enter{animation:.17s ease-out mark-in}.result-panel{background:var(--surface-raised);border:.16rem solid var(--win);width:min(100%,34rem);box-shadow:var(--shadow);text-align:center;border-radius:1rem;padding:1.1rem;animation:.22s ease-out result-in}.result-panel[hidden]{display:none}.result-panel h2{flex-wrap:wrap;justify-content:center;align-items:center;margin:0 0 .85rem;font-size:clamp(1.45rem,5vw,2rem);display:flex}.result-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}dialog{width:min(32rem,100% - 1.5rem);color:var(--text);background:var(--surface-raised);border:.11rem solid var(--border-strong);box-shadow:var(--shadow);border-radius:1rem;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(.18rem);backdrop-filter:blur(.18rem);background:#030610b8}.dialog-content{gap:1rem;padding:1.25rem;display:grid}.dialog-content h2,.dialog-content p{margin:0}.dialog-content p{color:var(--muted);line-height:1.6}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.button-danger{color:var(--on-danger);background:var(--danger);box-shadow:none}.button-danger:hover{background:var(--danger-hover)}@keyframes mark-in{0%{opacity:0;scale:.55}}@keyframes hero-mark-in{0%{opacity:0;transform:scale(.55)}}@keyframes result-in{0%{opacity:0;translate:0 .6rem}}@keyframes expiry{to{opacity:1}}@media (max-width:38rem){.site-header,main,.app-notices{width:min(100% - 1rem,72rem)}.game-topbar{align-items:flex-start}.game-actions .button{padding-inline:.7rem;font-size:.88rem}.continue-card,.notice{flex-direction:column;align-items:stretch}.home-body .continue-card{flex-direction:row;align-items:center}.notice-actions{justify-content:flex-end}}@media (min-width:50rem){.board-classic,.board-vanishing{width:min(58vh,36rem)}.board-ultimate{width:min(72vh,43rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.cell,.small-board-frame,.move-preview,.language-shortcut,.home-primary-cta,.home-secondary-cta,.home-mode-card,.mode-play-link{transition:none}.cell.is-expiring,.move-enter,.preview-cell.hero-move-enter .player-mark,.result-panel{animation:none}}@media (forced-colors:active){.board,.small-board-frame,.cell,.small-board-result{box-shadow:none;border-color:canvastext}.small-board-frame.is-required,.small-board-frame.is-meta-win,.cell.is-legal:where(:hover,:focus-visible){outline-offset:-.2rem;outline:.2rem solid highlight}}@supports not (color:color-mix(in srgb, black, white)){body{background-image:none}.variant-card,.board,.cell,.small-board-result{background:var(--surface)}}