/* Fallbacks e ajustes finais para navegadores recentes e modos assistivos. */
.button--small{min-height:2.75rem}
.hero__mascot,.brand__mascot,.error-mascot{aspect-ratio:1}
@supports not (background:color-mix(in srgb,#000 50%,#fff)){
  .site-header{border-bottom-color:var(--border);background:var(--surface)}
  .input:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:0 0 0 .25rem var(--primary-soft)}
  .why-section{background:var(--primary-soft)}
  .form-error{background:var(--surface)}
  .sudoku-cell.is-fixed{background:var(--neutral-100)}
  .sudoku-cell.is-related{background:var(--primary-soft)}
  .sudoku-cell.is-same{background:var(--accent-1)}
  .sudoku-pause-cover{background:var(--surface)}
}
@supports not (backdrop-filter:blur(1px)){
  .site-header{background:var(--surface)}
  dialog::backdrop{background:rgb(16 11 28 / .82)}
}
@media(forced-colors:active){
  .button,.icon-button,.chip,.sudoku-cell{border:1px solid ButtonText}
  .sudoku-cell.is-selected{outline:3px solid Highlight}
  .sudoku-cell.is-conflict::after{forced-color-adjust:none}
}