.gn-game-stage{aspect-ratio:var(--gn-game-aspect,1);inline-size:min(100%, var(--gn-game-max,32rem), var(--gn-game-vmax,68svh));place-items:center;margin-inline:auto;display:grid;container:gn-game/size}.gn-board{--gn-board-cols:3;--gn-board-rows:3;--gn-board-gap-ratio:.08;--gn-board-gap:calc(100cqmin / var(--gn-board-cols) * var(--gn-board-gap-ratio));--cell:calc((100cqmin - (var(--gn-board-cols) - 1) * var(--gn-board-gap)) / var(--gn-board-cols));--gn-cell-radius:calc(var(--cell) * .16);--gn-cell-font:calc(var(--cell) * .46);grid-template-columns:repeat(var(--gn-board-cols), var(--cell));grid-auto-rows:var(--cell);gap:var(--gn-board-gap);display:grid;position:relative}.gn-board-row{display:contents}.gn-cell{inline-size:var(--cell);block-size:var(--cell);font-size:var(--gn-cell-font);color:var(--gn-text);background:var(--gn-surface);border:1px solid var(--gn-border);border-radius:var(--gn-cell-radius);cursor:pointer;place-items:center;padding:0;line-height:1;transition:background-color .16s,border-color .16s,transform .16s;display:grid}.gn-cell:hover:not([aria-disabled=true]){background:color-mix(in srgb, var(--gn-accent) 14%, var(--gn-surface));border-color:var(--gn-accent)}.gn-cell:focus-visible{outline:max(2px, calc(var(--cell) * .045)) solid var(--gn-accent);outline-offset:max(2px, calc(var(--cell) * .03));z-index:1}.gn-cell[aria-disabled=true]{cursor:default}.gn-board-overlay{pointer-events:none;position:absolute;inset:0}.gn-play-surface{--gn-play-block:calc(100svh - 4.75rem);min-block-size:var(--gn-play-block);flex-direction:column;display:flex;position:relative}.gn-play-breadcrumbs{z-index:1;padding-inline:1rem;font-size:.75rem;line-height:1;position:absolute;inset-block-start:.0625rem;inset-inline:0}.gn-play-breadcrumbs nav{margin-block-end:0}.gn-play-breadcrumbs .breadcrumb{justify-content:center}@media (min-width:768px){.gn-play-breadcrumbs{padding-inline:1.5rem;font-size:.8125rem;line-height:1.2;inset-block-start:.35rem}}.gn-play-surface .gn-game-root{border-inline:0;border-radius:0;flex-direction:column;flex:auto;display:flex}.gn-play-surface .gn-game-root>*{flex:auto;min-block-size:0}.gn-play-surface .gn-game-stage{aspect-ratio:auto;flex:1 1 0;min-block-size:0;inline-size:100%}@media (max-width:767.98px){.gn-play-surface .gn-game-root{max-block-size:var(--gn-play-block)}.gn-play-surface .gn-game-stage{aspect-ratio:1;flex:0 auto;margin-block-start:auto}}.gn-game-root{display:block}.gn-game-root.card:hover{box-shadow:var(--gn-shadow);filter:none;border-color:#3b82f638}.gn-game-root.card:hover:before{opacity:0}.gn-game-root[data-game-state=loading] .gn-board{opacity:.55}.gn-game-root[data-game-state=ready]{animation:.26s both gn-game-in}@keyframes gn-game-in{0%{opacity:0}to{opacity:1}}.gn-game-notice{padding:var(--gn-gap-md);color:var(--gn-muted);text-align:center;background:var(--gn-surface);border:1px solid var(--gn-border);border-radius:var(--gn-radius-md)}.gn-status{min-block-size:1.75rem;color:var(--gn-text);text-align:center;margin:0;font-weight:600}.gn-status[data-tone=win]{color:var(--gn-accent)}.gn-status[data-tone=lose],.gn-status[data-tone=draw]{color:var(--gn-muted)}.gn-button{color:var(--gn-text);background:var(--gn-surface);border:1px solid var(--gn-border);border-radius:var(--gn-radius-sm);cursor:pointer;padding:.5rem 1rem;font-weight:600;transition:background-color .16s,border-color .16s}.gn-button:hover{border-color:var(--gn-accent)}.gn-button:focus-visible{outline:2px solid var(--gn-accent);outline-offset:2px}.gn-button--primary{color:#fff;background:var(--gn-accent);border-color:var(--gn-accent)}.gn-button--primary:hover{background:var(--gn-accent-hover);border-color:var(--gn-accent-hover)}.gn-segmented,.gn-select{block-size:var(--gn-control-block,2.5rem)}.gn-segmented{background:var(--gn-surface-2);border:1px solid var(--gn-border);border-radius:var(--gn-radius-md);padding:.25rem;display:inline-flex}.gn-segmented-option{white-space:nowrap;color:var(--gn-muted);border-radius:var(--gn-radius-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding-block:0;padding-inline:.9rem;font-weight:600;transition:background-color .16s,color .16s;display:inline-flex}.gn-segmented-option[aria-pressed=true]{color:#fff;background:var(--gn-accent)}.gn-segmented-option:focus-visible{outline:2px solid var(--gn-accent);outline-offset:2px}.gn-field{flex-direction:column;gap:.25rem;display:inline-flex}.gn-field-label{color:var(--gn-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.gn-select{color:var(--gn-text);background:var(--gn-input,var(--gn-surface));border:1px solid var(--gn-border);border-radius:var(--gn-radius-sm);padding:.45rem .75rem}.gn-select:focus-visible{outline:2px solid var(--gn-accent);outline-offset:1px}@media (max-width:767.98px){.gn-field-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gn-field{min-inline-size:0}.gn-select{inline-size:100%;min-inline-size:0}}@media (max-width:420px){.gn-segmented-option{padding-inline:.5rem;font-size:.875rem}.gn-select{padding-inline:.4rem;font-size:.875rem}}@media (max-width:340px){.gn-segmented-option,.gn-select{font-size:.8125rem}.gn-segmented-option{padding-inline:.4rem}}.gn-score{gap:var(--gn-gap-md);margin:0;display:flex}.gn-score-entry{text-align:center;flex-direction:column;gap:.1rem;display:flex}.gn-score-entry dt{color:var(--gn-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.gn-score-entry dd{font-variant-numeric:tabular-nums;color:var(--gn-text);margin:0;font-size:1.35rem;font-weight:700}.gn-score-entry[data-mark=x] dd{color:var(--gn-accent)}@supports not (container-type:size){.gn-game-stage{container-type:normal}.gn-board{--cell:clamp(2.25rem, min(24vw, 24vh), 6.5rem);--gn-board-gap:calc(var(--cell) * .08)}}@media (prefers-reduced-motion:reduce){.gn-game-root[data-game-state=ready]{animation:none}.gn-cell,.gn-button,.gn-segmented-option{transition:none}}