/*
 * Moteur SUDOKU maison (liseuse web) — grille 9×9 responsive, blocs 3×3 marqués.
 */
.sk { --sk-cell: 40px; }
.sk-grid { border-collapse: collapse; margin: 0 auto; background: #fff; table-layout: fixed; }
.sk-grid td {
    width: var(--sk-cell); height: var(--sk-cell); padding: 0;
    border: 1px solid #9AA9B6; text-align: center; vertical-align: middle;
    font: 700 calc(var(--sk-cell) * .52) / 1 "Bricolage Grotesque", system-ui, sans-serif;
    color: #2C8FC9; cursor: pointer; user-select: none; touch-action: manipulation;
}
.sk-grid td.sk-bt { border-top: 2px solid #22303C; }
.sk-grid td.sk-bl { border-left: 2px solid #22303C; }
.sk-grid td.sk-br { border-right: 2px solid #22303C; }
.sk-grid td.sk-bb { border-bottom: 2px solid #22303C; }
.sk-grid td.sk-fixe { color: #10161C; background: #F3F7FA; cursor: default; }
.sk-pair { background: #EAF5FC; }
.sk-cur { background: #B9E0F4; box-shadow: inset 0 0 0 2px #2C8FC9; }
.sk-grid td.sk-faux { color: #C0392B; text-decoration: underline wavy #C0392B; }
.sk-grid td:focus { outline: none; }
.sk-grid td:focus-visible { outline: 2px solid #2C8FC9; outline-offset: -2px; }

/* Brouillon (candidats) : mini-grille 3×3 dans la case ; valeur en grand par-dessus. */
.sk-grid td { position: relative; }
.sk-v { position: relative; z-index: 1; }
.sk-n { position: absolute; inset: 1px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); pointer-events: none; }
.sk-n span { font: 600 calc(var(--sk-cell) * .24) / 1 "Hanken Grotesk", system-ui, sans-serif; color: #5A6470; display: flex; align-items: center; justify-content: center; }
.sk-mode-notes .sk-cur { box-shadow: inset 0 0 0 2px #E67E22; }