.binary-logic-page{min-width:0;color:var(--color-on-surface)}.binary-logic-overview-shell{min-width:0;overflow:clip;border-radius:var(--radius-xl);background:var(--color-canvas)}.binary-logic-overview-intro{border-bottom:1px solid color-mix(in srgb,var(--ui-pillar-border) 60%,transparent);background:radial-gradient(circle at 12% 24%,color-mix(in srgb,var(--color-warning-50) 50%,transparent),transparent 34%),radial-gradient(circle at 88% 32%,color-mix(in srgb,var(--ui-pillar-soft) 72%,transparent),transparent 38%),color-mix(in srgb,var(--color-canvas) 72%,var(--color-surface))}.binary-logic-overview-layout{width:min(100%,var(--container-2xl));margin-inline:auto;padding-top:var(--space-4)}.binary-logic-overview-preview{display:grid;min-width:0;gap:var(--space-3);justify-items:center;margin:0;padding:clamp(var(--space-4),3vw,var(--space-7))}.binary-logic-overview-preview figcaption{max-width:31rem;margin:0;color:var(--color-on-surface-variant);font-size:var(--text-xs);line-height:var(--leading-relaxed);text-align:center}.binary-logic-display-board{display:grid;width:min(100%,var(--binary-logic-display-board-size, 12rem));min-width:0;grid-template-columns:repeat(var(--binary-logic-display-size),minmax(0,1fr));aspect-ratio:1;overflow:hidden;border:3px solid var(--ui-pillar-dark);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 .7rem 1.7rem color-mix(in srgb,var(--color-on-surface) 8%,transparent)}.binary-logic-display-board--hero{--binary-logic-display-board-size: 26rem}.binary-logic-display-board--lesson,.binary-logic-display-board--rule{--binary-logic-display-board-size: 11rem}.binary-logic-display-board--difficulty{--binary-logic-display-board-size: 13rem}.binary-logic-display-cell{position:relative;display:grid;min-width:0;min-height:0;place-items:center;border-right:1px solid color-mix(in srgb,var(--ui-pillar-dark) 24%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ui-pillar-dark) 24%,transparent);background:var(--color-surface);color:var(--ui-pillar-dark);font-family:var(--font-headline);font-size:clamp(.72rem,3vw,1.7rem);font-weight:900}.binary-logic-display-board[data-size="6"] .binary-logic-display-cell{font-size:clamp(.62rem,2vw,1.15rem)}.binary-logic-display-cell[data-given=true]{background:var(--color-surface-variant);color:var(--color-on-surface)}.binary-logic-display-cell[data-value="0"]>span:first-child{display:grid;width:62%;aspect-ratio:1;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--color-warning) 64%,var(--color-surface));color:var(--ui-pillar-dark)}.binary-logic-display-cell[data-value="1"]>span:first-child{display:grid;width:62%;aspect-ratio:1;place-items:center;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ui-pillar) 74%,var(--color-surface));color:#fff}.binary-logic-display-cell[data-empty=true]{background:color-mix(in srgb,var(--color-canvas-soft) 68%,var(--color-surface))}.binary-logic-display-cell[data-highlight=true]{background:color-mix(in srgb,var(--color-success-50) 76%,var(--color-surface))}.binary-logic-display-cell[data-target=true]{z-index:1;background:color-mix(in srgb,var(--color-warning-50) 78%,var(--color-surface));box-shadow:inset 0 0 0 3px var(--color-warning)}.binary-logic-display-cell[data-revealed=true]{background:color-mix(in srgb,var(--color-success-50) 76%,var(--color-surface));box-shadow:inset 0 0 0 3px var(--color-success-600)}.binary-logic-display-cell__target-mark{color:var(--ui-pillar-dark);font-size:clamp(.8rem,3vw,1.55rem)}.binary-logic-overview-symbols{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.binary-logic-overview-symbols span{display:inline-flex;min-width:7rem;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--ui-pillar-border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--ui-pillar-soft) 62%,var(--color-surface));padding:var(--space-2) var(--space-4);color:var(--ui-pillar-dark);font-size:var(--text-sm);font-weight:800}.binary-logic-overview-symbols strong{display:grid;width:2rem;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-xs)}.binary-logic-overview-note,.binary-logic-admission-note{display:flex;max-width:58rem;align-items:flex-start;gap:var(--space-3);margin:var(--space-6) auto 0;border:1px solid var(--ui-pillar-border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--ui-pillar-soft) 66%,var(--color-surface));padding:var(--space-4);color:var(--ui-pillar-dark);line-height:var(--leading-relaxed)}.binary-logic-admission-note{border-color:color-mix(in srgb,var(--color-warning) 42%,var(--ui-pillar-border));background:color-mix(in srgb,var(--color-warning-50) 56%,var(--color-surface));color:var(--color-on-surface-variant)}.binary-logic-print-sheets{position:relative;display:grid;width:min(100%,27rem);min-height:19rem;place-items:center}.binary-logic-print-sheet{position:absolute;width:clamp(10rem,46%,13rem);margin:0;filter:drop-shadow(0 .8rem 1rem color-mix(in srgb,var(--color-on-surface) 14%,transparent))}.binary-logic-print-sheet:first-child{z-index:1;transform:translate(-38%) rotate(-6deg)}.binary-logic-print-sheet:last-child{transform:translate(38%) rotate(6deg)}.binary-logic-print-sheet__page{overflow:hidden;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:#fff}.binary-logic-print-sheet__page>svg{display:block;width:100%;height:auto}.binary-logic-print-sheet figcaption{width:fit-content;margin:var(--space-2) auto 0;border-radius:var(--radius-pill);background:var(--color-surface);padding:var(--space-1) var(--space-3);color:var(--ui-pillar-dark);font-size:var(--text-xs);font-weight:850;box-shadow:var(--shadow-xs)}.binary-logic-workspace:not([data-puzzle-experience-view=play]){width:min(100%,1240px);margin-inline:auto;padding:0 1rem 3rem}.binary-logic-online-workspace,.binary-logic-play-stage,.binary-logic-play-rail-content{min-width:0}.binary-logic-guidance-banner{display:flex;align-items:center;gap:var(--space-3);color:var(--ui-pillar-dark);font-weight:750;line-height:var(--leading-snug)}.binary-logic-guidance-banner .material-symbols-outlined{color:var(--color-primary);font-size:var(--text-2xl)}.binary-logic-play-stage{display:grid;gap:var(--space-4);justify-items:center}.binary-logic-board{display:grid;width:min(100%,34rem);aspect-ratio:1;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:3px solid var(--color-on-surface);border-radius:var(--radius-md);background:var(--color-surface);touch-action:pan-y;box-shadow:0 .75rem 2rem color-mix(in srgb,var(--ui-pillar-dark) 9%,transparent)}.binary-logic-board>button{position:relative;display:grid;min-width:44px;min-height:44px;place-items:center;border:1px solid var(--color-outline);background:var(--color-surface);padding:14%;color:var(--ui-pillar-dark);touch-action:pan-y}.binary-logic-board[data-size="6"]>button{padding:18%}.binary-logic-board>button[data-given=true]{background:var(--color-surface-variant);color:var(--color-on-surface)}.binary-logic-board>button[data-selected=true]{box-shadow:inset 0 0 0 3px var(--ui-pillar)}.binary-logic-board>button[data-conflict=true]{background:color-mix(in srgb,var(--color-error) 18%,var(--color-surface));box-shadow:inset 0 0 0 3px var(--color-error)}.binary-logic-board>button[data-hint-line=true]{background:var(--ui-pillar-soft)}.binary-logic-board>button[data-hint-related=true]{box-shadow:inset 0 0 0 3px var(--ui-pillar)}.binary-logic-board>button[data-hint-target=true]{background:color-mix(in srgb,var(--ui-pillar) 20%,var(--color-surface));outline:3px dashed var(--ui-pillar-dark);outline-offset:-6px}.binary-logic-symbol{width:100%;height:100%}.binary-logic-user-mark{position:absolute;right:.2rem;bottom:0;font-weight:900}.binary-logic-input-guide{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.binary-logic-line-counts,.binary-logic-selection-guide{width:min(100%,34rem);margin:0;color:var(--color-on-surface-variant);font-size:var(--text-sm);text-align:center}.binary-logic-selection-guide{color:var(--color-on-surface);font-weight:750}.binary-logic-tray{display:grid;width:min(100%,34rem);grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.binary-logic-symbol-button{position:relative;display:grid;min-width:0;min-height:76px;grid-template-columns:auto 2.6rem;grid-template-rows:1fr auto;gap:0 var(--space-2);align-items:center;justify-content:center;border:1px solid var(--ui-pillar-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-2) var(--space-3);color:var(--ui-pillar-dark);font-weight:800;touch-action:pan-y}.binary-logic-symbol-button>.binary-logic-symbol{width:2.6rem;height:2.6rem}.binary-logic-symbol-button>span:last-child{grid-column:1 / -1;overflow:hidden;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.binary-logic-symbol-button__identity{display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:var(--radius-pill);background:var(--ui-pillar-soft);color:var(--ui-pillar-dark);font-size:var(--text-sm)}.binary-logic-symbol-button--erase{grid-template-columns:2.6rem}.binary-logic-symbol-button--erase .material-symbols-outlined{font-size:2rem}.binary-logic-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.binary-logic-actions button,.binary-logic-config-alert button,.binary-logic-hint-card__more,.binary-logic-completion-card__actions button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--color-outline);border-radius:var(--radius-pill);background:var(--color-surface);padding:var(--space-2) var(--space-3);color:var(--color-on-surface);font-weight:800}.binary-logic-actions button:disabled,.binary-logic-symbol-button:disabled{cursor:not-allowed;opacity:.5}.binary-logic-play-rail-content{display:grid;gap:var(--space-4)}.binary-logic-play-rail-group{position:relative;display:grid;gap:var(--space-3);overflow:hidden;border:1px solid var(--ui-pillar-border);border-radius:var(--radius-xl);background:var(--color-surface);padding:var(--space-5);box-shadow:var(--shadow-sm)}.binary-logic-play-rail-group+.binary-logic-play-rail-group{border-top:1px solid var(--ui-pillar-border)}.binary-logic-play-rail-group h2{margin:0;font-size:var(--text-base);font-weight:850}.binary-logic-play-rail-group>p,.binary-logic-stage-options>p{margin:0;color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.binary-logic-play-rail-group ol{display:grid;gap:var(--space-2);margin:0;padding-left:1.25rem;color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.binary-logic-progress-strip progress{width:100%;accent-color:var(--ui-pillar)}.binary-logic-progress-strip{min-height:13rem;align-content:start;padding-right:42%}.binary-logic-progress-companion{position:absolute;right:-2rem;bottom:-.45rem;width:52%;height:9.5rem;object-fit:cover;object-position:72% 50%;mix-blend-mode:multiply;pointer-events:none}.binary-logic-progress-strip>span,.binary-logic-progress-strip>p{color:var(--color-on-surface-variant);font-size:var(--text-xs)}.binary-logic-stage-options{display:grid;min-width:0;gap:var(--space-3);border:0;padding:0}.binary-logic-stage-options legend{font-weight:800}.binary-logic-learning-source{gap:var(--space-3)}.binary-logic-course-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:var(--space-2)}.binary-logic-course-levels button{display:grid;width:100%;min-height:44px;border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-2) var(--space-3);color:var(--color-on-surface);text-align:left}.binary-logic-course-levels button[aria-current=step]{border-color:var(--ui-pillar);background:var(--ui-pillar-soft)}.binary-logic-course-levels button:disabled{cursor:not-allowed;opacity:.55}.binary-logic-course-levels small{color:var(--color-on-surface-variant)}.binary-logic-config-alert{border:1px solid color-mix(in srgb,var(--color-error) 40%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-error) 5%,var(--color-surface));padding:var(--space-4);color:var(--color-error)}.binary-logic-config-alert ul{list-style:disc;padding-left:1.25rem}.binary-logic-hint-card,.binary-logic-completion-card{width:min(100%,34rem);border:1px solid var(--ui-pillar-border);border-radius:var(--radius-xl);background:var(--ui-pillar-soft);padding:var(--space-4)}.binary-logic-hint-card{width:100%;padding:0;border:0;background:transparent}.binary-logic-hint-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.binary-logic-hint-card h3,.binary-logic-completion-card h3,.binary-logic-composition h3{font-weight:850}.binary-logic-hint-card__header>span{color:var(--color-on-surface-variant);font-size:var(--text-xs)}.binary-logic-hint-card dl,.binary-logic-completion-card dl{display:grid;gap:var(--space-3);margin-top:var(--space-3)}.binary-logic-hint-card dl>div,.binary-logic-completion-card dl>div{border-top:1px solid var(--color-outline-variant);padding-top:var(--space-3)}.binary-logic-hint-card dt,.binary-logic-completion-card dt{color:var(--color-on-surface-variant);font-size:var(--text-xs);font-weight:800;text-transform:uppercase}.binary-logic-hint-card dd,.binary-logic-completion-card dd{margin-top:var(--space-1);line-height:var(--leading-relaxed)}.binary-logic-hint-card [data-locked=true] dd{color:var(--color-on-surface-variant)}.binary-logic-hint-card__more{margin-top:var(--space-4);border-color:var(--ui-pillar);color:var(--ui-pillar-dark)}.binary-logic-completion-card>p{margin-top:var(--space-2);color:var(--color-on-surface-variant);line-height:var(--leading-relaxed)}.binary-logic-completion-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.binary-logic-mobile-sheet{border:1px solid var(--ui-pillar-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm)}.binary-logic-mobile-sheet summary{min-height:44px;cursor:pointer;padding:var(--space-4);color:var(--ui-pillar-dark);font-weight:850}.binary-logic-mobile-sheet[open]>.binary-logic-play-rail-content{border-top:1px solid var(--color-outline-variant)}.binary-logic-print-quick-start{display:grid;gap:var(--space-5)}.binary-logic-composition{border-top:1px solid var(--color-outline-variant);padding-top:var(--space-4)}.binary-logic-composition>p{margin-top:var(--space-1);color:var(--color-on-surface-variant);font-size:var(--text-sm)}.binary-logic-composition ul{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.binary-logic-composition li{border-radius:var(--radius-pill);background:var(--ui-pillar-soft);padding:var(--space-2) var(--space-3);color:var(--ui-pillar-dark);font-size:var(--text-xs);font-weight:800}.binary-logic-board>button:focus-visible,.binary-logic-symbol-button:focus-visible,.binary-logic-actions button:focus-visible,.binary-logic-config-alert button:focus-visible,.binary-logic-hint-card__more:focus-visible,.binary-logic-completion-card__actions button:focus-visible,.binary-logic-mobile-sheet summary:focus-visible{z-index:1;outline:3px solid var(--ui-pillar-dark);outline-offset:3px}@media(min-width:45rem){.puzzle-overview-card-grid.binary-logic-rule-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:30rem){.binary-logic-overview-symbols{width:100%}.binary-logic-overview-symbols span{flex:1 1 7.5rem}.binary-logic-print-sheets{min-height:16rem}.binary-logic-board{width:100%}.binary-logic-board>button{min-width:0;padding:10%}.binary-logic-symbol-button{min-height:72px;grid-template-columns:auto 2.25rem;padding-inline:var(--space-2)}.binary-logic-symbol-button>.binary-logic-symbol{width:2.25rem;height:2.25rem}.binary-logic-symbol-button>span:last-child{font-size:.68rem}.binary-logic-actions button{flex:1 1 6.4rem}}@media(min-width:64rem){.puzzle-difficulty-grid.binary-logic-difficulty-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.binary-logic-page *,.binary-logic-page *:before,.binary-logic-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(min-width:64rem){.binary-logic-play-stage{width:100%;height:100%;min-height:0;place-items:center}.binary-logic-board{width:min(34rem,100cqw,calc(100cqh - 2.5rem));max-width:100%;max-height:100%}}