/* Shape Quilt, colorful hand-drawn rectangle tiling. */
.quilt-wrap{max-width:490px;margin:0 auto}.quilt-board{--n:4;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));width:100%;aspect-ratio:1;gap:0;background:#34354c;border:3px solid #34354c;border-radius:17px;overflow:hidden;touch-action:none;box-shadow:0 6px 0 #b3aed1}
.quilt-cell{min-width:0;min-height:0;aspect-ratio:1;display:grid;place-items:center;position:relative;padding:0;border:1px solid #d9d7e4;background:#fdfcff;user-select:none;touch-action:none;color:#263048;font-size:clamp(.65rem,2.1vw,.95rem)}
.quilt-cell.patched{border-color:transparent}
.quilt-cell.color-0{background:#feded2}.quilt-cell.color-1{background:#d7edfe}.quilt-cell.color-2{background:#d9f1dd}.quilt-cell.color-3{background:#e7ddff}
.quilt-cell.color-4{background:#ffefc5}.quilt-cell.color-5{background:#f9dceb}.quilt-cell.color-6{background:#d3f0ef}.quilt-cell.color-7{background:#f0e9d5}
.quilt-cell.edge-top{border-top:3px solid #514b74}.quilt-cell.edge-bottom{border-bottom:3px solid #514b74}.quilt-cell.edge-left{border-left:3px solid #514b74}.quilt-cell.edge-right{border-right:3px solid #514b74}
.quilt-cell.preview{box-shadow:inset 0 0 0 3px #aa77dfaa;z-index:1}.quilt-cell.hinted{box-shadow:inset 0 0 0 4px #f7a03c;z-index:2}.quilt-cell.check-this{box-shadow:inset 0 0 0 3px #d45d5d;z-index:2}.quilt-cell.selected{box-shadow:inset 0 0 0 3px #6852c5;z-index:2}
.quilt-cell:focus-visible{outline:3px solid #f0a23f;outline-offset:-4px;z-index:4}
.quilt-clue{background:rgba(255,255,255,.95);min-width:37px;min-height:35px;border:1px solid #d8d3e7;border-radius:9px;padding:3px 4px;display:flex;align-items:center;justify-content:center;gap:2px;flex-wrap:wrap;box-shadow:0 1px 3px #45405b1b;pointer-events:none}
.quilt-clue strong{font-size:clamp(.83rem,2.8vw,1.13rem);font-weight:900;line-height:1;color:#313b58}.quilt-shape{font-size:clamp(.76rem,2.3vw,1.02rem);color:#6b5aab;line-height:1}.quilt-extra{display:block;width:100%;font-size:clamp(.48rem,1.5vw,.62rem);line-height:1;color:#8063ab;text-align:center}
.quilt-caption{font-size:.76rem;color:#6c7284;display:flex;justify-content:space-between;gap:8px;align-items:center;margin:0 auto 12px;max-width:490px}
.quilt-help{max-width:490px;margin:12px auto 0;color:#777b8f;font-size:.79rem;text-align:center}
@media(max-width:550px){.quilt-board{border-width:2px;border-radius:12px}.quilt-cell.edge-top{border-top-width:2px}.quilt-cell.edge-bottom{border-bottom-width:2px}.quilt-cell.edge-left{border-left-width:2px}.quilt-cell.edge-right{border-right-width:2px}.quilt-clue{min-width:27px;min-height:27px;padding:2px 1px;border-radius:6px}.quilt-clue strong{font-size:clamp(.69rem,3.1vw,.9rem)}.quilt-shape{font-size:.73rem}.quilt-caption{font-size:.7rem;flex-wrap:wrap}}