.bp262{max-width:1080px;margin:0 auto}.bp262-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin:1.2rem 0 .8rem}.bp262-head h1{margin:.2rem 0;font-size:clamp(2rem,5vw,3.4rem)}.bp262-head p{max-width:720px;margin:.3rem 0;color:var(--muted,#64748b)}.bp262-modebar,.bp262-subbar,.bp262-actions,.bp262-tools{display:flex;gap:.5rem;flex-wrap:wrap}.bp262-modebar button,.bp262-subbar button,.bp262-actions button,.bp262-tools button{border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:.68rem .9rem;font:inherit;font-weight:750;cursor:pointer}.bp262-modebar button.active,.bp262-tools button.active,.bp262-subbar button.active,.bp262-actions .primary{background:#111827;color:#fff;border-color:#111827}.bp262-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:.75rem 0}.bp262-hud>div{border:1px solid #e2e8f0;border-radius:14px;padding:.65rem .8rem;background:#fff}.bp262-hud small{display:block;color:#64748b}.bp262-hud strong{display:block;margin-top:.15rem}.bp262-subbar{margin:.6rem 0}.bp262-boardcard{border:1px solid #dbe3ee;border-radius:20px;background:#fff;padding:1rem;box-shadow:0 10px 28px rgba(15,23,42,.05)}.bp262-titlebar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.bp262-titlebar h2{margin:0}.bp262-titlebar p{margin:.3rem 0 0;color:#64748b}.bp262-badge{border-radius:999px;background:#eef2ff;padding:.4rem .65rem;font-size:.82rem;font-weight:800}.bp262-boardwrap{overflow:auto;margin:1rem auto;max-width:760px;display:flex;justify-content:center}.bp262-board{--n:8;display:grid;grid-template-columns:repeat(var(--n),1fr);width:min(78vw,680px);aspect-ratio:1/1;border:2px solid #111827;background:#111827;gap:1px}.bp262-cell{min-width:0;border:0;background:#f8fafc;font-weight:850;font-size:clamp(.72rem,2.2vw,1.28rem);cursor:pointer;color:#111827}.bp262-cell.given{background:#e2e8f0;cursor:default}.bp262-cell.user{background:#fff}.bp262-cell.sel{outline:3px solid #2563eb;outline-offset:-3px}.bp262-cell.bad{background:#fee2e2}.bp262-cell.hinted{box-shadow:inset 0 0 0 3px #f59e0b}.bp262-cell.zero{color:#1d4ed8}.bp262-cell.one{color:#b91c1c}.bp262-status{min-height:2.6rem;border-radius:12px;background:#f8fafc;padding:.75rem .85rem;margin:.8rem 0}.bp262-hint{border:1px solid #fde68a;background:#fffbeb;border-radius:12px;padding:.75rem .85rem;margin:.65rem 0}.bp262-complete{border:1px solid #bbf7d0;background:#f0fdf4;border-radius:14px;padding:1rem;margin-top:.8rem}.bp262-progress{height:7px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin:.65rem 0}.bp262-progress>i{display:block;height:100%;background:#111827}.bp262-more{margin:1rem 0;border:1px solid #dbe3ee;border-radius:16px;background:#fff}.bp262-more>summary{cursor:pointer;padding:1rem;font-weight:850}.bp262-legacy{padding:0 1rem 1rem}.bp262-note{font-size:.9rem;color:#64748b}.binary-puzzle-page .mobile-dock{display:none!important}
@media(max-width:640px){.bp262-head{margin-top:.7rem}.bp262-head p{font-size:.92rem}.bp262-hud{grid-template-columns:repeat(4,1fr);gap:.35rem}.bp262-hud>div{padding:.5rem .45rem;text-align:center}.bp262-hud small{font-size:.68rem}.bp262-hud strong{font-size:.82rem}.bp262-boardcard{padding:.7rem}.bp262-titlebar{align-items:center}.bp262-titlebar p{font-size:.82rem}.bp262-board{width:min(94vw,560px)}.bp262-actions button,.bp262-tools button,.bp262-subbar button,.bp262-modebar button{padding:.58rem .68rem;font-size:.88rem}.bp262-modebar{display:grid;grid-template-columns:repeat(4,1fr)}.bp262-modebar button{padding:.62rem .2rem}.bp262-cell{font-size:clamp(.62rem,3.5vw,1rem)}}
@media print{.topbar,.preview-note,.bp262-modebar,.bp262-hud,.bp262-subbar,.bp262-actions,.bp262-tools,.bp262-more{display:none!important}.bp262-board{width:7in;max-width:100%}}