.sudoku{--paper:#f3ede1;--paper-2:#eae2d2;--ink:#1b1a17;--ink-soft:#5c574c;--line:#cabfa8;--you:#0f7077;--you-soft:#d3e8e8;--puz:#d5402d;--puz-soft:#f6dcd5;--gold:#e0a526;--display:var(--font-bricolage),"Public Sans",system-ui,sans-serif;--ui:var(--font-publicsans),system-ui,-apple-system,sans-serif;--numeral:clamp(20px,5.6vw,34px);--note:clamp(8px,2.2vw,12px);--tap:44px;--maxw:460px;min-height:100dvh;background:radial-gradient(var(--paper-2) 1px,transparent 1px) 0 0 /4px 4px,var(--paper);color:var(--ink);font-family:var(--ui);display:flex;flex-direction:column;align-items:center;padding:clamp(12px,4vw,28px) 12px 40px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.sudoku[data-bigprint="1"]{--numeral:clamp(24px,7.2vw,42px);--note:clamp(9px,2.6vw,14px);--tap:48px;--maxw:540px}.sudoku .vs{color:var(--puz)}.sv-frame{width:100%;max-width:var(--maxw);display:flex;flex-direction:column;gap:clamp(10px,2.6vw,16px)}.sv-loading{margin-top:30vh;font-family:var(--display);font-weight:800;font-size:20px;color:var(--ink-soft)}.sv-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sv-titlebar{display:flex;align-items:center;justify-content:space-between;gap:10px}.sv-mark{font-size:clamp(20px,5.6vw,27px);letter-spacing:-.5px}.sv-clock,.sv-mark{font-family:var(--display);font-weight:800}.sv-clock{font-size:17px;background:var(--ink);color:var(--paper);padding:3px 10px;border-radius:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sv-difflabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft);text-align:right;flex:0 1 auto}.sv-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:clamp(8px,3vw,16px);gap:clamp(8px,3vw,16px);background:#fffdf7;border:2px solid var(--ink);border-radius:16px;padding:12px 14px;box-shadow:0 2px 0 var(--ink)}.sv-meter{display:flex;flex-direction:column;gap:4px;min-width:0}.sv-meter-top{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.sv-meter.puz .sv-meter-top{flex-direction:row}.sv-who{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.sv-meter.you .sv-who{color:var(--you)}.sv-meter.puz .sv-who{color:var(--puz)}.sv-pct{font-family:var(--display);font-weight:800;font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sv-meter-sub{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-soft)}.sv-meter.puz .sv-meter-sub{text-align:right}.sv-track{height:10px;background:var(--paper-2);border-radius:999px;overflow:hidden;border:1px solid var(--line)}.sv-track>i{display:block;height:100%;border-radius:999px;transition:width .35s cubic-bezier(.3,1,.4,1)}.sv-meter.you .sv-track>i{background:var(--you)}.sv-meter.puz .sv-track>i{background:var(--puz);margin-left:auto}.sv-center{display:flex;flex-direction:column;align-items:center;gap:7px}.sv-strikes{display:flex;gap:5px}.sv-dot{width:11px;height:11px;border-radius:50%;border:2px solid var(--puz);background:transparent;transition:background .2s,transform .2s}.sv-dot.on{background:var(--puz);transform:scale(1.12)}.sv-face{--eye:22px;width:calc(var(--eye) * 2 + 8px);height:var(--eye);display:flex;gap:8px}.sv-face.lg{--eye:34px;gap:12px}.sv-eye{width:var(--eye);height:var(--eye);border-radius:50%;background:#fff;border:2.5px solid var(--ink);position:relative;overflow:hidden;transition:height .12s,transform .12s}.sv-pupil{position:absolute;width:40%;height:40%;border-radius:50%;background:var(--ink);left:50%;top:55%;transform:translate(-50%,-50%);transition:top .18s,transform .12s}.sv-face[data-mood=worried] .sv-pupil{top:32%}.sv-face[data-mood=smug] .sv-eye{height:38%;align-self:center}.sv-face[data-mood=smug] .sv-pupil{top:50%}.sv-face[data-blink="1"] .sv-eye{height:16%;align-self:center}.sv-board{--gap:1.5px;background:var(--ink);border:3px solid var(--ink);border-radius:10px;padding:3px;flex-direction:column;width:100%;margin:0 auto;box-shadow:0 2px 0 var(--ink)}.sv-board,.sv-row{display:flex;gap:var(--gap)}.sv-row>.sv-cell:nth-child(3),.sv-row>.sv-cell:nth-child(6){margin-right:2px}.sv-row:nth-child(3),.sv-row:nth-child(6){margin-bottom:2px}.sv-cell{flex:1 1;min-width:0;aspect-ratio:1;background:var(--paper);border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;font-family:var(--display);color:var(--ink);transition:background .12s}.sv-cell .sv-val{font-size:var(--numeral);line-height:1;font-weight:600}.sv-cell.given .sv-val{font-weight:800;color:var(--ink)}.sv-cell.entry .sv-val{color:var(--you)}.sv-cell.wrong .sv-val{color:var(--puz)}.sv-cell.peer{background:var(--paper-2)}.sv-cell.samenum{background:var(--you-soft)}.sv-cell.sel{background:#fff;box-shadow:inset 0 0 0 3px var(--you);z-index:2}.sv-notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:2px}.sv-notes>i{font-style:normal;font-size:var(--note);line-height:1;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-weight:600}@keyframes sv-pop{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes sv-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}60%{transform:translateX(4px)}}.sv-cell.flash .sv-val{animation:sv-pop .34s cubic-bezier(.2,1.3,.4,1)}.sv-cell.shake{animation:sv-shake .3s}.sv-toolbar{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.sv-tool{min-height:var(--tap);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#fffdf7;border:2px solid var(--ink);border-radius:12px;box-shadow:0 2px 0 var(--ink);font-family:var(--ui);font-weight:700;font-size:12px;color:var(--ink);cursor:pointer;position:relative;padding:6px 4px;transition:transform .08s,box-shadow .08s}.sv-tool .ic{font-size:18px;line-height:1}.sv-tool:active{transform:translateY(2px);box-shadow:0 0 0 var(--ink)}.sv-tool.on{background:var(--you);color:#fff;border-color:var(--you);box-shadow:0 2px 0 #0b565b}.sv-tool:disabled{opacity:.4;cursor:default;pointer-events:none}.sv-tool .sv-badge{position:absolute;top:-6px;right:-6px;background:var(--gold);color:var(--ink);font-size:11px;font-weight:800;min-width:18px;height:18px;border-radius:999px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center}.sv-pad{display:grid;grid-template-columns:repeat(9,1fr);grid-gap:clamp(3px,1vw,6px);gap:clamp(3px,1vw,6px)}.sv-key{min-width:0;min-height:var(--tap);padding:4px 0;background:#fffdf7;border:2px solid var(--ink);border-radius:12px;box-shadow:0 2px 0 var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .08s,box-shadow .08s}.sv-key:active{transform:translateY(2px);box-shadow:0 0 0 var(--ink)}.sv-key-n{font-family:var(--display);font-weight:800;font-size:clamp(17px,4.4vw,24px);color:var(--ink)}.sv-key-badge{font-size:9px;font-weight:700;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sv-key.done{background:var(--you-soft);border-color:var(--you);box-shadow:0 2px 0 var(--you);opacity:.8}.sv-key.done .sv-key-badge{color:var(--you)}.sv-key:disabled{cursor:default}.sv-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.sv-diffs{display:flex;gap:6px}.sv-pill{min-height:var(--tap);padding:6px 14px;background:#fffdf7;border:2px solid var(--ink);border-radius:999px;box-shadow:0 2px 0 var(--ink);font-family:var(--ui);font-weight:700;font-size:13px;color:var(--ink);cursor:pointer;transition:transform .08s,box-shadow .08s}.sv-pill:active{transform:translateY(2px);box-shadow:0 0 0 var(--ink)}.sv-pill.on{background:var(--ink);color:var(--paper)}.sv-bigprint{min-width:var(--tap);min-height:var(--tap);background:#fffdf7;border:2px solid var(--ink);border-radius:12px;box-shadow:0 2px 0 var(--ink);font-family:var(--display);font-weight:800;font-size:18px;color:var(--ink);cursor:pointer;transition:transform .08s,box-shadow .08s}.sv-bigprint sup{font-size:.6em}.sv-bigprint:active{transform:translateY(2px);box-shadow:0 0 0 var(--ink)}.sv-bigprint.on{background:var(--gold);border-color:var(--ink)}.sv-overlay{position:fixed;inset:0;background:rgba(27,26,23,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:sv-fade .2s ease}@keyframes sv-fade{0%{opacity:0}to{opacity:1}}.sv-card{background:var(--paper);border:3px solid var(--ink);border-radius:20px;box-shadow:0 6px 0 var(--ink);padding:26px 24px;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.sv-card.win{border-color:var(--you);box-shadow:0 6px 0 var(--you)}.sv-card.loss{border-color:var(--puz);box-shadow:0 6px 0 var(--puz)}.sv-card .sv-face{margin-bottom:2px}.sv-outcome{font-family:var(--display);font-weight:800;font-size:26px;margin:0}.sv-card.win .sv-outcome{color:var(--you)}.sv-card.loss .sv-outcome{color:var(--puz)}.sv-outcome-sub{margin:0;font-size:14px;color:var(--ink-soft)}.sv-stats{display:flex;gap:10px;width:100%;margin:4px 0}.sv-stat{flex:1 1;display:flex;flex-direction:column;gap:2px;background:#fffdf7;border:2px solid var(--ink);border-radius:12px;padding:10px 6px}.sv-stat b{font-family:var(--display);font-weight:800;font-size:20px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sv-stat span{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft)}.sv-overlay-btns,.sv-overlay-pick{display:flex;gap:10px;width:100%}.sv-btn{flex:1 1;min-height:var(--tap);border:2px solid var(--ink);border-radius:12px;box-shadow:0 2px 0 var(--ink);font-family:var(--ui);font-weight:800;font-size:15px;cursor:pointer;transition:transform .08s,box-shadow .08s}.sv-btn:active{transform:translateY(2px);box-shadow:0 0 0 var(--ink)}.sv-btn.primary{background:var(--you);color:#fff;border-color:var(--you);box-shadow:0 2px 0 #0b565b}.sv-btn.ghost{background:#fffdf7;color:var(--ink)}.sudoku button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.sv-cell:focus-visible{outline-offset:-3px;z-index:3}@media (prefers-reduced-motion:reduce){.sudoku *,.sv-cell,.sv-eye,.sv-pupil,.sv-track>i{transition:none!important;animation:none!important}}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque Fallback;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_9b180f{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.__variable_9b180f{--font-bricolage:"Bricolage Grotesque","Bricolage Grotesque Fallback"}@font-face{font-family:Public Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f7650dfaa438c37c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Public Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/98baa4a7809fbf72-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Public Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8bf7b2ceda89477b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Public Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/f7650dfaa438c37c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Public Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/98baa4a7809fbf72-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Public Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8bf7b2ceda89477b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Public Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/f7650dfaa438c37c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Public Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/98baa4a7809fbf72-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Public Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/8bf7b2ceda89477b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Public Sans Fallback;src:local("Arial");ascent-override:90.59%;descent-override:21.46%;line-gap-override:0.00%;size-adjust:104.87%}.__className_5ff5f8{font-family:Public Sans,Public Sans Fallback;font-style:normal}.__variable_5ff5f8{--font-publicsans:"Public Sans","Public Sans Fallback"}