body.sudoku.pp{overscroll-behavior:none}html.sudoku:has(body.pp){overscroll-behavior:none}.pp-stage.s-stage{-webkit-tap-highlight-color:transparent;flex:auto;align-items:center;min-height:0;padding:16px;container-type:size}@media (orientation:landscape){.pp-stage.s-stage{--stage-fit:711px}}@media (orientation:portrait){.pp-stage.s-stage{--stage-fit:892px}}@media (width<=630px){.pp-stage.s-stage{--stage-fit:calc(.984 * 100vw + 252px)}}.pp-card.s-card{--card-pad:20px;--gap:12px;--hud-h:52px;--tools-h:48px;--pad-h:58px;--tip-h:20px;--chrome:calc(var(--hud-h) + var(--tools-h) + var(--pad-h) + var(--tip-h) + 4 * var(--gap));--avail:min(var(--board-max,600px), 100cqw - 2 * var(--card-pad), 100cqh - 2 * var(--card-pad) - var(--chrome));--lines:16px;--cell:calc((var(--avail) - var(--lines)) / 9);--board:calc(9 * var(--cell) + var(--lines));box-sizing:border-box;width:calc(var(--board) + 2 * var(--card-pad));padding:var(--card-pad);gap:var(--gap);align-items:stretch}@supports (width:round(down, 1px, 1px)){.pp-card.s-card{--cell:round(down, calc((var(--avail) - var(--lines)) / 9), 1px)}}@container (width<=599px){.pp-card.s-card{--card-pad:0px;--pad-h:clamp(58px, 100cqh - 100cqw - var(--hud-h) - var(--tools-h) - var(--tip-h) - 4 * var(--gap), 76px);background:0 0;border:none;border-radius:0}}@container (width<=599px) and (height<=620px){.pp-card.s-card{--pad-h:clamp(58px, 100cqh - 100cqw - var(--hud-h) - var(--tools-h) - 3 * var(--gap), 76px);--chrome:calc(var(--hud-h) + var(--tools-h) + var(--pad-h) + 3 * var(--gap))}.s-tip{display:none}}@container (width<=599px) and (height<=520px){.pp-card.s-card{--gap:8px;--hud-h:46px;--tools-h:44px;--pad-h:clamp(50px, 100cqh - 100cqw - var(--hud-h) - var(--tools-h) - 3 * var(--gap), 76px)}}.s-hud{height:var(--hud-h);flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;display:grid}.pp-stat.s-stat{flex-direction:column;justify-content:center;min-width:0;padding:0 10px;display:flex;container-type:inline-size}.s-stat .pp-stat-value{font-size:min(22px, 100cqi / (var(--chars,1) * .62));white-space:nowrap;line-height:24px}.pp-newgame.s-new{white-space:nowrap;touch-action:manipulation;justify-content:center;align-items:center;padding:0 18px;display:flex}.s-new-icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;display:none}.s-board{box-sizing:border-box;width:var(--board);height:var(--board);grid-template-columns:repeat(2, var(--cell) var(--cell) var(--cell) 1px) var(--cell) var(--cell) var(--cell);grid-template-rows:repeat(2, var(--cell) var(--cell) var(--cell) 1px) var(--cell) var(--cell) var(--cell);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#6f6553;border-radius:10px;flex:none;align-self:center;gap:1px;padding:2px;display:grid;overflow:hidden}.s-box{background:#d5c8af}.s-row{display:contents}.s-board .s-cell,.s-board .s-cell:hover{box-shadow:none;font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:calc(var(--cell) * .6);color:#2a5aa6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fffdf8;border:none;border-radius:0;outline:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;transition:none;display:flex;position:relative}.s-board .s-cell.is-given{color:#241f1a;font-weight:800}@media (hover:hover) and (pointer:fine){.s-board .s-cell:hover{background:#f8f3e8}}.s-board .s-cell.is-peer,.s-board .s-cell.is-peer:hover{background:#f2ebdc}.s-board .s-cell.is-same,.s-board .s-cell.is-same:hover{background:#cfdef4}.s-board .s-cell.is-selected,.s-board .s-cell.is-selected:hover{background:#b5cdee;box-shadow:inset 0 0 0 2px #4a7bc0}.s-board .s-cell.is-wrong,.s-board .s-cell.is-wrong:hover{color:#b8321f;background:#fbe2da}.s-board .s-cell.is-wrong.is-selected,.s-board .s-cell.is-wrong.is-selected:hover{background:#f6c9bc;box-shadow:inset 0 0 0 2px #c0392b}.s-board .s-cell:focus-visible{z-index:1;box-shadow:inset 0 0 0 3px #241f1a}.s-notes{box-sizing:border-box;width:100%;height:100%;font-family:Instrument Sans,system-ui,sans-serif;font-weight:600;font-size:calc(var(--cell) * .28);color:#6a5f52;pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:5%;line-height:1;display:grid}.s-notes span{justify-content:center;align-items:center;display:flex}.s-notes .is-same{color:#fff;background:#4a7bc0;border-radius:3px}.s-cell.is-placed{z-index:1;animation:.16s ease-out s-pop}@keyframes s-pop{0%{scale:1.18}}.s-cell.is-shaking{animation:.3s ease-in-out s-shake}@keyframes s-shake{25%{translate:-8%}50%{translate:6%}75%{translate:-3%}}.s-cell.is-rippling{animation:s-ripple .42s ease-out var(--d,0s) backwards}@keyframes s-ripple{0%{background-color:#fffdf8}35%{color:#fff;background-color:#8fb4ea}}@media (prefers-reduced-motion:reduce){.s-cell.is-placed,.s-cell.is-shaking,.s-cell.is-rippling{animation:none}}.s-tools{height:var(--tools-h);flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.s-tool,.s-tool:hover{min-width:0;box-shadow:none;color:#3d352c;cursor:pointer;touch-action:manipulation;background:#f2ebdd;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 4px;font-family:Instrument Sans,system-ui,sans-serif;font-size:15px;font-weight:600;display:flex}@media (hover:hover) and (pointer:fine){.s-tool:hover:not(:disabled){background:#eae0cd}}.s-tool svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.s-tool:disabled,.s-tool:disabled:hover{color:#b9ae9d;cursor:default}.s-tool[aria-pressed=true],.s-tool[aria-pressed=true]:hover{color:#fff;background:#4a7bc0}.s-pad{height:var(--pad-h);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;display:grid}.s-digit,.s-digit:hover{color:#241f1a;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #e3d8c4;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:0;transition:none;display:flex;position:relative;box-shadow:inset 0 -3px #60441c1a}@media (hover:hover) and (pointer:fine){.s-digit:hover:not(:disabled){border-color:#4a7bc0}}.s-digit:active:not(:disabled){box-shadow:none;background:#eef3fb}.s-digit-num{font-family:Bricolage Grotesque,sans-serif;font-size:24px;font-weight:800;line-height:1}.s-digit-left{color:#8a7f70;min-height:11px;font-family:Instrument Sans,system-ui,sans-serif;font-size:11px;font-weight:600;line-height:1}.s-digit:disabled,.s-digit:disabled:hover{box-shadow:none;color:#cfc5b4;cursor:default;background:0 0;border-color:#ece3d2}.s-pad.is-notes .s-digit:not(:disabled){color:#2a5aa6;background:#e8f0fb;border-color:#b5cbeb;box-shadow:inset 0 -3px #2a5aa624}.s-pad.is-notes .s-digit-left{color:#6f8fc2}.s-digit.is-holding:before{content:"";border-radius:inherit;background:conic-gradient(#4a7bc0 var(--s-hold,0%), transparent 0);-webkit-mask-composite:xor;animation:s-hold var(--hold-ms,.26s) linear forwards;pointer-events:none;padding:3px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --s-hold{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes s-hold{to{--s-hold:100%}}.s-tool:focus-visible,.s-digit:focus-visible,.pp-newgame.s-new:focus-visible{outline-offset:2px;outline:3px solid #241f1a}.s-tip{height:var(--tip-h);font-size:14px;line-height:var(--tip-h);text-align:center;color:#8a7f70;white-space:nowrap;text-overflow:ellipsis;flex:none;margin:0;overflow:hidden}.s-sr-only,.s-sprites{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.celebration-icon:has(.s-go-box){background:0 0}.s-go-box{background:#6f6553;border-radius:6px;grid-template-columns:repeat(3,19px);grid-auto-rows:19px;gap:1px;padding:2px;display:grid;overflow:hidden}.s-go-cell{color:#241f1a;background:#fffdf8;justify-content:center;align-items:center;font-family:Bricolage Grotesque,sans-serif;font-size:12px;font-weight:800;line-height:1;display:flex}@container (width<=339px){.s-hud{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) var(--hud-h)}.pp-newgame.s-new{padding:0}.s-new-icon{display:block}.s-new-label{display:none}.s-pad{gap:3px}.s-digit-num{font-size:22px}.s-tools{gap:4px}.s-tool{gap:4px;font-size:14px}.s-tool svg{width:18px;height:18px}}@container (aspect-ratio>=11/10) and (width>=560px){.pp-card.s-card{--side:264px;--tip-h:40px;--hud-block:calc(var(--hud-h) + 8px + 44px);--tools-block:calc(2 * 44px + 6px);--avail:min(var(--board-max,640px), 100cqh - 2 * var(--card-pad), 100cqw - 2 * var(--card-pad) - var(--side) - var(--gap));--key:clamp(38px, calc((var(--board) - var(--hud-block) - var(--tools-block) - var(--tip-h) - 3 * var(--gap) - 12px) / 3), 68px);grid-template-columns:var(--board) var(--side);grid-template-areas:"board hud""board tools""board pad""board tip";align-content:center;width:auto;display:grid}.s-board{grid-area:1/board/-1}.s-hud{grid-area:hud;grid-template-columns:1fr 1fr;grid-template-rows:var(--hud-h) 44px;height:auto}.pp-newgame.s-new{grid-column:1/-1}.s-tools{grid-area:tools;grid-template-columns:1fr 1fr;grid-auto-rows:44px;height:auto}.s-pad{grid-area:pad;grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--key);gap:6px;height:auto}.s-digit-num{font-size:min(28px, calc(var(--key) * .5))}.s-tip{white-space:normal;grid-area:tip;line-height:20px}}@container (aspect-ratio>=11/10) and (width>=560px) and (height<=420px){.pp-card.s-card{--card-pad:0px;--gap:8px;--side:232px;--hud-h:44px;--tip-h:0px;--hud-block:var(--hud-h);--tools-block:44px;--key:clamp(36px, calc((var(--board) - var(--hud-block) - var(--tools-block) - 2 * var(--gap) - 12px) / 3), 68px);background:0 0;border:none;border-radius:0}.s-hud{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) var(--hud-h);grid-template-rows:var(--hud-h)}.pp-newgame.s-new{grid-column:auto;padding:0}.s-new-icon{display:block}.s-new-label{display:none}.s-tools{grid-template-columns:repeat(4,1fr)}.s-tool-label{display:none}.s-digit{flex-direction:row;gap:6px}.s-tip{display:none}}@media (height<=480px){body.sudoku .pp-stage.s-stage{padding-top:8px;padding-bottom:8px}}@media (width<=599px){.pp-stage.s-stage{padding:12px}}body.pp.immersive .pp-stage.s-stage{padding:72px 16px 24px}body.pp.immersive .pp-card.s-card{--card-pad:16px;--board-max:720px;background:#fff;border:1px solid #eadfce;border-radius:22px}@media (orientation:landscape) and (height<=480px){body.pp.immersive .pp-stage.s-stage{padding:12px 136px 12px 16px}body.pp.immersive .pp-card.s-card{--card-pad:10px}}