:root{--font:'Avenir Next','Hiragino Kaku Gothic ProN',sans-serif;--display:Georgia,'Hiragino Mincho ProN',serif;--outer:#aaa99a;--paper:#eee4ce;--ink:#4f5c61;--muted:#848775;--line:#969b7f77;--accent:#ad6754;--accent-ink:#fff0d6;--button:#f6ebd4;--radius:13px;--tile:#f1e8d3;--board:#e2d8ba;--stitch:#b86747;--title-color:#fff0ce;--title-weight:400;--title-tracking:-1px;--title-shadow:0 2px 6px #62493255;--cover-shade:linear-gradient(180deg,#655240cc,transparent 65%);--cover-radius:35px;--backdrop:repeating-linear-gradient(90deg,#efe1be33 0 24px,transparent 24px 48px),repeating-linear-gradient(0deg,#ece0c144 0 24px,transparent 24px 48px);--backsize:auto;--board-border:4px solid #c0af86}.cover{border:2px dashed #bd9768;box-shadow:0 0 0 3px #fff0d5,0 0 0 5px #bcac8a}.title-block{inset:23px 17px auto;text-align:center}.title-block h1{font-size:47px;font-style:italic}.home-top{margin-bottom:4px}.tagline{font-family:var(--display)}.primary{border:2px dashed #f0c9a2!important;outline:2px solid #ad6754;outline-offset:-1px}.board{border-radius:9px;box-shadow:0 4px 15px #8e81622a}.dialog{border:2px dashed #a68c6b;outline:4px solid #ede1c6;outline-offset:-6px;border-radius:20px}.wordmark{font-family:Georgia,serif;font-weight:400}.stats{border-bottom-style:dashed;border-top:0}.ink-switch button.active{border:2px dashed #e7c4ac}.level-tile.solved{background:#e4d6b8}.result-art{border-radius:0}.board-cell .tile-base{stroke-width:1}.play-header h1{font-size:18px}
.picross-legend{display:flex;justify-content:center;gap:13px;font-size:10px;color:#665e53;padding:8px 0}
.picross-legend b{font-size:16px;color:var(--stitch)}
.thread-completion{filter:drop-shadow(0 1px 0 #6b563d22)}
.finishing-stitch{stroke-dasharray:60;stroke-dashoffset:60;animation:finish-stitch .48s ease-out var(--delay) forwards}
.craft-complete{animation:cloth-settle 1.3s ease-out both}
.result{animation:cloth-reveal .55s ease-out both}
@keyframes finish-stitch{to{stroke-dashoffset:0}}
@keyframes cloth-settle{0%{box-shadow:0 4px 15px #8e81622a}55%{box-shadow:0 6px 28px #a9854e5c}100%{box-shadow:0 4px 18px #8e816244}}
@keyframes cloth-reveal{from{opacity:0;translate:0 12px;rotate:-2deg}to{opacity:1;translate:0 0;rotate:0deg}}
.reduced .finishing-stitch{stroke-dashoffset:0}
@media(max-height:610px){.picross-legend{padding:4px 0;font-size:9px}}
.tap-pending>rect{stroke:var(--accent);stroke-width:3}