.sudoku-page [data-start-chrome]{z-index:5}.sudoku-page [data-start-chrome].is-hidden{opacity:0;visibility:hidden;pointer-events:none}.sudoku-board{direction:ltr;unicode-bidi:isolate;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));width:100%;aspect-ratio:1 / 1;max-width:min(100%,28rem);margin-inline:auto;box-sizing:border-box;border-radius:.85rem;overflow:hidden;background:#e2e8f0;border:2px solid #0f172a;gap:1px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.sudoku-board--idle{background:linear-gradient(160deg,#eef2ff,#f8fafc,#e0e7ff);border-color:#c7d2fe}.sudoku-cell{position:relative;appearance:none;border:0;margin:0;padding:0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease}.sudoku-cell.is-idle{background:#ffffff8c;cursor:default}.sudoku-cell.thick-e{box-shadow:inset -2px 0 #0f172a}.sudoku-cell.thick-s{box-shadow:inset 0 -2px #0f172a}.sudoku-cell.thick-e.thick-s{box-shadow:inset -2px 0 #0f172a,inset 0 -2px #0f172a}.sudoku-cell.is-line,.sudoku-cell.is-box{background:#f1f5f9}.sudoku-cell.is-same{background:#e0e7ff}.sudoku-cell.is-selected{background:#c7d2fe;z-index:1}.sudoku-cell.is-conflict{background:#fee2e2;color:#be123c}.sudoku-cell.is-given .sudoku-cell__num{font-weight:800;color:#0f172a}.sudoku-cell:not(.is-given) .sudoku-cell__num{font-weight:700;color:#3730a3}.sudoku-cell:focus-visible{outline:2px solid #4f46e5;outline-offset:-2px;z-index:2}.sudoku-cell__num{font-size:clamp(.95rem,4.2vw,1.35rem);line-height:1;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1}.sudoku-cell__notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:92%;height:92%;font-size:clamp(.45rem,1.8vw,.62rem);color:#64748b;line-height:1}.sudoku-cell__notes span{display:flex;align-items:center;justify-content:center}.sudoku-numpad{direction:ltr;unicode-bidi:isolate;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;max-width:min(100%,28rem);margin-inline:auto}.sudoku-numpad button{min-height:2.75rem;border-radius:.85rem;border:1px solid #c7d2fe;background:#fff;font-size:1.05rem;font-weight:700;color:#312e81;transition:background-color .12s ease,border-color .12s ease}.sudoku-numpad button:hover:not(:disabled){background:#eef2ff;border-color:#818cf8}.sudoku-numpad button:disabled{opacity:.45;cursor:not-allowed}.sudoku-page [data-action=notes].is-active{background:#4f46e5;border-color:#4f46e5;color:#fff}.sudoku-level-btn{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:.2rem;border-radius:.9rem;border:1px solid #e2e8f0;background:#fff;padding:.85rem 1rem;text-align:start;transition:border-color .12s ease,box-shadow .12s ease}.sudoku-level-btn.is-selected{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533}.sudoku-level-btn.is-locked{opacity:.55;cursor:not-allowed}.sudoku-level-btn__title{font-size:.95rem;font-weight:700;color:#0f172a}.sudoku-level-btn__meta{font-size:.75rem;color:#64748b}@media(prefers-reduced-motion:reduce){.sudoku-page *{animation:none!important;transition-duration:.01ms!important}}