:root{--plate: #eceee9;--graphite: #21201c;--pencil: #c2c0b7;--muted: #5e5c54;--rule: #d7d6cd;--chip-surface: transparent;--chip-border: var(--pencil);--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;color-scheme:light dark}:root[data-theme=dark]{--plate: #16161a;--graphite: #e8e7e1;--pencil: #3a3a3e;--muted: #9b9a92;--rule: #2c2c30;--chip-surface: #26262f;--chip-border: #2c2c30}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--plate: #16161a;--graphite: #e8e7e1;--pencil: #3a3a3e;--muted: #9b9a92;--rule: #2c2c30;--chip-surface: #26262f;--chip-border: #2c2c30}}:root{--x-mark: #3b3a91;--x-mark-strong: #2f2e74;--danger: #b3261e;--danger-strong: #8f1c15;--focus: var(--x-mark)}:root[data-theme=dark]{--x-mark: #8f8ee6;--x-mark-strong: #a3a2ea;--danger: #ec6a60;--danger-strong: #f2766c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--x-mark: #8f8ee6;--x-mark-strong: #a3a2ea;--danger: #ec6a60;--danger-strong: #f2766c}}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/SpaceGrotesk-Regular.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/SpaceGrotesk-Medium.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-Regular.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--plate);color:var(--graphite);font-family:var(--font-display);-webkit-font-smoothing:antialiased}.app{--page-pad: 1.25rem;min-height:100dvh;max-width:700px;margin:0 auto;padding:2rem var(--page-pad) 3rem;display:flex;flex-direction:column;align-items:center;gap:1.1rem}.plate-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.title{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,9vw,3rem);letter-spacing:.06em}.header-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:var(--graphite);background:var(--chip-surface);border:1px solid var(--chip-border);border-radius:7px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.theme-toggle:hover{border-color:var(--graphite)}.theme-toggle svg{width:1.15rem;height:1.15rem;display:block}.rule{width:100%;height:0;margin:.6rem 0;border:0;border-top:1px solid var(--rule)}.play{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.1rem}.boards-row{--board-gap: .75rem;--board-max: 260px;--boards: 2;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:var(--board-gap);--board-size: max( 6rem, min( var(--board-max), calc((min(100vw, 700px) - 2 * var(--page-pad) - (var(--boards) - 1) * var(--board-gap)) / var(--boards)), calc(100vh - 12rem) ) )}.boards-row--3{--board-max: 188px;--boards: 3}@supports (width: 1cqi) and (height: 1dvh){.boards-row{container-type:inline-size;--board-size: max( 6rem, min( var(--board-max), calc((100cqi - (var(--boards) - 1) * var(--board-gap)) / var(--boards)), calc(100dvh - 12rem) ) )}}@media(min-width:760px){.play{flex-direction:column-reverse}.boards-row{--board-gap: clamp(1rem, 3vw, 1.5rem)}}.board{display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .28s ease,transform .28s ease,filter .28s ease}.board__grid{position:relative;width:var(--board-size);height:var(--board-size);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);border-radius:3px}.cell{margin:0;padding:0;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-right:2px solid var(--graphite);border-bottom:2px solid var(--graphite);cursor:pointer;transition:background .12s ease;touch-action:manipulation}.cell:nth-child(3n){border-right:0}.cell:nth-child(n+7){border-bottom:0}.cell[aria-disabled=true]{cursor:default}.cell:not([aria-disabled=true]):hover,.cell:not([aria-disabled=true]):focus-visible{background:color-mix(in srgb,var(--x-mark) 10%,var(--plate))}.mark{width:66%;height:66%;stroke:var(--x-mark);stroke-width:11;stroke-linecap:round;fill:none}.cell--death{background:color-mix(in srgb,var(--graphite) 13%,var(--plate))}.board--dead{opacity:.22;filter:grayscale(1);transform:scale(.88)}.board__strike{position:absolute;left:50%;top:50%;width:138%;height:3px;background:var(--graphite);border-radius:2px;transform:translate(-50%,-50%) rotate(-45deg);opacity:1;animation:strike-in .26s ease .12s backwards}@keyframes strike-in{0%{opacity:0;width:0}}.cell--losing{background:color-mix(in srgb,var(--danger) 16%,var(--plate));box-shadow:inset 0 0 0 2px var(--danger)}.board__tag{margin:.2rem 0 0;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em}.board__tag--xray{color:var(--muted)}.cell--winning .cell__hint{width:40%;height:40%;border:2px solid var(--x-mark);border-radius:50%;opacity:.55}.xray-readout{margin:0;max-width:34rem;text-align:center;font-family:var(--font-mono);font-size:.8rem;line-height:1.5;color:var(--muted)}.xray-readout strong{color:var(--x-mark)}.status{margin:0;min-height:1.5em;font-size:1.05rem;text-align:center}.notice{margin:0;max-width:34rem;text-align:center;font-size:.9rem;line-height:1.5}.notice--error{color:var(--danger);display:flex;flex-direction:column;align-items:center;gap:.5rem}.notice p{margin:0}.parity-note{width:100%;max-width:34rem;margin:0;padding:.75rem 1rem;border-left:3px solid var(--x-mark);background:color-mix(in srgb,var(--x-mark) 7%,var(--plate));border-radius:4px;font-size:.9rem;line-height:1.5}.controls{width:100%;display:flex;flex-direction:column;align-items:center;gap:.7rem}.seg{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:center}.seg__label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);min-width:4.5rem;text-align:right}.seg__options{display:flex;gap:4px}.seg__btn,.toggle,.new-game,.retry{font-family:var(--font-display);font-size:.9rem;color:var(--graphite);background:transparent;border:1px solid var(--pencil);border-radius:7px;padding:.4rem .85rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.seg__btn:hover,.toggle:hover,.new-game:hover,.retry:hover{border-color:var(--graphite)}.seg__btn--on{color:var(--plate);background:var(--graphite);border-color:var(--graphite);font-weight:500}.toggle--on{color:var(--plate);background:var(--x-mark);border-color:var(--x-mark);font-weight:500}.toggle:disabled{opacity:.5;cursor:default}.controls__actions{display:flex;gap:.5rem;margin-top:.3rem}.new-game,.retry{font-weight:500}.new-game--pending{border-color:var(--x-mark);color:var(--x-mark)}.pending-note{margin:0;min-height:1.3em;font-size:.85rem;color:var(--muted);text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:380px){.app{--page-pad: .9rem;padding:1.5rem var(--page-pad) 2.5rem;gap:.9rem}.play{gap:.9rem}.seg__label{min-width:0;text-align:center}}