.board-frame{justify-items:center;gap:var(--space-2);width:100%;display:grid}.board-viewport{touch-action:none;border-radius:var(--radius-board);max-width:100%;box-shadow:var(--elev-1);overflow:hidden}.board{--pat:color-mix(in srgb, var(--c-ink) var(--pattern-ink), transparent);--hair:color-mix(in srgb, var(--c-ink) 16%, transparent);border:3px solid var(--c-ink);border-radius:var(--radius-board);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:max-content;display:grid}.board .row{display:contents}.cell{width:var(--cell);height:var(--cell);color:var(--c-token);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;place-items:center;margin:0;padding:0;display:grid;position:relative;overflow:visible}.cell.r-edge{border-right:var(--board-region) solid var(--c-ink)}.cell.r-hair{border-right:var(--board-hair) solid var(--hair)}.cell.b-edge{border-bottom:var(--board-region) solid var(--c-ink)}.cell.b-hair{border-bottom:var(--board-hair) solid var(--hair)}.cell:focus-visible{outline:2px solid var(--c-focus);outline-offset:-4px;z-index:2;border-radius:3px}.cell .glyph{pointer-events:none;position:absolute;overflow:visible}.cell .token{width:60%;height:60%;animation:settle var(--motion-base) var(--motion-ease)}.cell .tok-general{width:72%;height:72%}.cell .tok-seal{width:66%;height:66%}.cell .mark{color:var(--c-mark);animation:markIn var(--motion-base) var(--motion-ease) both;animation-delay:calc(var(--i,0) * 35ms)}@keyframes markIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.cell[aria-disabled=true]{cursor:default}.cell .mark-dot{width:60%;height:60%}.cell .mark-cross{width:100%;height:100%}.cell.bad .token{color:var(--c-conflict)}.cell .tint,.cell .ring{pointer-events:none;position:absolute}.cell .tint{background:color-mix(in srgb, var(--c-conflict) 16%, transparent);inset:0}.cell .ring{border:1.5px dashed var(--c-conflict);animation:pulse .42s var(--motion-ease-in-out) 1;border-radius:50%;inset:4px}.cell .slash{pointer-events:none;width:88%;height:88%;position:absolute;inset:6%}.cell.pressed:after{content:"";background:color-mix(in srgb, var(--c-ink) 10%, transparent);pointer-events:none;position:absolute;inset:0}.cell.hint-a:before{content:"";background:color-mix(in srgb, var(--c-accent) 14%, transparent);pointer-events:none;position:absolute;inset:0}.cell .cue{border:2px solid var(--c-accent);box-shadow:0 0 0 5px color-mix(in srgb, var(--c-accent) 18%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:5px}.cell .outx{font-size:calc(var(--cell) * .5);color:var(--c-accentText);pointer-events:none;line-height:1;position:absolute}@keyframes settle{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes pulse{50%{transform:scale(1.06)}}.board.done .token{animation:glow .6s var(--motion-ease) both;animation-delay:calc(var(--i,0) * 40ms)}@keyframes glow{40%{transform:scale(1.18)}}.pat-dots{background-image:radial-gradient(var(--pat) 1.1px, transparent 1.6px);background-size:7px 7px}.pat-diagonal-up{background-image:repeating-linear-gradient(45deg, var(--pat) 0 1px, transparent 1px 6px)}.pat-horizontal{background-image:repeating-linear-gradient(0deg, var(--pat) 0 1px, transparent 1px 6px)}.pat-crosshatch{background-image:repeating-linear-gradient(45deg, var(--pat) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, var(--pat) 0 1px, transparent 1px 7px)}.pat-rings{background-image:radial-gradient(circle, transparent 2.1px, var(--pat) 2.4px 3.1px, transparent 3.4px);background-size:11px 11px}.pat-vertical{background-image:repeating-linear-gradient(90deg, var(--pat) 0 1px, transparent 1px 6px)}.pat-diagonal-down{background-image:repeating-linear-gradient(-45deg, var(--pat) 0 1px, transparent 1px 6px)}.pat-grid{background-image:linear-gradient(var(--pat) 1px, transparent 1px), linear-gradient(90deg, var(--pat) 1px, transparent 1px);background-size:8px 8px}.pat-checker{background-image:conic-gradient(var(--pat) 25%, transparent 0 50%, var(--pat) 0 75%, transparent 0);background-size:8px 8px}.btn.zoom{min-height:44px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root[data-rm="1"] .cell .mark,:root[data-rm="1"] .cell .token,:root[data-rm="1"] .cell .ring,:root[data-rm="1"] .board.done .token{animation:none}@media (prefers-reduced-motion:reduce){.cell .mark,.cell .token,.cell .ring,.board.done .token{animation:none}}.board{position:relative}.hint-layer{pointer-events:none;fill:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hint-subject{stroke:var(--c-accent);stroke-width:5px;stroke-linecap:square;vector-effect:non-scaling-stroke}.hint-second{stroke:var(--c-accent);stroke-width:3px;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}.hint-layer path{vector-effect:non-scaling-stroke}.cell .ghost{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.cell .ghost .glyph{opacity:.55;width:60%;height:60%;animation:none;position:static}.cell .ghost .tok-general{width:72%;height:72%}.cell .ghost .tok-seal{width:66%;height:66%}.cell .ghost-ring{border:2.2px dashed var(--c-accent);border-radius:50%;position:absolute;inset:14%}.cell .ghost-slash{background:var(--c-conflict);border-radius:2px;height:2.4px;position:absolute;top:50%;left:22%;right:22%;transform:rotate(-45deg)}.game{gap:var(--space-3);max-width:640px;min-height:100dvh;padding:var(--space-3) var(--space-4);flex-direction:column;margin:0 auto;display:flex}.bar{justify-content:space-between;align-items:center;display:flex}.meta{color:var(--c-inkMuted);font-variant-numeric:tabular-nums;text-align:center;padding-inline:var(--space-2);font-size:15px}.clock{justify-content:center;align-items:center;gap:var(--space-3);min-height:52px;display:flex}.timer{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.5rem}.icon-btn{border:1px solid var(--c-line);background:var(--c-surface);width:48px;height:48px;color:var(--c-ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}.board-wrap{flex:none;justify-items:center;display:grid}.notes{align-content:start;min-height:clamp(5.5rem,16dvh,9.5rem);display:grid}.notes>p{margin:0}.strip{text-align:center;font-size:var(--fs-caption);color:var(--c-inkMuted);margin:0}.btn{min-height:var(--size-touchMin,44px);min-width:var(--size-touchMin,44px);padding:0 var(--space-4);border:1px solid var(--c-line);border-radius:var(--radius-button);background:var(--c-surface);color:var(--c-ink);font:inherit;cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), background var(--motion-fast);white-space:normal;text-align:center;overflow-wrap:anywhere}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}.btn.primary{background:var(--c-accent);color:var(--c-onAccent);border-color:var(--c-accent)}.btn.ghost{background:0 0;border-color:#0000}.actions{gap:var(--space-2) var(--space-5);padding-bottom:var(--space-2);flex-wrap:wrap;justify-content:space-between;margin-top:auto;display:flex}.actions .grp{gap:var(--space-2);flex:7.8rem;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.actions .btn{padding:var(--space-2) var(--space-1);line-height:1.2}.btn.action{font-size:var(--fs-caption);justify-items:center;gap:2px;min-height:60px;display:grid}.hint,.card,.sheet,.paused{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-lg);box-shadow:var(--elev-2);padding:var(--space-4)}.hint p,.card p{margin:0 0 var(--space-3);color:var(--c-ink)}.row-btns{gap:var(--space-2);flex-wrap:wrap;display:flex}.paused{text-align:center;aspect-ratio:1;place-content:center;gap:var(--space-3);width:min(100%,520px);margin-inline:auto;display:grid}.toast{background:var(--c-ink);color:var(--c-bg);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);justify-self:center}.sheet{inset:auto var(--space-4) var(--space-4);gap:var(--space-3);max-width:480px;max-height:80dvh;margin-inline:auto;display:grid;position:fixed;overflow:auto}.sheet label{justify-content:space-between;gap:var(--space-3);align-items:center;min-height:44px;display:flex}.sheet label.check{justify-content:flex-start}.sheet input{width:22px;height:22px;accent-color:var(--c-accent)}.card{inset:auto var(--space-4) var(--space-5);text-align:center;max-width:420px;animation:rise var(--motion-base) var(--motion-ease);margin-inline:auto;position:fixed}.card h2.solved{text-transform:uppercase;letter-spacing:.22em;font-size:var(--fs-title);margin-bottom:var(--space-2)}.freeze-badge{border:1px solid var(--c-accent);color:var(--c-accentText);border-radius:var(--radius-pill);margin-bottom:var(--space-2);align-items:center;gap:6px;padding:3px 12px 3px 8px;font-size:14px;font-weight:600;display:inline-flex}.milestone{margin:var(--space-2) 0}.milestone .big-num{font:500 64px/1 var(--font-display);color:var(--c-accentText);font-variant-numeric:lining-nums;margin:0}.milestone .cap{margin:2px 0 var(--space-2);font-size:var(--fs-overline);letter-spacing:.14em;text-transform:uppercase;color:var(--c-inkMuted);font-weight:600}.mstats{gap:var(--space-2);border-block:1px solid var(--c-line);padding:var(--space-2) 0;grid-template-columns:repeat(3,1fr);display:grid}.mstats b{font:500 22px var(--font-display);font-variant-numeric:tabular-nums;display:block}.mstats span{font-size:var(--fs-overline);color:var(--c-inkMuted)}.tip-band{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--c-surface2);color:var(--c-ink);font:inherit;text-align:left;cursor:pointer;border:0;font-size:15px;display:flex}.tip-link{color:var(--c-accentText);white-space:nowrap;text-decoration:underline}.card .row-btns{justify-content:center}.skip{inset:auto 0 var(--space-5);width:max-content;color:var(--c-inkMuted);font:inherit;background:0 0;border:0;min-height:44px;margin-inline:auto;position:fixed}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.card{animation:none}}@media (orientation:landscape) and (height<=560px){.game{column-gap:var(--space-4);row-gap:var(--space-2);max-width:none;height:100dvh;padding-block:var(--space-2);grid-template:"board bar""board clock""board notes""board actions"1fr/minmax(0,1fr) minmax(220px,300px);align-content:stretch;display:grid}.game .bar{grid-area:bar}.game .clock{grid-area:clock;justify-content:flex-start;min-height:48px}.game .board-wrap{grid-area:board;align-content:center;min-height:0;overflow:hidden}.game .notes{grid-area:notes;min-height:7rem}.game .strip{text-align:left}.game .actions{align-self:end;gap:var(--space-3);flex-wrap:nowrap;grid-area:actions}.game .hint{padding:var(--space-2) var(--space-3);font-size:var(--fs-label);line-height:1.3}.game .hint p{margin-bottom:var(--space-2)}}.swatch{--pat:color-mix(in srgb, var(--c-ink) var(--pattern-ink,13%), transparent);vertical-align:-.15em;border:1.5px solid var(--c-ink);border-radius:3px;width:1.05em;height:1.05em;margin-left:2px;display:inline-block}.screen{max-width:640px;padding:var(--space-4) var(--space-4) calc(112px + env(safe-area-inset-bottom));gap:var(--space-3);grid-template-columns:minmax(0,1fr);align-content:start;margin:0 auto;display:grid}.screen.onb{padding-bottom:var(--space-5)}.head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.sub,.muted{color:var(--c-inkMuted);margin:0}.small{font-size:var(--fs-caption);line-height:var(--lh-caption)}.overline{font-size:var(--fs-overline);letter-spacing:.08em;text-transform:uppercase;color:var(--c-inkMuted);margin:var(--space-3) 0 var(--space-2);font-weight:600}.numeral{overflow-wrap:anywhere;font-family:var(--font-display);font-size:var(--fs-numeral);color:var(--c-ink);font-variant-numeric:lining-nums tabular-nums;margin:0;line-height:1}.chip{min-height:44px;padding:0 var(--space-4);border:1px solid var(--c-line);border-radius:var(--radius-pill);background:var(--c-surface);color:var(--c-ink);font:inherit;cursor:pointer}.card-lg{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-lg);box-shadow:var(--elev-1);padding:var(--space-4);gap:var(--space-2);text-align:left;color:var(--c-ink);font:inherit;display:grid}.card-lg h2,.card-lg p{margin:0}.btn.wide{width:100%;min-height:var(--size-buttonH)}.list{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.row-card{padding-block:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--size-listRowMin);padding:0 var(--space-4);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-md);color:var(--c-ink);font:inherit;cursor:pointer;text-align:left;flex-wrap:wrap;display:flex}.row-card.on{border-color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent)}.row-card:disabled{opacity:.5}.row-card:focus-visible,.tab:focus-visible,.day:focus-visible,.chip:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.row-card.toggle input{width:44px;height:28px;accent-color:var(--c-accent)}.stats-row{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.stats-row.three{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr))}.bars{align-items:flex-end;gap:4px;height:96px;display:flex}.bars i{background:var(--c-accent);opacity:.85;border-radius:2px 2px 0 0;flex:1;min-height:3px}.cal-head{justify-content:space-between;align-items:center;display:flex}.cal-head h2{margin:0}.cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.day{border-radius:var(--radius-md);min-width:0;min-height:44px;color:var(--c-ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:1px solid #0000;padding:0}.day.solved{background:var(--c-accent);color:var(--c-onAccent)}.day.solved.clean{box-shadow:inset 0 0 0 2px var(--c-accent), inset 0 0 0 4px var(--c-onAccent)}.day.partial{border:1.5px solid var(--c-accent);color:var(--c-accentText)}.day.freeze{border:1.5px dashed var(--c-accent);color:var(--c-accentText)}.day.today{border-color:var(--c-ink);font-weight:600}.day.missed{color:var(--c-inkMuted);text-decoration:line-through}.day:disabled{opacity:.35;cursor:default}.legend .day{min-height:0;color:inherit;background:0 0;display:inline}.legend .day.solved{color:var(--c-accent)}.tabs{background:var(--c-surface);border-top:1px solid var(--c-line);padding-bottom:calc(env(safe-area-inset-bottom) * .4);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.tab{min-width:0;min-height:76px;color:var(--c-inkMuted);font:inherit;cursor:pointer;background:0 0;border:0;align-content:start;justify-items:center;gap:4px;padding:14px 2px 8px;font-size:15px;font-weight:600;line-height:1.15;display:grid;position:relative}.tab svg{opacity:.8;width:30px;height:30px;color:var(--c-ink);stroke-width:2px}.tab.on{color:var(--c-ink);font-weight:800}.tab.on svg{color:var(--c-accentText);opacity:1}.tab.on:before{content:"";background:var(--c-accentText);border-radius:0 0 3px 3px;height:4px;position:absolute;top:0;left:22%;right:22%}.row-btns.end{justify-content:flex-end}.facts strong{font-variant-numeric:tabular-nums}.screen.onb h1{margin-top:var(--space-3)}.seg{background:var(--c-surface2);border-radius:var(--radius-md);grid-auto-flow:column;gap:2px;padding:3px;display:grid}.seg button{border-radius:var(--radius-sm);min-height:44px;color:var(--c-inkMuted);font:inherit;cursor:pointer;background:0 0;border:0}.seg button.on{background:var(--c-surface);color:var(--c-ink);box-shadow:var(--elev-1);font-weight:600}.grid-cards{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.item{gap:var(--space-2);text-align:center;padding:var(--space-4);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-lg);justify-items:center;display:grid}.item.using{border-color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent)}.item.locked{opacity:.85}.item h2{font-size:var(--fs-label);font-family:var(--font-ui);margin:0;font-weight:600}.item .btn{width:100%}.preview{width:56px;height:56px;color:var(--c-token);place-items:center;display:grid}.preview svg{width:100%;height:100%}.locked .preview{filter:grayscale();opacity:.5}.swatches{border-radius:var(--radius-sm);border:1px solid var(--c-line);align-items:stretch;width:100%;height:56px;display:flex;overflow:hidden}.swatches i{flex:1}.swatches.theme i:last-child{flex:.5}.meter{background:var(--c-surface2);border-radius:3px;width:100%;height:6px;overflow:hidden}.meter i{background:var(--c-accent);height:100%;display:block}.lock{opacity:.5}.chapter{background:var(--c-surface2);border-radius:2px;width:80px;height:4px;overflow:hidden}.chapter i{background:var(--c-accent);height:100%;display:block}.row-card select{min-width:0;max-width:60%}.row-card>span{overflow-wrap:anywhere;min-width:0}.btn.nudge{border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-accent) 22%, transparent)}.screen.onb .lead{min-height:9.5em;margin-top:var(--space-3)}.screen.onb .row-btns.end{margin-top:var(--space-5)}.update{inset:env(safe-area-inset-top) var(--space-3) auto;z-index:20;justify-content:space-between;align-items:center;gap:var(--space-3);max-width:520px;padding:var(--space-2) var(--space-3);background:var(--c-surface);border:1px solid var(--c-accent);border-radius:var(--radius-lg);box-shadow:var(--elev-2);color:var(--c-ink);margin-inline:auto;display:flex;position:fixed}.brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand img{border-radius:11px;flex:none;width:48px;height:48px}.brand h1{margin:0}[tabindex="-1"]:focus{outline:none}.screen>h1,.head h1{font-size:30px;line-height:36px}.head{flex-wrap:nowrap;align-items:center;min-height:64px}.head .sub{font-size:15px;line-height:20px}.head .chip{white-space:nowrap;flex:none;font-size:15px}.seg button{font-size:16px}.tips{gap:var(--space-2);margin:var(--space-3) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tipbtn{justify-items:center;gap:2px;min-height:64px;display:grid}details.learn{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}details.learn summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}details.learn[open] summary{margin-bottom:var(--space-1)}details.learn p{margin:var(--space-2) 0;color:var(--c-ink)}.dg{margin:var(--space-3) 0 var(--space-2)}.dgt{margin:0 0 var(--space-1);font-weight:600}.dgrow{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.dgb{text-align:center;flex:0 150px;min-width:0;margin:0}.dgb svg{width:100%;height:auto;display:block}.dgb figcaption{color:var(--c-inkMuted);margin-top:4px;font-size:13px;line-height:1.25}.dgarrow{color:var(--c-inkMuted);font-size:24px}.legend-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.legend-list li{align-items:center;gap:var(--space-3);display:flex}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-400-normal-BFBkh4jY.woff2)format("woff2"),url(/assets/newsreader-latin-400-normal-gRTjlS2D.woff)format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-500-normal-B66TYsaK.woff2)format("woff2"),url(/assets/newsreader-latin-500-normal-DFwuUcdu.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/source-sans-3-latin-400-normal-DQi5PRDE.woff2)format("woff2"),url(/assets/source-sans-3-latin-400-normal-RR2C27NP.woff)format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/source-sans-3-latin-600-normal-DeckBYAU.woff2)format("woff2"),url(/assets/source-sans-3-latin-600-normal-Ck0n4g8U.woff)format("woff")}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:100%}body{background-color:var(--c-bg,#f6f1e7);background-image:var(--paper,none);min-height:100dvh;color:var(--c-ink,#16201a);font-family:var(--font-ui,system-ui);font-size:var(--fs-body,1rem);line-height:var(--lh-body,1.5rem);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}h1,h2{font-family:var(--font-display);font-weight:var(--fw-title,500);margin:0 0 var(--space-2)}h1{font-size:var(--fs-title);line-height:var(--lh-title)}h2{font-size:var(--fs-heading);line-height:var(--lh-heading)}p{color:var(--c-inkMuted);margin:0 0 var(--space-5)}select{min-height:44px;font:inherit;color:var(--c-ink);background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-md);padding:0 var(--space-2)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root[data-rm="1"] *{transition:none!important;animation:none!important}