@layer games{@scope(.sudoku-page){:scope{min-height:70vh;color:var(--foreground);--sudoku-related-color:radial-gradient(ellipse at center, #0a7cff26 0%, #fff0 70%);--sudoku-hovered-color:radial-gradient(ellipse at center, #0a7cff59 0%, #fff0 70%);--sudoku-related-memo-color:radial-gradient(ellipse at center, #3bff0a26 0%, #fff0 70%);--sudoku-hovered-memo-color:radial-gradient(ellipse at center, #3bff0a59 0%, #fff0 70%);--sudoku-cell-background:#fff;--sudoku-note-border:#15803d;--sudoku-selection-border:#1e40af;background:0 0;padding-top:0;padding-bottom:40px}.sudoku-shell{width:100%;margin:0 auto}.sudoku-title{border-radius:var(--radius-m);color:#fff;text-align:center;background-color:#0a6fed;background-image:linear-gradient(#ffffff21 1px,#0000 1px),linear-gradient(90deg,#ffffff21 1px,#0000 1px),linear-gradient(135deg,#075fcf,#1587e7);background-position:50%;background-repeat:repeat;background-size:42px 42px,42px 42px,auto;margin-bottom:0;padding:28px 20px;position:relative}.sudoku-title .section-kicker{color:#fff;letter-spacing:.12em;font-size:.78rem;font-weight:700}:scope .sudoku-title h1{color:#fff;letter-spacing:.035em;justify-content:center;align-items:center;gap:12px;margin:5px 0 8px;font-size:clamp(2rem,7vw,4rem);line-height:1.15;display:flex}.sudoku-title h1 svg{color:#ffcf24;font-size:.8em}.sudoku-title p{color:#fff;margin:0;font-size:clamp(.95rem,2.5vw,1.15rem)}.sudoku-generator,.sudoku-play-area{border:1px solid var(--line);border-radius:var(--radius-m);background:#ffffffeb}.sudoku-generator{margin-top:18px;padding:clamp(18px,3vw,30px);scroll-margin-top:20px}.sudoku-settings{counter-reset:sudoku-setting;grid-template-columns:minmax(0,1fr);align-items:end;gap:24px;display:grid}.sudoku-settings fieldset{counter-increment:sudoku-setting;border:0;border-radius:0;min-width:0;margin:0;padding:0 0 16px}.sudoku-settings legend{color:#314b60;align-items:center;gap:8px;margin-bottom:12px;font-size:.88rem;font-weight:700;display:flex}.sudoku-settings legend:before{content:counter(sudoku-setting);border-radius:var(--radius-s);background:var(--blue);color:#fff;place-items:center;width:24px;height:24px;font-size:.75rem;display:inline-grid}.sudoku-choice-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sudoku-choice-row.difficulty-row{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}.sudoku-size-options button{justify-content:center;align-items:center;gap:18px;min-height:104px;padding:14px 18px;display:flex}.sudoku-size-icon{grid-template-columns:repeat(var(--size-option), 1fr);background:currentColor;border:1px solid;flex:0 0 64px;gap:1px;width:64px;height:64px;padding:1px;display:grid;overflow:hidden}.sudoku-size-icon i{opacity:.92;background:#fff}.sudoku-choice-row button,.sudoku-segmented-control button,.sudoku-id-row button{border-radius:var(--radius-m);color:#334872;min-height:42px;font:inherit;cursor:pointer;background:#f8fbff;border:1px solid #bdcfdd;font-size:.88rem;font-weight:700}.sudoku-choice-row button:hover,.sudoku-choice-row button:focus-visible,.sudoku-segmented-control button:hover,.sudoku-id-row button:hover{border-color:#4386bb}.sudoku-choice-row button.is-selected,.sudoku-segmented-control button.is-selected{border-color:var(--blue);color:var(--blue-deep);outline:1px solid var(--blue);background:#eaf5ff}.sudoku-settings fieldset:nth-child(2) button.is-selected{border-color:var(--blue);color:var(--blue-deep);outline-color:var(--blue);background:#eaf5ff}.sudoku-timer-setting{grid-column:auto}.sudoku-setting-note{color:var(--muted);margin:8px 0 0;font-size:.78rem;line-height:1.6}.sudoku-segmented-control{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sudoku-generate-button,.sudoku-primary-button{border-radius:var(--radius-m);color:#fff;min-height:48px;font:inherit;cursor:pointer;background:linear-gradient(#2f95ff,#075fd0);border:0;font-weight:700;box-shadow:0 3px 8px #2b5f942e}.sudoku-generate-button{grid-column:auto}.sudoku-generate-button:active:not(:disabled),.sudoku-primary-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 2px #2b5f9429}.sudoku-generate-button:disabled,.sudoku-primary-button:disabled,.sudoku-secondary-button:disabled,.sudoku-id-row button:disabled{cursor:not-allowed;opacity:.45}.sudoku-loading{color:#42657f;text-align:left;grid-column:1/-1;gap:7px;font-size:.82rem;display:grid}.sudoku-id-opener{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:end;gap:20px;margin-top:24px;padding-top:20px;display:grid}.sudoku-id-opener strong{color:#314b60;font-size:1rem;display:block}.sudoku-id-opener p{color:var(--muted);margin:5px 0 0;font-size:.86rem;line-height:1.65}.sudoku-id-row.sudoku-id-open-row{grid-template-columns:minmax(0,1fr) auto}.sudoku-id-open-row label{color:var(--muted);grid-column:1/-1;font-size:.76rem;font-weight:700}.sudoku-id-row.sudoku-id-open-row input{grid-column:auto}.sudoku-id-open-row button{min-width:116px}.sudoku-id-row.sudoku-current-id-row{grid-template-columns:minmax(0,1fr) auto auto}.sudoku-id-row.sudoku-current-id-row input{grid-column:auto}.sudoku-current-id-row button{min-width:112px}.sudoku-loading>div{justify-content:space-between;gap:12px;display:flex}.sudoku-loading strong{color:#1766aa}.sudoku-loading .sudoku-progress-scale{color:#778793;margin-top:-4px;font-size:.68rem}.sudoku-loading progress{border-radius:var(--radius-full);accent-color:#277fbe;background:#dceaf4;border:0;width:100%;height:9px;overflow:hidden}.sudoku-loading progress::-webkit-progress-bar{background:#dceaf4}.sudoku-loading progress::-webkit-progress-value{background:var(--blue)}.sudoku-loading progress::-moz-progress-bar{background:var(--blue)}.sudoku-status{border:3px dashed var(--blue);color:var(--foreground);background:#fff;margin:20px 0;padding:16px 15px;scroll-margin-top:18px;font-size:.86rem;font-weight:700}.sudoku-status.is-error{color:#934536;border-color:#edc2b7;border-left-color:var(--red);background:#fff3ef}.sudoku-play-area{padding:clamp(14px,2.5vw,24px);scroll-margin-top:12px;position:relative}.sudoku-print-header,.sudoku-print-notes{display:none}.sudoku-play-header{border-bottom:1px solid #d8e3eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.sudoku-problem-heading>div{align-items:baseline;gap:8px;display:flex}.sudoku-created-at{color:var(--muted);font-size:.76rem;font-weight:700}.sudoku-problem-heading{gap:3px;display:grid}.sudoku-problem-heading small{color:var(--muted);font:700 .68rem/1.4 var(--font-body), monospace}.sudoku-play-header .sudoku-play-timer-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.sudoku-play-header span{color:var(--muted);font-size:.8rem}.sudoku-play-header strong{color:#244b69;font-size:1.15rem}.sudoku-timer{color:#215f91;font:700 1.08rem/1 var(--font-body), monospace;letter-spacing:.04em;font-variant-numeric:tabular-nums}.sudoku-quiet-button{border-radius:var(--radius-m);color:#466176;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bfd0dd;padding:0 12px;font-size:.76rem;font-weight:700}.sudoku-quiet-button,.sudoku-pause-button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.sudoku-pause-button{border-radius:var(--radius-m);color:#1b5f9f;min-height:36px;font:inherit;cursor:pointer;background:#eef7ff;border:1px solid #bdd5ee;padding:0 12px;font-size:.76rem;font-weight:700}.sudoku-play-timer-controls svg{font-size:1.1rem}.sudoku-play-grid{grid-template-columns:minmax(300px,620px) minmax(360px,1fr);align-items:start;gap:clamp(18px,3vw,32px);margin-top:18px;display:grid}.sudoku-board-column{min-width:0}.sudoku-board-stage{aspect-ratio:1;width:min(100%,620px);margin-inline:auto;position:relative}.sudoku-board{--sudoku-size:9;--sudoku-note-columns:3;--sudoku-note-rows:3;grid-template-columns:repeat(var(--sudoku-size), minmax(0, 1fr));grid-template-rows:repeat(var(--sudoku-size), minmax(0, 1fr));outline-offset:-4px;background:#f7f4f266;outline:4px solid #5a4636;width:100%;height:100%;transition:outline-color .16s;display:grid;overflow:hidden}@media (pointer:coarse){.sudoku-board{touch-action:none}}.sudoku-board.is-note-mode{outline-color:#3a9b6c}.sudoku-board.is-continuous-mode .sudoku-cell:not(.block-top){border-top-style:dashed}.sudoku-board.is-continuous-mode .sudoku-cell:not(.block-left){border-left-style:dashed}.sudoku-board.is-answer-mistake{animation:1s ease-out sudoku-answer-mistake}.sudoku-board-stage.is-paused .sudoku-board{visibility:hidden}.sudoku-pause-cover{color:#173e7d;text-align:center;background:#f7fbff;border:3px solid #2d5f91;align-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.sudoku-pause-cover>svg{color:var(--blue);font-size:3rem}.sudoku-pause-cover span{color:var(--muted)}.sudoku-pause-cover button{align-items:center;gap:6px;width:auto;margin-top:10px;padding-inline:22px;display:inline-flex}.sudoku-cell{background:var(--sudoku-cell-background);color:#166eae;min-width:0;min-height:0;font-family:var(--font-body), monospace;cursor:pointer;border:0;border-top:1px solid #b9b0a6;border-left:1px solid #b9b0a6;border-radius:0;place-items:center;margin:0;padding:0;display:grid;overflow:hidden}.sudoku-cell:disabled{color:inherit;cursor:default;opacity:1}.sudoku-cell.block-top{border-top:3px solid #5a4636}.sudoku-cell.block-left{border-left:3px solid #5a4636}.sudoku-cell.block-bottom{border-bottom:3px solid #5a4636}.sudoku-cell.block-right{border-right:3px solid #5a4636}.sudoku-board.is-note-mode .sudoku-cell.block-top{border-top-color:var(--sudoku-note-border)}.sudoku-board.is-note-mode .sudoku-cell.block-left{border-left-color:var(--sudoku-note-border)}.sudoku-board.is-note-mode .sudoku-cell.block-bottom{border-bottom-color:var(--sudoku-note-border)}.sudoku-board.is-note-mode .sudoku-cell.block-right{border-right-color:var(--sudoku-note-border)}.sudoku-cell.is-given{color:#111;font-variation-settings:"wght" 900;font-weight:700}.sudoku-cell.is-related{background:#0a7cff1a;background:var(--sudoku-related-color)}.sudoku-cell.is-given.is-related,.sudoku-cell.is-hover-related{background:var(--sudoku-related-color)}.sudoku-cell.is-hovered{background:var(--sudoku-hovered-color)}.sudoku-cell.is-same-number:not(.is-selected){background:#ffe5ae}.sudoku-cell.is-selected{z-index:2;background:#b0cafc;background:var(--sudoku-cell-background);position:relative}.sudoku-cell.is-selected:before{content:"";box-sizing:border-box;border:5px dashed var(--sudoku-selection-border);position:absolute;inset:1px}.sudoku-board.is-note-mode .sudoku-cell.is-selected{background:var(--sudoku-cell-background)}.sudoku-board.is-note-mode .sudoku-cell.is-selected:before{border-color:var(--sudoku-note-border)}.sudoku-board.is-note-mode .sudoku-cell.is-related,.sudoku-board.is-note-mode .sudoku-cell.is-given.is-related,.sudoku-board.is-note-mode .sudoku-cell.is-hover-related{background:var(--sudoku-related-memo-color)}.sudoku-board.is-note-mode .sudoku-cell.is-hovered{background:var(--sudoku-hovered-memo-color)}.sudoku-board.is-note-mode .sudoku-cell.is-selected.is-hovered{background:var(--sudoku-cell-background)}.sudoku-board.is-note-mode .sudoku-cell.is-same-number:not(.is-selected){background:#fff0bc}.sudoku-cell-value{font-size:clamp(1.12rem, calc(4.2rem / (var(--sudoku-size) / 4)), 3rem);-webkit-text-stroke:4px white;paint-order:stroke;line-height:1}.sudoku-cell.is-editable .sudoku-cell-value{font-variation-settings:"wght" 700;font-weight:700}.sudoku-cell.is-hinted-mistake .sudoku-cell-value{color:#d63c47}.sudoku-cell-notes{grid-template-columns:repeat(var(--sudoku-note-columns), 1fr);grid-template-rows:repeat(var(--sudoku-note-rows), 1fr);box-sizing:border-box;width:100%;height:100%;padding:5px;display:grid}.sudoku-cell-notes i{color:#5c6f7d;min-width:0;min-height:0;font-size:clamp(.62rem, calc(1.7rem / (var(--sudoku-size) / 4)), 1.08rem);place-items:center;font-style:normal;font-weight:700;line-height:1;display:grid}.sudoku-cell-notes i.is-conflicted{color:#9b5c53;text-decoration:line-through;text-decoration-thickness:2px}.sudoku-mode-banner{border-radius:var(--radius-m);background:#eef7fd;border:1px solid #bdd6e7;align-items:center;gap:10px;margin-top:10px;padding:8px 12px;display:flex}.sudoku-mode-banner.is-note{background:#eaf7ef;border-color:#75b692}.sudoku-mode-banner span{color:#175f96;font-weight:700}.sudoku-mode-banner.is-note span{color:#277552}.sudoku-mode-banner>svg{color:#2178b5;flex:none;font-size:1.35rem}.sudoku-mode-banner.is-note>svg{color:#348d63}.sudoku-mode-banner small{color:#657987}.sudoku-number-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:0;display:grid}.sudoku-number-pad button{border-radius:var(--radius-m);color:#123674;min-width:0;min-height:54px;font:800 clamp(1.5rem, 5vw, 2rem)/1 var(--font-body), monospace;cursor:pointer;touch-action:manipulation;background:linear-gradient(#fff,#eef7ff);border:1px solid #cfe0f4;padding-top:3px;position:relative;box-shadow:0 1px 3px #2b5f9429}.sudoku-number-pad button.is-complete:after{content:"✓";color:#2f9565;pointer-events:none;font-family:sans-serif;font-size:.7rem;font-weight:700;line-height:1;position:absolute;top:4px;right:5px}.sudoku-number-pad button:hover,.sudoku-number-pad button:focus-visible,.sudoku-number-pad button.is-active{background:#d5ebfa;border-color:#176fae;outline:2px solid #176fae}.sudoku-number-pad button:disabled{cursor:default;opacity:.45}.sudoku-number-pad button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 2px #2b5f941f}.sudoku-controls{gap:12px;display:grid}.sudoku-quick-controls{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.sudoku-quick-controls button{border-radius:var(--radius-m);color:#38566d;min-width:0;min-height:58px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #c1d0dc;place-items:center;gap:4px;padding:7px 3px;display:grid}.sudoku-quick-controls button svg{font-size:1.45rem}.sudoku-quick-controls button span{text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;font-weight:700;overflow:hidden}.sudoku-quick-controls .sudoku-continuous-button.is-selected{color:#155d96;background:#e7f3fb;border-color:#237bb7;outline:1px solid #237bb7}.sudoku-quick-controls .sudoku-note-toggle.is-selected{color:#277552;background:#eaf7ef;border-color:#4d9e74;outline:1px solid #4d9e74}.sudoku-controls.is-note-mode .sudoku-number-pad button:hover,.sudoku-controls.is-note-mode .sudoku-number-pad button:focus-visible,.sudoku-controls.is-note-mode .sudoku-number-pad button.is-active{color:#277552;background:#dff3e7;border-color:#348d63;outline-color:#348d63}.sudoku-quick-controls button:disabled{cursor:default;opacity:.35}.sudoku-answer-actions,.sudoku-dialog-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.sudoku-secondary-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sudoku-secondary-controls .is-restart{color:#9b543f;background:#fff5f1;border-color:#e5b6a9}.sudoku-puzzle-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sudoku-puzzle-actions button{border-radius:var(--radius-m);color:#466176;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b7c9d7;justify-content:center;align-items:center;gap:5px;font-size:.76rem;font-weight:700;display:inline-flex}.sudoku-puzzle-actions button.is-saved{color:#277552;background:#edf8f1;border-color:#77a98e}.sudoku-puzzle-actions svg{font-size:1.15rem}.sudoku-number-pad-layout-toggle{display:none}.sudoku-answer-actions button,.sudoku-id-row button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.sudoku-answer-actions svg,.sudoku-id-row button svg{font-size:1.15rem}.sudoku-secondary-controls button{text-align:center;place-items:center;gap:4px;display:grid}.sudoku-secondary-controls button span{white-space:nowrap}.sudoku-primary-button,.sudoku-secondary-button{min-height:44px;font:inherit;padding:8px 13px;font-size:.86rem;font-weight:700}@media (min-width:821px){.sudoku-number-pad{grid-template-columns:repeat(3,minmax(0,84px));justify-content:center}.sudoku-number-pad button{aspect-ratio:1}.sudoku-number-pad[data-size="4"]{grid-template-columns:repeat(4,minmax(0,84px))}}.sudoku-secondary-button{border-radius:var(--radius-m);color:#466176;cursor:pointer;background:#fff;border:1px solid #b7c9d7}.sudoku-problem-details{border-top:1px solid #dbe5ec;border-bottom:1px solid #dbe5ec;padding:0}.sudoku-problem-details summary{color:var(--foreground);cursor:pointer;font-size:.8rem;font-weight:700}.sudoku-problem-details label{color:var(--foreground);margin:12px 0 5px;font-size:.72rem;font-weight:700;display:block}.sudoku-id-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sudoku-id-row input{border-radius:var(--radius-m);color:#334e62;min-width:0;min-height:42px;font:700 .8rem/1 var(--font-body), monospace;border:1px solid #bdcfdd;grid-column:1/-1;padding:0 10px}.sudoku-id-row button{padding:0 11px}.sudoku-problem-details p{color:var(--foreground);margin:10px 0 0;font-size:.86rem;line-height:1.75}.sudoku-help-text p+p{margin-top:8px}.sudoku-help-text strong{color:var(--orange)}.sudoku-help-text .sudoku-keyboard-help{color:var(--muted);border-top:1px solid #e1e8ed;padding-top:8px;font-size:.78rem}.sudoku-dialog-backdrop,.sudoku-completion-backdrop{z-index:20;border-radius:inherit;background:#1f2e398c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.sudoku-dialog,.sudoku-completion{border-radius:var(--radius-m);width:min(100%,420px);color:var(--foreground);text-align:center;background:#fff;border:2px solid #8fb9e2;padding:clamp(20px,4vw,32px)}.sudoku-dialog h2,.sudoku-completion h2{color:#265f8d;margin:0 0 10px;font-size:1.45rem}.sudoku-dialog p,.sudoku-completion p{margin:0 0 20px;line-height:1.7}.sudoku-completion{align-content:center}.sudoku-completion>span{border-radius:var(--border-circle);color:#1674b2;background:#e2f1fa;place-items:center;width:54px;height:54px;margin:0 auto 10px;font-size:2rem;font-weight:700;display:grid}.sudoku-completion small{color:#637785;margin:-8px 0 18px;display:block}.sudoku-completion button{width:100%;margin-top:9px}.sudoku-revealed-note{border-top:1px solid #d9e3ea;grid-template-columns:1fr repeat(3,auto);align-items:center;gap:8px;margin-top:16px;padding-top:16px;display:grid}.sudoku-revealed-note strong{color:var(--blue-deep)}.sudoku-library{border:1px solid var(--line);border-radius:var(--radius-m);background:#ffffffeb;margin-top:28px;padding:clamp(18px,3vw,30px)}:scope>.related-games{margin-top:56px}.sudoku-thumbnail{--sudoku-size:9;grid-template-columns:repeat(var(--sudoku-size), minmax(0, 1fr));grid-template-rows:repeat(var(--sudoku-size), minmax(0, 1fr));outline-offset:-2px;background:#fff;outline:2px solid #5a4636;width:112px;height:112px;display:grid}.sudoku-thumbnail i{color:#2573aa;min-width:0;min-height:0;font:700 clamp(.3rem, calc(.8rem / (var(--sudoku-size) / 4)), .72rem)/1 var(--font-body), monospace;border-top:1px solid #c8c1ba;border-left:1px solid #c8c1ba;place-items:center;font-style:normal;display:grid;overflow:hidden}.sudoku-thumbnail i.is-given{color:#111;font-weight:700}.sudoku-thumbnail i.block-top{border-top:2px solid #5a4636}.sudoku-thumbnail i.block-left{border-left:2px solid #5a4636}.sudoku-thumbnail i.block-bottom{border-bottom:2px solid #5a4636}.sudoku-thumbnail i.block-right{border-right:2px solid #5a4636}@media (max-width:820px){.sudoku-settings{grid-template-columns:1fr}.sudoku-id-opener{grid-template-columns:1fr;gap:12px}.sudoku-timer-setting,.sudoku-generate-button{grid-column:auto}.sudoku-play-grid{grid-template-columns:1fr}.sudoku-quick-controls,.sudoku-number-pad,.sudoku-secondary-controls,.sudoku-problem-details{grid-column:1/-1}.sudoku-number-pad{grid-template-columns:repeat(var(--sudoku-size), minmax(0, 1fr))}.sudoku-number-pad.is-two-row{grid-template-columns:repeat(5,minmax(0,1fr))}.sudoku-number-pad-layout-toggle{border-radius:var(--radius-m);color:#466176;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b7c9d7;grid-column:1/-1;justify-content:center;align-items:center;gap:5px;font-size:.76rem;font-weight:700;display:inline-flex}.sudoku-number-pad-layout-toggle svg{font-size:1.1rem}.sudoku-number-pad-layout-toggle[aria-pressed=true]{color:#155d96;background:#e7f3fb;border-color:#237bb7}}@media (max-width:560px){:scope.game-page{width:calc(100% - 20px);margin-inline:auto;padding:0 0 60px}.sudoku-title{margin-bottom:0}.sudoku-about{margin-inline:0}.sudoku-play-area{border-radius:0}.sudoku-settings{grid-template-columns:1fr}.sudoku-timer-setting,.sudoku-generate-button{grid-column:1}.sudoku-choice-row.difficulty-row{grid-template-columns:repeat(2,1fr)}.sudoku-size-options button{flex-direction:column;gap:8px;min-height:102px;padding:10px 6px}.sudoku-size-icon{flex-basis:58px;width:58px;height:58px}.sudoku-play-area{border:0;margin-inline:-10px}.sudoku-play-header{align-items:center;gap:6px}.sudoku-play-header .sudoku-play-timer-controls{justify-content:flex-end;gap:4px}.sudoku-quiet-button{padding-inline:8px}.sudoku-timer-label,.sudoku-pause-label{display:none}.sudoku-play-grid{gap:7px;margin-top:8px}.sudoku-board-stage{width:100%}.sudoku-cell.is-selected:before{border-width:3px}.sudoku-cell-value{font-size:clamp(1.08rem, calc(4rem / (var(--sudoku-size) / 4)), 2.65rem)}.sudoku-cell-notes i{font-size:clamp(.56rem, calc(1.5rem / (var(--sudoku-size) / 4)), .95rem)}.sudoku-number-pad{gap:4px;margin-top:8px}.sudoku-number-pad button{border-radius:var(--radius-m);min-height:44px;font-size:clamp(1.25rem,6.5vw,1.6rem)}.sudoku-controls{grid-template-columns:1fr;gap:0}.sudoku-quick-controls,.sudoku-number-pad,.sudoku-secondary-controls,.sudoku-problem-details{grid-column:1/-1}.sudoku-quick-controls{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.sudoku-quick-controls button{gap:4px;min-height:52px;padding:7px 1px 8px}.sudoku-quick-controls button svg{font-size:1.3rem}.sudoku-quick-controls button span{font-size:.58rem}.sudoku-secondary-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.sudoku-secondary-controls button{min-height:52px;padding:6px 3px 7px;font-size:.68rem}.sudoku-puzzle-actions{margin-top:12px}.sudoku-number-pad-layout-toggle{margin-top:8px}.sudoku-problem-details{margin-top:24px}.sudoku-problem-details+.sudoku-problem-details{margin-top:-1px}.sudoku-mode-banner{display:none}.sudoku-id-row,.sudoku-id-row.sudoku-current-id-row{grid-template-columns:1fr 1fr}.sudoku-id-row.sudoku-current-id-row input{grid-column:1/-1}.sudoku-current-id-row button{min-width:0}.sudoku-id-row input{grid-column:1/-1;font-size:16px}.sudoku-library{margin-top:22px;padding:16px 10px}:scope>.related-games{margin-top:40px}.sudoku-thumbnail{width:104px;height:104px}.sudoku-revealed-note{grid-template-columns:1fr}}@media (max-width:430px){.puzzle-library-card-actions,.puzzle-library-card-actions.has-delete,.puzzle-library-card-actions.has-delete.is-unstarted{flex-wrap:wrap;display:flex}:is(.puzzle-library-card-actions,.puzzle-library-card-actions.has-delete,.puzzle-library-card-actions.has-delete.is-unstarted)>.puzzle-library-primary-button{width:100%}:is(.puzzle-library-card-actions,.puzzle-library-card-actions.has-delete,.puzzle-library-card-actions.has-delete.is-unstarted)>.puzzle-library-primary-button:has(+.puzzle-library-delete-control){flex:1;width:auto}:is(.puzzle-library-card-actions,.puzzle-library-card-actions.has-delete,.puzzle-library-card-actions.has-delete.is-unstarted)>.puzzle-library-secondary-button{flex:1}:is(.puzzle-library-card-actions,.puzzle-library-card-actions.has-delete,.puzzle-library-card-actions.has-delete.is-unstarted)>.puzzle-library-delete-control{margin-left:auto}}@media print{.sudoku-title,.sudoku-shell>.game-rule-details,.sudoku-generator,.sudoku-status,.sudoku-library,.related-games{display:none!important}:scope,.sudoku-shell{width:100%!important;min-height:0!important;margin:0!important;padding:0!important}.sudoku-play-area{background:#fff;border:0;width:182mm;margin:0 auto;padding:0;position:static}.sudoku-print-header{color:#111;gap:3mm;margin-bottom:8mm;display:grid}.sudoku-print-header strong{font-size:18pt}.sudoku-print-header span{font-size:10pt}.sudoku-print-header small{font-size:9pt}.sudoku-play-header,.sudoku-controls,.sudoku-mode-banner,.sudoku-dialog-backdrop,.sudoku-completion-backdrop,.sudoku-revealed-note,.sudoku-pause-cover{display:none!important}.sudoku-play-grid{margin:0;display:block}.sudoku-board-stage{width:160mm;margin-inline:auto}.sudoku-board-stage.is-paused .sudoku-board{visibility:visible!important}.sudoku-board{outline-color:#5a4636!important;animation:none!important}.sudoku-cell.is-editable>*{visibility:hidden!important}.sudoku-cell,.sudoku-cell.is-related,.sudoku-cell.is-hover-related,.sudoku-cell.is-hovered,.sudoku-cell.is-selected,.sudoku-cell.is-same-number{background:#fff!important;outline:0!important}.sudoku-print-notes{color:#111;width:160mm;margin:10mm auto 0;display:block}.sudoku-print-notes>strong{margin-bottom:3mm;font-size:11pt;display:block}.sudoku-print-notes>div{grid-template-columns:repeat(var(--sudoku-size,9), 1fr);border-top:1px solid #777;border-left:1px solid #777;display:grid}.sudoku-print-notes span{border-bottom:1px solid #777;border-right:1px solid #777;place-items:start center;height:14mm;padding-top:2mm;font-size:10pt;display:grid}}}@media print{@page{size:A4 portrait;margin:14mm}:is(html:has(.sudoku-page),body:has(.sudoku-page)){background:#fff!important;min-height:0!important}body:has(.sudoku-page):before{display:none!important}body:has(.sudoku-page):after{display:none!important}body:has(.sudoku-page)>header{display:none!important}body:has(.sudoku-page)>footer{display:none!important}}@keyframes sudoku-answer-mistake{0%,to{outline-color:#5a4636}18%,68%{outline-color:#df4250}}}