.dc-kindtag { display: inline-flex; align-items: center; padding: .0625rem .375rem; border: 1px solid var(--line2); border-radius: .3125rem; color: var(--muted); font-size: .6875rem; font-weight: 750; font-stretch: 112%; letter-spacing: .06em; line-height: 1.3; }
.dc-kindtag[hidden] { display: none; }
.bp-name .dc-kindtag { font-size: .75rem; }
.bl-cols .dc-nowrap { white-space: nowrap; }

.dc-round-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .625rem; }
.cab .dc-round-head h2 { margin: 0; font-size: 1.125rem; font-weight: 700; }
.dc-phase { display: inline-flex; align-items: center; gap: .375rem; padding: .125rem .5625rem; border-radius: 999px; background: var(--night); font-size: .8125rem; font-weight: 650; white-space: nowrap; }
.dc-phase::before { content: ""; flex: none; width: .5rem; height: .5rem; border-radius: 50%; }
.dc-phase.wait { color: var(--muted); }
.dc-phase.wait::before { border: 1.5px solid currentColor; }
.dc-phase.pos { color: var(--lot); }
.dc-phase.pos::before { background: currentColor; }
.dc-phase.sell { color: var(--down); }
.dc-phase.sell::before { border: 2px solid currentColor; }
.dc-round-nums { display: grid; grid-template-columns: 1fr 1fr; gap: .625rem .75rem; margin: 0; }
.dc-round-nums dt { color: var(--muted); font-size: .8125rem; }
.dc-round-nums dd { margin: 0; font-size: 1.125rem; font-weight: 650; font-stretch: 108%; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dc-round-nums dd.down { color: var(--down); }
.cab .dc-round-note { margin-top: .75rem; padding-top: .625rem; border-top: 1px solid var(--line2); color: var(--muted); font-size: .8125rem; line-height: 1.45; }
.cab .dc-round-note b { color: var(--warn); }
.dc-round-split { margin-top: .75rem; font-size: .9375rem; }
.dc-round-split .dc-tok { width: .875rem; height: .875rem; }
.bp-tags .dc-tag-keep { display: inline-flex; align-items: center; gap: .375rem; }
.bp-tags .dc-tag-keep .dc-tok { width: .625rem; height: .625rem; }

.dc-short { display: flex; gap: .625rem; margin-top: .625rem; padding: .625rem .75rem .75rem; background: var(--warn-t); border-left: 4px solid var(--warn); border-radius: .5rem; font-size: .9375rem; line-height: 1.4; }
.dc-short[hidden] { display: none; }
.dc-short .lk { flex: none; width: 1.125rem; height: 1.125rem; margin-top: .0625rem; fill: none; stroke: var(--warn); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.cab .dc-short-title { color: var(--warn); font-weight: 700; }
.cab .dc-short .button { margin-top: .5rem; }

.dc-tab-head { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem .75rem; margin: .5rem 0 .25rem; }
.cab .dc-tab-head h3 { margin: 0; font-size: 1.0625rem; font-weight: 700; }
.cab .dc-before { margin-left: auto; color: var(--muted); font-size: .875rem; }
.cab .dc-sale-line { margin: .375rem 0 .625rem; padding: .5rem .75rem; background: var(--down-t); border-radius: .5rem; font-size: .9375rem; line-height: 1.45; }
.dc-sale-line .side { margin-right: .25rem; }
.dc-sale-keep { display: inline-flex; align-items: center; gap: .375rem; white-space: nowrap; }
.dc-tab .dc-tablewrap { min-width: 0; overflow-x: auto; }
.cab .dc-tab .dc-how { margin-top: .5rem; color: var(--muted); font-size: .8125rem; line-height: 1.45; }
.dc-table tr.now td { background: var(--raise); }
.dc-table tr.now td:first-child { box-shadow: inset 3px 0 0 var(--lot); }

.dc-s { display: inline-flex; align-items: center; gap: .375rem; }
.dc-s::before { content: ""; flex: none; width: .5625rem; height: .5625rem; border-radius: 50%; box-sizing: border-box; }
.dc-s.bought::before { background: var(--lot); }
.dc-s.placed::before { background: var(--up); }
.dc-s.later::before { border: 1.5px dashed var(--muted); }
.dc-s.sold::before { border: 2px solid var(--down); }
.dc-s.off::before { background: var(--line2); }
.dc-s small { color: var(--muted); font-size: .8125rem; }

.bp-ring .r-kept { stroke: var(--lot); stroke-opacity: .38; }
.bp-parts .p-kept::before { background: var(--lot-t); border: 2px solid var(--lot); border-radius: .1875rem; box-sizing: border-box; }

.key-avg { width: 1.25rem; height: 0; border-top: 2px dashed var(--lot); }

.dc-jkeep { white-space: nowrap; }
.dc-jkeep .dc-tok { margin-right: .3125rem; }

@media (max-width: 600px) {
  .dc-c-st { display: none; }
  .dc-st .dc-s { gap: .3125rem; }
  .dc-st .dc-s::before { width: .4375rem; height: .4375rem; }
  .cab .dc-before { margin-left: 0; flex-basis: 100%; }
  .dc-round-nums dd { font-size: 1.0625rem; }
  .dc-sale-keep, .dc-jkeep { white-space: normal; }
}