.head[data-astro-cid-4cwmhaqr]{text-align:center;margin-bottom:var(--space-7)}.head[data-astro-cid-4cwmhaqr] h1[data-astro-cid-4cwmhaqr]{font-size:var(--step-5);margin-block:var(--space-3) var(--space-4)}.head[data-astro-cid-4cwmhaqr] .lead[data-astro-cid-4cwmhaqr]{margin-inline:auto}.app-wrap[data-astro-cid-4cwmhaqr]{max-width:38rem;display:flex;flex-direction:column;gap:var(--space-5)}.controls[data-astro-cid-4cwmhaqr]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.mode[data-astro-cid-4cwmhaqr]{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.25rem}.mode-btn[data-astro-cid-4cwmhaqr]{padding:.45rem 1rem;border-radius:999px;font-size:var(--step--1);color:var(--ink-soft);transition:all var(--dur) var(--ease)}.mode-btn[data-astro-cid-4cwmhaqr].active{background:var(--ink);color:var(--surface)}.mode-btn[data-astro-cid-4cwmhaqr]:not(.active):hover{color:var(--ink)}.reset-scores[data-astro-cid-4cwmhaqr]{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:var(--step--1);color:var(--ink-soft);border-radius:var(--radius);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.reset-scores[data-astro-cid-4cwmhaqr] svg[data-astro-cid-4cwmhaqr]{width:1rem;height:1rem}.reset-scores[data-astro-cid-4cwmhaqr]:hover{color:var(--danger);background:var(--surface)}.app[data-astro-cid-4cwmhaqr]{--player-x: var(--accent);--player-o: #2a6fa0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(var(--space-5),4vw,var(--space-7));display:flex;flex-direction:column;gap:var(--space-5);box-shadow:var(--shadow-md)}.app-header[data-astro-cid-4cwmhaqr]{text-align:center}.status[data-astro-cid-4cwmhaqr]{font-family:var(--font-mono);font-size:var(--step-0);color:var(--ink-2)}.player-tag[data-astro-cid-4cwmhaqr]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:999px;margin-inline:.15rem;font-family:var(--font-display);font-weight:800;color:var(--surface)}.player-tag[data-astro-cid-4cwmhaqr].player-x{background:var(--player-x)}.player-tag[data-astro-cid-4cwmhaqr].player-o{background:var(--player-o)}.scoreboard[data-astro-cid-4cwmhaqr]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3)}.score-card[data-astro-cid-4cwmhaqr]{padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:transform var(--dur) var(--ease)}.score-card[data-astro-cid-4cwmhaqr].score-bump{animation:bump .45s var(--ease)}@keyframes bump{0%,to{transform:scale(1)}40%{transform:scale(1.08)}}.score-label[data-astro-cid-4cwmhaqr]{display:block;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.score-value[data-astro-cid-4cwmhaqr]{display:block;font-family:var(--font-display);font-weight:700;font-size:var(--step-3);color:var(--ink);line-height:1;margin-top:.2rem}.score-x[data-astro-cid-4cwmhaqr] .score-label[data-astro-cid-4cwmhaqr],.score-x[data-astro-cid-4cwmhaqr] .score-value[data-astro-cid-4cwmhaqr]{color:var(--player-x)}.score-o[data-astro-cid-4cwmhaqr] .score-label[data-astro-cid-4cwmhaqr],.score-o[data-astro-cid-4cwmhaqr] .score-value[data-astro-cid-4cwmhaqr]{color:var(--player-o)}.board[data-astro-cid-4cwmhaqr]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:.55rem;aspect-ratio:1;width:100%;max-width:26rem;margin-inline:auto;--current-player: "X";--preview-color: var(--player-x)}.cell[data-astro-cid-4cwmhaqr]{position:relative;aspect-ratio:1;width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,9vw,4rem);color:var(--ink);display:grid;place-items:center;cursor:pointer;user-select:none;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.cell[data-astro-cid-4cwmhaqr]:empty:hover,.cell[data-astro-cid-4cwmhaqr].press-preview{background:var(--surface);border-color:var(--ink-2)}.cell[data-astro-cid-4cwmhaqr]:empty:hover:before{content:var(--current-player);color:var(--preview-color);opacity:.18;pointer-events:none;animation:ghost .3s var(--ease)}.cell[data-astro-cid-4cwmhaqr].player-x{color:var(--player-x)}.cell[data-astro-cid-4cwmhaqr].player-o{color:var(--player-o)}.cell[data-astro-cid-4cwmhaqr].player-x,.cell[data-astro-cid-4cwmhaqr].player-o{cursor:default;animation:place .28s var(--ease)}.cell[data-astro-cid-4cwmhaqr].winner{background:var(--accent-soft);border-color:var(--accent);animation:winner .6s var(--ease)}.board[data-astro-cid-4cwmhaqr].game-over .cell[data-astro-cid-4cwmhaqr]{cursor:default}.board[data-astro-cid-4cwmhaqr].game-over .cell[data-astro-cid-4cwmhaqr]:empty:hover{background:var(--surface-2);border-color:var(--border)}.board[data-astro-cid-4cwmhaqr].game-over .cell[data-astro-cid-4cwmhaqr]:empty:hover:before{content:""}@keyframes place{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ghost{0%{opacity:0}to{opacity:.18}}@keyframes winner{0%,to{transform:scale(1)}40%{transform:scale(1.08);box-shadow:0 0 0 6px color-mix(in oklab,var(--accent) 35%,transparent)}}.restart-button[data-astro-cid-4cwmhaqr]{align-self:center;padding:.75rem 1.5rem;background:var(--ink);color:var(--surface);border-radius:var(--radius);font-weight:500;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.restart-button[data-astro-cid-4cwmhaqr]:hover{background:var(--accent);transform:translateY(-1px)}.game-over-dialog[data-astro-cid-4cwmhaqr]{border:0;background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-7);max-width:24rem;box-shadow:var(--shadow-lg);text-align:center}.game-over-dialog[data-astro-cid-4cwmhaqr]::backdrop{background:#1c1c2080;backdrop-filter:blur(4px)}.game-over-dialog[data-astro-cid-4cwmhaqr][open]{animation:dialog-in .3s var(--ease)}@keyframes dialog-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dialog-content[data-astro-cid-4cwmhaqr]{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.dialog-icon[data-astro-cid-4cwmhaqr]{font-size:3rem}.game-over-dialog[data-astro-cid-4cwmhaqr] h2[data-astro-cid-4cwmhaqr]{font-size:var(--step-3)}