/* Label League — LEAGUE HOME (screen 03), 9/25/2026. Every measurement is the artboard's inline style
   (design/…/Label League - 03 League Home.dc.html) transcribed 1:1; SCREENS-02-11-SPEC.md §3. The daily habit on one page: the front
   office (standings · the two clocks · the Commissioner's pin), THE WIRE as the main column, League Chat + recent moves on the right.
   Wire and Chat are modules here, never tabs. Tints appear only as dots, the 3px edge of a wire card about your artist, chat flair.
   The pin is the one warm object (paper, Caveat). Tokens from site.css; the signed-in shell from shell.css. */
@keyframes llrise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes llblink{0%,100%{opacity:1}50%{opacity:.25}}
body.home{background:var(--paper);color:var(--ink);font-family:var(--disp);-webkit-font-smoothing:antialiased;margin:0}
.home [hidden]{display:none !important}
.home .num{font-variant-numeric:tabular-nums}
.home .eyebrow95{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.home .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}
.home .rulebrow::before{content:"";width:22px;height:1px;background:var(--mute);display:block;flex:none}
.home .card{background:var(--card);border:1px solid var(--rule);border-radius:12px}
.home .hbody{padding:32px 40px 48px;display:grid;grid-template-columns:340px minmax(0,1fr) 320px;gap:32px;align-items:start;max-width:1440px;margin:0 auto}
.home .hcol{display:flex;flex-direction:column;gap:22px;min-width:0}
/* ── front office ── */
.home .stand{padding:18px 18px 8px}
.home .stand .hhd{display:flex;justify-content:space-between;align-items:baseline}
.home .stand .hhd b{font-weight:700;font-size:16px;letter-spacing:-.01em}
.home .stand .hhd a{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-decoration:none}
.home .stand .hhd a:hover{color:var(--ink)}
.home .srows{margin-top:10px}
.home .hsrow{display:grid;grid-template-columns:22px 1fr auto auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--rule);cursor:pointer;color:inherit;text-decoration:none}
.home .hsrow:hover{color:var(--ink)}
.home .hsrow.me{padding:10px 8px;margin:0 -8px;border-radius:8px;background:var(--ink);color:var(--paper);border-bottom:0}
.home .hsrow .hrk{font-family:var(--mono);font-size:11px;color:var(--mute)}
.home .hsrow.me .hrk{color:var(--rule-strong)}
.home .hsrow .hnm{display:flex;align-items:center;gap:9px;min-width:0}
.home .hsrow .hnm b{font-weight:700;font-size:14px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home .hdot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block}
.home .hsrow .pts{font-weight:700;font-size:16px;letter-spacing:-.03em;background:none;border:0;color:inherit;font-family:var(--disp);cursor:pointer;padding:0}
.home .hsrow .dl{font-family:var(--mono);font-size:10px;width:28px;text-align:right;color:var(--mute)}
.home .hsrow.me .dl{color:var(--rule-strong)}
.home .clocks{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.home .hclock{padding:16px}
.home .hclock .hv{font-weight:700;font-size:38px;letter-spacing:-.05em;line-height:1;margin-top:8px}
.home .hclock .hv small{font-size:18px;letter-spacing:0;color:var(--mute);font-weight:700}
.home .hclock .fn{font-family:var(--mono);font-size:9.5px;line-height:1.5;color:var(--mute);margin-top:8px}
.home .pin{position:relative;background:#F7F4EA;color:#1F1A14;border-radius:3px;padding:18px 18px 16px;transform:rotate(-1deg);box-shadow:0 22px 40px -24px rgba(0,0,0,.9)}
.home .pin::before{content:"";position:absolute;left:50%;top:-7px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#444,#111);box-shadow:0 3px 6px rgba(0,0,0,.6)}
.home .pin .he{font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:#7A6A45}
.home .pin .ht{font-family:var(--hand);font-weight:600;font-size:24px;line-height:1.15;margin-top:8px;white-space:pre-wrap}
.home .pin .ht.empty{color:#7A6A45;font-size:20px}
/* ── the wire ── */
.home .whd{display:flex;justify-content:space-between;align-items:center;gap:16px}
.home .whd .rulebrow{white-space:nowrap}
.home .cats{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.home .hcat{height:26px;padding:0 10px;border-radius:6px;background:transparent;color:var(--ink2);border:1px solid var(--rule-strong);font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.home .hcat:hover{border-color:var(--ink);color:var(--ink)}
.home .hcat.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.home .feed{margin-top:18px;display:flex;flex-direction:column;gap:10px}
.home .wcard{padding:16px 18px;display:grid;gap:8px;animation:llrise .3s ease both;min-width:0}
.home .wcard:hover{border-color:var(--rule-strong)}
.home .wcard.mine{border-left:3px solid var(--tint)}
.home .wcard .meta{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.home .wcard .chip{height:22px;display:inline-flex;align-items:center;padding:0 8px;border-radius:5px;border:1px solid var(--rule-strong);color:var(--ink2);font:inherit;letter-spacing:inherit;text-transform:inherit;align-self:auto}
.home .wcard .rel{margin-left:auto}
.home .wcard.mine .rel{color:var(--tint)}
.home .wcard .hwho{display:flex;align-items:baseline;gap:14px;min-width:0}
.home .wcard .hart{font-weight:700;font-size:22px;letter-spacing:-.02em;line-height:1;cursor:pointer;border-bottom:1px solid transparent;position:relative}
.home .wcard .hart:hover{border-bottom-color:var(--ink)}
.home .wcard .hwho .nmc{position:relative;min-width:0}
.home .wcard .htag{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.home .wcard .hfact{font-size:13.5px;line-height:1.55;color:var(--ink2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.home .wcard .ft{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);gap:12px}
.home .wcard .ft a{color:inherit}
.home .wcard .ft .r{display:flex;gap:14px}
.home .wcard .ft button{all:unset;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
.home .wcard .ft button:hover{color:var(--ink)}
.home .wempty{padding:36px 18px;text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.home .harchive{height:44px;border-radius:10px;background:transparent;color:var(--ink2);border:1px dashed var(--rule-strong);font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none}
.home .harchive:hover{border-color:var(--ink);color:var(--ink)}
/* ── league chat ── */
.home .chat{padding:16px;display:grid;gap:14px;font-size:13px;line-height:1.45}
.home .msgs{display:grid;gap:14px;max-height:520px;overflow:auto;scrollbar-width:thin}
.home .msg{display:grid;grid-template-columns:22px 1fr;gap:10px}
.home .msg .av{width:22px;height:22px;border-radius:50%;background:var(--mute);display:block}
.home .msg .hhd{display:flex;gap:8px;align-items:baseline}
.home .msg .hhd b{font-size:12px}
.home .msg .hhd span{font-family:var(--mono);font-size:9.5px;color:var(--mute)}
.home .msg .tx{color:var(--ink2);overflow-wrap:anywhere}
.home .msg .hq{margin-top:6px;padding:8px 10px;border-radius:8px;background:var(--sunk);border-left:2px solid var(--ink);font-family:var(--mono);font-size:10px;line-height:1.5;color:var(--ink2)}
.home .msg.sys .tx{font-family:var(--mono);font-size:10.5px;color:var(--mute)}
.home .poll{padding:12px;border-radius:10px;border:1px solid var(--rule);display:grid;gap:8px}
.home .poll .he{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.home .poll .hq{font-weight:700;font-size:13px}
.home .poll .hopts{display:grid;gap:5px}
.home .poll .opt{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;font-size:12px;cursor:pointer;background:none;border:0;padding:0;color:inherit;font-family:var(--disp);text-align:left}
.home .poll .hbar{position:relative;height:22px;border-radius:5px;background:var(--sunk);overflow:hidden;display:flex;align-items:center;padding:0 8px}
.home .poll .hbar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--rule);transition:width .4s}   /* the bars are deliberately grey, never tinted */
.home .poll .hbar span{position:relative}
.home .poll .opt.my .hbar span::after{content:" ·  you";color:var(--mute);font-family:var(--mono);font-size:9px}
.home .poll .pct{font-family:var(--mono);font-size:10px;color:var(--mute)}
.home .comp{display:flex;gap:8px}
.home .comp input{flex:1;min-width:0;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--rule);background:var(--sunk);color:var(--ink);font-size:12.5px;outline:none;font-family:var(--disp)}
.home .comp input:focus{border-color:var(--rule-strong)}
.home .comp button{height:38px;padding:0 12px;border-radius:10px;background:var(--ink);color:var(--paper);border:0;font-weight:700;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;font-family:var(--disp)}
.home .quoting{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:var(--sunk);border-left:2px solid var(--ink);font-family:var(--mono);font-size:10px;color:var(--ink2)}
.home .quoting button{all:unset;cursor:pointer;color:var(--mute)}
.home .chathd{display:none}
/* ── recent moves ── */
.home .moves{padding:6px 16px}
.home .mv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.home .mv:last-child{border-bottom:0}
.home .kind{height:20px;display:inline-flex;align-items:center;padding:0 7px;border-radius:4px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase}
.home .mv .l1{font-size:13px;line-height:1.4}
.home .mv .l2{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.home .mv .l2 button,.home .mv .l2 a{all:unset;cursor:pointer;text-decoration:underline;color:var(--ink2);font:inherit;letter-spacing:inherit;text-transform:inherit}
.home .mv .l2 button:hover,.home .mv .l2 a:hover{color:var(--ink)}
.home .mempty{padding:14px 0;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
/* ── phone: three stops ── */
.home .hhero,.home .pill,.home .scrim{display:none}
@media (max-width:1023px){
  .home .hbody{grid-template-columns:minmax(0,1fr);padding:22px 18px 130px;gap:22px}
  .home .hhero{display:flex;align-items:flex-end;gap:14px;margin-top:10px}
  .home .hhero .hrank{font-weight:700;font-size:96px;line-height:.82;letter-spacing:-.06em}
  .home .hhero .hrank small{font-size:30px;letter-spacing:-.02em;color:var(--mute);font-weight:700}
  .home .hhero .hrank.pre{font-size:56px;color:var(--mute)}   /* pre-season: a dash, not a rule across the page */
  .home .hhero .mv1{font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--tint)}
  .home .hhero .mv2{font-family:var(--mono);font-size:10px;line-height:1.5;color:var(--mute);margin-top:4px}
  .home .hhero > div{padding-bottom:6px}
  .home .clocks{gap:8px}.home .hclock{padding:12px 14px}.home .hclock .hv{font-size:26px;letter-spacing:-.04em;margin-top:6px}.home .hclock .hv small{font-size:12px}.home .hclock .fn{display:none}
  .home .stand{padding:14px 14px 4px}.home .stand .hhd b{font-size:14px}.home .stand .hhd a{font-size:9px}
  .home .hsrow{grid-template-columns:20px 1fr auto auto;gap:10px;padding:9px 2px}.home .hsrow.me{padding:9px 8px;margin:0 -6px}
  .home .hdot{width:9px;height:9px}.home .hsrow .hnm b{font-size:13px}.home .hsrow .pts{font-size:14px}.home .hsrow .dl{font-size:9.5px;width:24px}
  .home .pin{margin:0 6px;padding:14px 16px 12px;box-shadow:0 18px 30px -20px rgba(0,0,0,.5)}.home .pin::before{width:12px;height:12px;top:-6px;margin-left:-6px}.home .pin .he{font-size:8px}.home .pin .ht{font-size:20px;margin-top:6px}
  .home .whd{flex-direction:column;align-items:stretch;gap:12px}
  .home .cats{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.home .cats::-webkit-scrollbar{display:none}
  .home .hcat{font-size:9px;flex:none}
  .home .feed{margin-top:12px;gap:8px}.home .wcard{padding:12px 14px;gap:6px}.home .wcard .meta{font-size:8.5px;gap:8px}.home .wcard .chip{height:20px;padding:0 7px}.home .wcard .hart{font-size:18px}.home .wcard .hfact{font-size:12.5px;line-height:1.5}.home .wcard .ft{font-size:8.5px}
  /* the chat as a sheet */
  .home .scrim{position:fixed;inset:0;background:rgba(17,17,17,.35);z-index:35}
  .home .scrim.on{display:block}
  .home .chatwrap{position:fixed;left:0;right:0;bottom:0;height:560px;max-height:88dvh;background:var(--card);border-radius:22px 22px 0 0;border-top:1px solid var(--rule);box-shadow:0 -20px 50px -30px rgba(0,0,0,.5);display:none;flex-direction:column;z-index:40}
  .home .chatwrap.open{display:flex}
  .home .chathd{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 12px;border-bottom:1px solid var(--rule)}
  .home .chathd b{font-weight:700;font-size:16px;display:block}
  .home .chathd .hs{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-top:3px}
  .home .chathd button{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--rule-strong);border-radius:9px;background:transparent;color:var(--ink);cursor:pointer}
  .home .chat{border:0;border-radius:0;flex:1;min-height:0;grid-template-rows:minmax(0,1fr) auto auto;padding:14px 18px 30px;font-size:13.5px}
  .home .msgs{max-height:none}
  .home .msg{grid-template-columns:24px 1fr}.home .msg .av{width:24px;height:24px}.home .msg .hhd b{font-size:12.5px}
  .home .comp input{height:44px;border-radius:12px;font-size:13.5px}.home .comp button{height:44px;padding:0 14px;border-radius:12px;font-size:11px}
  .home .chatbrow{display:none}
  .home .pill{display:flex;position:fixed;right:18px;bottom:104px;height:44px;padding:0 16px 0 12px;border-radius:999px;background:var(--ink);color:var(--paper);align-items:center;gap:9px;box-shadow:0 18px 30px -16px rgba(0,0,0,.6);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:0;cursor:pointer;z-index:30;font-family:var(--disp)}
  .home .pill i{width:8px;height:8px;border-radius:50%;background:var(--paper);display:block}
  .home .pill.unread i{animation:llblink 1.6s ease-in-out infinite}
  .home .moves{padding:2px 14px}.home .mv{padding:11px 0;gap:4px 10px}.home .kind{height:18px;padding:0 6px;font-size:8px}.home .mv .l1{font-size:12.5px}.home .mv .l2{font-size:9px}
}
@media (min-width:1024px){.home .chatwrap{display:contents}}
/* LABEL STYLES · LS-1 (10/3) · C5: the one-line protest field under a recent move (seat.css .llprot spans the row) · A7: a viewer's compact
   block in place of Protest */
.home .mv .llprot{grid-column:1/-1;padding:8px 0 2px}
.home .mv .l2 .llblock.sm{height:22px;padding:0 7px;font-size:8px;border-radius:6px;letter-spacing:.1em}