.sudoku-grid{aspect-ratio:1;border-radius:var(--radius-grid);background:var(--surface);width:100%;box-shadow:0 1px 2px color-mix(in oklab, var(--foreground) 12%, transparent);--cell-px:11.111cqw;--grid-border-color:var(--foreground);position:relative;overflow:hidden;container-type:inline-size}.sudoku-grid:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;border:2px solid color-mix(in oklab, var(--grid-border-color) 100%, transparent);transition:border-color .12s,border-width .12s,box-shadow .18s;position:absolute;inset:0}.sudoku-grid-inner{--cell-size:calc(100% / 9);z-index:1;grid-template-rows:repeat(9,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr));display:grid;position:absolute;inset:0}.sudoku-cell{-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--foreground);min-width:0;min-height:0;font-weight:700;line-height:1;font-size:calc(var(--cell-px,48px) * .6);border:.5px solid color-mix(in oklab, var(--foreground) var(--sep-thin), transparent);background-clip:padding-box;justify-content:center;align-items:center;display:flex;position:relative}.sudoku-cell.thick-right{border-right:1px solid color-mix(in oklab, var(--foreground) var(--sep-thick), transparent)}.sudoku-cell.thick-bottom{border-bottom:1px solid color-mix(in oklab, var(--foreground) var(--sep-thick), transparent)}.sudoku-cell.fixed{color:color-mix(in oklab, var(--foreground) 80%, transparent);background:color-mix(in oklab, var(--foreground) 2%, transparent);font-weight:600}.sudoku-cell.selected{outline:var(--cell-stroke-selected) solid var(--hl-active);outline-offset:-2px;background:color-mix(in oklab, var(--hl-active) var(--sel-bg), transparent)}.sudoku-cell.same-number{background:color-mix(in oklab, var(--hl-active) var(--same-number-hl-bg), transparent)}.sudoku-cell.same-row-col-box{background:color-mix(in oklab, var(--hl-active) var(--rowcolbox-bg), transparent)}.sudoku-cell.invalid{background:color-mix(in oklab, var(--hl-active) var(--sel-bg), transparent)}.shake{animation:.25s linear 3 shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.notes{box-sizing:border-box;margin:calc(var(--cell-px,48px) * -.025);padding:calc(var(--cell-px,48px) / 9);gap:calc(var(--cell-px,48px) / 36);color:color-mix(in oklab, var(--foreground) 65%, transparent);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:absolute;inset:0}.notes.strong{color:var(--foreground)}.note{min-width:0;min-height:0;font-size:calc(var(--cell-px,48px) * .28);justify-content:center;align-items:center;line-height:1;display:flex}.note-strong{color:var(--hl-active);opacity:1;font-weight:700}.note-strong-note-mode{color:var(--foreground);opacity:1;font-weight:700}.note-muted{color:var(--text-tertiary);opacity:.7}.value.dim-placed{color:var(--text-tertiary)}.value.value-note-highlight{color:var(--foreground)}.wave{--wave-distance:0;--proximity:calc(1 - var(--wave-distance));--max-scale:calc(1 + (.1 * var(--proximity)));--shadow-intensity:calc(10% * var(--proximity));--shadow-spread:calc(2px * var(--proximity));animation:.5s cubic-bezier(.34,1.56,.64,1) both shockwave}@keyframes shockwave{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--foreground) 0%, transparent);transform:scale(1)}50%{transform:scale(var(--max-scale));box-shadow:0 0 0 var(--shadow-spread) color-mix(in oklab, var(--foreground) var(--shadow-intensity), transparent)}to{transform:scale(1);box-shadow:0 0 #0000}}.button-surface{background:var(--surface);color:var(--foreground);border-color:color-mix(in oklab, var(--foreground) 16%, transparent)}.button-surface:hover{background:var(--surface-alt)}.puzzle-card{isolation:isolate;border-radius:var(--radius-container);background:var(--surface);position:relative;overflow:hidden}.puzzle-popout-layer{z-index:30;border-radius:inherit;position:absolute;inset:0}.puzzle-popout-catcher{cursor:default;background:color-mix(in oklab, var(--surface) 84%, transparent);opacity:1;transition:opacity .18s cubic-bezier(.215,.61,.355,1);position:absolute;inset:0}.puzzle-popout-panel{top:calc(var(--bs) * 4);right:calc(var(--bs) * 4);z-index:1;width:min(calc(100% - (var(--bs) * 8)), calc(var(--bs) * 88));max-height:calc(100% - (var(--bs) * 8));padding:calc(var(--bs) * 5);border-radius:calc(var(--bs) * 6);background:var(--surface);color:var(--foreground);opacity:1;transform-origin:100% 0;will-change:opacity, transform;transition:opacity .18s cubic-bezier(.215,.61,.355,1),transform .18s cubic-bezier(.215,.61,.355,1);position:absolute;overflow-y:auto;transform:translateY(0)scale(1);box-shadow:0 20px 52px #00000029}.puzzle-popout-panel-compact{width:min(calc(100% - (var(--bs) * 8)), calc(var(--bs) * 78))}.puzzle-popout-layer[data-state=closed] .puzzle-popout-catcher{opacity:0}.puzzle-popout-layer[data-state=closed] .puzzle-popout-panel{opacity:0;transform:translateY(-6px)scale(.97)}@media (prefers-reduced-motion:reduce){.puzzle-popout-catcher,.puzzle-popout-panel{transition:none;animation:none}}.profile-replay-preview{aspect-ratio:1;pointer-events:none;width:100%;container-type:inline-size}.profile-replay-preview .sudoku-grid{box-shadow:none;--cell-px:min(11.111cqw, 48px)}.profile-replay-preview .sudoku-grid:before{border-width:1px}.profile-replay-preview .sudoku-cell{cursor:default}.number-pad{gap:calc(var(--bs) * 4)}.number-button{width:var(--pad-diameter);height:var(--pad-diameter);font-size:calc(var(--pad-number-size) * .75);transition:transform .12s,background-color .12s,border-color .12s}.number-button[data-selected=false]{font-size:calc(var(--pad-number-size) * .9)}.number-button:active{transform:scale(.9)}.number-button[data-selected=false]:active{background:var(--surface-alt)}.number-button:disabled{opacity:.3}.number-pad .number-button:disabled{opacity:1}.number-pad .number-button[data-completed=true]{color:var(--surface-alt);background:0 0}.number-pad .number-button[data-completed=true]:active{background:0 0;transform:none}.pad-surface{background:var(--surface);color:var(--foreground)}.pad-surface-alt{background:var(--surface-alt);color:var(--foreground)}.icon-mask{width:calc(var(--pad-shape-size) * .75);height:calc(var(--pad-shape-size) * .75);display:inline-block}.icon-note-off{background:var(--foreground);-webkit-mask:url(/icons/noteOff.svg) 50%/contain no-repeat;mask:url(/icons/noteOff.svg) 50%/contain no-repeat}.icon-note-on{background:var(--surface);-webkit-mask:url(/icons/noteOn.svg) 50%/contain no-repeat;mask:url(/icons/noteOn.svg) 50%/contain no-repeat}.color-dot{background:var(--hl-active);border-radius:9999px;width:18px;height:18px}.highlight-swatch{border-radius:9999px;outline:none;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .12s,transform .12s,box-shadow .12s;display:inline-flex}.highlight-swatch:hover{background:var(--surface-alt)}.highlight-swatch:active{transform:scale(.97)}.highlight-swatch:focus-visible{box-shadow:0 0 0 2px var(--ring)}.highlight-swatch-ring{border:2px solid #0000;border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.highlight-swatch[data-selected=true] .highlight-swatch-ring{border-color:var(--hl-active)}.highlight-swatch-dot{background:var(--hl-active);border-radius:9999px;width:26px;height:26px}.note-mode .sudoku-grid:before{border:4px solid var(--hl-active);box-shadow:0 0 0 2px var(--hl-active)}.note-mode .sudoku-grid{box-shadow:0 0 24px 6px color-mix(in oklab, var(--hl-active) 30%, transparent), 0 1px 2px color-mix(in oklab, var(--foreground) 12%, transparent)}
@media print{@page{size:A4 portrait;margin:0}.weekly-puzzle .sudoku-cell{border-color:#b0b0b0;color:#111!important;background:#fff!important}.weekly-puzzle .sudoku-cell.thick-right{border-right:1.25pt solid #222}.weekly-puzzle .sudoku-cell.thick-bottom{border-bottom:1.25pt solid #222}.weekly-puzzle .sudoku-grid:before{border:1.25pt solid #222}html.weekly-pdf-render{background:#fff!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;background:#fff!important;margin:0!important;padding:0!important}.no-print,body.weekly-pdf-render header{display:none!important}body.weekly-pdf-render .min-h-screen,body.weekly-pdf-render .bg-background{background:#fff!important;min-height:0!important}body.weekly-pdf-render .max-w-7xl{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}body.weekly-pdf-render main,body.weekly-pdf-render .theme-light{background:#fff!important}.weekly-print-page{box-shadow:none!important;background:#fff!important;width:100%!important;height:100%!important;margin:0!important}.debug-layout,.debug-layout *{outline:none!important}.weekly-two-up,.weekly-two-up .half-row,.weekly-two-up .area-text-left,.weekly-two-up .area-puzzle-right,.weekly-two-up .area-puzzle-left,.weekly-two-up .area-blank-right,.intro-section,.snippet-col,.snippet-day,.snippet-spacer,.snippet-text,.solutions-page,.solutions-grid,.solution-cell,.puzzle-col,.square-fit,.weekly-puzzle{box-shadow:none!important;background:#fff!important;outline:none!important}.sudoku-grid{background:var(--surface,#fff)!important;box-shadow:none!important}.sudoku-grid:before,.note-mode .sudoku-grid,.note-mode .sudoku-grid:before{box-shadow:none!important}.date-title{color:#999!important;background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important}.date-subtitle{color:#000!important}.weekly-print-page{page-break-after:always;break-after:page}.weekly-print-page:last-child{page-break-after:auto;break-after:auto}}.compact-print-sheet{box-sizing:border-box;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:6mm;width:210mm;min-height:297mm;padding:12mm;display:grid}.compact-print-sheet.page-letter{width:215.9mm;min-height:279.4mm}.compact-print-intro{text-align:center;flex-direction:column;justify-content:center;gap:4mm;display:flex}.compact-print-intro strong{font-size:18pt}.compact-print-intro h1{overflow-wrap:anywhere;font-size:30pt;line-height:1.15}.compact-print-puzzle{flex-direction:column;justify-content:center;gap:3mm;min-width:0;display:flex}.compact-print-puzzle p{text-align:center;font-size:10pt}.weekly-print-page{color:#000;font-family:var(--font-inter), Inter, system-ui, sans-serif;background:#fff;margin:0 auto;box-shadow:0 0 0 1px #00000014,0 8px 24px #00000014}.daily-print-page{box-sizing:border-box;color:#111;width:210mm;min-height:297mm;font-family:var(--font-inter), Inter, system-ui, sans-serif;background:#fff;grid-template-rows:auto 1fr auto;align-items:center;margin:0 auto;padding:20mm 22mm 14mm;display:grid}.daily-print-page.page-letter{width:215.9mm;min-height:279.4mm}.daily-print-heading{text-align:center}.daily-print-brand{letter-spacing:-.02em;margin-bottom:10mm;font-size:12pt;font-weight:700}.daily-print-heading h1{letter-spacing:-.04em;margin:0;font-size:28pt;line-height:1.1}.daily-print-heading p{color:#666;margin:3mm 0 0;font-size:13pt;font-weight:600}.daily-print-grid{width:148mm;height:148mm;margin:12mm auto 8mm}.daily-print-grid .weekly-puzzle,.daily-print-grid .sudoku-grid{width:100%;height:100%}.daily-print-footer{text-align:center;color:#777;font-size:10pt}@media print{.daily-print-page{width:100%!important;min-height:100vh!important;box-shadow:none!important;margin:0!important}}.page-a4{aspect-ratio:210/297;width:210mm}.page-letter{aspect-ratio:215.9/279.4;width:215.9mm}.page-letter .weekly-two-up{gap:20mm;padding:24mm 12mm 0}@media (max-width:900px){.weekly-print-page{width:100%}}.weekly-two-up{box-sizing:border-box;grid-template-rows:1fr 1fr;gap:8mm;width:100%;height:100%;padding:8mm 16mm;display:grid}.weekly-two-up .half-row{grid-template-rows:1fr;grid-template-columns:repeat(16,1fr);align-items:center;gap:0;height:100%;min-height:0;display:grid}.weekly-two-up .half-row.top-wide-right,.weekly-two-up .half-row.bottom-wide-left{grid-template-columns:repeat(16,1fr)}.weekly-two-up .area-text-left{grid-column:1/6}.weekly-two-up .area-puzzle-right{grid-column:7/17}.weekly-two-up .area-puzzle-left{grid-column:1/11}.weekly-two-up .area-blank-right{grid-column:12/17}.weekly-two-up .half-row{align-items:center}.weekly-two-up .half-row>*{flex-direction:column;height:100%;min-height:0;display:flex}.weekly-two-up .area-text-left,.weekly-two-up .area-blank-right{align-self:center;align-items:stretch;overflow:hidden}.weekly-two-up .area-puzzle-right,.weekly-two-up .area-puzzle-left{justify-content:center;align-items:stretch;width:100%}.weekly-two-up .snippet-col{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.half-row:has(.intro-section){grid-template-columns:unset!important;display:flex!important}.intro-section{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:8mm 20mm;display:flex}.intro-title{color:#000;letter-spacing:-.02em;margin:0 0 2mm;font-size:42pt;font-weight:700}.intro-subtitle{color:#666;margin-bottom:0;font-size:16pt}.solutions-page{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:12mm 20mm;display:flex;position:relative}.solutions-heading{color:#111;text-align:center;width:100%;margin:0;font-size:16pt;font-weight:700;line-height:1.2;position:absolute;top:4mm;left:0}.solutions-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(2,1fr);gap:6mm 20mm;width:100%;height:100%;display:grid}.solutions-grid .solution-cell{justify-content:center;align-items:center;padding:4mm;display:flex}.page-letter .solutions-page{padding:20mm 12mm 4mm}.page-letter .solutions-grid{gap:3mm 16mm}.page-letter .solutions-grid .solution-cell{padding:2mm}.solutions-grid .solution-cell .puzzle-col{flex-direction:column;align-items:center;gap:1mm;width:auto;height:100%;display:flex}.solutions-grid .solution-cell .square-fit{aspect-ratio:1;flex:1;width:auto;height:auto;max-height:calc(100% - 12px)}.solutions-grid .solution-cell .square-fit .weekly-puzzle{aspect-ratio:1;width:100%;height:100%}.solutions-grid .solution-cell .square-fit .weekly-puzzle .sudoku-grid{aspect-ratio:1!important;width:100%!important;height:100%!important}.solutions-grid .sudoku-grid{border-radius:4px}.solutions-grid .sudoku-grid:before{border-width:1px}.puzzle-col{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.puzzle-col .square-fit{contain:layout size;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.puzzle-col .square-fit .weekly-puzzle{justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:flex}.puzzle-col .square-fit .weekly-puzzle .sudoku-grid{max-width:100%;max-height:100%;aspect-ratio:1!important;width:100%!important;height:auto!important}.puzzle-caption{text-align:center;margin-top:2mm;font-size:10pt}.qr-code-container{justify-content:flex-start;align-items:center;gap:8px;display:flex}.qr-code-container svg{flex-shrink:0;width:auto;height:auto;display:block}.snippet-box{color:#222;font-size:11pt;line-height:1.4}.snippet-text{color:#222;flex:none;align-items:flex-end;max-height:none;font-size:7.5pt;line-height:1.3;display:flex;overflow:hidden}.snippet-day{text-align:left;flex:none}.snippet-spacer{flex:auto;min-height:8mm}.date-title{text-align:left;font-weight:700;line-height:1}.date-subtitle{text-align:left;margin-top:1mm;font-weight:700;line-height:1.1}.solution-caption{text-align:left;color:#222;margin-top:.5mm;font-size:8pt;font-weight:700}.text-snippet{color:#0009;border:1px dashed #00000040;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex}.debug-layout{outline:1px solid #0000000f}.debug-layout.weekly-print-page{background:#3c3c3c0a}.debug-layout .weekly-two-up{background:#00000008}.debug-layout .half-row{background:#ff000008;outline:1px dashed #0003}.debug-layout .area-text-left{background:#ffc80026;outline:2px solid orange}.debug-layout .area-puzzle-right,.debug-layout .area-puzzle-left{background:#00c8ff1f}.debug-layout .area-blank-right{background:#b4b4b41f;outline:2px solid purple}.debug-layout .snippet-col{outline:2px solid #f0f;background:#ff00ff26!important}.debug-layout .snippet-day{outline:1px solid green;background:#0f03!important}.debug-layout .snippet-spacer{outline:1px dashed green;background:#80ff8026!important}.debug-layout .snippet-text{outline:1px solid #ff0;background:#ff03!important}.weekly-two-up .half-col{justify-content:center;align-items:center;display:flex}.square-fit{width:100%;max-width:100%}.weekly-header{font-family:var(--font-inter), Inter, system-ui, sans-serif;flex-direction:column}.rotated-header{width:100%;height:100%;position:relative}.rotated-header .rot-inner{transform-origin:100% 100%;text-align:right;display:inline-block;position:absolute;bottom:0;right:0;transform:rotate(-90deg)}