.sudoku-board{grid-template-columns:repeat(var(--sudoku-order), minmax(0, 1fr));border:3px solid #d6dad4;border-radius:.55rem;width:100%;max-width:36rem;margin-inline:auto;display:grid;overflow:hidden}.sudoku-board:focus-visible{outline:3px solid var(--color-game-draw);outline-offset:3px}.sudoku-cell{aspect-ratio:1;color:var(--color-game-draw);cursor:pointer;font-variant-numeric:tabular-nums;background:#1b2124;border-style:solid;border-color:#3c474b;justify-content:center;align-items:center;min-width:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.2rem;font-weight:550;line-height:1;transition:background-color .1s,box-shadow .1s,color .1s;display:flex;position:relative}.sudoku-value{justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.sudoku-notes{pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));width:86%;height:84%;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:clamp(.48rem,1.65vw,.78rem);font-weight:500;line-height:1;display:grid;transform:rotate(-1.5deg)}.sudoku-notes>span{justify-content:center;align-items:center;min-width:0;display:flex}.sudoku-notes>span:nth-child(2n){transform:translateY(.04em)rotate(3deg)}.sudoku-notes>span:nth-child(3n){transform:rotate(-2deg)}.sudoku-board[data-order="6"] .sudoku-cell{font-size:1.45rem}.sudoku-board[data-order="6"] .sudoku-notes{font-size:clamp(.68rem,2.25vw,1rem)}.sudoku-cell[data-given=true]{color:#f1efe8;font-weight:650}.sudoku-cell[data-peer=true]{background:var(--color-game-peer)}.sudoku-cell[data-same=true]{background:var(--color-game-match);box-shadow:inset 0 0 0 2px #91dce8a8}.sudoku-cell[data-selected=true]{background:var(--color-game-selected);color:#fff;outline-offset:-3px;outline:2px solid #b9f4ff}.sudoku-cell[data-conflict=true]{background-color:color-mix(in oklch, var(--color-game-danger), var(--color-game-board) 38%);color:#ffc0ce;background-image:repeating-linear-gradient(135deg,#0000 0 .55rem,#ff8facbb .55rem .68rem);box-shadow:inset 0 0 0 2px #ff9db5}.sudoku-cell[data-conflict=true]:after{content:none}.sudoku-cell[data-celebrate=true]{isolation:isolate;z-index:3;animation:1.05s cubic-bezier(.2,.75,.25,1) both sudoku-victory-wash}.sudoku-cell[data-celebrate=true]:before,.sudoku-cell[data-celebrate=true]:after{content:"";pointer-events:none;z-index:-1;border-radius:50%;position:absolute}.sudoku-cell[data-celebrate=true]:before{background:#8cffb9;width:.25rem;height:.25rem;animation:.8s ease-out both sudoku-victory-spark;top:48%;left:48%;box-shadow:.72rem -.68rem 0 -1px #d7ff75,-.78rem -.1rem 0 -1px #58e7c1,.55rem .62rem 0 -1px #fff4a3,-.46rem .66rem 0 -1px #7ef0a3}.sudoku-cell[data-celebrate=true]:after{border:2px solid #9affbd;animation:.9s ease-out both sudoku-victory-ring;inset:12%}@keyframes sudoku-victory-wash{0%{background-color:#1b2124;box-shadow:inset 0 0 #7cffaa00}22%{color:#f4fff7;background-color:#276947;box-shadow:inset 0 0 0 2px #a1ffc0,0 0 1.1rem #53e88aa8}62%{background-color:#21563c;box-shadow:inset 0 0 0 1px #8dffb3aa,0 0 .65rem #53e88a55}to{background-color:revert-layer;box-shadow:none}}@keyframes sudoku-victory-spark{0%{opacity:0;transform:scale(.2)}24%{opacity:1}78%,to{opacity:0;transform:scale(1.8)rotate(18deg)}}@keyframes sudoku-victory-ring{0%{opacity:0;transform:scale(.7)}28%{opacity:.85}to{opacity:0;transform:scale(1.15)}}.sudoku-actions{justify-content:space-between;align-items:center;max-width:30rem;margin:.75rem auto -.25rem;padding-inline:.15rem;display:flex}.sudoku-cell[data-hint-role=target]{z-index:3;animation:1.5s ease-in-out infinite queens-hint-action-pulse;box-shadow:inset 0 0 0 3px #f8fff4,inset 0 0 0 6px #315b20}.sudoku-cell[data-hint-role=reason]{outline-offset:-5px;z-index:2;background-image:repeating-linear-gradient(135deg,#0000 0 6px,#f8f4e816 6px 9px);outline:2px dashed #8fa493}.sudoku-cell[data-hint-kind=mistake]{animation-name:queens-hint-mistake-pulse;box-shadow:inset 0 0 0 3px #fff1ee,inset 0 0 0 6px #a53f36}.sudoku-hint-marker{color:#f8fff4;pointer-events:none;z-index:4;background:#315b20;border:1px solid #f8fff499;border-radius:50%;justify-content:center;align-items:center;width:clamp(.72rem,2.35vw,.9rem);height:clamp(.72rem,2.35vw,.9rem);font-size:clamp(.45rem,1.35vw,.58rem);font-weight:800;line-height:1;display:flex;position:absolute;top:.12rem;right:.12rem}.sudoku-hint-marker[data-role=reason]{background:#565149;border-style:dashed}.sudoku-cell[data-hint-kind=mistake] .sudoku-hint-marker{background:#872e29}.sudoku-hint{color:#e8f5e1;text-align:center;background:#263224;border:1px solid #6b8b5c;border-radius:.8rem;max-width:30rem;margin:.85rem auto 0;padding:.75rem .9rem;font-size:.86rem;line-height:1.45;position:relative}.sudoku-hint__dismiss{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:.2rem .4rem;font-size:1.15rem;line-height:1;position:absolute;top:.35rem;right:.35rem}.sudoku-hint__dismiss:focus-visible{outline-offset:1px;outline:2px solid}.sudoku-hint p{margin:.55rem 0 0}.sudoku-hint__legend{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.sudoku-hint__key{letter-spacing:.04em;text-transform:uppercase;border:1px solid #789f66;border-radius:999px;align-items:center;gap:.32rem;padding:.18rem .55rem .18rem .25rem;font-size:.7rem;font-weight:700;display:inline-flex}.sudoku-hint__key strong{background:#315b20;border-radius:50%;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;display:inline-flex}.sudoku-hint__key[data-role=reason]{border-style:dashed}.sudoku-hint__key[data-role=reason] strong{background:#565149}.sudoku-hint[data-kind=mistake]{color:#ffd5cf;background:#3b2625;border-color:#a85d56}.sudoku-hint[data-kind=mistake] .sudoku-hint__key strong{background:#872e29}.sudoku-notes-toggle{color:var(--game-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.38rem;padding:.38rem .58rem;font:650 .86rem Avenir Next,Century Gothic,sans-serif;transition:background-color .15s,color .15s;display:inline-flex}.sudoku-notes-toggle:hover{color:var(--game-ink);background:#ffffff0a}.sudoku-notes-toggle:focus-visible{outline:3px solid color-mix(in srgb, var(--game-accent), transparent 40%);outline-offset:2px}.sudoku-notes-toggle[data-active=true]{color:#9affbd;background:#65e89b18}.sudoku-notes-toggle strong{color:#778083;letter-spacing:.08em;text-transform:uppercase;font-size:.69rem}.sudoku-notes-toggle[data-active=true] strong{color:#66e99c}.sudoku-notes-toggle__pencil{font-family:Georgia,serif;font-size:1.2rem;line-height:.8;transform:rotate(-9deg)}.sudoku-actions__hint{color:#778083;font-size:.68rem}.sudoku-keypad{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;max-width:30rem;margin:.9rem auto 0;display:grid}.sudoku-keypad[data-order="6"]{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(3rem,.72fr)}.sudoku-keypad[data-order="6"] .sudoku-erase{aspect-ratio:auto;grid-area:1/4/span 2}.sudoku-key{aspect-ratio:1.5;color:var(--game-ink);cursor:pointer;background:#293235;border:1px solid #414c50;border-radius:.65rem;min-width:0;font:650 1rem -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .12s,transform .12s}.sudoku-key:hover:not(:disabled){background:#354246}.sudoku-key:focus-visible{outline:3px solid color-mix(in srgb, var(--game-accent), transparent 40%);outline-offset:2px}.sudoku-key:disabled{color:#70787a;cursor:not-allowed;opacity:.58}.sudoku-key:active:not(:disabled){transform:scale(.94)}.sudoku-key[data-noted=true]{color:#b5ffd0;background:#244c3a;border-color:#65d795;box-shadow:inset 0 -2px #65d79555}.sudoku-erase{color:#ef9ba7;font-family:Avenir Next,sans-serif}@media (width<=28rem){.sudoku-actions__hint{display:none}}@media (prefers-reduced-motion:reduce){.sudoku-cell[data-hint-role=target],.sudoku-cell[data-hint-kind=mistake]{animation:none}.sudoku-cell[data-celebrate=true]{animation:.5s ease-out both sudoku-victory-reduced}.sudoku-cell[data-celebrate=true]:before,.sudoku-cell[data-celebrate=true]:after{content:none;animation:none}}@keyframes sudoku-victory-reduced{45%{background-color:#276947;box-shadow:inset 0 0 0 2px #a1ffc0}}