.sd{--sd-thin:color-mix(in srgb, var(--ink) 42%, var(--card));--sd-user:color-mix(in srgb, var(--tone-sky) 78%, var(--ink));--sd-peer:color-mix(in srgb, var(--ink) 8%, var(--card));--sd-same:color-mix(in srgb, var(--hop) 40%, var(--card));--sd-sel:color-mix(in srgb, var(--hop) 72%, var(--card));--sd-size:min(100%, 560px);gap:var(--s2);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;grid-template-columns:minmax(0,1fr);grid-template-areas:"top""board""pad";width:min(100%,560px);margin-inline:auto;display:grid}.sd-short,.sd-sep{display:none}.sd-modes button{padding:0 var(--s3)}@media (width<=600px){.sd-long,.sd-sep{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:inline;position:absolute;overflow:hidden}.sd-modes button{position:relative}.sd-short{display:inline}.hh-game--sudoku .hh-game__bar-end{gap:var(--s1)}.hh-game--sudoku .hh-game__bar .hh-btn{padding-inline:4px}}.hh-game--sudoku .hh-game__status{place-items:center;min-height:3em;display:grid}@media (width<=599px){.hh-game--sudoku .hh-game__status{min-height:4.5em}}.sd__top{justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap;grid-area:top;display:flex}.sd-levels button{padding:0 var(--s3);font-size:var(--fs-base);align-items:center;gap:2px;display:inline-flex}.sd-level__mark{color:var(--go);display:inline-flex}.sd-levels button[aria-pressed=true] .sd-level__mark{color:var(--card)}.sd__clock{align-items:center;gap:var(--s1);min-height:var(--tap);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;color:var(--ink-2);font-weight:800;display:inline-flex}.sd__clock[hidden]{display:none}.sd--daily{grid-template-areas:"top""daily""board""pad"}.sd__daily{grid-area:daily;min-width:0}.sd__daily[hidden]{display:none}.sd__daily .hh-dstatus{text-align:center;justify-content:center}.sd__boardwrap{width:var(--sd-size);grid-area:board;justify-self:center;container-type:inline-size}.sd__board{aspect-ratio:1;background:var(--ink);border:3px solid var(--ink);border-radius:var(--r-btn);touch-action:manipulation;cursor:pointer;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:100%;display:grid;overflow:hidden}.sd__board:focus-visible{box-shadow:var(--focus);outline:none}.sd__box{background:var(--sd-thin);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;min-width:0;min-height:0;display:grid}.sd__cell{background:var(--card);min-width:0;min-height:0;color:var(--ink);place-items:center;display:grid;position:relative}.sd__v{font-variant-numeric:tabular-nums;font-size:6.8cqw;font-weight:600;line-height:1}.sd__cell.is-given .sd__v{font-weight:800}.sd__cell.is-user .sd__v{color:var(--sd-user);font-weight:700}.sd__notes{pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;display:grid;position:absolute;inset:1px}.sd__note{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:max(11px,3.4cqw);font-weight:700;line-height:1}.sd__note.is-match{color:var(--ink);background:var(--sd-same);border-radius:4px;padding:0 2px}.sd__cell.is-peer{background:var(--sd-peer)}.sd__cell.is-hint-unit{background:var(--go-soft)}.sd__cell.is-same{background:var(--sd-same)}.sd__cell.is-clash-given,.sd__cell.is-clash,.sd__cell.is-wrong{background:var(--bad-soft)}.sd__cell.is-clash .sd__v,.sd__cell.is-wrong .sd__v{color:var(--bad)}.sd__cell.is-clash:after,.sd__cell.is-wrong:after{content:"";background:var(--bad);border-radius:2px;height:3px;position:absolute;bottom:10%;left:22%;right:22%}.sd__cell.is-hint{background:var(--go-soft);box-shadow:inset 0 0 0 3px var(--go)}.sd__cell.is-sel{background:var(--sd-sel);box-shadow:inset 0 0 0 3px var(--ink)}.sd__cell.is-sel.is-hint{box-shadow:inset 0 0 0 3px var(--go)}.sd__cell.is-sel.is-wrong,.sd__cell.is-sel.is-clash{background:color-mix(in srgb, var(--bad) 22%, var(--card))}.sd__cell.is-flash{animation:sd-flash .65s var(--ease)}@keyframes sd-flash{0%{background:var(--card)}40%{background:color-mix(in srgb, var(--tone-leaf) 35%, var(--card))}to{background:var(--card)}}.sd__cell.is-wave{animation:sd-wave .52s var(--ease) both}@keyframes sd-wave{0%{background:var(--card);transform:scale(1)}45%{background:color-mix(in srgb, var(--tone-leaf) 30%, var(--card));transform:scale(.86)}to{background:var(--card);transform:scale(1)}}.sd__cell.is-shake{animation:sd-shake .32s var(--ease)}@keyframes sd-shake{0%,to{translate:0}20%{translate:-4px}45%{translate:3px}70%{translate:-2px}}.sd__board.is-done{cursor:default}.sd__pad{gap:var(--s2);grid-area:pad;align-content:start;display:grid}.sd__keys{gap:var(--s2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.sd__key{border:2px solid var(--ink);border-radius:var(--r-btn);background:var(--card);min-width:0;height:56px;color:var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 80ms var(--ease), box-shadow 80ms var(--ease), background-color .12s;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover){.sd__key:hover{background:color-mix(in srgb, var(--paper) 60%, var(--card))}}.sd__key:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.sd__key:focus-visible{box-shadow:0 3px 0 var(--ink), var(--focus)}.sd__key-d{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.sd__key-n{font-size:var(--fs-base);color:var(--ink-2);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1;display:inline-flex;position:absolute;top:3px;right:6px}.sd__key.is-done{background:var(--paper)}.sd__key.is-done .sd__key-d{color:var(--ink-2)}.sd__key.is-done .sd__key-n{color:var(--go)}.sd__keys.is-notes .sd__key:not(.sd__key--erase){border-style:dashed}.sd__key.is-noted{background:var(--go-soft);border-color:var(--go);box-shadow:0 3px 0 var(--go);border-style:solid!important}.sd__key.is-noted .sd__key-d{color:var(--go)}.sd__key--erase{flex-direction:column;justify-content:center;gap:2px;display:flex}.sd__key-label{font-size:var(--fs-base);font-weight:700;line-height:1.1}.sd__tools{gap:var(--s2);grid-template-columns:max-content minmax(0,1fr) minmax(0,1fr);display:grid}.sd__tool{min-height:48px;padding:0 var(--s2);min-width:0;font-size:var(--fs-base);gap:6px}.sd__tool .hh-btn__label,.sd__tool-label{white-space:nowrap}.sd__track{background:var(--line-strong);border-radius:10px;flex:none;width:34px;height:20px;transition:background-color .12s;position:relative}.sd__thumb{background:var(--card);width:14px;height:14px;transition:transform .12s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.sd__notesbtn[aria-checked=true]{background:color-mix(in srgb, var(--go) 12%, var(--card))}.sd__notesbtn[aria-checked=true] .sd__track{background:var(--go)}.sd__notesbtn[aria-checked=true] .sd__thumb{transform:translate(14px)}.sd__result{display:grid}.sd__result[hidden]{display:none}.sd__result-card{text-align:center;padding:var(--s3) var(--s3) var(--s4);background:var(--card);border:2px solid var(--ink);border-radius:var(--r-tile);justify-items:center;gap:6px;display:grid}.sd__result-card p{margin:0}.sd__result-title{align-items:center;gap:var(--s2);font-size:var(--fs-xl);margin:0;display:inline-flex}.sd__result-title .hh-icon{color:var(--go)}.sd__result-text{color:var(--ink-2);font-weight:700}.sd__result-stats{justify-content:center;gap:var(--s2) var(--s5);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;flex-wrap:wrap;font-weight:800;display:flex}.sd__result-stats>span,.sd__result-best{align-items:center;gap:var(--s1);display:inline-flex}.sd__result-best{color:var(--go);font-weight:800}.sd__result-meta{color:var(--ink-2);font-size:var(--fs-base);font-weight:700}.sd__result-actions{justify-content:center;gap:var(--s2);margin-top:var(--s1);flex-wrap:wrap;display:flex}.sd-settings{gap:var(--s4);display:grid}.sd-switch{gap:2px;display:grid}.sd-switch__btn{align-items:center;gap:var(--s3);min-height:var(--tap);color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;justify-self:start;padding:0;font-weight:700;display:inline-flex}.sd-switch__track{background:var(--line-strong);border-radius:14px;flex:none;width:46px;height:28px;transition:background-color .12s;position:relative}.sd-switch__thumb{background:var(--card);width:22px;height:22px;transition:transform .12s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.sd-switch__btn[aria-checked=true] .sd-switch__track{background:var(--go)}.sd-switch__btn[aria-checked=true] .sd-switch__thumb{transform:translate(18px)}.sd-switch__btn:focus-visible{box-shadow:var(--focus);border-radius:var(--r-field)}.sd-switch__hint{margin:0 0 0 calc(46px + var(--s3));font-size:var(--fs-base);color:var(--ink-2)}@media (width<=599px) and (height<=760px){.sd{--sd-size:min(100%, max(300px, calc(100dvh - 350px)))}.sd--daily{--sd-size:min(100%, max(300px, calc(100dvh - 404px)))}}@media (width>=600px) and (width<=899px){.sd{--sd-size:min(100%, 560px, max(340px, calc(100dvh - 580px)));width:var(--sd-size)}.sd--daily{--sd-size:min(100%, 560px, max(340px, calc(100dvh - 634px)))}}@media (width<=899px){.sd__result-card{padding:var(--s2);gap:4px}.sd__result-title{font-size:var(--fs-lg)}.sd__result-meta,.sd__result-best{display:none!important}.sd__result-actions{flex-wrap:nowrap;width:100%;margin-top:0}.sd__result-actions .hh-btn--primary{flex:auto;min-width:0}.sd__share{min-width:56px;min-height:56px;padding-inline:var(--s3);flex:none;position:relative}.sd__result-card--board .sd__result-text,.sd__result-card--board .sd__result-stats{display:none}.sd__result-card--board .sd__result-title,.sd__share .hh-btn__label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width<=400px){.sd__keys{gap:6px}}@media (width<=350px){.sd__key-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width<=380px){.sd-levels button{padding:0 var(--s2)}.sd__tool{padding:0 var(--s1);gap:4px}.sd__track{width:28px}.sd__notesbtn[aria-checked=true] .sd__thumb{transform:translate(8px)}}@media (width<=340px){.sd__tools .hh-btn:not(.sd__notesbtn) .hh-btn__label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}@media (width>=900px){.sd{--sd-col:360px;--sd-size:min(600px, max(380px, calc(100dvh - 370px)), calc(100% - var(--sd-col) - var(--s5)));grid-template-columns:var(--sd-size) var(--sd-col);justify-content:center;column-gap:var(--s5);row-gap:var(--s4);grid-template-rows:auto 1fr;grid-template-areas:"board top""board pad";width:100%}.sd__boardwrap{grid-row:1/span 2;align-self:start;width:100%}.sd__top{align-self:start}.sd--daily{grid-template-rows:auto auto 1fr;grid-template-areas:"board top""board daily""board pad"}.sd--daily .sd__boardwrap{grid-row:1/span 3}.sd__daily .hh-dstatus{text-align:left;justify-content:flex-start}.sd__keys{grid-template-columns:repeat(3,minmax(0,1fr))}.sd__key{height:64px}.sd__key-d{font-size:var(--fs-2xl)}.sd__key--erase{gap:var(--s2);flex-direction:row;grid-column:1/-1;height:52px}.sd__key--erase .sd__key-label{font-size:var(--fs-md)}}@media (prefers-reduced-motion:reduce){.sd__cell.is-flash,.sd__cell.is-wave,.sd__cell.is-shake{animation:none}.sd__key,.sd__track,.sd__thumb,.sd-switch__track,.sd-switch__thumb{transition:none}}