:root{--fabric: #a45a40;--fabric-dark: #7d3f2b;--on-fabric: #fff4e8;--on-fabric-muted: rgba(255, 244, 232, .82);--surface: #fffdf8;--ink: #2a2622;--muted: #6f665c;--line: #e2d8c8;--stitch: rgba(140, 115, 85, .55);--accent: #2f7a62;--wood: #c99a64;--wood-dark: #8f6338;--pill-bg: rgba(255,255,255,.12);--pill-border: rgba(255,244,232,.55);--text-shadow: 0 1px 1px rgba(0,0,0,.25);--timer-over: #ffcf7a;--timer-done: #b8f0c6;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{margin:0;min-height:100%;background-color:var(--fabric);background-image:radial-gradient(ellipse at 50% 30%,#ffe6c829,#0000 60%),radial-gradient(ellipse at 50% 120%,#280a0059,#0000 60%),repeating-linear-gradient(0deg,#46160a29 0 26px,#0000 26px 104px),repeating-linear-gradient(90deg,#46160a29 0 26px,#0000 26px 104px),repeating-linear-gradient(0deg,#ffd6aa1f 0 2px,#0000 2px 52px),repeating-linear-gradient(90deg,#ffd6aa1f 0 2px,#0000 2px 52px),repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#0000000f 0 1px,#0000 1px 3px)}html[data-bg=linen]{--fabric: #e6d8bf;--on-fabric: #3b2d21;--on-fabric-muted: rgba(59,45,33,.72);--pill-bg: rgba(255,255,255,.55);--pill-border: rgba(90,65,40,.45);--text-shadow: none;--title-shadow: 0 2px 0 rgba(255,255,255,.6);--timer-over: #b5651d;--timer-done: #2f7a62;background-image:radial-gradient(ellipse at 50% 30%,#ffffff59,#fff0 60%),radial-gradient(ellipse at 50% 120%,#5a3c1e38,#0000 60%),repeating-linear-gradient(0deg,#785a321a 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#785a3217 0 1px,#0000 1px 4px),repeating-linear-gradient(0deg,#fff3 0 2px,#0000 2px 13px),repeating-linear-gradient(90deg,#5a3c1e12 0 2px,#0000 2px 17px)}html[data-bg=knit]{--fabric: #c68e2e;--on-fabric: #fff8ec;--on-fabric-muted: rgba(255,248,236,.85);background-image:radial-gradient(ellipse at 50% 30%,#fff0c82e,#0000 60%),radial-gradient(ellipse at 50% 120%,#3c1e0059,#0000 60%),linear-gradient(135deg,#5a32003d 25%,#0000 25%),linear-gradient(225deg,#5a32003d 25%,#0000 25%),linear-gradient(315deg,#ffe6aa33 25%,#0000 25%),linear-gradient(45deg,#ffe6aa33 25%,#0000 25%);background-size:100% 100%,100% 100%,18px 14px,18px 14px,18px 14px,18px 14px;background-position:0 0,0 0,-9px 0,-9px 0,0 0,0 0}html[data-bg=felt]{--fabric: #b77a4b;--on-fabric: #fff4e6;--on-fabric-muted: rgba(255,244,230,.85);background-image:radial-gradient(ellipse at 50% 30%,#ffe1be33,#0000 60%),radial-gradient(ellipse at 50% 120%,#32140059,#0000 60%),radial-gradient(#ffebd224 1px,#0000 1.6px),radial-gradient(#3c190524 1px,#0000 1.6px),radial-gradient(#ffebd214 1.5px,#0000 2px);background-size:100% 100%,100% 100%,7px 7px,11px 11px,17px 17px;background-position:0 0,0 0,0 0,3px 5px,8px 2px}html[data-bg=burlap]{--fabric: #a8865a;--on-fabric: #fff6e8;--on-fabric-muted: rgba(255,246,232,.85);background-image:radial-gradient(ellipse at 50% 30%,#ffebc829,#0000 60%),radial-gradient(ellipse at 50% 120%,#321e0559,#0000 60%),repeating-linear-gradient(0deg,#3c280f4d 0 2px,#0000 2px 6px),repeating-linear-gradient(90deg,#3c280f42 0 2px,#0000 2px 6px),repeating-linear-gradient(0deg,#ffe6be1f 0 1px,#0000 1px 6px),repeating-linear-gradient(90deg,#ffe6be1a 0 1px,#0000 1px 9px)}html[data-bg=calico]{--fabric: #f4e7d4;--on-fabric: #3d2c22;--on-fabric-muted: rgba(61,44,34,.72);--pill-bg: rgba(255,255,255,.6);--pill-border: rgba(110,70,50,.4);--text-shadow: none;--title-shadow: 0 2px 0 rgba(255,255,255,.7);--timer-over: #b5651d;--timer-done: #2f7a62;background-image:radial-gradient(ellipse at 50% 30%,#ffffff59,#fff0 60%),radial-gradient(ellipse at 50% 120%,#7846282e,#0000 60%),radial-gradient(circle,#dc8f7c 0 2.2px,#0000 2.7px),radial-gradient(circle,#8fb08a 0 1.6px,#0000 2.1px),radial-gradient(circle,#e6b66a 0 1.5px,#0000 2px),repeating-linear-gradient(0deg,#966e460f 0 1px,#0000 1px 3px);background-size:100% 100%,100% 100%,30px 30px,30px 30px,30px 30px,auto;background-position:0 0,0 0,0 0,15px 15px,7px 22px,0 0}@font-face{font-family:Caveat;font-weight:700;font-display:swap;src:url(./caveat-700-cyrillic-DScJYMo6.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Caveat;font-weight:700;font-display:swap;src:url(./caveat-700-latin-ext-jxLjw4vc.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-weight:700;font-display:swap;src:url(./caveat-700-latin-CXpGlwxz.woff2) format("woff2");unicode-range:U+0000-00FF,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}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;background:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app{width:min(100%,max(520px,54vh));height:100vh;height:100dvh;margin:0 auto;padding-inline:16px;padding-block:12px 16px;display:flex;flex-direction:column;gap:12px}.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.board-wrap,.controls{min-width:0}.title-block{display:grid;gap:4px}h1{margin:0;font-family:Caveat,Segoe Print,Comic Sans MS,cursive;font-size:40px;line-height:.9;font-weight:700;color:var(--on-fabric);text-shadow:var(--title-shadow, 0 2px 0 rgba(0,0,0,.25))}.score{color:var(--on-fabric-muted);font-size:15px;font-variant-numeric:tabular-nums}.score b{color:var(--on-fabric)}.pills{display:flex;flex-wrap:wrap;gap:6px}.fx-toggle{font-size:13px;color:var(--on-fabric);background:var(--pill-bg);border:1px dashed var(--pill-border);border-radius:999px;padding:3px 10px;cursor:pointer}.fx-toggle:hover{background:#fff3}.fx-toggle:focus-visible{outline:3px solid #ffd27a;outline-offset:2px}.picture-info{display:flex;align-items:center;gap:10px;font:inherit;color:var(--on-fabric);text-align:left;background:none;border:0;padding:4px;border-radius:10px;cursor:pointer}.picture-info:focus-visible{outline:3px solid #ffd27a;outline-offset:2px}#quilt{width:76px;height:76px;display:block}.picture-text{display:grid;gap:2px}.picture-name{font-weight:600;font-size:15px}.progress{color:var(--on-fabric-muted);font-size:13px}.timer-row{width:100%;max-width:480px;display:flex;justify-content:space-between;align-items:baseline;font-variant-numeric:tabular-nums}.timer{font-size:24px;font-weight:700;color:var(--on-fabric);transition:color .3s}.timer.over{color:var(--timer-over)}.timer.done{color:var(--timer-done)}.par{font-size:14px;color:var(--on-fabric-muted)}.undos{font-size:14px;color:var(--timer-over)}.board-wrap{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.board-wrap>*{flex:none}.controls.solved>button:not(#next){display:none}#board{touch-action:none;max-width:100%;border-radius:6px;background:#ece4d3;box-shadow:0 0 0 7px var(--wood),0 0 0 9px var(--wood-dark),0 0 0 10px #0003,0 12px 30px #00000073;margin-block:8px}.status{margin:0;min-height:2.6em;text-align:center;font-size:15px;color:var(--on-fabric);text-shadow:var(--text-shadow)}.patch,.tutorial,.controls button,.overlay-card{position:relative}.tutorial:after,.controls button:after,.overlay-card:after{content:"";position:absolute;inset:4px;border:1.5px dashed var(--stitch);border-radius:8px;pointer-events:none}.tutorial{width:100%;max-width:480px;display:grid;gap:6px;background:var(--surface);border-radius:12px;padding:14px 16px;box-shadow:0 4px 14px #0000004d}.tutorial[hidden],.timer-row[hidden]{display:none}.tutorial-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.tutorial-step{font-size:13px;color:var(--muted);letter-spacing:.02em}.tutorial-skip{position:relative;z-index:1;font-size:13px;color:var(--muted);background:none;border:0;padding:4px 0;text-decoration:underline;cursor:pointer}.tutorial-skip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tutorial-text{margin:0;font-size:17px;line-height:1.45}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}button{font:inherit}.controls button,.overlay-card button{font-size:16px;padding:13px 8px;border-radius:12px;border:0;background:var(--surface);color:var(--ink);box-shadow:0 3px #0000002e,0 6px 14px #00000038;cursor:pointer}.overlay-card button{box-shadow:0 2px #0000001f;border:1px solid var(--line)}.controls button:active,.overlay-card button:active{transform:translateY(2px);box-shadow:0 1px #0000002e}.controls button:focus-visible,.overlay-card button:focus-visible{outline:3px solid #ffd27a;outline-offset:2px}.controls button:disabled{opacity:.6}.controls .primary{grid-column:1 / -1}.primary{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.primary:after{border-color:#fff9!important}.overlay{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#141c2299;animation:fade-in .22s ease-out}.overlay[hidden]{display:none}.overlay-card{width:min(420px,100%);background:var(--surface);border-radius:16px;padding:22px;display:grid;gap:14px;justify-items:center;box-shadow:0 12px 40px #00000059;animation:pop-in .26s cubic-bezier(.2,1.4,.4,1)}.overlay-card:after{inset:6px;border-radius:11px}.overlay-card>*{position:relative;z-index:1}.overlay-card h2{margin:0;font-size:22px;text-align:center}#quilt-big{width:min(340px,100%);aspect-ratio:1;display:block}.overlay-text{margin:0;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;white-space:pre-line}.overlay-card button{width:100%}.leaders-card{justify-items:stretch}.leaders-body{display:grid;gap:6px;max-height:55vh;overflow-y:auto}.leaders-body p{margin:0;color:var(--muted);text-align:center}.lb-row{display:grid;grid-template-columns:2.5em 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:#f5efe4;font-variant-numeric:tabular-nums}.lb-row.me{background:#fbe3dc;font-weight:600}.lb-rank{color:var(--muted);text-align:right}.lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.records{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-variant-numeric:tabular-nums}.records dt{color:var(--muted)}.records dd{margin:0;font-weight:600;text-align:right}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.overlay,.overlay-card,.big3d.fresh,.home-title{animation:none}}.app[hidden],.home[hidden]{display:none}.home{position:relative;z-index:1;width:min(100%,max(560px,54vh));height:100vh;height:100dvh;margin:0 auto;overflow:hidden;box-shadow:0 0 40px #1e0a0073}.home-content{position:relative;height:100%;display:flex;flex-direction:column;gap:12px;padding:16px 16px 20px;pointer-events:none}.home-content>*{pointer-events:auto}.home-content>*{flex:none}.home-content>.room-spacer{pointer-events:none;margin:0 -16px;aspect-ratio:400 / 270;flex:0 1 auto;min-height:60px}.home-title{text-align:center;font-size:68px;line-height:.85;color:#fff7e8;text-shadow:0 1px 0 #f2c48d,0 2px 0 #e9b175,0 3px 0 #df9f60,0 4px 0 #d38d4c,0 5px 0 #c67b3a,0 6px 0 #b86a2b,0 10px 14px rgba(40,15,0,.45);animation:title-float 4s ease-in-out infinite}@keyframes title-float{50%{transform:translateY(-3px) rotate(-1deg)}}.home-score{align-self:center;margin-top:-6px;padding:4px 14px;border-radius:999px;background:linear-gradient(180deg,#fff6e4,#f3dcb8);color:#6b4320;font-size:15px;font-variant-numeric:tabular-nums;box-shadow:0 3px #c9a06c,0 6px 10px #00000040}.home-score b{color:#3d2410}#room{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:pointer}.room-caption{align-self:center;margin:-6px 0 0;padding:7px 14px;border-radius:14px;background:#fffaf0f0;color:#4a3424;font-size:13.5px;line-height:1.35;text-align:center;white-space:pre-line;box-shadow:0 3px #78461e73,0 8px 14px #1e0a004d}.room-caption:empty{display:none}.big3d{--edge: #157a5b;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 18px 12px 14px;border:0;border-radius:22px;font:inherit;text-align:left;color:#fff;cursor:pointer;box-shadow:0 7px 0 var(--edge),0 14px 24px #1e0a0059,inset 0 2px #ffffff73;transition:transform 90ms,box-shadow 90ms}.big3d:active{transform:translateY(5px);box-shadow:0 2px 0 var(--edge),0 5px 10px #1e0a004d,inset 0 2px #ffffff73}.big3d:focus-visible{outline:3px solid #ffd27a;outline-offset:3px}.big3d b{display:block;font-size:21px;line-height:1.15;text-shadow:0 2px 0 rgba(0,0,0,.18)}.big3d small{display:block;font-size:13px;opacity:.95;margin-top:2px}.big3d.go{--edge: #137257;background:linear-gradient(180deg,#5ee0b3,#22a37c 60%,#1b8e6b)}.big3d.sun{--edge: #c4650a;background:linear-gradient(180deg,#ffe08a,#ffb238 55%,#ff9a1f);color:#4a2600}.big3d.sun b{text-shadow:0 1px 0 rgba(255,255,255,.5)}.big3d.sun.done{--edge: #a88a58;background:linear-gradient(180deg,#fbf0d8,#e6cfa3);color:#5a4630}.big3d.fresh{animation:fresh-pulse 2.2s ease-in-out infinite}@keyframes fresh-pulse{50%{filter:brightness(1.08);transform:translateY(-2px)}}#continue-quilt{width:56px;height:56px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.2))}.big3d-icon{width:56px;text-align:center;font-size:38px;filter:drop-shadow(0 3px 0 rgba(150,70,0,.35))}.big3d-arrow{font-size:34px;font-weight:700;line-height:1;opacity:.85}.home-row{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:4px}.support-link{color:var(--on-fabric-muted);font-size:13px;text-align:center;text-underline-offset:3px}.support-link[hidden]{display:none}.round3d{display:grid;justify-items:center;gap:7px;padding:0;border:0;background:none;cursor:pointer;font:inherit;font-size:12.5px;color:var(--on-fabric);text-shadow:var(--text-shadow)}.round3d .ico{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:radial-gradient(circle at 35% 28%,#fff,#fbeedd 45%,#e7c99f);box-shadow:0 5px #b08350,0 10px 16px #1e0a0059,inset 0 -3px #a06e3c40;transition:transform 90ms,box-shadow 90ms}.round3d:active .ico{transform:translateY(4px);box-shadow:0 1px #b08350,0 4px 8px #1e0a004d,inset 0 -3px #a06e3c40}.round3d:focus-visible .ico{outline:3px solid #ffd27a;outline-offset:3px}.round3d.off .ico{filter:grayscale(.9);opacity:.75}.home-btn{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;cursor:pointer;color:var(--on-fabric)}.home-ico{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#8a4f2a;background:radial-gradient(circle at 35% 28%,#fff,#fbeedd 45%,#e7c99f);box-shadow:0 4px #b08350,0 7px 12px #1e0a0059;transition:transform 90ms,box-shadow 90ms}.home-btn:active .home-ico{transform:translateY(3px);box-shadow:0 1px #b08350,0 3px 6px #1e0a004d}.home-btn-title{font-family:Caveat,Segoe Print,Comic Sans MS,cursive;font-size:40px;line-height:.9;font-weight:700;text-shadow:0 1px 0 #e9b175,0 2px 0 #d38d4c,0 3px 0 #b86a2b,0 6px 8px rgba(40,15,0,.4)}html[data-bg=sweater]{background-color:#a8703f;background-image:var(--sweater, none);background-size:var(--sweater-size, 60px 48px)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 38%,#ffc47847,#ffc47800 70%),radial-gradient(ellipse at 50% 45%,#280f0000 45%,#280f0080)}html[data-tod=evening] body:before{background-color:#ff782824}html[data-tod=night] body:before{background:radial-gradient(ellipse 60% 45% at 50% 38%,#ffb45a4d,#ffb45a00 70%),radial-gradient(ellipse at 50% 45%,#0a0a2826 30%,#0a0a28a6)}.app{position:relative;z-index:1}.overlay{z-index:10}@media(max-height:740px){.home-title{font-size:52px}.home-content{gap:9px;padding-top:10px}.big3d{padding-block:8px;border-radius:18px}.big3d b{font-size:18px}#continue-quilt,.big3d-icon{width:46px;height:46px;font-size:32px}.round3d .ico{width:44px;height:44px;font-size:20px}.home-btn-title{font-size:32px}}@media(max-width:520px){.app{padding-block:8px 10px;gap:8px}.top{flex-wrap:nowrap;gap:8px}.title-block{grid-auto-flow:column;align-items:center;gap:10px}.home-btn-title{display:none}.picture-info{gap:8px;min-width:0}#quilt{width:44px;height:44px}.picture-text{min-width:0}.picture-name,.progress{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-wrap{gap:6px}.timer{font-size:20px}.status{font-size:13px;min-height:2.5em}.controls{gap:8px}.controls button{padding-block:10px;font-size:15px}}#quilt-big{width:min(340px,100%,42vh)}.overlay-card{max-height:calc(100dvh - 32px);overflow-y:auto}