.mini-sudoku-root{width:100%;outline:none}.mini-sudoku-shell{display:grid;gap:1rem;justify-items:center;width:min(100%,44rem);margin:0 auto}.mini-sudoku-hud{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.mini-sudoku-hud span{padding:.42rem .68rem;border:1px solid var(--border-subtle,#d7dbe4);border-radius:999px;background:var(--surface-elevated,#fff);font-size:.84rem}.mini-sudoku-board{display:grid;width:min(90vw,36rem);aspect-ratio:1;border:2px solid var(--text-strong,#172033);border-radius:.8rem;overflow:hidden;background:var(--surface-elevated,#fff);box-shadow:0 18px 45px rgba(15,23,42,.11)}.mini-sudoku-cell{display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;border-right:1px solid rgba(100,116,139,.25);border-bottom:1px solid rgba(100,116,139,.25);background:var(--surface-elevated,#fff);color:var(--text-strong,#172033);font:700 clamp(1rem,4vw,1.65rem)/1 system-ui,sans-serif;cursor:pointer;transition:background-color .12s ease,transform .12s ease}.mini-sudoku-cell.is-given{font-weight:850;background:var(--surface-muted,#f4f6fb);cursor:default}.mini-sudoku-cell.is-selected{z-index:2;background:color-mix(in srgb,var(--surface-elevated,#fff) 68%,#2563eb 32%);box-shadow:inset 0 0 0 3px rgba(37,99,235,.5)}.mini-sudoku-cell.is-conflict{color:#b91c1c;background:rgba(254,226,226,.92)}.mini-sudoku-cell.box-top{border-top:2px solid var(--text-strong,#172033)}.mini-sudoku-cell.box-left{border-left:2px solid var(--text-strong,#172033)}.mini-sudoku-cell.box-bottom{border-bottom:2px solid var(--text-strong,#172033)}.mini-sudoku-cell.box-right{border-right:2px solid var(--text-strong,#172033)}.mini-sudoku-cell:focus-visible{outline:3px solid rgba(37,99,235,.42);outline-offset:-3px}.mini-sudoku-pad{display:grid;grid-template-columns:repeat(5,minmax(2.7rem,1fr));gap:.5rem;width:min(90vw,32rem)}.mini-sudoku-pad button{min-height:2.8rem;border:1px solid var(--border-subtle,#d7dbe4);border-radius:.75rem;background:var(--surface-elevated,#fff);color:var(--text-strong,#172033);font:750 1rem/1 system-ui,sans-serif;cursor:pointer}.mini-sudoku-pad button:hover{border-color:rgba(37,99,235,.55);transform:translateY(-1px)}@media(max-width:560px){.mini-sudoku-board{width:min(94vw,32rem);border-radius:.55rem}.mini-sudoku-cell{font-size:clamp(.9rem,5vw,1.25rem)}.mini-sudoku-pad{width:min(94vw,30rem);gap:.4rem}.mini-sudoku-pad button{min-height:2.55rem;border-radius:.6rem}.mini-sudoku-hud span{font-size:.78rem;padding:.36rem .55rem}}@media(prefers-reduced-motion:reduce){.mini-sudoku-cell,.mini-sudoku-pad button{transition:none}}