.logic-page .game{min-height:0}.logic-page .game-actions{display:flex;gap:8px;flex-wrap:wrap}.logic-page .mode-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.logic-page .mode-switch button[aria-pressed=true]{background:var(--primary);color:var(--background)}.logic-page #board-title{font-size:19px;margin:12px 0}.logic-page #puzzle-list{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow:auto;padding:6px}.logic-page #puzzle-list button{text-align:left}.logic-page #lesson{font-size:16px;border-left:3px solid var(--highlight);padding-left:12px;margin:8px 0}.logic-page .logic-board{display:grid;grid-template-columns:repeat(var(--grid-size),minmax(44px,1fr)) 36px;gap:4px;max-width:386px;margin:14px 0 6px}.logic-page .grid-letter{position:relative;font:700 22px/1.2 var(--font-mono);min-height:48px;padding:8px 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--primary)}.logic-page .grid-letter:hover:not(:disabled){background:var(--highlight)}.logic-page .grid-letter:focus-visible{outline:3px solid var(--accent);outline-offset:1px;z-index:1}.logic-page .grid-letter.is-kept{background:var(--surface);border:2px solid var(--primary);border-radius:50%}.logic-page .grid-letter.is-kept::after{content:'•';position:absolute;right:3px;bottom:0;font-size:12px}.logic-page .grid-letter.is-excluded{text-decoration:line-through;text-decoration-thickness:3px;background:var(--surface)}.logic-page .grid-letter.is-excluded::after{content:'×';position:absolute;right:2px;top:0;font-size:14px}.logic-page .grid-letter.is-error{outline:2px dashed var(--accent);outline-offset:-3px}.logic-page .grid-letter:disabled{opacity:1}.logic-page .grid-target{font:700 14px/1.4 var(--font-mono);display:flex;align-items:center;justify-content:center;min-height:32px}.logic-page #feedback{min-height:3em;font-size:16px;margin:12px 0}.logic-page .word-bank{margin-top:14px;padding:10px;background:var(--surface)}.logic-page .word-bank p{font-size:16px;margin:6px 0;line-height:1.6}.logic-page details>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:16px;font-weight:600}.logic-page .rules p,.logic-page .rules li{font-size:16px;line-height:1.6}.logic-page .logic-copy{max-width:65ch;font-size:18px;line-height:1.7}.logic-page .logic-copy h2{margin-top:32px}.logic-page #worked ol{padding-left:24px;font-size:16px;line-height:1.6}.logic-page #worked li{margin-bottom:12px}.logic-page .guide-layout{display:grid;grid-template-columns:minmax(0,65ch) 200px;gap:32px;align-items:start}.logic-page .guide-toc{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}.logic-page .guide-toc a{display:block;padding:6px 0;font-size:16px}.logic-page .guide-toc summary{list-style:none}.logic-page .guide-section{scroll-margin-top:20px}.logic-page .guide-intro{font-size:18px;line-height:1.7;max-width:65ch;margin:16px 0}.logic-page .guide-example{margin-block:24px}.logic-page .guide-example .game{max-width:560px}.logic-page .guide-example .play-layout{display:block}.logic-page .guide-example .rules{display:none}.logic-page .small{font-size:14px}.logic-page select{font:16px var(--font-sans);min-height:44px;border:1px solid var(--primary);border-radius:var(--radius);background:var(--background);color:var(--primary);padding:6px;cursor:pointer;max-width:100%}.logic-page #result{border-left:4px solid var(--primary);padding:8px 12px;background:var(--surface);margin-top:12px}.logic-page #result h3{margin:0}.logic-page #replace-check{border:2px solid var(--primary);padding:12px;margin-block:12px}
@media(max-width:760px){.logic-page .wrap{padding-inline:12px}.logic-page .game{padding:12px}.logic-page .heading-row{display:block;margin-bottom:12px}.logic-page .heading-row .edition{display:block;margin-top:8px}.logic-page .play-band{padding-block:18px}.logic-page .play-layout{gap:24px}.logic-page .guide-layout{display:flex;flex-direction:column;gap:16px}.logic-page .guide-toc{position:static;max-height:none;order:-1;width:100%}.logic-page .guide-toc summary{pointer-events:auto;list-style:revert}.logic-page .logic-copy{width:100%}.logic-page .grid-letter{min-height:44px}.logic-page .game-actions button{padding-inline:12px;font-size:16px}.logic-page .logic-board{gap:3px;grid-template-columns:repeat(var(--grid-size),minmax(44px,1fr)) 30px}.logic-page #board-title{font-size:18px}}