.sudoku-game{--su-ink:var(--ink,#223d32);--su-paper:var(--paper,#f6f7f2);--su-muted:var(--muted,#667362);max-width:640px;color:var(--su-ink);background:var(--su-paper);border-radius:20px;margin:auto;padding:22px;font:16px/1.45 system-ui,sans-serif}.sudoku-game *{box-sizing:border-box}.sudoku-game button,.sudoku-game select{font:inherit;color:inherit}.su-head,.su-controls,.su-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.su-kicker{color:var(--su-muted);letter-spacing:.14em;margin:0;font-size:.72rem}.su-head h1{margin:0;font-size:2rem}.su-time{font-variant-numeric:tabular-nums;font-size:1.2rem}.su-controls{margin:18px 0}.su-controls label{color:var(--su-muted);align-items:center;gap:7px;font-size:.85rem;display:flex}.sudoku-game button,.sudoku-game select{background:#fff;border:1px solid #d8dfd4;border-radius:9px;min-height:44px;padding:7px 11px}.sudoku-game button{cursor:pointer}.sudoku-game button:focus-visible,.sudoku-game select:focus-visible{outline-offset:2px;outline:3px solid #9bb88e}.su-board{border:2px solid var(--su-ink);aspect-ratio:1;background:#fff;grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.su-cell{place-items:center;display:grid;position:relative;background:#fff!important;border:1px solid #d6ddd2!important;border-top:0!important;border-left:0!important;border-radius:0!important;min-width:0!important;min-height:0!important;padding:0!important;font-size:clamp(1rem,4vw,1.7rem)!important}.su-cell:nth-child(3n){border-right:2px solid var(--su-ink)!important}.su-cell:nth-child(n+19):nth-child(-n+27),.su-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--su-ink)!important}.su-cell.related{background:#f0f3eb!important}.su-cell.selected{box-shadow:inset 0 0 0 2px #6f9273;background:#dfe9d8!important}.su-cell.same{color:#36734a}.su-cell.given{font-weight:750}.su-cell.conflict{color:#a33d36;background:#fbe8e5!important}.su-notes{color:var(--su-muted);word-break:break-all;font-size:clamp(5px,1.2vw,9px);line-height:1.2;position:absolute;inset:2px;overflow:hidden}.su-status{min-height:24px;color:var(--su-muted)}.su-tools{justify-content:center}.su-tools button[aria-pressed=true]{background:#e3eddd}.su-pad{grid-template-columns:repeat(9,1fr);gap:7px;margin-top:12px;display:grid}.su-pad button{font-size:1.15rem}.su-progress{color:var(--su-muted);font-size:.85rem}.su-dialog{width:calc(100% - 24px);max-width:360px;color:var(--su-ink);background:var(--su-paper);border:1px solid #d8dfd4;border-radius:16px;padding:20px}.su-dialog::backdrop{background:#223d3277}.su-dialog form{gap:12px;display:grid}.su-dialog h2,.su-dialog p{margin:0}.sudoku-game button:hover{border-color:#91a78d}@media (width<=480px){.sudoku-game{border-radius:12px;padding:14px 10px}.su-controls{justify-content:flex-start}.su-controls label{flex:1}.su-controls select{max-width:130px}.su-pad{gap:4px}.sudoku-game .su-pad button{min-height:46px;padding:4px}.su-head h1{font-size:1.65rem}}