.binary-game{--binary-paper: var(--surface);--binary-ink: var(--ink);--binary-mint: color-mix(in srgb, var(--game-accent) 15%, var(--surface));--binary-x: var(--game-accent);--binary-o: var(--brand);--binary-danger: var(--danger);--binary-board-size: clamp(18rem, min( calc(100vw - 4rem) , 63dvh, calc(100dvh - 21rem) ), 38rem);display:grid;gap:var(--space-2, .5rem);justify-items:center;width:fit-content;max-width:100%}.binary-scroll{width:100%;max-width:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;border-radius:.45rem}.binary-board-frame{position:relative;width:max(var(--binary-board-size),calc(var(--binary-size) * 44px + 6px));max-width:none;aspect-ratio:1}.binary-board{display:grid;grid-template-columns:repeat(var(--binary-size),minmax(0,1fr));width:100%;aspect-ratio:1;border:3px solid var(--binary-ink);background:var(--binary-paper);touch-action:none}.binary-board.is-pan-enabled{touch-action:pan-x pan-y}.binary-row{display:contents}.binary-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;border-right:1px solid color-mix(in srgb,var(--binary-ink) 38%,transparent);border-bottom:1px solid color-mix(in srgb,var(--binary-ink) 38%,transparent);background:var(--binary-paper);color:var(--binary-ink);font:inherit}.binary-cell[data-column="1"],.binary-cell[data-column="3"],.binary-cell[data-column="5"],.binary-cell[data-column="7"],.binary-cell[data-column="9"]{border-right-width:2px}.binary-cell.is-given{background:color-mix(in srgb,var(--binary-paper) 88%,var(--binary-ink));color:var(--binary-ink);opacity:1}.binary-cell.is-in-selected-row,.binary-cell.is-in-selected-column{background:color-mix(in srgb,var(--binary-mint) 52%,var(--binary-paper))}.binary-cell.is-in-selected-row.is-in-selected-column{background:color-mix(in srgb,var(--binary-mint) 76%,var(--binary-paper))}.binary-cell.is-selected{outline:3px solid var(--focus);outline-offset:-4px;z-index:5}.binary-cell.has-conflict{isolation:isolate}.binary-cell.has-conflict:after{content:"";position:absolute;inset:4px;border:3px double var(--binary-danger);pointer-events:none}.binary-cell.is-selected.has-conflict:after{inset:6px}.binary-glyph{position:relative;font-family:Avenir Next Rounded,Nunito Sans,sans-serif;font-size:clamp(1rem,5vw,2.1rem);line-height:1}.binary-glyph.is-x{color:var(--binary-x)}.binary-glyph.is-o{color:var(--binary-o)}.binary-cell.is-given .binary-glyph{font-weight:850}.binary-cell.is-entered .binary-glyph{font-weight:620}.binary-cell.has-triple-conflict .binary-glyph{border-bottom:.16em solid currentColor;padding-inline:.08em;padding-bottom:.08em}.binary-number{position:absolute;left:3px;bottom:1px;font-size:clamp(.45rem,1.4vw,.7rem);font-weight:800}.binary-origin-marker{position:absolute;top:4px;right:4px;color:var(--binary-ink)}.is-given-marker{width:0;height:0;border-top:.42rem solid currentColor;border-left:.42rem solid transparent}.is-entered-marker{width:.35rem;height:.35rem;border:1.5px solid currentColor;border-radius:50%}.binary-rule-carrier{--binary-line-start: calc(var(--binary-line) * 100% / var(--binary-size));--binary-line-span: calc(100% / var(--binary-size));position:absolute;z-index:4;display:grid;place-items:center;box-sizing:border-box;color:var(--binary-danger);font-size:clamp(.55rem,1.6vw,.72rem);font-weight:900;line-height:1;pointer-events:none}.binary-balance-gauge{border-color:currentColor;border-style:solid}.binary-balance-gauge.is-row{top:var(--binary-line-start);right:0;width:.72rem;height:var(--binary-line-span);border-width:2px 4px 2px 0}.binary-balance-gauge.is-column{bottom:0;left:var(--binary-line-start);width:var(--binary-line-span);height:.72rem;border-width:0 2px 4px}.binary-duplicate-rail{color:var(--binary-danger)}.binary-duplicate-rail.is-row{top:var(--binary-line-start);left:0;width:100%;height:var(--binary-line-span);border-block:2px dashed currentColor}.binary-duplicate-rail.is-column{top:0;left:var(--binary-line-start);width:var(--binary-line-span);height:100%;border-inline:2px dashed currentColor}.binary-rule-status{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;width:var(--binary-board-size);max-width:100%;min-height:2.6rem;margin:0;padding:.25rem .1rem;border-block:1px solid color-mix(in srgb,var(--binary-ink) 22%,transparent);color:color-mix(in srgb,var(--binary-ink) 76%,white);font-size:.86rem;line-height:1.35}.binary-rule-status.has-active-conflict{color:var(--binary-ink)}.binary-rule-message{display:inline-flex;align-items:center;gap:.4rem}.binary-rule-marker{display:inline-grid;place-items:center;width:1.5rem;min-width:1.5rem;height:1.5rem;color:var(--binary-danger);font-weight:900}.binary-rule-message.is-clear .binary-rule-marker{color:var(--binary-x)}.binary-keypad{order:-1;display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:.35rem;width:min(100%,22rem)}.binary-key{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:44px;min-height:44px;border:1px solid var(--binary-ink);border-radius:.55rem;background:var(--binary-paper);color:var(--binary-ink);font:inherit;font-weight:750}.binary-key[aria-pressed=true]{border:3px solid var(--game-accent);background:color-mix(in srgb,var(--game-accent) 14%,var(--surface))}@media(forced-colors:active){.binary-board,.binary-cell,.binary-cell.is-given,.binary-cell.is-in-selected-row,.binary-cell.is-in-selected-column,.binary-key{background:Canvas;background-image:none}.binary-cell.is-selected{outline:3px solid Highlight;outline-offset:-4px}.binary-cell.has-conflict:after{border-color:Highlight;border-style:double}.binary-cell.is-selected.has-conflict:after{inset:7px}.binary-cell.has-triple-conflict .binary-glyph{border-bottom-color:Highlight}.binary-balance-gauge{border-color:Highlight;color:HighlightText}.binary-duplicate-rail{border-color:Highlight;border-style:dashed;color:HighlightText}.binary-glyph,.binary-rule-marker{forced-color-adjust:auto;color:CanvasText}.binary-key[aria-pressed=true]{border-color:Highlight}}