:root{--snavy:#102b4e;--sgold:#d5a01f;--scream:#f8f4ea;--sline:#d9dee6;--stext:#10233d}.sudoku-page{background:#f7f8fa;color:var(--stext);min-height:80vh}.sudoku-hero{background:linear-gradient(135deg,#fff 0%,#f8f4ea 100%);border-bottom:1px solid #e5e7eb}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding-top:64px;padding-bottom:64px}.kicker,.label{font-size:.78rem;letter-spacing:.16em;font-weight:800;color:#a87800}.sudoku-hero h1{font-family:Georgia,serif;color:var(--snavy);font-size:clamp(3rem,6vw,5.8rem);line-height:.95;margin:.15em 0}.sudoku-hero p{font-size:1.15rem;max-width:680px;color:#526176}.hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-pills span{background:#fff;border:1px solid #e1e5eb;border-radius:999px;padding:8px 13px;font-weight:700;font-size:.88rem}.mini-board{width:min(330px,70vw);aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);background:#fff;border:4px solid var(--snavy);box-shadow:0 24px 60px #16304b1f;transform:rotate(3deg);justify-self:center}.mini-board span{display:grid;place-items:center;border:1px solid #ccd3dc;font:700 1.05rem Georgia;color:var(--snavy)}.play-wrap{padding-top:42px;padding-bottom:70px}.game-panel{background:#fff;border-radius:26px;padding:28px;box-shadow:0 16px 50px #102b4e12;border:1px solid #e6e9ee}.game-top{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.levels,.game-meta{display:flex;gap:8px;flex-wrap:wrap}.levels button,.game-meta button,.tools button{border:1px solid #dce1e7;background:#fff;color:var(--snavy);border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.levels button.active{background:var(--snavy);color:#fff;border-color:var(--snavy)}#timer{font:800 1.25rem ui-monospace,monospace;padding:8px 10px}.game-layout{display:grid;grid-template-columns:minmax(300px,610px) 190px;justify-content:center;gap:28px}.board{aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);border:3px solid var(--snavy);background:#fff}.cell{border:1px solid #cdd4de;display:grid;place-items:center;font-size:clamp(1.05rem,2.4vw,2rem);font-weight:700;cursor:pointer;position:relative;user-select:none}.cell:nth-child(9n+3),.cell:nth-child(9n+6){border-right:3px solid var(--snavy)}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:3px solid var(--snavy)}.cell.given{background:#f0f3f7;color:#0d2749}.cell.selected{background:#fff1bf}.cell.peer{background:#f7f8fa}.cell.error{color:#b42318;background:#fff0ee}.cell .notes{font-size:.48em;display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;align-items:center;text-align:center;color:#68768a}.numbers{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin-top:12px}.numbers button{aspect-ratio:1;border:0;border-radius:9px;background:#edf1f6;color:var(--snavy);font-size:1.2rem;font-weight:900;cursor:pointer}.tools{display:grid;gap:10px;align-content:start}.tools button{padding:14px;text-align:left}.tools button b{float:right;color:#a87800}.message{font-size:.9rem;line-height:1.4;color:#68768a;padding:10px 3px}.below-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.below-grid article,.stats{background:#fff;border:1px solid #e6e9ee;border-radius:22px;padding:26px}.below-grid h2,.stats h2{font-family:Georgia,serif;color:var(--snavy);margin:.3em 0}.book-note{font-weight:800;color:#9b7209}.eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.12em;color:#a87800}.stats{margin-top:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-grid div{background:#f7f8fa;border-radius:14px;padding:18px}.stat-grid strong{display:block;font-size:1.8rem;color:var(--snavy)}.stat-grid span{font-size:.82rem;color:#68768a}@media(max-width:820px){.hero-grid{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px}.mini-board{display:none}.game-top{align-items:stretch;flex-direction:column}.game-layout{grid-template-columns:1fr}.tools{grid-template-columns:repeat(2,1fr)}.below-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.game-panel{padding:14px}.cell{font-size:1.2rem}}

.book-grid-badge{display:inline-flex;margin:0 0 18px;padding:8px 12px;border-radius:999px;background:#fff4c7;color:#765500;font-weight:900;font-size:.82rem;border:1px solid #ead27a}.book-grid-badge[hidden]{display:none}