:root{--ink:#392e58;--accent:#7760b6;color:var(--ink);background:#25234a}body{background:radial-gradient(ellipse at 75% 35%,#59508b55,transparent 60%),radial-gradient(circle at 8% 16%,#ffe2a580 0 1px,transparent 2px),radial-gradient(circle at 86% 12%,#fce7ad 0 2px,transparent 3px),radial-gradient(circle at 19% 83%,#e4caff 0 1px,transparent 2px),linear-gradient(#23213f,#383459);background-size:auto,143px 177px,229px 207px,191px 131px,auto}#app{position:relative}.rail{background:#fcf4e5;border:2px solid #fff7e9;border-radius:28px;padding:22px;box-shadow:0 8px 0 #13132655,0 18px 45px #13132655}h1{font-size:29px;color:#49325b}h1 span{color:#e5ac34;text-shadow:0 2px #9a572f}button{border:2px solid #dfcce4;box-shadow:0 2px 0 #d3bfd84d;background:#fffaf0}.rule{color:#5b4965;font-weight:600}nav{background:#e9ddeb}nav button{box-shadow:none}.round{color:#5f4c70}#board{position:relative;border:5px solid #a990cb;border-radius:19px;background:#7f64aa;box-shadow:0 0 0 3px #372746,0 9px 0 #18163180,0 24px 50px #11152b80;isolation:isolate}.cell{background-image:var(--weave)!important;background-size:12px 12px!important;border-radius:5px;box-shadow:inset 2px 2px 2px #fff8,inset -2px -3px 3px #50366720}.cell .region{font-size:10px;line-height:1;opacity:1;background:#ffffffb8;border-radius:3px;padding:1px 2px;color:#59426a;font-weight:800;z-index:0}.cell .star-character{width:100%;height:100%;position:relative;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 1px #72503733)}.star-character{display:inline-block;position:relative;aspect-ratio:1;width:100px;height:100px;pointer-events:none}.star-sprite{position:absolute;inset:0;background-image:url('./art/stars.png');background-size:200% 200%;background-position:0 0;background-repeat:no-repeat}.pose-happy .star-sprite{background-position:100% 0}.pose-grumpy .star-sprite{background-position:0 100%}.pose-cheer .star-sprite{background-position:100% 100%}.cell svg.star-small{display:none;width:84%;height:84%;position:absolute;inset:8%;filter:none}.cell.conflict-tint::before{background:#e3395538;border:2px solid #b42b47;inset:1px;border-radius:5px}.cell.touch-conflict{box-shadow:inset 0 0 0 3px #b81d3c}.cell.error .star-character{filter:drop-shadow(0 1px 0 #a5143c)}.cell.cross::after{color:#735b88;font-weight:600;z-index:1}.cell.auto-cross::after{content:'';width:24%;height:15%;border-radius:50%;background:#fff9;box-shadow:-3px 1px #fff6,3px 1px #fff6,0 -2px #fff9;opacity:.8;font-size:0}.cell.given::after{color:#604981;font-size:8px;right:3px;bottom:2px;z-index:2}.cell.pulse .star-character{animation:quilt-hop .3s cubic-bezier(.2,.8,.3,1)}.cell.conflict-flash .star-character{animation:quilt-bump .28s ease-out}.cell.solved .star-character{animation:quilt-cheer .65s ease-in-out 2;animation-delay:calc(var(--wave)*30ms)}.cell.solved svg{animation:none}.cell.pulse svg,.cell.conflict-flash svg{animation:none}.cell.solved{box-shadow:inset 0 0 12px #fff7}.desktop-note{gap:2px;margin:20px 0 24px;color:#715d88}.desktop-note .star-character{width:92px;height:92px;flex:none;animation:quilt-breathe 3.6s ease-in-out infinite}.desktop-note p{font-size:16px;line-height:1.5}.progress{color:#e0d4f3}#status{color:#a52248}#status.done{color:#426b50}dialog{background:#fff5e4;border:3px solid #c3a3d6;box-shadow:0 10px 0 #27182b44,0 24px 80px #12102280}.result-star{display:flex;justify-content:center}.result-star .star-character{width:126px;height:126px}.result-star .star-small,.desktop-note .star-small{display:none}.primary{background:#7760b6;border-color:#654b9f}.sky-celebration{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.shooting-star{position:absolute;left:-30%;top:58%;width:24%;height:24%;animation:quilt-shoot 1.1s .25s both ease-in}.shooting-star:before{content:'';position:absolute;right:35%;top:40%;width:150%;height:18%;border-radius:100%;background:linear-gradient(90deg,transparent,#bb9beacc,#ffe798);transform:rotate(-15deg);filter:blur(2px)}.shooting-star .star-character{width:100%;height:100%}.shooting-star .star-small{display:none}.sky-spark{position:absolute;left:var(--x);top:var(--y);width:8px;height:8px;background:#fff0ab;box-shadow:0 0 8px #fff1ac;transform:rotate(45deg);animation:quilt-spark .9s var(--delay) both ease-out}@keyframes quilt-hop{0%{transform:translateY(-25%) scale(.55,1.2)}55%{transform:translateY(4%) scale(1.15,.82)}80%{transform:translateY(-5%) scale(.96,1.06)}100%{transform:none}}@keyframes quilt-bump{25%{transform:translateX(-7%) rotate(-9deg)}65%{transform:translateX(7%) rotate(9deg)}}@keyframes quilt-cheer{0%,100%{transform:none}35%{transform:translateY(-13%) rotate(-9deg) scale(1.08)}70%{transform:rotate(9deg)}}@keyframes quilt-breathe{50%{transform:translateY(-5px) rotate(4deg)}}@keyframes quilt-shoot{to{left:105%;top:-22%;transform:rotate(22deg)}}@keyframes quilt-spark{0%{opacity:0;transform:scale(0) rotate(45deg)}35%{opacity:1}100%{opacity:0;transform:translateY(-35px) scale(.3) rotate(var(--turn))}}
@media(min-width:741px){#app{grid-template-columns:340px var(--board);gap:28px}:root{--board:min(900px,calc(100dvh - 84px),calc(100vw - 416px))}.tools{gap:5px}.tools button{padding:8px;font-size:13px}.auto-switch{gap:3px}.round{gap:7px}.rule{font-size:16px}}
@media(min-width:741px) and (max-height:540px){.rail{padding:16px}.desktop-note{margin:4px 0}.desktop-note .star-character{width:50px;height:50px}.desktop-note p{font-size:13px}h1{font-size:25px}#app{grid-template-columns:310px var(--board);gap:20px;padding:14px}:root{--board:min(calc(100dvh - 74px),calc(100vw - 370px))}}
@media(max-width:740px){.rail{display:contents}.rail header{color:#fff0c9}h1{color:#fff0c9;text-shadow:0 2px #21142f}.icon-button{color:#f9eccd;border-color:#907aa9;background:#4b3c65}.rule,.round,#status.done{color:#e9dcf3}.rule{font-weight:500}nav{background:#1b1733;border:1px solid #8975aa}nav button{color:#e3d6f2}nav .active{color:#4d356a;background:#fff0d6}.tools button{background:#fff1da}#status{color:#ffd0d9}.auto-switch input{accent-color:#f8d273}#board[data-size="8"] .star-sprite,#board[data-size="9"] .star-sprite,#board[data-size="10"] .star-sprite{display:none}#board[data-size="8"] .star-small,#board[data-size="9"] .star-small,#board[data-size="10"] .star-small{display:block}.cell .region{font-size:8px;padding:0 1px}#board{border-width:4px;border-radius:14px}.cell{border-radius:3px}.cell.given::after{font-size:6px}#storage-status{color:#ffeac4}}

.quilt-seams{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}.quilt-seams path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.seam-dark{stroke:#33263f;stroke-width:3.5px}.seam-thread{stroke:#fff3d7;stroke-width:1px;stroke-dasharray:2px 4px}.cell .region{background:#fff9ee;color:#33263f}