.board-showcase{--paper:#e6e0d2;--card:#fbf9f4;--card2:#f5f1e8;--panel:#f3efe5;--ink:#211d16;--soft:#7c745f;--line:#e3dcc9;--hair:#efe9dc;--you:#c1841f;--you-wash:#f6ecd6;--them:#3f6d7d;--them-band:#eaf2f3;--done:#5f7d4f;--done-band:#eef0e7;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:ui-sans-serif, system-ui, -apple-system, sans-serif;--st1:16.667%;--st2:60%;--st3:83.333%;font-family:var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px;overflow:hidden;box-shadow:0 1px 2px #140f050f,0 20px 50px #140f0524;container-type:inline-size}.board-showcase *{box-sizing:border-box}.board-showcase .bs-fh{flex-wrap:wrap;align-items:center;gap:8px;padding:2px 4px 9px;display:flex}.board-showcase .bs-fh.tight{padding-top:0}.board-showcase .bs-fname{letter-spacing:-.01em;font-size:15px;font-weight:600}.board-showcase .bs-star{color:var(--soft);font-size:13px}.board-showcase .bs-need{font-family:var(--mono);color:var(--you);font-size:10.5px}.board-showcase .bs-need b{font-weight:600}.board-showcase .bs-sp{flex:auto}.board-showcase .bs-chip{font-family:var(--mono);letter-spacing:.06em;border:1px solid var(--line);background:var(--card);color:var(--soft);white-space:nowrap;border-radius:5px;padding:3px 7px;font-size:9.5px}.board-showcase .bs-chip.kind{color:#f3ece0;text-transform:uppercase;background:#2c2620;border-color:#2c2620}.board-showcase .bs-chip.rule{color:var(--ink)}.board-showcase .bs-chip.conn{color:var(--done);border-color:color-mix(in srgb, var(--done) 34%, var(--line))}.board-showcase .bs-panel{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}.board-showcase .bs-ch,.board-showcase .bs-rgrid{grid-template-columns:minmax(110px,1fr) minmax(0,168px) 236px 118px;align-items:center;gap:8px;display:grid}.board-showcase .bs-ch{background:var(--card2);border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);padding:7px 10px 7px 46px;font-size:9px}.board-showcase .bs-right{text-align:right}.board-showcase .bs-stops{height:11px;position:relative}.board-showcase .bs-stops>span{white-space:nowrap;position:absolute;transform:translate(-50%)}.board-showcase .bs-stops .s1{left:var(--st1)}.board-showcase .bs-stops .s2{left:var(--st2)}.board-showcase .bs-stops .s3{left:var(--st3)}.board-showcase .bs-band{background:var(--card2);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:7px 10px 7px 46px;font-size:12px;font-weight:600;display:flex}.board-showcase .bs-bmeta{font-family:var(--mono);color:var(--soft);margin-left:auto;font-size:9.5px;font-weight:400}.board-showcase .bs-row{border-bottom:1px solid var(--hair);align-items:stretch;display:flex}.board-showcase .bs-row:last-child{border-bottom:0}.board-showcase .bs-rail{width:46px;font-family:var(--mono);letter-spacing:.08em;flex:0 0 46px;justify-content:center;align-items:center;font-size:8.5px;font-weight:500;display:flex}.board-showcase .bs-rail.mine{color:var(--you);background:var(--you-wash)}.board-showcase .bs-rail.theirs{color:var(--them);background:var(--them-band)}.board-showcase .bs-rgrid{flex:auto;min-width:0;padding:9px 10px}.board-showcase .bs-t{font-size:13px;font-weight:500;line-height:1.35}.board-showcase .bs-t.settled{color:var(--soft);font-weight:400;text-decoration:line-through}.board-showcase .bs-src{min-width:0}.board-showcase .bs-srcline{font-family:var(--mono);color:var(--soft);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;display:block;overflow:hidden}.board-showcase .bs-track{background:var(--panel);border-radius:6px;height:15px;position:relative}.board-showcase .bs-wire,.board-showcase .bs-fill{height:1.5px;position:absolute;top:50%;transform:translateY(-50%)}.board-showcase .bs-wire{left:var(--st1);right:var(--st1);background:var(--line)}.board-showcase .bs-fill{left:var(--st1)}.board-showcase .bs-fill.theirs{background:var(--them);width:43.333%}.board-showcase .bs-fill.done{background:var(--done);width:66.667%}.board-showcase .bs-bead{background:var(--card);width:11px;height:11px;box-shadow:0 0 0 1.5px var(--line);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.board-showcase .bs-bead.s1{left:var(--st1)}.board-showcase .bs-bead.s2{left:var(--st2)}.board-showcase .bs-bead.s3{left:var(--st3)}.board-showcase .bs-bead.on-mine{background:var(--you);box-shadow:0 0 0 3px var(--you-wash)}.board-showcase .bs-bead.on-theirs{background:var(--them);box-shadow:0 0 0 3px var(--them-band)}.board-showcase .bs-bead.on-done{background:var(--done);box-shadow:0 0 0 3px var(--done-band)}.board-showcase .bs-act{justify-content:flex-end;align-items:center;gap:5px;display:flex}.board-showcase .bs-btn{font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--line);background:var(--card);color:var(--ink);white-space:nowrap;border-radius:5px;padding:4px 8px;font-size:9.5px}.board-showcase .bs-btn.cool{color:var(--them);border-color:color-mix(in srgb, var(--them) 45%, var(--line));background:var(--them-band);font-weight:600}.board-showcase .bs-btn.dots{color:var(--soft);padding:4px 6px}.board-showcase .bs-cap{color:#4b4433;margin:12px 4px 0;font-size:12.5px;line-height:1.5}.board-showcase .bs-cap b{color:var(--ink);font-weight:600}@container (max-width:640px){.board-showcase .bs-ch,.board-showcase .bs-rgrid{grid-template-columns:minmax(0,1fr) 150px 96px}.board-showcase .bs-srccol,.board-showcase .bs-src{display:none}.board-showcase .bs-stops>span{font-size:8px}.board-showcase .bs-fname{font-size:14px}.board-showcase .bs-chip{font-size:9px}.board-showcase .bs-t{font-size:12.5px}}@container (max-width:420px){.board-showcase{padding:10px}.board-showcase .bs-ch,.board-showcase .bs-rgrid{grid-template-columns:minmax(0,1fr) 108px 76px}.board-showcase .bs-stops>span,.board-showcase .bs-btn.dots{display:none}.board-showcase .bs-rail{flex-basis:34px;width:34px;font-size:8px}.board-showcase .bs-ch,.board-showcase .bs-band{padding-left:34px}}