.today{justify-items:center;padding-top:clamp(14px,2.6vh,40px);display:grid}.hero{--hero:min(calc(100vw - 2 * var(--gutter)), 440px, max(280px, calc(100dvh - 580px)));justify-items:center;gap:14px;width:100%;display:grid}.hero__board{width:var(--hero);aspect-ratio:1;position:relative}.hero__board:empty{background:repeating-linear-gradient(to right, var(--hair) 0 1px, transparent 1px 12.5%), repeating-linear-gradient(to bottom, var(--hair) 0 1px, transparent 1px 12.5%);box-shadow:inset 0 0 0 1.5px var(--rule)}.hero__sheet{width:100%;height:100%;position:relative}.hero__sheet>:first-child{width:100%}.hero__seal{aspect-ratio:1;pointer-events:none;width:clamp(48px,13%,62px);position:absolute;bottom:-14px;right:-14px}.hero__seal .seal{width:100%;height:100%;filter:drop-shadow(0 1px 0 color-mix(in oklab, var(--paper) 60%, transparent));rotate:-7deg}.hero__meta{letter-spacing:.08em;min-height:1.4em;color:var(--ink-soft);text-align:center;margin-top:4px;font-size:.875rem}.hero__cta{letter-spacing:.08em;gap:12px;width:min(100%,360px);min-height:54px;font-size:1.0625rem}.hero__cta .icon{width:18px;height:18px;transition:translate .2s var(--ease-out)}.hero__cta:hover .icon{translate:3px}.strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 8px;width:100%;max-width:1120px;margin:clamp(24px,3.6vh,48px) 0 0;padding:0;list-style:none;display:grid}@media (min-width:1000px){.strip{grid-template-columns:repeat(10,minmax(0,1fr));gap:12px}}@media (min-width:560px) and (max-width:999px){.strip{gap:22px 16px;max-width:680px}}.thumb{border-radius:var(--radius-s);text-align:center;height:100%;min-height:44px;transition:background-color .16s var(--ease-out), box-shadow .16s var(--ease-out);align-content:start;justify-items:center;gap:6px;padding:6px 4px 8px;text-decoration:none;display:grid;position:relative;container-type:inline-size}.thumb__num{font-family:var(--serif);color:var(--ink-soft);font-variant-numeric:lining-nums;justify-self:start;margin-left:2px;font-size:.875rem;line-height:1}.thumb__board{aspect-ratio:1;width:100%;max-width:88px;display:block;position:relative}.thumb__print{transform-origin:0 0;width:160px;transform:scale(var(--k,.5)) translateY(-50%);position:absolute;top:50%;left:0}.thumb__board:empty{box-shadow:inset 0 0 0 1px var(--rule)}.thumb__print>*{width:100%}.thumb__name{font-family:var(--serif);white-space:nowrap;letter-spacing:.01em;margin-top:4px;font-size:min(1.0625rem,20.5cqi);line-height:1.15}.thumb__status{letter-spacing:.04em;min-height:2.5em;color:var(--ink-soft);text-wrap:balance;flex-wrap:wrap;place-content:start center;align-items:start;gap:5px;font-size:.8125rem;line-height:1.25;display:inline-flex}.thumb[data-state=solved] .thumb__status{color:var(--ink);font-variant-numeric:tabular-nums}.thumb__status .seal{width:17px;height:17px}@media (hover:hover){.thumb:hover{background:color-mix(in oklab, var(--paper-deep) 55%, transparent)}}.thumb[aria-current]{box-shadow:inset 0 0 0 1px var(--ink)}.thumb[aria-current] .thumb__num{color:var(--ink)}@media (max-width:559px){.thumb{gap:5px;padding:6px 0}.thumb__name{letter-spacing:0;font-size:min(.9375rem,20.5cqi)}.thumb__status{letter-spacing:.02em;gap:3px;font-size:.6875rem}.thumb__status .seal{width:14px;height:14px}}@media (max-width:359px){.strip{gap:16px 4px}.thumb__name{letter-spacing:-.01em}}.today__progress{font-family:var(--serif);letter-spacing:.02em;text-align:center;margin-top:clamp(12px,2vh,28px);font-size:1.1875rem}.month{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"name ticks side"".foot foot";align-items:end;gap:10px 32px;max-width:1200px;margin-top:clamp(28px,4.4vh,72px);display:grid}.month__name{letter-spacing:.05em;grid-area:name;padding-bottom:2px;font-size:1.3125rem;line-height:1}.ticks{grid-area:ticks;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;min-height:42px;margin:0;padding:0;list-style:none;display:grid}.tick{justify-items:center;gap:8px;display:grid}.tick__n{font-family:var(--serif);color:var(--ink-soft);font-variant-numeric:lining-nums tabular-nums;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8125rem;line-height:1;display:grid}.tick[data-today] .tick__n{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.tick__mark{background:color-mix(in oklab, var(--ink) 30%, transparent);width:1px;height:10px;display:block}.tick[data-state=open] .tick__mark{background:color-mix(in oklab, var(--ink) 55%, transparent)}.tick[data-state=before] .tick__mark{background:color-mix(in oklab, var(--ink) 18%, transparent);height:4px}.tick[data-state=partial] .tick__mark,.month__legend i[data-swatch=partial]{background:var(--ink);border-radius:50%;width:8px;height:8px;margin-block-start:1px;margin-block-end:1px}.tick[data-state=full] .tick__mark,.month__legend i[data-swatch=full]{background:var(--seal);border-radius:1.5px;width:10px;height:10px;rotate:-6deg}.month__side{text-align:right;grid-area:side;align-content:end;gap:2px;min-height:2.6em;display:grid}.month__streak{font-family:var(--serif);letter-spacing:.02em;text-wrap:balance;font-size:1.125rem;line-height:1.25}.month__totals{letter-spacing:.03em;color:var(--ink-soft);font-size:.8125rem}.month__totals:empty{display:none}.month__foot{flex-wrap:wrap;grid-area:foot;justify-content:space-between;align-items:center;gap:4px 24px;min-height:44px;display:flex}.month__legend{letter-spacing:.03em;color:var(--ink-soft);flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.month__legend li{align-items:center;gap:8px;display:inline-flex}.month__legend i{display:inline-block}.month__share[hidden]{display:none}@media (max-width:859px){.month{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"name side""ticks ticks""foot foot";gap:18px 16px}.month__side{align-self:end}}@media (max-width:559px){.tick:not([data-major]) .tick__n{visibility:hidden}.tick__n{width:22px;height:22px;font-size:.75rem}.tick__mark{height:9px}.tick[data-state=partial] .tick__mark{width:6px;height:6px}.tick[data-state=full] .tick__mark{width:8px;height:8px}}.intro{gap:16px;margin-top:clamp(80px,12vh,128px);display:grid}.intro h1{letter-spacing:-.015em;max-width:17ch;font-size:clamp(2.125rem,5vw,3.5rem);font-weight:360;line-height:1.06}.intro__lede{max-width:44ch;font-family:var(--serif);color:var(--ink-soft);font-size:clamp(1.1875rem,2.2vw,1.375rem);line-height:1.5}.shelf{gap:18px;margin-top:64px;display:grid}.shelf>h2{font-size:1.75rem}.shelf__list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.shelf__game{border-bottom:1px solid var(--hair);grid-template-columns:2rem minmax(0,1fr);grid-template-areas:"num name"".rule"".links";column-gap:8px;padding:16px 0 10px;display:grid}.shelf__num{font-family:var(--serif);color:var(--ink-soft);font-variant-numeric:lining-nums;grid-area:num;padding-top:.3em;font-size:.9375rem}.shelf__game h3{grid-area:name;font-size:1.375rem;font-weight:430}.shelf__rule{color:var(--ink-soft);grid-area:rule;max-width:58ch;margin-top:4px}.shelf__links{flex-wrap:wrap;grid-area:links;column-gap:22px;margin:4px 0 0;padding:0;list-style:none;display:flex}.shelf__links a{letter-spacing:.02em;align-items:center;min-height:44px;font-size:.9375rem;display:inline-flex}@media (min-width:900px){.shelf__game{grid-template-columns:2.5rem 9.5rem minmax(0,1fr) auto;grid-template-areas:"num name rule links";align-items:center;column-gap:16px;padding:8px 0}.shelf__num,.shelf__rule{margin-top:0;padding-top:0}.shelf__links{flex-wrap:nowrap;margin:0}.shelf__links a{white-space:nowrap}}.shelf__note{max-width:60ch;font-size:.9375rem}.archive{padding-top:clamp(28px,5vw,56px)}.archive h1,.guide h1{letter-spacing:-.015em;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:360;line-height:1.06}.archive__lede{max-width:56ch;font-family:var(--serif);color:var(--ink-soft);margin-top:12px;font-size:1.1875rem}.archive__month{gap:18px;margin-top:48px;display:grid}.archive__month h2{border-bottom:1px solid var(--rule);padding-bottom:10px;font-size:1.625rem}.plates{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:24px 18px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:380px){.plates{grid-template-columns:1fr 1fr;gap:20px 12px}}.plate{border-radius:var(--radius-s);transition:background-color .16s var(--ease-out);gap:10px;margin:-6px;padding:6px;text-decoration:none;display:grid}.plate:hover{background:color-mix(in oklab, var(--paper-deep) 60%, transparent)}.plate__text{line-height:1.3;display:grid}.plate__text strong{font-family:var(--serif);font-size:1.125rem;font-weight:430}.plate__text span,.plate__text small{color:var(--ink-soft);letter-spacing:.02em;font-size:.875rem}.plate__text small{align-items:center;gap:6px;margin-top:2px;display:inline-flex}.plate[data-done=true] small{color:var(--ink)}.plate small .seal{width:16px;height:16px}.guide{padding-top:clamp(28px,5vw,56px)}.guide a{overflow-wrap:anywhere}.guide .prose>h1+*{margin-top:6px}.guide__lede,.prose .guide__lede{color:var(--ink-soft);font-size:1.3125rem;line-height:1.5}.guide__cta{margin-top:18px}.prose .btn{font-family:var(--sans);font-size:1rem}.guide p a{overflow-wrap:anywhere}kbd{font:inherit;font-family:var(--sans);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px var(--rule), inset 0 -1.5px 0 var(--rule);padding:1px 6px;font-size:.8125em;font-weight:480}
