/* Label League — ARTISTS · THE POOL (screen 05), 9/25/2026. Every measurement is the artboard's inline style
   (design/…/Label League - 05 Artists.dc.html) transcribed 1:1; SCREENS-02-11-SPEC.md §5. The quote board is a logged-in surface:
   OVR + the curve quote for every label. Rostered artists show no price (positions private, quotes public — 9/21). The one place a
   tint fills a chip: the decade chip. Tokens from site.css; the signed-in shell from shell.css.
   v4 (STEP 14, 10/11): the board's rules are scoped to #rows (body.pool's ".pool .row" grid was landing on the shared footer's fine-print
   row and squeezing "© 2026 Context Creative LLC" into a 44px column), the artist's name fits instead of an ellipsis, and the
   archetype chip, the status ("Locked · <label>") and the phone sub-line wrap instead of cutting a label's name.
   v6 (10/31): the pool is public — a signed-out visitor (body.visitor) gets no thumb bar, so the phone board's foot drops its 120 px
   clearance to 40.
   v5 (10/31): the same leak from body.pool into the artist card. card.js hangs its sheet on <body>, so ".pool .nm" (the board's 17 /
   14 px bold name) landed on the card's leg names: 14/700 here, 13 regular everywhere else. Lake 10/31: the card's is 13 regular.
   ".pool .ovr" (all:unset, a pointer, a 2 px rule that inks on hover) landed on the card's OVR too; site.css's ".sheet .idrow .ovr" won the
   type, not the rest. Every computed style inside the card now matches wire.html's (member and public, 402 / 820 / 1280 wide), save the
   public card's wire strip, which is taller here because it carries the whole fact and the full date (artists.js; Lake 10/31). */
@keyframes llspin{to{transform:rotate(360deg)}}
@keyframes llrise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
body.pool{background:var(--paper);color:var(--ink);font-family:var(--disp);-webkit-font-smoothing:antialiased;margin:0}
.pool [hidden]{display:none !important}
.pool .num{font-variant-numeric:tabular-nums}
.pool .pbody{padding:36px 40px 48px;max-width:1440px;margin:0 auto}
.pool .eyebrow95{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.pool .rulebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);display:flex;align-items:center;gap:10px}
.pool .rulebrow::before{content:"";width:22px;height:1px;background:var(--mute);display:block;flex:none}
/* ── hero ── */
.pool .phero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.pool .phero .count{font-weight:700;font-size:64px;line-height:.9;letter-spacing:-.05em;margin-top:14px}
.pool .phero .count span{font-size:22px;letter-spacing:0;color:var(--mute);font-weight:700}
.pool .pstats{display:flex;gap:28px;text-align:right;white-space:nowrap}
.pool .pstats .v{font-weight:700;font-size:36px;letter-spacing:-.05em;line-height:1;margin-top:6px}
/* ── filter row ── */
.pool .filt{margin-top:26px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pool .filt input{flex:1 1 220px;min-width:0;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--rule-strong);background:var(--card);color:var(--ink);font-family:var(--mono);font-size:13px;outline:none}
.pool .filt input:focus{border-color:var(--ink)}
.pool .achip{height:32px;padding:0 12px;border-radius:8px;background:transparent;color:var(--ink2);border:1px solid var(--rule-strong);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.pool .achip:hover{border-color:var(--ink);color:var(--ink)}
.pool .achip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pool .dchip{height:32px;padding:0 12px;border-radius:8px;background:var(--tint);color:#fff;border:0;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
/* ── the table ── */
.pool .thead,.pool #rows .row{display:grid;grid-template-columns:44px 70px minmax(0,1fr) 150px 110px 130px 110px 110px;gap:0 14px}
.pool .thead{margin-top:18px;padding:0 10px 10px;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.pool .thead button{all:unset;justify-self:start;cursor:pointer;text-align:left;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
.pool .thead button.r{justify-self:end;text-align:right}
.pool .thead button:hover,.pool .thead button.on{color:var(--ink)}
.pool .thead .r{text-align:right}
.pool #rows .row{position:relative;align-items:center;padding:10px;border-bottom:1px solid var(--rule)}
.pool #rows .row:hover,.pool #rows .row.hover{background:var(--card)}
.pool .rk{font-family:var(--mono);font-size:11px;color:var(--mute)}
.pool .ovr{all:unset;justify-self:start;cursor:pointer;font-weight:700;font-size:28px;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums;border-bottom:2px solid transparent;font-family:var(--disp);color:var(--ink)}
.pool .ovr:hover,.pool .ovr.on{border-bottom-color:var(--ink)}
.pool .nmc{min-width:0;position:relative}
.pool .nm{font-weight:700;font-size:calc(var(--fit,1) * 17px);--fit-floor:.7;letter-spacing:-.01em;cursor:pointer;border-bottom:1px solid transparent;white-space:nowrap;display:inline-block;max-width:100%}   /* STEP 14: #rows opts it into the fit; no ellipsis on a name */
.pool .nm:hover{border-bottom-color:var(--ink)}
.pool .sheet .leg .nm{font-weight:inherit;font-size:inherit;letter-spacing:inherit;cursor:auto;border-bottom:0;white-space:normal;display:block;max-width:none}   /* v5: the card's own .leg .nm (site.css), not the board's */
.pool .sheet .idrow .ovr{cursor:auto;border-bottom:0;box-sizing:border-box;justify-self:auto}   /* v5: .pool .ovr's all:unset, cursor, 2px rule and hover ink, off the card's OVR */
.pool .sub{display:none}
.pool .arch{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:6px;border:1px solid var(--rule-strong);font-family:var(--mono);font-size:9px;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;justify-self:start;max-width:100%;color:var(--ink)}
.pool .quote{font-weight:700;font-size:20px;letter-spacing:-.04em;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
.pool .quote.locked{color:var(--rule-strong)}
.pool .st{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);min-width:0}
.pool .st span{min-width:0;line-height:1.35}   /* "Locked · <label>" wraps rather than losing the label to an ellipsis (STEP 14) */
.pool .st.inel{color:var(--mute)}
.pool .dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}
.pool .wire{font-family:var(--mono);font-size:11px;text-align:right;color:var(--mute)}
.pool .act{display:flex;justify-content:flex-end;min-width:0}
.pool .claim{height:32px;padding:0 12px;border-radius:8px;background:var(--ink);color:var(--paper);border:0;font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;font-family:var(--disp);white-space:nowrap}
.pool .claim[aria-disabled="true"]{background:var(--sunk);color:var(--mute);cursor:not-allowed}
.pool .offer,.pool .wd{height:32px;padding:0 12px;border-radius:8px;background:transparent;color:var(--ink2);border:1px solid var(--rule-strong);font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;font-family:var(--disp);white-space:nowrap}
.pool .offer:hover,.pool .wd:hover{border-color:var(--ink);color:var(--ink)}
.pool .wd,.pool .wd:hover{color:#C8271E;border-color:#C8271E}
.pool .offer[aria-disabled="true"]{cursor:not-allowed;color:var(--mute)}
.pool .offer[aria-disabled="true"]:hover{border-color:var(--rule-strong);color:var(--mute)}
.pool .bidf{display:flex;gap:4px;align-items:center}
.pool .bidf input{width:64px;height:32px;padding:0 8px;border-radius:8px;border:1px solid var(--rule-strong);background:var(--card);color:var(--ink);font-family:var(--mono);font-size:11px;outline:none}
.pool .bidf button{height:32px;padding:0 10px;border-radius:8px;background:var(--ink);color:var(--paper);border:0;font-weight:700;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:var(--disp)}
.pool .why{grid-column:1/-1;font-family:var(--mono);font-size:9.5px;color:var(--mute);letter-spacing:.06em;padding:4px 0 0 128px}
.pool .more{margin-top:14px;display:flex;justify-content:center}
.pool .more button{height:40px;padding:0 18px;border-radius:10px;background:transparent;color:var(--ink);border:1px solid var(--rule-strong);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.pool .more button:hover{border-color:var(--ink)}
.pool .empty{padding:36px 10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-align:center}
.pool .pfoot{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.pool .pfoot .doors{display:flex;gap:18px}
.pool .pfoot .doors button{all:unset;cursor:pointer;text-decoration:underline;color:var(--ink);font:inherit;letter-spacing:inherit;text-transform:inherit}
/* ── the ratings-desk change log (members-only sheet) ── */
.pool .logrows{margin-top:14px;border-top:1px solid var(--rule)}
.pool .logrow{display:grid;grid-template-columns:1fr 90px 90px 90px;gap:0 12px;padding:10px 0;border-bottom:1px solid var(--rule);align-items:baseline;font-family:var(--mono);font-size:11px}
.pool .logrow b{font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:-.01em}
.pool .logrow .ax{letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.pool .logrow .chg{font-weight:500}.pool .logrow .chg.up{color:#2F6B3F}.pool .logrow .chg.dn{color:#9C2A2A}
.pool .logrow .dt{color:var(--mute);text-align:right}
.pool .logrow .rs{grid-column:1/-1;color:var(--mute);font-size:10px;margin-top:2px}
.pool .loghd{display:grid;grid-template-columns:1fr 90px 90px 90px;gap:0 12px;margin-top:14px;padding-bottom:8px;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.pool .loghd .dt{text-align:right}
/* ── tablet band ── */
@media (min-width:900px) and (max-width:1199px){.pool .pbody{padding:28px 24px 40px}.pool .thead,.pool #rows .row{grid-template-columns:36px 60px minmax(0,1fr) 120px 90px 120px 70px 90px;gap:0 10px}.pool .nm{font-size:15px}.pool .arch{font-size:8px;padding:0 7px}}
/* ── phone: the pool as a list ── */
@media (max-width:899px){
  .pool .pbody{padding:18px 18px 120px}
  .pool.visitor .pbody{padding-bottom:40px}   /* v6: a visitor has no thumb bar to clear (10/31, the pool is public) */
  .pool .phero{flex-direction:column;align-items:flex-start;gap:8px}.pool .phero .count{font-size:34px;line-height:.9;letter-spacing:-.04em;margin-top:8px}.pool .phero .count span{font-size:14px}
  .pool .pstats{gap:16px;text-align:left}.pool .pstats .v{font-size:22px}
  .pool .filt{margin-top:12px;gap:8px}.pool .filt input{flex:1 1 100%;height:42px;font-size:12.5px}
  .pool .filt .dchip{height:42px;border-radius:12px;font-size:9.5px;color:#111}
  .pool .chips{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;margin-top:2px}.pool .chips::-webkit-scrollbar{display:none}
  .pool .achip{height:26px;padding:0 9px;border-radius:6px;font-size:8.5px;letter-spacing:.08em;flex:none}
  .pool .thead,.pool #rows .row{grid-template-columns:52px minmax(0,1fr) auto;gap:0 12px}
  .pool .thead{margin-top:14px;padding:0 4px 8px;border-bottom:1px solid var(--rule-strong);font-size:9px}
  .pool .thead .h-rk,.pool .thead .h-arch,.pool .thead .h-st,.pool .thead .h-wire,.pool .thead .h-act{display:none}
  .pool #rows .row{padding:10px 4px}.pool #rows .row:hover{background:transparent}
  .pool .rk,.pool .arch,.pool .st,.pool .wire{display:none}
  .pool .ovr{font-size:26px}
  .pool .nm{display:block;font-size:calc(var(--fit,1) * 14px);border-bottom:0}
  .pool .sub{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:3px;flex-wrap:wrap;row-gap:2px;line-height:1.35}
  .pool .sub .dot{width:7px;height:7px}
  .pool .qa{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
  .pool .quote{font-size:18px}
  .pool .act{justify-content:flex-end}
  .pool .claim,.pool .offer,.pool .wd{all:unset;cursor:pointer;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink)}
  .pool .wd{color:#C8271E;border-bottom-color:#C8271E}
  .pool .offer,.pool .claim[aria-disabled="true"],.pool .offer[aria-disabled="true"]{color:var(--mute);border-bottom:0}
  .pool .why{padding-left:64px}
  .pool .minicard{display:none}
  .pool .logrow{grid-template-columns:1fr 70px 70px;font-size:10px}.pool .loghd{grid-template-columns:1fr 70px 70px}.pool .logrow .dt,.pool .loghd .dt{display:none}
}
@media (min-width:900px){.pool .qa{display:contents}.pool .qa .act{display:none}.pool .offer .op{display:none}}
@media (max-width:899px){.pool .offer .od{display:none}}
@media (max-width:899px){.pool .act.d{display:none}}
/* the stated reason (a disabled CLAIM answers a tap) */
.pool .toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);z-index:60;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:10px 14px;border-radius:10px;box-shadow:0 20px 40px -20px rgba(0,0,0,.6);animation:llrise .18s ease both;max-width:calc(100vw - 32px);text-align:center}
@media (min-width:900px){.pool .toast{bottom:32px}}
/* LABEL STYLES · LS-1 (10/3) · A7: the viewer's block — the whole line once above the table; each row's action cell carries the compact
   form ("View-only", seat.css .llblock.sm — 32px like the Claim button; on a phone the 22px tag under the quote) */
.pool .seatblock{margin-top:14px;max-width:560px}
@media (max-width:899px){.pool .seatblock{margin-top:10px;max-width:none}.pool .qa .llblock.sm{height:22px;padding:0 7px;font-size:8px;border-radius:6px}}