.sudoku-pro{max-width:1100px;margin:0 auto}.sudoku-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:12px 0 22px}.sudoku-top select{font:inherit;padding:12px 16px;border:1px solid #64725e;border-radius:12px;background:#273126;color:#f0f1e8}.sudoku-progress{flex:1;color:var(--muted);font-size:14px}.sudoku-layout{display:grid;grid-template-columns:minmax(280px,570px) minmax(250px,1fr);gap:32px;align-items:start}.sudoku-pro .sudoku-grid{width:100%;max-width:570px;margin:0;border:2px solid #a5b898;border-radius:10px}.sudoku-pro .sudoku-cell{font-size:clamp(21px,2.6vw,32px);aspect-ratio:1;position:relative}.sudoku-pro .sudoku-cell.same{background:#506849;color:#fff}.sudoku-pro .sudoku-cell:focus-visible{outline:3px solid #e9c59b;outline-offset:-4px;z-index:1}.sudoku-pro .sudoku-cell:nth-child(n+73){border-bottom:0}.sudoku-notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:3px;font:500 clamp(9px,1.1vw,14px)/1.1 system-ui;color:#c7d3c0}.sudoku-notes span{display:grid;place-items:center}.sudoku-tools{background:#222c24;border:1px solid #3c4c3d;border-radius:18px;padding:24px;display:grid;gap:14px}.sudoku-tools h3,.sudoku-tools p{margin:0}.sudoku-pro .sudoku-keypad{grid-template-columns:repeat(3,1fr);gap:8px}.sudoku-keypad button{display:flex;justify-content:center;align-items:center;gap:12px;font-size:25px!important;min-height:54px}.sudoku-keypad small{font-size:11px;color:var(--muted)}.sudoku-tools [aria-pressed=true]{background:#c5dfaf;color:#20301e}.sudoku-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sudoku-actions button{min-height:44px;font-size:13px}.sudoku-feedback{min-height:44px;line-height:1.6;color:#d8e8c5}.sudoku-help{font-size:13px;color:var(--muted)}.sudoku-help summary{cursor:pointer}.sudoku-help p{margin-top:10px}.sudoku-confirm{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:16px;background:#433b2d;border-radius:12px;margin-bottom:16px}.sudoku-confirm[hidden]{display:none}.sudoku-won .sudoku-grid{border-color:#d7eabc;box-shadow:0 0 0 4px #c5dfaf22}@media(max-width:850px){.sudoku-layout{grid-template-columns:1fr;gap:18px}.sudoku-pro{max-width:570px}.sudoku-tools{padding:18px}.sudoku-pro .sudoku-cell{font-size:clamp(21px,5vw,30px)}.sudoku-pro .sudoku-keypad{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.sudoku-keypad button{flex-direction:column;gap:0;padding:8px 0;font-size:22px!important;min-width:0}.sudoku-notes{font-size:clamp(9px,2.5vw,13px)}.sudoku-tools h3,.sudoku-tools>.game-help,.sudoku-tools>.eyebrow{display:none}.sudoku-top{gap:10px}.sudoku-progress{font-size:12px}.sudoku-actions{grid-template-columns:repeat(3,1fr)}}

.game-page.sudoku-dialog{max-width:1200px}.game-page.sudoku-dialog #game-content{max-width:none;width:100%}.sudoku-pro .sudoku-grid{aspect-ratio:1;grid-template-rows:repeat(9,minmax(0,1fr))}.sudoku-pro .sudoku-cell{aspect-ratio:auto;height:100%;min-height:0;line-height:1;padding:0}