/* Label League — THE SIGNED-IN SHELL (SCREENS-02-11-SPEC §0.6–§0.9), 9/25/2026. Shared by 04 My Label and the league pages that follow
   (03 · 05 · 06 · 08); the Draft Room carries its own copy inside draft.css (shipped 9/24 — fold it in here when 03 lands).
   Masthead 60px with the numbered marks · the your-rise strip 44px with the tint edge · the phone thumb bar 84px. Tokens from site.css.
   v2 (STEP 14, 10/11): the rise strip's two groups are fit boxes (class ll-fit on #riseL / #riseR, ll-shell.js LLFit): on a phone the
   strip clipped "Cap 2,855 / 3,005" off its end (overflow:hidden); now the line steps down until it fits and only wraps past the floor. */
.ll-mast{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ll-mast .lk{display:flex;align-items:center;gap:36px;min-width:0}
.ll-mast .ll-lockup{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.ll-mast .ll-tile{width:28px;height:28px;border-radius:7px;background:var(--ink);display:grid;place-items:center;flex:none}
.ll-mast .ll-tile svg{width:19px;height:19px;stroke:var(--paper)}
.ll-mast .ll-word{font-weight:700;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}
.ll-nav{display:flex;gap:4px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.ll-nav a{display:flex;align-items:baseline;gap:7px;padding:9px 11px;border-radius:8px;text-decoration:none;color:inherit}
.ll-nav a:hover{background:var(--card)}
.ll-nav a .n{font-size:9px;color:var(--mute)}
.ll-nav a.on{background:var(--ink);color:var(--paper)}
.ll-nav a.on .n{opacity:.6;color:inherit}
.ll-nav a .caret{font-size:9px}
.ll-mast .rt{display:flex;align-items:center;gap:14px}
.ll-mast .ll-console{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);text-decoration:none;display:flex;align-items:baseline;gap:7px;padding:9px 11px;border:1px dashed var(--rule-strong);border-radius:8px}
.ll-mast .ll-console .n{font-size:9px;color:var(--mute)}
.ll-acct{display:flex;align-items:center;gap:9px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--card);border:1px solid var(--rule);text-decoration:none;color:inherit}
.ll-acct .ll-crest{width:24px;height:24px;border-radius:50%;background:var(--tint,var(--ink));display:grid;place-items:center}
.ll-acct .ll-crest svg{width:13px;height:13px;stroke:#111}
.ll-acct b{font-weight:700;font-size:12px;letter-spacing:.02em;white-space:nowrap}
/* the your-rise strip — the spine of the site */
.ll-rise{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--rule);background:var(--sunk);position:relative}
.ll-rise .edge{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tint)}
.ll-rise .g{display:flex;align-items:center;gap:22px;font-family:var(--mono);font-size:calc(var(--fit,1) * 10.5px);--fit-floor:.7;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);white-space:nowrap;min-width:0}
.ll-rise .g[data-fit-floor]{flex-wrap:wrap;row-gap:2px;line-height:1.25}
.ll-rise b{color:var(--ink);font-weight:500}
.ll-rise .up{color:var(--tint)}
/* the phone thumb bar */
.ll-thumb{position:fixed;left:0;right:0;bottom:0;height:84px;padding:10px 12px 0;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--rule);display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;z-index:25}
.ll-thumb a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 0;border-radius:10px;text-decoration:none;color:var(--mute)}
.ll-thumb a .n{font-family:var(--mono);font-size:14px;letter-spacing:.06em}
.ll-thumb a .l{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase}
.ll-thumb a.on{color:var(--ink);background:var(--card);border:1px solid var(--rule)}
.ll-wall{padding:80px 40px;text-align:center}
.ll-wall .big{font-weight:700;font-size:44px;letter-spacing:-.04em;text-transform:uppercase;line-height:1}
.ll-wall .m{margin-top:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.ll-wall a{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:10px;background:var(--ink);color:var(--paper);font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;margin-top:18px}
@media (max-width:899px){
  .ll-mast{height:52px;padding:0 18px}.ll-mast .ll-tile{width:24px;height:24px;border-radius:6px}.ll-mast .ll-tile svg{width:16px;height:16px}.ll-mast .ll-word{font-size:11px}
  .ll-nav,.ll-mast .ll-console{display:none}
  .ll-mast .rt{gap:8px}.ll-acct{padding:2px;border:0;background:transparent}.ll-acct b{display:none}.ll-acct .ll-crest{width:28px;height:28px}.ll-acct .ll-crest svg{width:14px;height:14px}
  .ll-mast .gw{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
  .ll-rise{height:40px;padding:0 18px}.ll-rise .edge{width:3px}.ll-rise .g{gap:14px;font-size:calc(var(--fit,1) * 9.5px)}.ll-rise .g.r{display:none}
  .ll-thumb{display:grid}
}
@media (min-width:900px){.ll-mast .gw{display:none}}