@font-face{font-family:"Source Sans 3";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/SourceSans3-Regular.ttf) format("truetype")}@font-face{font-family:"Source Sans 3";font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/SourceSans3-Semibold.ttf) format("truetype")}@font-face{font-family:"Source Sans 3";font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/SourceSans3-Bold.ttf) format("truetype")}:root{--ground: #FFFFFF;--surface: #FFFFFF;--surface-2: #F7F6F3;--batting: #F1EFEA;--ink: #1A1A1A;--ink-2: #4A4946;--muted: #6B6964;--line: #E4E2DC;--seam: #C9C6BE;--grid: #1A1A1A;--accent: #3A5FAE;--accent-soft: rgba(58, 95, 174, .12);--on-accent: #FFFFFF;--red: #C0392B;--thread: #FFFFFF;--thread-under: rgba(26, 26, 26, .45);--tag-bg: #FFFFFF;--tag-ink: #1A1A1A;--scrim: rgba(0, 0, 0, .4);--stitch-dash: 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 0 100;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ground: #1C1C1E;--surface: #1C1C1E;--surface-2: #2C2C2E;--batting: #232325;--ink: #F5F5F7;--ink-2: #C7C7CC;--muted: #98989D;--line: #3A3A3C;--seam: #48484A;--grid: #8E8E93;--accent: #7A9BE8;--accent-soft: rgba(122, 155, 232, .18);--on-accent: #0B1020;--red: #FF6B5E;--thread: #F5F5F7;--thread-under: rgba(0, 0, 0, .6);--tag-bg: #F5F5F7;--tag-ink: #1C1C1E;--scrim: rgba(0, 0, 0, .6);color-scheme:dark}}:root[data-theme=dark]{--ground: #1C1C1E;--surface: #1C1C1E;--surface-2: #2C2C2E;--batting: #232325;--ink: #F5F5F7;--ink-2: #C7C7CC;--muted: #98989D;--line: #3A3A3C;--seam: #48484A;--grid: #8E8E93;--accent: #7A9BE8;--accent-soft: rgba(122, 155, 232, .18);--on-accent: #0B1020;--red: #FF6B5E;--thread: #F5F5F7;--thread-under: rgba(0, 0, 0, .6);--tag-bg: #F5F5F7;--tag-ink: #1C1C1E;--scrim: rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:"Source Sans 3",Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}h1,h2,h3{font-weight:600;margin:0;letter-spacing:-.01em}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0;touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app{display:flex;flex-direction:column;height:100%;max-width:560px;margin:0 auto;padding-inline:12px}.foot{display:none;flex:none;align-items:center;justify-content:space-between;gap:16px;padding-block:12px 4px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.foot nav{display:flex;gap:16px}.foot button{color:var(--ink-2);font-weight:600}@media (hover: hover){.foot button:hover{color:var(--ink)}}.top{display:flex;align-items:center;justify-content:space-between;height:52px;flex:none;border-bottom:1px solid var(--line);margin-inline:-12px;padding-inline:12px}.wordmark{font-size:22px;line-height:1}.top-icons{display:flex;gap:2px}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;color:var(--ink)}.icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@media (hover: hover){.icon-btn:hover{background:var(--surface-2)}}.dateline{font-size:14px;color:var(--muted);padding-block:8px 0;display:flex;gap:8px;white-space:nowrap}.dateline .long{display:none}.dateline strong{color:var(--ink);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}.dateline .sep,.dateline .short,.dateline .long{flex:none}.dateline .sep{color:var(--line)}.play{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding-block:2px 12px;min-height:0}.app:has(.play.solved){--board-size: min(100%, calc(100dvh - 250px) , 560px)}.side{display:contents}.board-col{display:flex;flex-direction:column;gap:8px;order:0}.app{--board-size: min(100%, calc(100dvh - 318px) , 560px)}.counters{order:0;display:flex;gap:16px;align-items:baseline;font-size:14px;color:var(--muted);width:var(--board-size);max-width:100%;margin:0 auto}.counters b{color:var(--ink);font-weight:600;margin-left:4px}.counters .fabric-label{margin-left:auto;color:var(--ink-2);font-weight:600;white-space:nowrap}.board{order:1;width:var(--board-size);max-width:100%;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:6px}.board svg{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none;touch-action:manipulation}.cell{cursor:pointer}.cell.given{cursor:default}.label{display:none;pointer-events:none}body.nums .label{display:block}.label circle{fill:var(--tag-bg);opacity:.96}.label text{font-family:inherit;font-size:11px;font-weight:700;fill:var(--tag-ink);text-anchor:middle;dominant-baseline:central}.stitchg{pointer-events:none}.stitchg.none{display:none}.stitchg rect{fill:none;stroke-linecap:round}.stitchg .under{stroke:var(--thread-under);stroke-width:3.2}.stitchg .over{stroke:var(--thread);stroke-width:1.5}.stitchg.sewn rect{stroke-dasharray:var(--stitch-dash);stroke-dashoffset:0}.stitchg.sewn.reveal rect{animation:stitch .6s linear forwards}.stitchg.basted .over{stroke:var(--red);stroke-width:1.8}.stitchg.basted rect{stroke-dasharray:5 3.5}.stitchg.basted.reveal .over{animation:baste .45s ease-out}@keyframes stitch{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes baste{0%,to{transform:translate(0)}20%{transform:translate(-1.5px)}40%{transform:translate(1.5px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}.notes{pointer-events:none}.notes .pin-n{display:none;font-family:inherit;font-size:7px;font-weight:700;fill:#1a1a1a;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#ffffffd9;stroke-width:2px}body.nums .notes .pin-n{display:block}#seams,#quilting{pointer-events:none}#seams line{stroke:var(--seam);stroke-width:.8}#seams line.thick{stroke:var(--grid);stroke-width:2.2}#seams .frame{fill:none;stroke:var(--grid);stroke-width:2.2}#hl rect{fill:var(--accent);opacity:.12;pointer-events:none}#hl rect.same{fill:none;stroke:var(--accent);stroke-width:2;opacity:.9}#sel rect{fill:none;stroke:var(--accent);stroke-width:3;pointer-events:none}#quilting path{fill:none;stroke:var(--thread);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:var(--stitch-dash);stroke-dashoffset:0;animation:stitch 1.1s linear both}#quilting path.under{stroke:var(--thread-under);stroke-width:3}#quilting .bind{fill:none;stroke:var(--grid);stroke-width:7}#quilting .bind-stitch{fill:none;stroke:var(--thread);stroke-width:1.2;stroke-dasharray:3 3;opacity:.9}.board.solved .cell{cursor:default}.board.solved .label{display:none!important}.tray{order:2;display:grid;grid-template-columns:repeat(9,1fr);gap:4px;width:var(--board-size);max-width:100%;margin:auto auto 0}.patch-btn{position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;border-radius:4px}.patch-btn .sw{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f}.patch-btn .sw svg{display:block;width:100%;height:100%}.patch-btn .num{position:absolute;top:3px;left:3px;min-width:16px;height:16px;padding-inline:3px;border-radius:3px;background:var(--tag-bg);color:var(--tag-ink);font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center}body.nums .patch-btn .num{display:flex}.patch-btn.active .sw{box-shadow:0 0 0 2px var(--ink),inset 0 0 0 1px #0000001f}.patch-btn.done{opacity:.3;cursor:default}.patch-btn:active .sw{transform:scale(.96)}.patch-btn .meta{display:none}.controls{order:3;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:var(--board-size);max-width:100%;margin:0 auto}.ctl{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 7px;border-radius:4px;border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:600;color:var(--ink)}.ctl svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ctl[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ground)}.ctl:disabled{opacity:.4;cursor:default}.ctl:active:not(:disabled){transform:scale(.98)}.ctl .badge{position:absolute;top:4px;right:6px;min-width:16px;height:16px;padding-inline:4px;border-radius:3px;background:var(--ink);color:var(--ground);font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center}.ctl .badge.show{display:flex}.ctl[aria-pressed=true] .badge{background:var(--ground);color:var(--ink)}.done-bar{order:3;display:none;width:var(--board-size);max-width:100%;margin:auto auto 0;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:4px}.play.solved .tray,.play.solved .controls{display:none}.play.solved .done-bar{display:flex}.done-bar .next{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.done-bar .next b{display:block;font-weight:600;font-size:22px;color:var(--ink);text-transform:none;letter-spacing:0}.done-bar .btn-row{flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:4px;background:var(--ink);color:var(--ground);font-weight:600;font-size:15px}.btn.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.btn-row .btn{flex:1}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.modal{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center}.modal[hidden]{display:none}.backdrop{position:absolute;inset:0;background:var(--scrim)}.sheet{position:relative;width:100%;max-width:520px;max-height:calc(100% - 40px - env(safe-area-inset-top,0px));background:var(--surface);border-radius:12px 12px 0 0;border:1px solid var(--line);display:flex;flex-direction:column;animation:rise .24s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px)}@media (min-width: 640px){.modal{align-items:center}.sheet{border-radius:12px;max-height:calc(100% - 80px)}}@keyframes rise{0%{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:14px 10px 6px 20px;flex:none}.sheet-head h2{font-size:20px}.sheet-body{overflow-y:auto;padding:4px 20px 22px;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain}.sheet-body p{color:var(--ink-2);font-size:15px}.sheet-body p b{color:var(--ink);font-weight:600}.help-fig{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.help-fig svg{width:100%;height:auto;display:block;border-radius:4px}.help-fig figure{margin:0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-2)}.help-list{display:flex;flex-direction:column;gap:10px;padding:0;margin:0;list-style:none}.help-list li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;font-size:15px;color:var(--ink-2)}.help-list li svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}.help-list li b{color:var(--ink);font-weight:600}.card{border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--surface)}.card .quilt svg{display:block;width:100%;height:auto;max-width:220px;margin:0 auto}.card .title{font-size:20px;font-weight:600;text-align:center}.card .sub{color:var(--ink-2);font-size:14px;text-align:center}.card .sharetext{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;background:var(--surface-2);border-radius:4px;padding:10px 12px;white-space:pre-wrap;color:var(--ink);margin:0}.countdown{text-align:center;font-size:13px;color:var(--muted)}.countdown b{display:block;font-weight:600;font-size:24px;color:var(--ink)}.stat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;text-align:center}.stat-row div b{display:block;font-weight:600;font-size:24px;line-height:1.1}.stat-row div span{font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600;line-height:1.2;display:block;margin-top:3px}.link-btn{color:var(--accent);font-weight:600;font-size:15px;text-decoration:underline;text-underline-offset:3px}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px}.shelf figure{margin:0;display:flex;flex-direction:column;gap:6px}.shelf figure svg{display:block;width:100%;height:auto;border-radius:3px;border:1px solid var(--line)}.shelf figcaption{font-size:12px;color:var(--ink-2);line-height:1.3}.shelf figcaption b{display:block;font-weight:600;color:var(--ink)}.empty{color:var(--muted);font-size:15px}.side .done-card{display:none}.themes{display:flex;flex-direction:column;gap:6px}.theme-btn{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:4px;border:1px solid var(--line);background:var(--surface);text-align:left;font-size:15px;font-weight:500}.theme-btn svg{width:36px;height:36px;border-radius:3px;display:block;flex:none}.theme-btn[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.theme-btn:disabled{opacity:.35;cursor:default}.toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.toggle .t-text b{display:block;font-weight:600;font-size:15px}.toggle .t-text span{font-size:13px;color:var(--muted)}.switch{flex:none;width:46px;height:28px;border-radius:999px;background:var(--line);position:relative;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s}.switch[aria-checked=true]{background:var(--ink)}.switch[aria-checked=true]:after{transform:translate(18px)}.seg{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:4px;overflow:hidden}.seg button{padding:9px 8px;font-size:14px;font-weight:600;color:var(--ink-2);border-right:1px solid var(--line)}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--ink);color:var(--ground)}.about{font-size:13px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--ink);color:var(--ground);padding:10px 16px;border-radius:4px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s;z-index:30;white-space:nowrap}.toast.show{opacity:1;pointer-events:auto}.toast button{color:inherit;text-decoration:underline;margin-left:8px;font-weight:600}@media (prefers-reduced-motion: reduce){.stitchg.sewn.reveal rect,#quilting path,.stitchg.basted.reveal .over{animation:none!important;stroke-dashoffset:0}.sheet{animation:none}.switch,.switch:after,.ctl,.patch-btn .sw{transition:none}}@media (min-width: 760px){.app{max-width:1180px;padding-inline:24px;height:100%}.top{height:56px;margin-inline:-24px;padding-inline:24px}.wordmark{font-size:24px}.dateline{padding-block:12px 0;font-size:15px}.dateline .long{display:inline}.dateline .short{display:none}.play{--side: clamp(260px, min( calc(100dvh - 400px) , calc(100vw - 440px) ), 400px);flex:1 0 auto;display:grid;grid-template-columns:auto var(--side);justify-content:center;align-content:safe center;align-items:start;gap:40px;padding-block:10px 16px}.board-col{grid-column:1;width:min(calc(100dvh - 196px),calc(100vw - var(--side) - 140px),640px)}.tray,.done-bar{margin-top:0}.play.solved .board-col{width:min(calc(100dvh - 230px),calc(100vw - var(--side) - 140px),860px)}.counters{width:100%}.counters .fabric-label{display:none}.board{width:100%;padding:10px}.side{display:flex;flex-direction:column;gap:16px;width:var(--side);padding-top:26px}.controls{order:0;width:100%;grid-template-columns:repeat(4,1fr)}.tray{order:1;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.patch-btn .num{top:6px;left:6px;min-width:20px;height:20px;font-size:12px}.patch-btn .meta{display:flex;flex-direction:column;gap:1px;font-size:13px;line-height:1.2;color:var(--ink);font-weight:600;white-space:nowrap}.patch-btn .meta>span:first-child{overflow:hidden;text-overflow:ellipsis}.patch-btn .meta .left{color:var(--muted);font-weight:400}.done-bar{display:none!important}.play.solved .done-card{display:flex}.done-card.card{padding:18px;gap:16px}.done-card .result b{display:block;font-size:56px;font-weight:600;line-height:1;letter-spacing:-.01em}.done-card .result span{display:block;margin-top:6px;color:var(--ink-2);font-size:15px}.done-card .countdown{margin-top:0;text-align:left}.done-card .countdown b{display:inline;font-size:22px;margin-left:8px}.done-card .stat-row{grid-template-columns:repeat(4,1fr);text-align:left}.done-card .stat-row div b{font-size:22px}.done-card .mini-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.done-card .mini-shelf svg{display:block;width:100%;height:auto;border-radius:2px;border:1px solid var(--line)}.done-card .eyebrow{margin-bottom:-8px}.foot{display:flex}@media (max-height: 600px){.foot{display:none}}}.tour{position:fixed;inset:0;z-index:25;background:var(--ground);display:flex;align-items:safe center;justify-content:center;padding:12px;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));overflow:auto}.tour-sheet{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px}.tour-head{display:flex;align-items:center;justify-content:space-between}.tour-board{width:clamp(220px,min(100%,calc(100dvh - 330px)),360px);margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:6px}.tour-board svg{display:block;width:100%;height:auto;user-select:none;touch-action:manipulation}.tour-board .cell:focus{outline:none}.tour-board .cell:focus-visible .patch{stroke:var(--accent);stroke-width:3}.tour-board #thl .mark{fill:none;stroke:var(--accent);stroke-width:3;stroke-dasharray:6 4;animation:mark 1.2s linear infinite}@keyframes mark{to{stroke-dashoffset:-20}}.tour-board.solved .label{display:none!important}.tour-cap{min-height:3.2em;font-size:16px;line-height:1.4;color:var(--ink);text-align:center;text-wrap:balance}.tour-cap.nudge{color:var(--red)}.tour-tray{grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,360px);margin:0 auto}.tour-tray .patch-btn .meta{display:flex;justify-content:center;font-size:12px;color:var(--ink-2)}.tour-ctl{grid-template-columns:1fr 1fr;width:min(100%,360px);margin:0 auto}.tour-end{display:flex;justify-content:center}.tour-end[hidden],.tour-tray[hidden],.tour-ctl[hidden]{display:none}@media (prefers-reduced-motion: reduce){.tour-board #thl .mark{animation:none}}