.g-sudoku{--g-sudoku-thick: #174557;--g-sudoku-thin: #63808a;--g-sudoku-peer: color-mix(in srgb, var(--mg-highlight) 62%, var(--mg-cell));--g-sudoku-same: color-mix(in srgb, var(--mg-accent) 18%, var(--mg-cell));--g-sudoku-sel: color-mix(in srgb, var(--mg-accent) 24%, var(--mg-cell));--g-sudoku-conflict: color-mix(in srgb, var(--mg-bad) 20%, var(--mg-cell));--g-sudoku-user: color-mix(in srgb, var(--mg-accent) 80%, var(--mg-text));--g-sudoku-wrong: color-mix(in srgb, var(--mg-bad) 70%, var(--mg-text));--g-sudoku-given: var(--mg-text);--g-sudoku-note: color-mix(in srgb, var(--mg-text) 80%, var(--mg-cell));--g-sudoku-note-old: color-mix(in srgb, var(--mg-muted) 70%, var(--mg-text));--g-sudoku-hint: color-mix(in srgb, var(--mg-accent-2) 55%, var(--mg-text));--g-sudoku-hint-tint: color-mix(in srgb, var(--mg-accent-2) 15%, var(--mg-cell));--g-sudoku-hint-cell: color-mix(in srgb, var(--mg-accent-2) 26%, var(--mg-cell));--g-sudoku-glow: color-mix(in srgb, var(--mg-accent) 34%, transparent);--g-sudoku-link-strong: color-mix(in srgb, var(--mg-accent) 85%, var(--mg-text));--g-sudoku-link-weak: var(--mg-muted);--g-sudoku-btn: var(--mg-surface);--g-sudoku-btn-press: color-mix(in srgb, var(--mg-accent) 18%, var(--mg-surface));--g-sudoku-radius-s: calc(var(--mg-radius) - 3px);width:100%;min-width:0;font-family:var(--mg-font);color:var(--mg-text)}:root[data-theme=dark] .g-sudoku{--g-sudoku-hint: var(--mg-accent-2)}:root[data-theme=light] .g-sudoku,:root[data-theme=dark] .g-sudoku{--g-sudoku-ground: #185568;--g-sudoku-ground-ink: #f3f9fc;--g-sudoku-muted: #c9dfe8;--g-sudoku-given: #142d3d;--g-sudoku-user: #3e2374;--g-sudoku-note: #234456;--g-sudoku-note-old: #4b475a;--g-sudoku-wrong: #7a163a;--g-sudoku-peer: #c3dce5;--g-sudoku-same: #f2d395;--g-sudoku-sel: #f2d395;--g-sudoku-selection-ring: #714400;--g-sudoku-conflict: #edbac6;--g-sudoku-hint: #734700;--g-sudoku-hint-tint: #e5ce9b;--g-sudoku-hint-cell: #f0ce8d;--g-sudoku-link-strong: #38215d;--g-sudoku-link-weak: #4d3b50;--g-sudoku-btn: #19485b;--g-sudoku-btn-press: #28667b;--g-sudoku-box-1: #9ed8cb;--g-sudoku-box-2: #abc5eb;--g-sudoku-box-3: #ccb1e1;--g-sudoku-box-4: #9dcede;--g-sudoku-box-5: #c4b3e5;--g-sudoku-box-6: #e9b1ca;--g-sudoku-box-7: #a4c9e5;--g-sudoku-box-8: #a6d6c0;--g-sudoku-box-9: #e4c68f;--g-sudoku-bloom-1: #087b66;--g-sudoku-bloom-2: #2b60b7;--g-sudoku-bloom-3: #8840b1;--g-sudoku-bloom-4: #087e99;--g-sudoku-bloom-5: #7151c0;--g-sudoku-bloom-6: #b53d7b;--g-sudoku-bloom-7: #376eb8;--g-sudoku-bloom-8: #238963;--g-sudoku-bloom-9: #a66a19;background:var(--g-sudoku-ground)}:root[data-theme=dark] .g-sudoku{--g-sudoku-thick: #63a6b9;--g-sudoku-thin: #678091;--g-sudoku-ground: #163d57;--g-sudoku-given: #fff0d6;--g-sudoku-user: #b9f1ff;--g-sudoku-note: #dae6f4;--g-sudoku-note-old: #d9c3dd;--g-sudoku-wrong: #ffbecb;--g-sudoku-peer: #264b60;--g-sudoku-same: #644319;--g-sudoku-sel: #644319;--g-sudoku-selection-ring: #ffdc84;--g-sudoku-conflict: #672541;--g-sudoku-hint: #ffd475;--g-sudoku-hint-tint: #4c3e29;--g-sudoku-hint-cell: #604322;--g-sudoku-link-strong: #f2d6ff;--g-sudoku-link-weak: #cdd6ef;--g-sudoku-box-1: #174a43;--g-sudoku-box-2: #253d67;--g-sudoku-box-3: #4c2d62;--g-sudoku-box-4: #174959;--g-sudoku-box-5: #3d3268;--g-sudoku-box-6: #5d2c48;--g-sudoku-box-7: #23466a;--g-sudoku-box-8: #214d40;--g-sudoku-box-9: #584321}.g-sudoku-box:nth-child(1){--g-sudoku-box: var(--g-sudoku-box-1);--g-sudoku-bloom: var(--g-sudoku-bloom-1)}.g-sudoku-box:nth-child(2){--g-sudoku-box: var(--g-sudoku-box-2);--g-sudoku-bloom: var(--g-sudoku-bloom-2)}.g-sudoku-box:nth-child(3){--g-sudoku-box: var(--g-sudoku-box-3);--g-sudoku-bloom: var(--g-sudoku-bloom-3)}.g-sudoku-box:nth-child(4){--g-sudoku-box: var(--g-sudoku-box-4);--g-sudoku-bloom: var(--g-sudoku-bloom-4)}.g-sudoku-box:nth-child(5){--g-sudoku-box: var(--g-sudoku-box-5);--g-sudoku-bloom: var(--g-sudoku-bloom-5)}.g-sudoku-box:nth-child(6){--g-sudoku-box: var(--g-sudoku-box-6);--g-sudoku-bloom: var(--g-sudoku-bloom-6)}.g-sudoku-box:nth-child(7){--g-sudoku-box: var(--g-sudoku-box-7);--g-sudoku-bloom: var(--g-sudoku-bloom-7)}.g-sudoku-box:nth-child(8){--g-sudoku-box: var(--g-sudoku-box-8);--g-sudoku-bloom: var(--g-sudoku-bloom-8)}.g-sudoku-box:nth-child(9){--g-sudoku-box: var(--g-sudoku-box-9);--g-sudoku-bloom: var(--g-sudoku-bloom-9)}.g-sudoku .g-sudoku-cell{background:var(--g-sudoku-box)}.g-sudoku .g-sudoku-cell.is-peer{background:color-mix(in srgb,var(--g-sudoku-box) 78%,var(--g-sudoku-peer))}.g-sudoku .g-sudoku-cell.is-h-tint{background:var(--g-sudoku-hint-tint)}.g-sudoku .g-sudoku-cell.is-same{background:var(--g-sudoku-same)}.g-sudoku .g-sudoku-cell.is-conflict{background:var(--g-sudoku-conflict)}.g-sudoku .g-sudoku-cell.is-h-cell{background:var(--g-sudoku-hint-cell)}.g-sudoku .g-sudoku-cell.is-sel{background:var(--g-sudoku-sel);box-shadow:inset 0 0 0 3px var(--g-sudoku-selection-ring)}.g-sudoku .g-sudoku-cell:focus-visible{outline-color:var(--g-sudoku-selection-ring)}.g-sudoku .g-sudoku-cell.is-h-mistake:after{border-color:var(--g-sudoku-wrong)}.g-sudoku .g-sudoku-tool:focus-visible,.g-sudoku .g-sudoku-key:focus-visible,.g-sudoku .g-sudoku-level-button:focus-visible,.g-sudoku .g-sudoku-easier:focus-visible,.g-sudoku .g-sudoku-pause:focus-visible{outline-color:var(--g-sudoku-ground-ink)}.g-sudoku .g-sudoku-pbtn:focus-visible{outline-color:var(--g-sudoku-link-strong)}.g-sudoku .g-sudoku-fx{background:transparent;box-shadow:inset 0 0 0 3px var(--g-sudoku-bloom)}.g-sudoku .g-sudoku-status,.g-sudoku .g-sudoku-tool,.g-sudoku .g-sudoku-key,.g-sudoku .g-sudoku-key-n,.g-sudoku .g-sudoku-mistakes,.g-sudoku .g-sudoku-easier,.g-sudoku .g-sudoku-pause,.g-sudoku .g-sudoku-tip,.g-sudoku .g-sudoku-side{color:var(--g-sudoku-ground-ink)}.g-sudoku .g-sudoku-tool,.g-sudoku .g-sudoku-key{border-color:var(--g-sudoku-thin)}.g-sudoku .g-sudoku-tool.is-idle{color:var(--g-sudoku-muted)}.g-sudoku .g-sudoku-key.is-done{opacity:1;color:var(--g-sudoku-muted);background:var(--g-sudoku-ground)}.g-sudoku .g-sudoku-app.is-done .g-sudoku-controls{opacity:1}.g-sudoku .g-sudoku-n>span.is-same{color:var(--g-sudoku-given)}.g-sudoku .g-sudoku-side dt,.g-sudoku .g-sudoku-keys>div,.g-sudoku .g-sudoku-side-title{color:var(--g-sudoku-ground-ink)}.g-sudoku .g-sudoku-pause:hover{background:var(--g-sudoku-btn-press)}.g-sudoku .g-sudoku-pbtn:not(.is-primary){color:var(--g-sudoku-ground-ink)}@media(min-width:900px){.g-sudoku .g-sudoku-status,.g-sudoku .g-sudoku-tip,.g-sudoku .g-sudoku-side{background:var(--g-sudoku-btn);border-color:var(--g-sudoku-thin)}}.g-sudoku-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.g-sudoku-app{contain:layout paint;overflow-clip-margin:8px;will-change:transform;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"status" "board" "controls";width:100%;max-width:var(--mg-board-max);margin:0 auto}.g-sudoku-app.is-done{will-change:transform}[data-game-shell=sudoku]~.game-article{contain:layout paint;overflow-clip-margin:8px;margin-bottom:1rem;will-change:opacity}[data-game-shell=sudoku]~.game-article>:last-child{margin-bottom:0}.g-sudoku-main,.g-sudoku-aside{display:contents}.g-sudoku-status{grid-area:status}.g-sudoku-boardwrap{grid-area:board}.g-sudoku-controls,.g-sudoku-panel{grid-area:controls}.g-sudoku-tip,.g-sudoku-side{display:none}.g-sudoku-status{display:flex;align-items:center;gap:6px;min-height:44px;padding-inline:10px 0;margin-bottom:6px;font-size:.9rem;line-height:1;white-space:nowrap}.g-sudoku-level{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0}.g-sudoku-daily{font-weight:650;overflow:hidden;text-overflow:ellipsis}.g-sudoku-status:has([data-mg-difficulty]){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"level level" "mistakes clock";padding-inline:0}.g-sudoku-level[data-mg-difficulty]{grid-area:level;display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:3px;width:100%}.g-sudoku-level-button{min-width:44px;min-height:44px;padding:0 2px;font:650 12px/1 var(--mg-font);border:1px solid var(--mg-line);border-radius:8px;background:var(--mg-surface);color:var(--mg-text);cursor:pointer;touch-action:manipulation}.g-sudoku-level-button[aria-pressed=true]{background:var(--mg-accent);color:var(--mg-on-accent);border-color:var(--mg-accent)}.g-sudoku-tag{padding:3px 8px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;background:var(--mg-highlight);color:var(--mg-text)}.g-sudoku-easier{position:relative;flex:none;display:inline-flex;align-items:center;height:44px;margin:0;padding:0 8px 0 9px;font:inherit;font-size:.78rem;font-weight:650;color:var(--g-sudoku-user);background:transparent;border:1px solid var(--mg-line);border-radius:999px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.g-sudoku-easier:before{content:"";position:absolute;inset:0}.g-sudoku-easier:after{content:"";width:5px;height:5px;margin-left:5px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}.g-sudoku-easier[hidden]{display:none}.g-sudoku-easier-more{display:none;white-space:pre}@media(hover:hover){.g-sudoku-easier:hover{border-color:var(--mg-muted)}}.g-sudoku-easier:focus-visible{outline:2px solid var(--mg-accent);outline-offset:2px}.g-sudoku-mistakes{color:var(--mg-muted);font-variant-numeric:tabular-nums}.g-sudoku-clock{display:flex;align-items:center;gap:4px;margin-left:auto;flex:none}.g-sudoku-time{min-width:3.2em;text-align:right;font-weight:650;font-variant-numeric:tabular-nums}.g-sudoku-pause{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0 0 0 8px;color:var(--mg-text);background:transparent;border:0;border-radius:var(--g-sudoku-radius-s);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.g-sudoku-pause:before{content:"";position:absolute;inset:0}@media(hover:hover){.g-sudoku-pause:hover{background:var(--mg-cell-alt)}}.g-sudoku-pause .g-sudoku-icon{width:16px;height:16px}.g-sudoku-pause .g-sudoku-icon--play{fill:currentColor}.g-sudoku-boardwrap{position:relative;width:100%}.g-sudoku-board{position:relative;container-type:inline-size;contain:size layout style;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:2px;padding:2px;width:100%;aspect-ratio:1;background:var(--g-sudoku-thick);border-radius:var(--g-sudoku-radius-s);touch-action:manipulation;user-select:none;-webkit-user-select:none}.g-sudoku-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:1px;min-width:0;min-height:0;overflow:hidden;background:var(--g-sudoku-thin)}.g-sudoku-box:nth-child(1),.g-sudoku-box:nth-child(1)>.g-sudoku-cell:nth-child(1){border-top-left-radius:calc(var(--g-sudoku-radius-s) - 2px)}.g-sudoku-box:nth-child(3),.g-sudoku-box:nth-child(3)>.g-sudoku-cell:nth-child(3){border-top-right-radius:calc(var(--g-sudoku-radius-s) - 2px)}.g-sudoku-box:nth-child(7),.g-sudoku-box:nth-child(7)>.g-sudoku-cell:nth-child(7){border-bottom-left-radius:calc(var(--g-sudoku-radius-s) - 2px)}.g-sudoku-box:nth-child(9),.g-sudoku-box:nth-child(9)>.g-sudoku-cell:nth-child(9){border-bottom-right-radius:calc(var(--g-sudoku-radius-s) - 2px)}.g-sudoku-cell{contain:layout;position:relative;display:block;min-width:0;min-height:0;margin:0;padding:0;font:inherit;color:var(--g-sudoku-given);background:var(--mg-cell);border:0;border-radius:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.g-sudoku-cell.is-peer{background:var(--g-sudoku-peer)}.g-sudoku-cell.is-h-tint{background:var(--g-sudoku-hint-tint)}.g-sudoku-cell.is-same{background:var(--g-sudoku-same)}.g-sudoku-cell.is-conflict{background:var(--g-sudoku-conflict)}.g-sudoku-cell.is-h-cell{background:var(--g-sudoku-hint-cell)}.g-sudoku-cell.is-sel{background:var(--g-sudoku-sel)}.g-sudoku-cell:focus{outline:none}.g-sudoku-cell:focus-visible{outline:2px solid var(--mg-accent);outline-offset:-2px;z-index:1}.g-sudoku .g-sudoku-cell:focus-visible{outline-width:3px;outline-offset:-3px}.g-sudoku-v{position:absolute;inset:0;display:grid;place-items:center;font-size:6.3cqw;line-height:1;font-weight:450;font-variant-numeric:tabular-nums;pointer-events:none}.g-sudoku-cell.is-given .g-sudoku-v{font-weight:650}.g-sudoku-cell.is-user .g-sudoku-v,.g-sudoku-cell.is-hinted .g-sudoku-v{color:var(--g-sudoku-user)}.g-sudoku-cell.is-wrong .g-sudoku-v{color:var(--g-sudoku-wrong)}.g-sudoku-n{position:absolute;inset:2% 4%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font-size:3.3cqw;line-height:1;font-weight:500;color:var(--g-sudoku-note);font-variant-numeric:tabular-nums;pointer-events:none}.g-sudoku-n>span{display:grid;place-items:center;visibility:hidden}.g-sudoku-n[hidden]{display:none}.g-sudoku-n>span.is-on{visibility:visible}.g-sudoku-n>span.is-same{color:var(--mg-text);font-weight:700}.g-sudoku-n>span.is-elim{visibility:visible;color:var(--g-sudoku-wrong);font-weight:700;text-decoration:line-through;text-decoration-thickness:1.5px}.g-sudoku-n>span.is-elim-old{visibility:visible;color:var(--g-sudoku-note-old);text-decoration:line-through;text-decoration-thickness:1px}.g-sudoku-n>span.is-link{visibility:visible;color:var(--g-sudoku-link-strong)}.g-sudoku-n>span.is-end{font-weight:700}.g-sudoku-chain{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:2}.g-sudoku-link{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:g-sudoku-link-in 60ms linear both}.g-sudoku-link.is-strong{stroke:var(--g-sudoku-link-strong);stroke-width:2.5px}.g-sudoku-link.is-weak{stroke:var(--g-sudoku-link-weak);stroke-width:2px;stroke-linecap:butt;stroke-dasharray:6 4}.g-sudoku-node{fill:none;stroke:var(--g-sudoku-link-strong);stroke-width:2px;vector-effect:non-scaling-stroke}.g-sudoku-node.is-end{stroke-width:3px}.g-sudoku-node-d{fill:var(--g-sudoku-link-strong);font-weight:700;font-variant-numeric:tabular-nums;stroke-width:2.5px;stroke-linejoin:round;paint-order:stroke}.g-sudoku-board.has-chain .g-sudoku-n>span.is-link{color:transparent}.g-sudoku-chain.is-still .g-sudoku-link{animation:none}@keyframes g-sudoku-link-in{0%{opacity:0}to{opacity:1}}.g-sudoku-app.is-paused .g-sudoku-chain{display:none}.g-sudoku-warm,.g-sudoku-warm *{visibility:hidden!important;pointer-events:none!important}div.g-sudoku-warm{position:absolute;left:0;top:0;width:200px;height:0;overflow:hidden}.g-sudoku-note-warm{position:absolute;inset:0;display:grid;place-items:center;font-size:3.3cqw;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}.g-sudoku-note-svg-warm{position:absolute;inset:0;width:100%;height:100%;font-size:3.3cqw;font-weight:700;pointer-events:none}.g-sudoku-digit-warm{position:absolute;inset:0;opacity:0;pointer-events:none}.g-sudoku-fx{position:absolute;inset:0;background:var(--g-sudoku-glow);opacity:0;pointer-events:none}.g-sudoku-cell[data-edge]:after,.g-sudoku-cell.is-h-cell:after,.g-sudoku-cell.is-h-target:after,.g-sudoku-cell.is-h-mistake:after{content:"";position:absolute;inset:0;pointer-events:none;box-sizing:border-box;border:0 solid var(--g-sudoku-hint)}.g-sudoku-cell[data-edge*=t]:after{border-top-width:2px}.g-sudoku-cell[data-edge*=r]:after{border-right-width:2px}.g-sudoku-cell[data-edge*=b]:after{border-bottom-width:2px}.g-sudoku-cell[data-edge*=l]:after{border-left-width:2px}.g-sudoku-cell.is-h-cell:after{border-width:2px}.g-sudoku-cell.is-h-target:after{border-width:3px}.g-sudoku-cell.is-h-mistake:after{border-width:3px;border-color:var(--mg-bad)}.g-sudoku-app.is-paused .g-sudoku-v,.g-sudoku-app.is-paused .g-sudoku-n{display:none}.g-sudoku-app.is-paused .g-sudoku-cell{background:var(--mg-cell)}.g-sudoku-app.is-paused .g-sudoku-cell:after{display:none}.g-sudoku-cover{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:6px;padding:16px;text-align:center;border-radius:var(--g-sudoku-radius-s);background:color-mix(in srgb,var(--mg-surface) 88%,transparent)}.g-sudoku-cover[hidden]{display:none}.g-sudoku-pause[hidden]{display:grid;visibility:hidden}.g-sudoku-tip[hidden]{display:none}.g-sudoku-cover-title{margin:0;font-size:1.25rem;font-weight:700}.g-sudoku-cover-note{margin:0 0 8px;color:var(--mg-muted);font-size:.9rem}.g-sudoku-resume{min-width:140px;min-height:44px;padding:0 22px;font:inherit;font-weight:650;color:var(--mg-on-accent);background:var(--mg-accent);border:0;border-radius:var(--mg-radius);cursor:pointer}.g-sudoku-resume[hidden]{display:none}.g-sudoku-controls{display:grid;gap:8px;margin-top:8px}.g-sudoku-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 48px;gap:6px;height:44px}.g-sudoku-tool,.g-sudoku-key,.g-sudoku-pbtn{margin:0;font:inherit;color:var(--mg-text);background:var(--g-sudoku-btn);border:1px solid var(--mg-line);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.g-sudoku-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:0 2px;border-radius:var(--mg-radius);font-size:.72rem;font-weight:650;letter-spacing:.01em;line-height:1;white-space:nowrap}@media(hover:hover){.g-sudoku-tool:hover,.g-sudoku-key:hover,.g-sudoku-pbtn:hover{border-color:var(--mg-muted)}}.g-sudoku-tool:active,.g-sudoku-pbtn:active{background:var(--g-sudoku-btn-press)}.g-sudoku-tool.is-idle{color:var(--mg-muted)}.g-sudoku-tool.is-on{color:var(--mg-on-accent);background:var(--mg-accent);border-color:var(--mg-accent)}.g-sudoku-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.g-sudoku-tool--more{position:relative}.g-sudoku-tool--more:before{content:"";position:absolute;inset:-1px}.g-sudoku-tool--more .g-sudoku-icon{width:22px;height:22px;stroke-width:3.2}.g-sudoku-pad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;height:52px}.g-sudoku-key{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:0;color:var(--g-sudoku-user);border-radius:var(--g-sudoku-radius-s);line-height:1;transition:opacity .2s ease-out}.g-sudoku-key-d{font-size:1.5rem;font-weight:500;font-variant-numeric:tabular-nums}.g-sudoku-key-n{height:.66rem;font-size:.66rem;font-weight:600;color:var(--mg-muted);font-variant-numeric:tabular-nums}.g-sudoku-key.is-pressed{background:var(--g-sudoku-btn-press);border-color:var(--mg-accent)}.g-sudoku-key.is-done{opacity:.3}.g-sudoku-pad.is-notes .g-sudoku-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:0;height:100%;min-height:0;padding:3px 4px;border-color:color-mix(in srgb,var(--mg-accent) 55%,var(--mg-line))}.g-sudoku-pad.is-notes .g-sudoku-key-d{display:grid;place-items:center;min-height:0;font-size:.9rem;font-weight:700;line-height:1}.g-sudoku-pad.is-notes .g-sudoku-key-n{display:none}.g-sudoku-pad.is-notes [data-slot="1"]{grid-area:1 / 1}.g-sudoku-pad.is-notes [data-slot="2"]{grid-area:1 / 2}.g-sudoku-pad.is-notes [data-slot="3"]{grid-area:1 / 3}.g-sudoku-pad.is-notes [data-slot="4"]{grid-area:2 / 1}.g-sudoku-pad.is-notes [data-slot="5"]{grid-area:2 / 2}.g-sudoku-pad.is-notes [data-slot="6"]{grid-area:2 / 3}.g-sudoku-pad.is-notes [data-slot="7"]{grid-area:3 / 1}.g-sudoku-pad.is-notes [data-slot="8"]{grid-area:3 / 2}.g-sudoku-pad.is-notes [data-slot="9"]{grid-area:3 / 3}.g-sudoku-tool:focus-visible,.g-sudoku-key:focus-visible,.g-sudoku-pbtn:focus-visible,.g-sudoku-pause:focus-visible,.g-sudoku-level-button:focus-visible,.g-sudoku-resume:focus-visible{outline:2px solid var(--mg-accent);outline-offset:2px}.g-sudoku-app.is-done .g-sudoku-controls{opacity:.45;pointer-events:none}.g-sudoku-app.is-done .g-sudoku-cell{cursor:default}.g-sudoku-panel{position:relative;z-index:1;align-self:start;margin-top:8px;height:104px;overflow:hidden;padding:8px;background:var(--mg-surface);border:1px solid var(--mg-line);border-radius:var(--mg-radius);box-shadow:0 1px color-mix(in srgb,var(--mg-text) 6%,transparent)}.g-sudoku-panel[hidden]{display:none}.g-sudoku-controls{contain-intrinsic-block-size:auto 104px}.g-sudoku-app.is-panel .g-sudoku-controls{content-visibility:hidden}.g-sudoku-panel[data-kind=hint],.g-sudoku-panel[data-kind=restart]{display:grid;grid-template-columns:minmax(0,1fr) 88px;grid-template-rows:minmax(0,1fr);gap:10px;padding-left:12px}.g-sudoku-panel[data-kind=hint]{border-color:color-mix(in srgb,var(--g-sudoku-hint) 55%,var(--mg-line))}.g-sudoku-panel-text{min-width:0;min-height:0;padding-top:2px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.g-sudoku-panel-head{display:flex;align-items:center;gap:8px;margin-bottom:3px}.g-sudoku-panel-title{margin:0;font-size:.95rem;line-height:1.25;font-weight:700}.g-sudoku-panel-step{font-size:.72rem;color:var(--mg-muted);white-space:nowrap}.g-sudoku-panel-body{margin:0;font-size:.84rem;line-height:1.3;color:var(--mg-text)}.g-sudoku-panel-text.is-more{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 16px),transparent)}@media(max-width:359.98px){.g-sudoku-panel[data-kind=hint],.g-sudoku-panel[data-kind=restart]{grid-template-columns:minmax(0,1fr) 80px;gap:8px;padding:6px 8px 6px 10px}.g-sudoku-panel-head{margin-bottom:2px}.g-sudoku-panel-body{font-size:.81rem;line-height:1.25}}.g-sudoku-panel-wait{color:var(--mg-muted);opacity:0}.g-sudoku-panel.is-slow .g-sudoku-panel-wait{opacity:1;transition:opacity .2s ease-out}.g-sudoku-pbtn[aria-disabled=true]{opacity:.5;cursor:default}.g-sudoku-panel-acts{display:grid;grid-auto-rows:minmax(40px,auto);gap:6px;align-content:start}.g-sudoku-pbtn{min-height:40px;padding:4px 8px;border-radius:var(--g-sudoku-radius-s);font-size:.86rem;font-weight:650;line-height:1.15}.g-sudoku-pbtn.is-primary{color:var(--mg-on-accent);background:var(--mg-accent);border-color:var(--mg-accent)}.g-sudoku-pbtn.is-danger{color:var(--mg-on-accent);background:var(--mg-bad);border-color:var(--mg-bad)}.g-sudoku-panel[data-kind=menu],.g-sudoku-panel[data-kind=settings]{display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:6px;padding-block:4px}.g-sudoku-panel[data-kind=menu] .g-sudoku-panel-head,.g-sudoku-panel[data-kind=settings] .g-sudoku-panel-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.g-sudoku-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:44px;gap:6px}.g-sudoku-pclose{font-size:.8rem}.g-sudoku-toggle{display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left}.g-sudoku-toggle-label{min-width:0;font-size:.8rem}.g-sudoku-toggle-state{flex:none;padding:2px 6px;border-radius:999px;font-size:.68rem;font-weight:700;color:var(--mg-muted);background:var(--mg-cell-alt)}.g-sudoku-toggle[aria-pressed=true] .g-sudoku-toggle-state{color:var(--mg-on-accent);background:var(--mg-accent)}@media(min-width:900px){.g-sudoku-app{--g-sudoku-size: clamp(340px, calc(100vh - 290px) , 520px);grid-template-columns:var(--g-sudoku-size) 300px;grid-template-rows:auto 1fr;grid-template-areas:"main status" "main aside";column-gap:32px;row-gap:12px;align-items:start;width:max-content;max-width:none}.g-sudoku-main{grid-area:main;display:flex;flex-direction:column}.g-sudoku-aside{grid-area:aside;display:flex;flex-direction:column;gap:12px;min-width:0}.g-sudoku-status{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"level clock" "mistakes clock";row-gap:8px;height:auto;margin:0;padding:12px 12px 12px 14px;background:var(--mg-surface);border:1px solid var(--mg-line);border-radius:var(--mg-radius)}.g-sudoku-level{grid-area:level}.g-sudoku-easier-more{display:inline}.g-sudoku-mistakes{grid-area:mistakes;font-size:.85rem}.g-sudoku-clock{grid-area:clock;align-self:center}.g-sudoku-time{font-size:1.45rem}.g-sudoku-pause{width:44px;height:44px;padding:0}.g-sudoku-pause .g-sudoku-icon{width:18px;height:18px}.g-sudoku-app.is-panel .g-sudoku-controls{content-visibility:visible}.g-sudoku-panel,.g-sudoku-tip,.g-sudoku-side{margin:0;padding:14px;background:var(--mg-surface);border:1px solid var(--mg-line);border-radius:var(--mg-radius)}.g-sudoku-panel{height:auto;overflow:visible}.g-sudoku-panel-text{overflow:visible}.g-sudoku-panel[data-kind=hint],.g-sudoku-panel[data-kind=restart]{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:12px}.g-sudoku-panel-title{font-size:1.02rem}.g-sudoku-panel-body{font-size:.92rem;line-height:1.5}.g-sudoku-panel-chain{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--mg-line);font-size:.86rem;line-height:1.5;color:var(--mg-text)}.g-sudoku-panel-acts{grid-template-columns:1fr 1fr;grid-auto-rows:40px}.g-sudoku-panel[data-kind=menu],.g-sudoku-panel[data-kind=settings]{grid-template-columns:minmax(0,1fr);gap:10px}.g-sudoku-panel[data-kind=menu] .g-sudoku-panel-head,.g-sudoku-panel[data-kind=settings] .g-sudoku-panel-head{position:static;width:auto;height:auto;overflow:visible;clip:auto}.g-sudoku-panel[data-kind=settings] .g-sudoku-menu{grid-template-columns:minmax(0,1fr);grid-auto-rows:40px}.g-sudoku-pclose{min-height:40px}.g-sudoku-tip{display:block}.g-sudoku-app.is-panel .g-sudoku-tip{display:none}.g-sudoku-side{display:block}.g-sudoku-side-title{margin:0 0 6px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mg-muted)}.g-sudoku-side-title~.g-sudoku-side-title{margin-top:16px}.g-sudoku-side-text{margin:0;font-size:.9rem;line-height:1.5}.g-sudoku-rec,.g-sudoku-keys{margin:0;display:grid;gap:0}.g-sudoku-rec>div,.g-sudoku-keys>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--mg-line);font-size:.88rem}.g-sudoku-rec>div:last-child,.g-sudoku-keys>div:last-child{border-bottom:0}.g-sudoku-rec dt,.g-sudoku-keys dt{color:var(--mg-muted)}.g-sudoku-rec dd,.g-sudoku-keys dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums;text-align:right}.g-sudoku-keys>div{font-size:.82rem;padding:3px 0}.g-sudoku-pad{gap:6px;height:56px}.g-sudoku-key-d{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.g-sudoku-key,.g-sudoku-panel.is-slow .g-sudoku-panel-wait{transition:none}.g-sudoku-link{animation:none}}.g-sudoku-print{display:none}@media print{@page{margin:15mm}body:has(.g-sudoku-print) *:not(:has(.g-sudoku-print)):not(.g-sudoku-print):not(.g-sudoku-print *){display:none!important}body:has(.g-sudoku-print),body:has(.g-sudoku-print) :has(.g-sudoku-print){display:block!important;margin:0!important;padding:0!important;border:0!important;min-height:0!important;max-width:none!important;width:auto!important;background:Canvas!important}.g-sudoku-print{display:block!important;color-scheme:light;color:CanvasText;background:Canvas;break-inside:avoid}.g-sudoku-print-title{margin:0 0 8mm;font:600 15pt var(--mg-font);text-align:center}.g-sudoku-print-site{margin:6mm 0 0;font:400 9pt var(--mg-font);text-align:center}.g-sudoku-print-grid{display:grid;grid-template-columns:repeat(9,17mm);grid-template-rows:repeat(9,17mm);width:max-content;margin:0 auto;border:.8mm solid CanvasText}.g-sudoku-print-grid>span{display:grid;place-items:center;font:500 20pt var(--mg-font);border-right:.2mm solid CanvasText;border-bottom:.2mm solid CanvasText}.g-sudoku-print-grid>span.br{border-right-width:.8mm}.g-sudoku-print-grid>span.bb{border-bottom-width:.8mm}.g-sudoku-print-grid>span:nth-child(9n){border-right:0}.g-sudoku-print-grid>span:nth-child(n+73){border-bottom:0}}