.document:has(#sudoku){max-width:1080px}.sudoku-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:24px 0}.sudoku-toolbar [role=group]{display:flex;gap:8px}.sudoku-toolbar button,.sudoku-side button,.sudoku-actions button{font:inherit;min-height:44px;border:1px solid #cbd5cf;border-radius:10px;background:white;padding:10px 16px;color:#234535;cursor:pointer}.sudoku-toolbar button[aria-pressed=true],.sudoku-side .sudoku-primary{background:#c5ef5e;border-color:#a4c747}.sudoku-layout{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(220px,1fr);gap:28px}.sudoku-panel{background:#eaf0e3;border:1px solid #cedbc4;border-radius:18px;padding:18px;align-self:start}.sudoku-meta{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;margin-bottom:12px;color:#355943}.sudoku-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:3px solid #244939;border-radius:5px;overflow:hidden;aspect-ratio:1}.sudoku-cell{border:0;border-right:1px solid #c3cfc3;border-bottom:1px solid #c3cfc3;border-radius:0;background:#fffef7;color:#265aaf;font:600 clamp(23px,4vw,38px)/1 system-ui;padding:0;aspect-ratio:1;min-width:0;cursor:pointer;touch-action:manipulation}.sudoku-cell.given{background:#e5eade;color:#283d30;font-weight:750}.sudoku-cell.box-right{border-right:3px solid #244939}.sudoku-cell.box-bottom{border-bottom:3px solid #244939}.sudoku-cell.selected{box-shadow:inset 0 0 0 3px #507c30;background:#eef8d9}.sudoku-cell.conflict{color:#a52121;background:#ffe4df}.sudoku-cell.conflict:after{content:'!';font-size:12px;vertical-align:super}.sudoku-numbers{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:14px 0 10px}.sudoku-numbers button{min-width:0;min-height:48px;font:700 23px system-ui;border:1px solid #bacbb0;background:white;color:#294c38;border-radius:9px;cursor:pointer}.sudoku-actions{display:flex;gap:8px}.sudoku-actions button{flex:1}.sudoku-side{display:flex;flex-direction:column;gap:12px;align-items:stretch}.sudoku-side p{margin:0;line-height:1.65}.sudoku-side #s-status{font-size:1.08rem;font-weight:650;background:#edf3e5;padding:16px;border-radius:12px}.sudoku-side button:disabled,.sudoku-numbers button:disabled,.sudoku-actions button:disabled{opacity:.45;cursor:default}.sudoku-guide{margin-top:36px;border-top:1px solid #d7ded2;padding-top:20px}#s-result textarea{width:100%;height:150px;margin-top:12px;font:inherit;resize:vertical}#sudoku button:focus-visible{outline:3px solid #1477c9;outline-offset:-3px}
@media(max-width:680px){.sudoku-layout{grid-template-columns:1fr;gap:18px}.sudoku-panel{padding:12px}.sudoku-cell{font-size:clamp(24px,7vw,36px)}.sudoku-toolbar{margin-top:16px}.sudoku-toolbar button{padding:10px 12px}.sudoku-numbers button{min-height:46px}.sudoku-side{gap:10px}}