.sq-f0{--sq:#d9675b}.sq-f1{--sq:#e6b54a}.sq-f2{--sq:#5a9e6f}.sq-f3{--sq:#4f7fc0}.sq-f4{--sq:#9a6bc2}.sq-f5{--sq:#d58bb0}.sq-f6{--sq:#4aa8a4}.sq-f7{--sq:#7f9a3a}.sq-shape{gap:1px;display:inline-grid}.sq-shape i{background:var(--sq);border-radius:2px;display:block;position:relative;box-shadow:inset 0 0 0 1px #0000002e}.sq-shape i.sq-pic:after,.sq-cell.sq-pic:after{content:"";opacity:.85;background:#fff;border-radius:50%;position:absolute;inset:30%}.sq-track{flex-direction:column;gap:6px;padding:4px 8px;display:flex}.sq-line{background:var(--sunk);border:1.5px solid var(--line);border-radius:9px;height:18px;margin:0 8px;position:relative}.sq-pay,.sq-scrap,.sq-mark{position:absolute;top:50%;transform:translate(-50%,-50%)}.sq-pay{background:var(--muted);border-radius:50%;width:6px;height:6px}.sq-scrap{background:#8a6a45;width:7px;height:7px}.sq-mark{border:2px solid var(--ink);border-radius:50%;width:14px;height:14px}.sq-mark.p0,.sq-dot.p0{background:var(--sun)}.sq-mark.p1,.sq-dot.p1{background:var(--info)}.sq-mark.p1{transform:translate(-50%,-20%)}.sq-mark.p0{transform:translate(-50%,-80%)}.sq-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;font-size:13px;display:flex}.sq-dot{border:1.5px solid var(--ink);vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.sq-pay-key{background:var(--muted);vertical-align:1px;border-radius:50%;width:6px;height:6px;display:inline-block}.sq-scrap-key{vertical-align:0;background:#8a6a45;width:7px;height:7px;display:inline-block}.sq-ring{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:6px;display:flex}.sq-patch{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;gap:4px;min-width:64px;padding:6px 8px;display:flex}.sq-patch.later{opacity:.55;min-width:0;padding:4px}.sq-patch.later .sq-price{font-size:10px}.sq-patch.can{cursor:pointer;border-color:var(--ink);box-shadow:var(--shadow)}.sq-patch.can:hover,.sq-patch.can:focus-visible{background:var(--good-tint)}.sq-patch.on{outline:3px solid var(--accent);outline-offset:1px}.sq-price{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.sq-price small{color:var(--muted);font-weight:400}.sq-held{justify-content:center;display:flex}.sq-quilts{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;display:flex}.sq-h{flex-direction:column;align-items:center;gap:2px;margin:0 0 6px;display:flex}.sq-stats{color:var(--muted);font-family:inherit;font-size:13px;font-weight:400}.sq-quilt{--c:min(36px,calc((100vw - 56px)/9));grid-template-columns:repeat(9,var(--c));grid-auto-rows:var(--c);background:#cdbfa6;border-radius:8px;gap:1px;width:max-content;margin:0 auto;padding:4px;display:grid}.sq-quilt.small{--c:15px;padding:3px}.sq-cell{font:inherit;background:#f4ecdc;border:0;border-radius:2px;padding:0;display:block;position:relative}.sq-cell[class*=sq-f]{background:var(--sq);box-shadow:inset 0 0 0 1px #00000026}.sq-cell.scrap{background:#8a6a45}button.sq-cell{cursor:pointer}button.sq-cell:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;z-index:1}.sq-cell.lit{box-shadow:inset 0 0 0 2px var(--good)}.sq-cell.ghost{box-shadow:inset 0 0 0 3px var(--good);background:var(--good-tint)}.sq-cell.ghost.bad{box-shadow:inset 0 0 0 3px var(--bad);background:var(--bad-tint)}.sq-patch .sq-shape{margin:auto 0}