/* ==========================================================================
   LOCKED DESIGN (owner approved, do not change without asking):
   the game panel (scoreboard header, Team leaders, comparison rows), the stock
   panel and chart, and the stock earnings cells in the ribbon (price + change).
   Everything else on the site is still open for redesign.
   ========================================================================== */

/* ==========================================================================
   Marqit design refresh. Loaded AFTER style.css, so everything here is an
   override. To roll back, remove the <link> to refresh.css in index.html.

   1. Varied, moderate corner radii (not one radius everywhere, not square)
   2. Clean navy gradient background (no glows, no fade spots)
   3. Varied section rhythm
   4. Buttons and inputs: a different shape from the cards around them
   5. ESPN-style scoreboard ribbon (square cells) on top of every page
   6. Slim sign-up bar for signed-out visitors, Play page only
   7. @mention styles
   Chips and tags (Live, Locks in, Worth 100 points...) use the original
   oval look from style.css; nothing here changes them.
   ========================================================================== */

:root{ --gold:#F2C14E; }

/* ---------- 2. Background: deep charcoal gradient with a fine film grain over everything ---------- */
html{
  background-color:#0B0D11;
  background-image:linear-gradient(180deg,#191C23 0%,#101218 50%,#0B0D11 100%);
  background-attachment:fixed;background-repeat:no-repeat;background-size:100% 100%;
}
body{background:transparent;}
html::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.09;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.1 -.35'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  background-size:220px 220px;
}

/* ---------- 1. Varied, moderate corners ---------- */
.predict-card,
.predict-card[data-cat]{border-radius:12px;}
.board,
.boards .board{border-radius:10px;}
.brow.lb{border-radius:8px;}
.sched-sec{border-radius:10px;}
.sched-card{border-radius:8px;}
.hw-fact{border-radius:12px 12px 12px 6px;}
.tier-chip,.tier-chip.active{border-radius:8px;}
.news-card,.trending-strip{border-radius:10px;}
.sec-ico{border-radius:8px;}
.lb-pts b,.trend-rank b,.sched-row-time,.sched-day span{font-variant-numeric:tabular-nums;}

/* ---------- 3. Section rhythm ---------- */
.section{padding:44px 0 30px;}
.section:nth-of-type(even){padding:26px 0 54px;}
#page-home .section{border-top:none;}
.section h2{position:relative;padding-top:14px;}
.section h2::before{
  content:"";position:absolute;left:0;top:0;width:36px;height:3px;
  border-radius:2px;background:var(--gold);
}
@media (min-width:760px){
  /* every other section header steps in, so the eye moves down the page */
  .section:nth-of-type(even) > .wrap > h2,
  .section:nth-of-type(even) .sec-head{margin-left:34px;}
}

/* ---------- 4. Buttons and inputs ---------- */
.predict-card .opt,
.predict-card .opt.yes,
.predict-card .opt.no,
.take-btn,
.take-yes,
.take-no{
  border-radius:8px;
}
.hw-cta,
.signup button,
.lb-share-btn,
.mq-invite,
#mq-invite-btn,
#play-add-buddy-btn,
#send-reset-btn,
#username-prompt-save-btn,
#google-password-save-btn,
#new-password-save-btn,
#save-profile-customization-btn,
#save-profile-state-btn{
  border-radius:9px !important;
  font-family:'Barlow',sans-serif !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
/* the Rival button sits next to the Buddy button, so it gets exactly the same type */
#play-add-rival-btn,#set-rival-btn{
  border-radius:9px !important;font-family:'Barlow',sans-serif !important;font-weight:600 !important;
  letter-spacing:0 !important;text-transform:none !important;
}
input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{
  border-radius:8px;
}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,
input[type=search]:focus,textarea:focus,select:focus{
  outline:none;
  border-color:var(--gold);
}
#username-prompt-input,#google-password-input,#new-password-input,
#reset-email-input,#profile-state-input{border-radius:8px !important;}

/* ==========================================================================
   5. Scoreboard ribbon: square cells like ESPN's top bar.
   Used for the ribbon above the header (today's events, every page) and for
   the day view on the Schedule page. League label cells and game cells sit in
   one row, split by thin 1px lines, and swipe sideways. No rounded corners.
   ========================================================================== */
.page{overflow-x:clip;}
.sched-today{background:#15171B;border-bottom:1px solid #2A2D33;}
.sstrip{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-top:10px;
  background:#15171B;
  border-top:1px solid #2A2D33;
  border-bottom:1px solid #2A2D33;
  border-radius:0;
}
.sched-today .sstrip{width:100%;margin:0;border:0;}
.sstrip-track{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.sstrip-track::-webkit-scrollbar{display:none;}

/* "Today's events / Full schedule" cell at the left end of the ribbon */
.sstrip-lead{
  flex:0 0 132px;
  display:flex;flex-direction:column;justify-content:center;gap:3px;
  padding:8px 14px;
  background:#15171B;
  border:0;border-right:1px solid #2A2D33;border-radius:0;
  color:var(--ink);font:inherit;text-align:left;cursor:pointer;
  scroll-snap-align:start;
}
.sstrip-lead b{font-size:13.5px;font-weight:700;line-height:1.15;}
.sstrip-lead span{font-size:12px;font-weight:600;color:var(--ink-soft);white-space:nowrap;}
.sstrip-lead:hover span{color:var(--ink);}

/* league label cell: NFL, MLB, Earnings... */
.sstrip-league{
  flex:0 0 66px;
  display:flex;align-items:center;justify-content:center;
  padding:8px 6px;
  background:#15171B;
  border-right:1px solid #2A2D33;
  font-size:13.5px;font-weight:700;letter-spacing:.02em;
  text-transform:uppercase;text-align:center;
  color:var(--ink);
  scroll-snap-align:start;
}

/* one game or event */
.sstrip-cell{
  flex:0 0 168px;
  min-height:104px;
  padding:10px 14px 10px;
  display:flex;flex-direction:column;gap:6px;
  border-right:1px solid #2A2D33;
  scroll-snap-align:start;
}
.sstrip-time{
  font-size:12px;font-weight:600;color:var(--ink-soft);
  font-variant-numeric:tabular-nums;line-height:1.1;
}
.sstrip-teams{display:flex;flex-direction:column;gap:5px;}
.sstrip-team{
  font-size:14px;font-weight:600;color:var(--ink);line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sstrip-team b{font-weight:700;font-size:15px;letter-spacing:.01em;}
.sstrip-team.long{font-size:13px;}
.sstrip-title{
  font-size:14px;font-weight:700;color:var(--ink);line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.sstrip-sub{
  font-size:11.5px;color:var(--ink-soft);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.sstrip-tags{margin-top:auto;display:flex;gap:10px;align-items:baseline;}
.sstrip-cell .sched-pick{font-size:11.5px;margin:0;}
.sstrip-cell.has-q{box-shadow:inset 0 -2px 0 var(--gold);}

/* chevron cells at the ends, like ESPN's right arrow */
.sstrip-arrow{
  position:absolute;top:0;bottom:0;z-index:2;
  width:42px;padding:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  background:#15171B;border:0;border-radius:0;
  color:var(--ink);font-size:30px;line-height:1;font-family:inherit;
}
.sstrip-arrow.prev{left:0;border-right:1px solid #2A2D33;}
.sstrip-arrow.next{right:0;border-left:1px solid #2A2D33;}
.sstrip-arrow:hover{background:#1F2228;}
/* arrows only show when there is more to scroll to in that direction */
.sstrip:not(.can-prev) .sstrip-arrow.prev,
.sstrip:not(.can-next) .sstrip-arrow.next{display:none;}
@media (hover:none){.sstrip-arrow{display:none;}}
@media (max-width:640px){
  .sstrip-lead{flex-basis:112px;padding:8px 12px;}
  .sstrip-league{flex-basis:58px;font-size:12.5px;}
  .sstrip-cell{flex-basis:148px;padding:10px 12px;}
}
/* selected day tab on the Schedule page */
.sched-day.sel{border-bottom-color:var(--ink);}
.sched-day.sel b{color:var(--ink);}
.sched-sel-title{margin-top:18px;}

/* ==========================================================================
   6. Sign-up bar: slim, signed-out visitors only, Play page only.
   ========================================================================== */
body:has(#nav-signed-out[style*="none"]) .cta-band,
body:has(#page-home[style*="none"]) .cta-band{display:none;}
.cta-band{padding:22px 0;background:#13161B;border-top:1px solid #2A2D33;}
.cta-band .cta-row{display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;}
.cta-band h2{font-size:clamp(22px,4vw,28px);max-width:none;line-height:1;}
.cta-band p{margin-top:5px;font-size:14.5px;max-width:none;}
.cta-band #cta-open-signup{margin-top:0 !important;flex:none;}

/* ==========================================================================
   7. @mentions: tagged names in comments, username suggestions, and the
   "mentioned you" notice.
   ========================================================================== */
.cmt-mention{color:#7FA8FF;font-weight:600;}
.cmt-form{position:relative;}
.cmt-suggest{
  position:absolute;left:0;bottom:100%;z-index:30;
  width:min(280px,100%);margin-bottom:6px;padding:4px;
  background:#20242C;border:1px solid var(--line);border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.45);
}
.cmt-suggest[hidden]{display:none;}
.cmt-suggest-item{
  display:flex;align-items:center;gap:9px;width:100%;
  padding:8px 10px;border:0;border-radius:7px;background:transparent;
  color:var(--ink);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer;
}
.cmt-suggest-item:hover,.cmt-suggest-item.on{background:rgba(127,168,255,.16);}
.cmt-suggest-av{
  flex:none;width:24px;height:24px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;background:#2C2F37;overflow:hidden;
}
.cmt-suggest-av img{width:100%;height:100%;object-fit:cover;}

.mq-mention-host{
  position:fixed;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));
  z-index:60;display:flex;flex-direction:column;gap:8px;align-items:center;
  pointer-events:none;
}
.mq-mention{
  pointer-events:auto;
  display:flex;align-items:center;gap:10px;
  width:100%;max-width:400px;padding:9px 10px 9px 12px;
  background:#20242C;border:1px solid rgba(127,168,255,.45);border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.45);
  animation:mqMentionIn .3s ease backwards;
}
@keyframes mqMentionIn{from{opacity:0;transform:translateY(10px);}}
.mq-mention-av{
  flex:none;width:28px;height:28px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:14px;background:#2C2F37;overflow:hidden;
}
.mq-mention-av img{width:100%;height:100%;object-fit:cover;}
.mq-mention-text{flex:1;min-width:0;font-size:14px;line-height:1.3;color:var(--ink);}
.mq-mention-text b{color:#7FA8FF;font-weight:700;}
.mq-mention-view{
  flex:none;padding:6px 12px;border:0;border-radius:8px;
  background:var(--ink);color:var(--paper);font:inherit;font-size:13px;font-weight:700;cursor:pointer;
}
.mq-mention-x{
  flex:none;width:28px;height:28px;border:0;border-radius:50%;
  background:transparent;color:var(--ink-soft);font-size:20px;line-height:1;cursor:pointer;
}
.mq-mention-x:hover{color:var(--ink);}
@media (prefers-reduced-motion:reduce){.mq-mention{animation:none;}}

/* ==========================================================================
   Top ribbon: thin, ESPN-height, same dark as the Play / Schedule tab bar.
   ========================================================================== */
.sched-today,.sched-today .sstrip,.sched-today .sstrip-lead,.sched-today .sstrip-league,
.sched-today .sstrip-arrow{background:#17191D;}
.sched-today{border-bottom:1px solid #2A2D33;}
.sched-today .sstrip-lead,.sched-today .sstrip-league,.sched-today .sstrip-cell,
.sched-today .sstrip-arrow.prev,.sched-today .sstrip-arrow.next{border-color:#2A2D33;}
.sched-today .sstrip-lead{flex-basis:112px;padding:4px 12px;gap:1px;}
.sched-today .sstrip-lead b{font-size:12.5px;}
.sched-today .sstrip-lead span{font-size:11px;}
.sched-today .sstrip-league{flex-basis:54px;padding:4px;font-size:12px;}
.sched-today .sstrip-league.is-earn,.sstrip-league.is-earn{font-size:9.5px;letter-spacing:.04em;padding:4px 2px;}
.sched-today .sstrip-cell{flex-basis:150px;min-height:0;padding:5px 12px 6px;gap:3px;}
.sched-today .sstrip-time{display:flex;justify-content:space-between;gap:8px;font-size:11px;}
.sched-today .sstrip-sub{font-size:11px;min-width:0;}
.sched-today .sstrip-teams{gap:1px;}
.sched-today .sstrip-team{font-size:12.5px;line-height:1.25;}
.sched-today .sstrip-team b{font-size:13px;}
.sched-today .sstrip-team.long{font-size:12px;}
.sched-today .sstrip-title{font-size:12.5px;line-height:1.2;}
.sched-today .sstrip-tags{display:none;}
.sched-today .sstrip-arrow{width:34px;font-size:26px;}
.sched-today .sstrip-arrow:hover{background:#22252B;}
.sched-today .sstrip-time span:first-child{white-space:nowrap;flex:none;}
.sched-today .sstrip-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;}
.sched-today .sstrip-cell:has(.sstrip-title) .sstrip-sub{display:none;}
.sched-today .sstrip-lead{flex-basis:128px;}
.sched-today .sstrip-lead b{white-space:nowrap;}

/* live rows: round letter badge (no team logos), abbreviation, then record or score */
.sstrip-team.live{display:flex;align-items:center;gap:7px;overflow:visible;}
.sstrip-badge{
  flex:none;width:16px;height:16px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#2A2D33;color:#C9CBD1;font:700 9.5px/1 'Barlow',sans-serif;font-style:normal;
}
.sstrip-team.live b{flex:none;}
.sstrip-rec{margin-left:auto;font-size:11.5px;font-weight:500;color:var(--ink-soft);font-variant-numeric:tabular-nums;}
.sstrip-rec.score{font-size:13px;font-weight:700;color:var(--ink);}
.sstrip-team.lost b,.sstrip-team.lost .sstrip-rec{color:#7C7F87;}
.sstrip-team.lost .sstrip-badge{opacity:.55;}
.sstrip-cell.is-live .sstrip-time span:first-child{color:#FF6B5B;}

/* ==========================================================================
   Click-through panel: game score + season numbers, or a stock price chart.
   ========================================================================== */
.sstrip-cell.is-click{cursor:pointer;transition:background .12s;}
.sstrip-cell.is-click:hover,.sstrip-cell.is-click:focus-visible{background:#1F2228;outline:none;}
.evp-back{position:fixed;inset:0;z-index:90;background:rgba(6,9,18,.72);display:flex;align-items:flex-start;justify-content:center;padding:6vh 14px 20px;overflow-y:auto;}
.evp{position:relative;width:100%;max-width:540px;background:#17191D;border:1px solid #2A2D33;border-radius:14px;padding:22px 22px 18px;box-shadow:0 18px 50px rgba(0,0,0,.55);animation:evpIn .18s ease backwards;}
@keyframes evpIn{from{opacity:0;transform:translateY(8px);}}
.evp-x{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--ink-soft);font-size:26px;line-height:1;cursor:pointer;}
.evp-x:hover{color:var(--ink);background:#22252B;}
.evp-kicker{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding-right:34px;}
.evp-title{margin:6px 0 2px;font-size:24px;font-weight:700;color:var(--ink);}
.evp-score{margin-top:12px;display:flex;flex-direction:column;gap:10px;}
.evp-line{display:flex;align-items:center;gap:12px;}
.evp-line .sstrip-badge{width:26px;height:26px;font-size:13px;}
.evp-tn{flex:1;font-size:17px;font-weight:600;color:var(--ink);display:flex;flex-direction:column;}
.evp-tn small{font-size:12.5px;font-weight:500;color:var(--ink-soft);}
.evp-line b{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);}
.evp-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid #2A2D33;}
.evp-col h4{margin:0 0 8px;font-size:14px;color:var(--ink);}
.evp-col dl{margin:0;display:flex;flex-direction:column;gap:6px;}
.evp-col dl div{display:flex;justify-content:space-between;gap:8px;font-size:13px;}
.evp-col dt{color:var(--ink-soft);}
.evp-col dd{margin:0;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;}
.evp-muted{font-size:13.5px;color:var(--ink-soft);margin:14px 0 0;}
.evp-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:4px;}
.evp-price b{font-size:32px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);}
.evp-price span{font-size:14px;font-weight:600;}
.evp-chart{position:relative;margin-top:14px;min-height:220px;}
.evp-chart svg{display:block;width:100%;height:220px;touch-action:pan-y;cursor:crosshair;}
.evp-tip{position:absolute;top:0;width:150px;text-align:center;font-size:12px;font-weight:600;color:var(--ink);background:#22252B;border-radius:6px;padding:3px 6px;pointer-events:none;}
.evp-axis,.evp-hilo{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft);margin-top:6px;}
.evp-ranges{display:flex;gap:6px;margin-top:12px;}
.evp-ranges button{flex:1;padding:8px 0;border:1px solid #2A2D33;border-radius:8px;background:transparent;color:var(--ink-soft);font:inherit;font-size:13px;font-weight:700;cursor:pointer;}
.evp-ranges button.on{background:var(--ink);color:#17191D;border-color:var(--ink);}
.evp-foot{margin:14px 0 0;font-size:11.5px;color:var(--ink-soft);}
body.mq-evopen{overflow:hidden;}
@media (max-width:520px){.evp-cols{grid-template-columns:1fr;}.evp{padding:20px 16px 16px;}}

/* ---- panel redesign: scoreboard header, comparison rows, flat chart, text range tabs ---- */
.evp{border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.4);padding:20px 24px 20px;}
.evp-bar{width:36px;height:3px;border-radius:2px;background:var(--gold);margin-bottom:12px;}
.evp-kicker{font-size:11.5px;letter-spacing:.09em;}
.evp-title{font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:30px;letter-spacing:.01em;text-transform:uppercase;margin:4px 0 0;}
.evp-price b{font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:44px;line-height:1;}
.evp-price span{font-size:13.5px;}
.evp-chart svg{height:230px;}
.evp-ranges{gap:0;margin-top:14px;border-bottom:1px solid #2A2D33;}
.evp-ranges button{flex:none;padding:10px 18px 9px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:var(--ink-soft);font-size:13.5px;font-weight:600;margin-bottom:-1px;}
.evp-ranges button:hover{color:var(--ink);}
.evp-ranges button.on{background:none;color:#fff;border-color:var(--gold);}
.evp-foot{margin-top:12px;}

.gh{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:14px;}
.gh-team{display:flex;flex-direction:column;gap:2px;min-width:0;}
.gh-team.h{text-align:right;align-items:flex-end;}
.gh-abbr{font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:52px;line-height:.95;letter-spacing:.01em;color:var(--ink);}
.gh-name{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.gh-rec{font-size:12.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums;}
.gh-mid{display:flex;align-items:center;gap:10px;padding:0 6px;}
.gh-sc{font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:46px;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink);}
.gh-dash{color:var(--ink-soft);font-size:22px;}
.gh-at{font-size:13px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;}
.gh-status{margin-top:10px;text-align:center;font-size:13px;font-weight:700;color:var(--ink-soft);letter-spacing:.04em;}
.gh-status.live{color:#FF6B5B;}
.evp-body{margin-top:16px;border-top:1px solid #2A2D33;padding-top:6px;}
.cmp-row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:baseline;padding:10px 0 4px;border-bottom:1px solid #22252B;position:relative;}
.cmp-row:last-child{border-bottom:0;}
.cmp-l{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);text-align:center;}
.cmp-v{font-size:16px;font-weight:600;color:#B9BCC3;font-variant-numeric:tabular-nums;}
.cmp-v.r{text-align:right;}
.cmp-v.win{color:#fff;font-weight:700;}
.cmp-bars{grid-column:1 / -1;display:flex;gap:6px;height:3px;margin:6px 0 4px;}
.cmp-bars i{display:block;height:100%;background:#2E323A;border-radius:2px;}
.cmp-bars i:first-child{transform-origin:right;}
.cmp-bars i.win{background:var(--gold);}
@media (max-width:520px){.gh-abbr{font-size:40px;}.gh-sc{font-size:36px;}.evp{padding:18px 16px;}}

/* ---- round 2: smaller type, area fill kept, clickable white dot on the chart ---- */
.gh-abbr{font-size:34px;}
.gh-sc{font-size:32px;}
.gh-name{font-size:12.5px;}
.evp-title{font-size:19px;letter-spacing:.02em;}
.evp-price b{font-size:34px;}
.evp-price span{font-size:13px;}
.evp-dot{position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#fff;border:2px solid #3DDC97;box-shadow:0 0 0 3px rgba(255,255,255,.14);pointer-events:none;z-index:2;}
.evp-chart.pinned .evp-dot{box-shadow:0 0 0 4px rgba(255,255,255,.28);}
.evp-tip{width:170px;top:-4px;z-index:3;}
@media (max-width:520px){.gh-abbr{font-size:30px;}.gh-sc{font-size:28px;}.evp-price b{font-size:30px;}}

/* ---- color, without logos: team-colored badges, live price on earnings cells ---- */
.sstrip-badge{font-weight:800;}
.sstrip-title.one{-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;display:block;}
.sstrip-quote{display:flex;align-items:baseline;gap:8px;min-height:16px;font-variant-numeric:tabular-nums;}
.sstrip-quote b{font-size:13px;font-weight:700;color:var(--ink);}
.sstrip-quote span{font-size:12px;font-weight:700;}
.sstrip-quote.up span{color:#3DDC97;}
.sstrip-quote.down span{color:#FF6B5B;}
.gh-team .gh-abbr{display:inline-block;padding-bottom:5px;border-bottom:3px solid var(--tc,#4B5160);align-self:flex-start;}
.gh-team.h .gh-abbr{align-self:flex-end;}

/* ---- sports cells: matchup band in both teams' colors, player-number circles, team leaders ---- */
.sstrip-cell{position:relative;}
.sstrip-cell.has-band::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--ca) 0 50%,var(--cb) 50% 100%);
}
.sstrip-badge{font-size:9px;letter-spacing:-.02em;}
.kp-head{margin:14px 0 2px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);}
.kp-list{border-bottom:1px solid #2A2D33;margin-bottom:8px;padding-bottom:6px;}
.kp-row{display:grid;grid-template-columns:1fr 54px 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #22252B;}
.kp-row:last-child{border-bottom:0;}
.kp{display:flex;align-items:center;gap:10px;min-width:0;}
.kp.h{flex-direction:row-reverse;text-align:right;}
.kp-num{flex:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:800 13px/1 'Barlow',sans-serif;font-style:normal;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18);}
.kp-t{display:flex;flex-direction:column;min-width:0;}
.kp-t b{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kp-t b small{font-size:10.5px;font-weight:600;color:var(--ink-soft);margin-left:3px;}
.kp-t em{font-style:normal;font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kp-row .cmp-l{font-size:10.5px;}
@media (max-width:520px){.kp-row{grid-template-columns:1fr 40px 1fr;gap:6px;}.kp-num{width:26px;height:26px;font-size:12px;}}

/* ---- iPhone notch / status bar: the ribbon is the first thing on the page, so it takes the safe-area
   space itself and the header below no longer adds its own (that was a big empty gap, and the ribbon
   sat underneath the status bar). ---- */
.sched-today{padding-top:env(safe-area-inset-top);}
body:has(.sched-today:not([style*="none"])) nav{padding-top:28px;}
@media (max-width:480px){
  body:has(.sched-today:not([style*="none"])) nav{padding-top:20px;}
}

/* ---- How to play / Challenge are reachable from the menu and footer, not the tab bar ---- */
.pagenav-tab[data-page="how"]{display:none;}

/* ---- Profile picker: icon tiles and color swatches ---- */
.pc-label{margin:16px 0 8px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);}
.pc-label:first-child{margin-top:0;}
/* Quiet, single-tone icons (no rainbow); the chosen one gets a light ring. Colors are small round chips. */
.pc-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px;padding:6px;border:0;border-radius:0;background:transparent;margin-bottom:4px;}
.pc-icons .av-tile{width:100%;height:auto;aspect-ratio:1;border-radius:10px;background:transparent;border:1px solid transparent;color:#9AA0A9;box-shadow:none;}
.pc-icons .av-tile:hover{background:#1B1E24;color:#E4E6EA;transform:none;}
.pc-icons .av-tile.sel{background:#22262D;color:#F1F2F4;border-color:#4A4F59;box-shadow:none;}
.pc-icons .av-tile .av-glyph{width:50%;height:50%;stroke-width:1.4;}
.pc-colors{display:grid;grid-template-columns:repeat(6,30px);gap:14px 16px;margin:2px 0 18px;padding:4px 6px;border:0;border-radius:0;overflow:visible;width:auto;max-width:100%;}
.pc-swatch{width:30px;height:30px;border:0;border-radius:50%;cursor:pointer;position:relative;padding:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:transform .15s ease;}
.pc-swatch.sel{box-shadow:0 0 0 2px #0F1115,0 0 0 3.5px #E4E6EA;}
.pc-swatch.sel::after{content:none;}
.pc-swatch:hover{transform:scale(1.08);filter:none;}

/* ---- Trending cards: round photo of the main person, floated beside the title ---- */
.news-card.is-trend .trend-face{
  float:right;width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center 22%;
  margin:0 0 6px 14px;background:#1B1E24;box-shadow:0 0 0 2px #2A2D33;
}
/* the card body is a flex column, so the photo is pinned top-right instead of floated */
.news-card.is-trend{position:relative;}
.news-card.is-trend .trend-face{position:absolute;top:16px;right:16px;float:none;margin:0;z-index:1;}
.news-card.is-trend:has(.trend-face) .trend-rank,
.news-card.is-trend:has(.trend-face) .news-meta,
.news-card.is-trend:has(.trend-face) .news-h,
.news-card.is-trend:has(.trend-face) .trend-ctx{padding-right:80px;}

/* ---- Account: avatar + username and the tier label read as one joined pill ---- */
#nav-signed-in{gap:0 !important;}
#nav-signed-in #sign-out-btn{margin-left:10px;order:3;}
#nav-profile-pill{order:1;align-self:stretch;}
#nav-badge{order:2;align-self:stretch;}
#nav-signed-in:has(#nav-badge[style*="flex"]) #nav-profile-pill{border-radius:100px 0 0 100px !important;border-right:0 !important;}
#nav-badge{border-radius:0 100px 100px 0 !important;border-left:1px solid #2F333A !important;background:#1B1E24 !important;padding:4px 14px 4px 11px !important;gap:6px !important;}
#nav-badge #nav-badge-icon{stroke:var(--gold);width:14px;height:14px;}
#nav-badge #nav-badge-label{font-size:12.5px !important;font-weight:600 !important;letter-spacing:.02em;color:#C9CDD3;}

/* ---- Tabs: no browser focus box after a click (keyboard focus keeps a thin underline) ---- */
.pagenav-tab:focus{outline:none;}
.pagenav-tab:focus-visible{outline:none;color:#fff;box-shadow:inset 0 -2px 0 #6B7079;}
.pagenav-tab.active:focus-visible{box-shadow:none;}

/* ==========================================================================
   Avatars: your initial (editorial serif, hairline ring) on your color, or a photo.
   ========================================================================== */
.av-initial{
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  width:80%;height:80%;border-radius:50%;border:1px solid rgba(255,255,255,.32);
  font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1;letter-spacing:0;
}

/* ==========================================================================
   This week: streak on the left, the seven days as an even row, hairline between.
   ========================================================================== */
#recap-card{border-top:1px solid var(--line) !important;}
.recap-strip{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 26px;margin:8px 0 18px;}
.rs-streak{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:96px;padding-right:26px;border-right:1px solid #2A2D33;}
.rs-streak strong{color:var(--ink) !important;font-size:48px;line-height:.95;}
.rs-streak span{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);}
.rs-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;justify-items:center;}
.rs-day{display:flex;flex-direction:column;align-items:center;gap:9px;}
.rs-dot{width:34px;height:34px;max-width:none;aspect-ratio:auto;border:1.5px solid #3A3F48;border-style:solid;background:transparent;font-size:14px;font-weight:600;color:var(--ink);}
.rs-day.has .rs-dot{border-color:#4FA477;background:rgba(79,164,119,.16);}
.rs-day.today .rs-dot{border-color:var(--gold);}
.rs-day.today.has .rs-dot{border-color:#4FA477;box-shadow:0 0 0 2px #1B1E24,0 0 0 3px var(--gold);}
.rs-day.future .rs-dot{border-color:#2A2D33;opacity:.65;}
.rs-name{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);}
.rs-day.today .rs-name{color:var(--gold);font-weight:700;}
@media (max-width:560px){
  .recap-strip{grid-template-columns:1fr;gap:16px 0;}
  .rs-streak{flex-direction:row;align-items:baseline;gap:10px;border-right:0;border-bottom:1px solid #2A2D33;padding:0 0 12px;}
  .rs-streak strong{font-size:40px;}
  .rs-dot{width:30px;height:30px;font-size:13px;}
}

/* ---- Share buttons: one height, label centered, one font ---- */
.lb-share-btn,#share-group-card-btn{
  display:inline-flex;align-items:center;justify-content:center;flex:none;align-self:flex-start;
  height:46px;min-height:46px;padding:0 22px;line-height:1;text-align:center;
  font-family:'Barlow',sans-serif !important;font-size:14.5px !important;font-weight:600 !important;
}
#share-group-card-btn[style*="none"]{display:none !important;}

/* ==========================================================================
   Schedule page cells: category color dot, ranked-team numbers, readable time row.
   ========================================================================== */
#sched-list .sstrip-time{display:flex;justify-content:space-between;gap:8px;align-items:baseline;}
#sched-list .sstrip-time span:first-child{white-space:nowrap;flex:none;}
#sched-list .sstrip-sub{min-width:0;text-align:right;}
#sched-list .sstrip-cell{--cc:#6B7079;}
#sched-list .sstrip-cell[data-cat="sports"]{--cc:#D98B3A;}
#sched-list .sstrip-cell[data-cat="finance"]{--cc:#4FA477;}
#sched-list .sstrip-cell[data-cat="tech"]{--cc:#5B8BC9;}
#sched-list .sstrip-cell[data-cat="pop_culture"]{--cc:#9A74C8;}
#sched-list .sstrip-cell[data-cat="news"]{--cc:#C9A24A;}
#sched-list .sstrip-cell .sstrip-time span:first-child::before{
  content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;vertical-align:1px;background:var(--cc);
}
.sstrip-rk{font:600 10.5px/1 'Barlow',sans-serif;font-style:normal;color:var(--ink-soft);margin:0 -2px 0 0;min-width:11px;text-align:right;}

/* ---- "N votes" expands to show who voted ---- */
.voters-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 0;background:none;border:0;border-radius:0;color:var(--ink-soft);font:600 12.5px/1.2 'Barlow',sans-serif;cursor:pointer;}
.voters-btn:hover{color:var(--ink);}
.voters-btn svg{transition:transform .18s ease;}
.voters-btn.open svg{transform:rotate(180deg);}
.voters{margin-top:8px;padding:12px 14px;border:1px solid #2A2D33;border-radius:10px;background:#15171B;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.voters[hidden]{display:none;}
.vtr-col h5{margin:0 0 8px;font:700 11.5px/1 'Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);}
.vtr-col.yes h5{color:#6FBF8C;}.vtr-col.no h5{color:#D98577;}
.vtr-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;max-height:180px;overflow:auto;}
.vtr-col li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink);min-width:0;}
.vtr-col li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vtr-col li.more{font-size:12px;font-weight:500;color:var(--ink-soft);}
.vtr-av{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-style:normal;overflow:hidden;}
.voters-msg{grid-column:1/-1;font-size:12.5px;color:var(--ink-soft);}

/* Stock panel: analyst view and key numbers (below the locked chart) */
#evp-fund .fd-sec{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
#evp-fund .fd-h{display:flex;align-items:center;gap:10px;font:600 11px 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8B909A;margin-bottom:12px}
#evp-fund .fd-badge{letter-spacing:.06em;font-size:11px;padding:3px 9px;border-radius:100px;border:1px solid currentColor}
#evp-fund .fd-badge.buy{color:#3DDC97}#evp-fund .fd-badge.sell{color:#FF6B5B}#evp-fund .fd-badge.hold{color:#D9B24A}
#evp-fund .fd-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;gap:2px;background:#23262C}
#evp-fund .fd-bar i{display:block;height:100%}
#evp-fund .fd-bar .b{background:#3DDC97}#evp-fund .fd-bar .h{background:#D9B24A}#evp-fund .fd-bar .s{background:#FF6B5B}
#evp-fund .fd-leg{display:flex;gap:16px;margin-top:8px;font-size:13px;color:#A8ADB6}
#evp-fund .fd-leg b{color:#F2F3F5;margin-right:3px}#evp-fund .fd-leg em{margin-left:auto;font-style:normal;color:#7B808A}
#evp-fund .fd-tg{margin-top:16px}
#evp-fund .fd-tgt{font-size:14px;color:#A8ADB6;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
#evp-fund .fd-tgt b{color:#F2F3F5;font-size:18px}#evp-fund .fd-tgt .up{color:#3DDC97;font-size:13px}#evp-fund .fd-tgt .dn{color:#FF6B5B;font-size:13px}
#evp-fund .fd-rng{position:relative;height:4px;background:#2F333A;border-radius:2px;margin:14px 0 6px}
#evp-fund .fd-rng u{position:absolute;top:-4px;width:2px;height:12px;background:#F2F3F5;transform:translateX(-1px)}
#evp-fund .fd-rng s{position:absolute;top:-3px;width:10px;height:10px;border-radius:50%;background:#4F8BFF;transform:translateX(-5px);border:2px solid #15171B;box-sizing:content-box;margin-top:-2px}
#evp-fund .fd-rl{display:flex;justify-content:space-between;font-size:12px;color:#7B808A}
#evp-fund .fd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}
#evp-fund .fd-c{background:#15171B;padding:11px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
#evp-fund .fd-c span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8B909A}
#evp-fund .fd-c b{font-size:17px;color:#F2F3F5;font-weight:600}
#evp-fund .fd-c small{font-size:11px;color:#6E737D;line-height:1.3}
@media(max-width:520px){#evp-fund .fd-grid{grid-template-columns:repeat(2,1fr)}}

/* Rankings panel */
.sched-rk-link{background:none;border:0;padding:0;margin-left:6px;font:600 14px 'Barlow',sans-serif;color:var(--ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#4A4F58}
.sched-rk-link:hover{text-decoration-color:var(--ink)}
.rk-tabs{display:flex;gap:6px;overflow-x:auto;margin:14px 0 6px;padding-bottom:6px;scrollbar-width:none}
.rk-tabs::-webkit-scrollbar{display:none}
.rk-tabs button{flex:none;background:none;border:1px solid var(--line);color:#A8ADB6;font:600 12px 'Barlow',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;border-radius:100px;cursor:pointer}
.rk-tabs button.on{background:#F2F3F5;color:#15171B;border-color:#F2F3F5}
.rk-body{min-height:120px}
.rk-note{font-size:13px;color:#D9B24A;margin:8px 0 0}
.rk-conf{font:600 11px 'Barlow',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8B909A;margin:22px 0 2px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.rk-div{font:600 13px 'Barlow',sans-serif;color:#F2F3F5;margin:14px 0 4px}
.rk-t{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.rk-t th{font:600 10px 'Barlow',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6E737D;text-align:right;padding:6px 6px;font-weight:600}
.rk-t td{text-align:right;padding:8px 6px;border-top:1px solid #23262C;color:#C9CDD4}
.rk-t th:nth-child(2),.rk-t td.t{text-align:left}
.rk-t th:first-child,.rk-t td.n{text-align:left;width:26px;color:#6E737D}
.rk-t td.t{color:#F2F3F5;font-weight:500}.rk-t td.t small{color:#6E737D;font-weight:400;margin-left:4px}
.rk-t td.up{color:#3DDC97}.rk-t td.dn{color:#FF6B5B}
.rk-l{list-style:none;margin:8px 0 0;padding:0}
.rk-l li{display:flex;gap:16px;align-items:center;padding:11px 0;border-top:1px solid #23262C}
.rk-l .n{font:700 22px 'Big Shoulders Display','Barlow',sans-serif;color:#6E737D;width:30px}
.rk-l .m{display:flex;flex-direction:column;min-width:0}.rk-l b{font-size:16px;color:#F2F3F5;font-weight:600}.rk-l em{font-style:normal;font-size:13px;color:#8B909A}

/* Article screen (Trending and News threads): briefing card */
.tsc{--lc:#C9A24A}
.tsc[data-lane="pop"]{--lc:#9A74C8}.tsc[data-lane="sports"]{--lc:#D98B3A}
.tsc-bar{height:4px;background:var(--lc)}
.tsc-in{padding:18px 20px 4px}
.tsc-chips{display:flex;align-items:center;gap:8px;font-family:'Barlow',sans-serif}
.tsc-lane{font-size:12px;font-weight:600;color:#0E1014;background:var(--lc);padding:3px 9px;border-radius:3px}
.tsc-tr{font-size:12px;font-weight:600;color:#E4E6EA;background:#2A2D33;padding:3px 9px;border-radius:3px}
.tsc-tr::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#FF6B5B;margin-right:6px;vertical-align:1px}
.tsc-when{margin-left:auto;font-size:13px;color:#8B909A}
.tsc-hrow{display:flex;gap:16px;align-items:flex-start;margin:14px 0 4px}
.tsc-h{flex:1;min-width:0;margin:0;font:700 24px/1.22 'Barlow',sans-serif;letter-spacing:-.01em;color:#F2F3F5;text-transform:none}
.tsc-ph{flex:none;width:104px;height:104px;border-radius:8px;overflow:hidden;background:#0C0E12}
.tsc-ph img{display:block;width:100%;height:100%;object-fit:cover}
.tsc-facts{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:16px 0}
.tsc-facts>div{background:var(--panel,#15171B);padding:10px 12px;min-width:0}
.tsc-facts span{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8B909A}
.tsc-facts b{display:block;margin-top:2px;font:600 16px 'Barlow',sans-serif;color:#F2F3F5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsc-sum{font-size:15.5px;line-height:1.55;color:#B9BEC7;margin:0 0 4px}
.tsc-readwrap{padding:12px 20px 4px}
.tsc .thread-read{display:block;margin:0;text-align:center;text-decoration:none;font:600 14px 'Barlow',sans-serif;padding:11px;border:1px solid #3A3E46;border-radius:6px}
.tsc .thread-read:hover{border-color:#6E737D}
.tsc .news-take{margin:18px 20px 0;padding:18px 0 20px;border-top:1px solid var(--line)}
.tsc .take-label{font:600 11px 'Barlow',sans-serif;letter-spacing:.14em;color:#8B909A}
.tsc .take-q{font:700 19px/1.3 'Barlow',sans-serif;text-transform:none;letter-spacing:0;margin-top:6px}
.tsc .take-btns{gap:10px}
.tsc .take-btn{min-height:46px;border-radius:6px;font:700 15px 'Barlow',sans-serif;text-transform:none;letter-spacing:.02em;box-shadow:none}
.tsc .take-btn::before{display:none}
.tsc .take-yes{background:#1F4636;border-color:#2E6A50;color:#6BE3A4}
.tsc .take-no{background:#4A2420;border-color:#6E3530;color:#FF8A7A}
.tsc .take-yes:hover:not(:disabled){background:#265640}.tsc .take-no:hover:not(:disabled){background:#5A2B26}
.tsc .take-bar{height:40px;border-radius:6px;gap:2px;background:transparent}
.tsc .take-bar i{display:block}
.tsc .take-bar-y{background:#1F4636}.tsc .take-bar-n{background:#4A2420}
.tsc .take-split{font:700 14px 'Barlow',sans-serif;text-transform:none;letter-spacing:.02em;margin-top:8px}
.tsc .take-split span:first-child{color:#6BE3A4}.tsc .take-split span:last-child{color:#FF8A7A}
.tsc .take-split .me{text-decoration:underline;text-underline-offset:3px}
.tsc .take-note{font-size:12px;color:#6E737D}
@media(max-width:520px){.tsc-h{font-size:21px}.tsc-ph{width:84px;height:84px}}
.tsc-facts span{white-space:nowrap}

/* Feed cards share the article layout; key-number cell; clickable account pill */
.news-card.tcd{border-top-width:1px;padding:0;--lane:var(--lc)}
.news-card.tcd:hover{border-color:var(--lc);box-shadow:none;transform:none}
.tcd .tsc-in{padding:14px 16px 4px}
.tcd .tsc-hrow{margin:12px 0 4px;gap:14px}
.tcd .tsc-h{font:700 18px/1.25 'Barlow',sans-serif;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.005em}
.tcd .tsc-ph{width:76px;height:76px}
.tcd-by{font-size:13px;color:#8B909A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tcd .tsc-chips{flex-wrap:nowrap}.tcd .tsc-when{flex:none}
.tcd-stat{display:flex;align-items:baseline;gap:8px;margin:10px 0 6px}
.tcd-stat b{font:700 26px 'Barlow',sans-serif;letter-spacing:-.01em;color:#F2F3F5}
.tcd-stat span{font-size:13px;color:#8B909A}
.tcd-stat.up b,.tsc-stat.up b{color:#3DDC97}.tcd-stat.dn b,.tsc-stat.dn b{color:#FF6B5B}
.tsc-stat span{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8B909A;white-space:nowrap}
.tsc-stat b{display:block;margin-top:2px;font:700 26px/1.1 'Barlow',sans-serif;letter-spacing:-.01em;color:#F2F3F5}
.tsc-facts>.tsc-stat{background:var(--panel,#15171B);padding:10px 12px}
.tcd .news-take{margin:8px 16px 0;padding:14px 0 4px}
.tcd .take-q{font-size:16px}
.tcd .take-note{display:none}
#nav-profile-pill,#nav-badge{cursor:pointer;transition:background .15s}
#nav-profile-pill:hover,#nav-badge:hover{background:#22262D !important}
#nav-profile-pill:focus-visible,#nav-badge:focus-visible{outline:2px solid #6E737D;outline-offset:2px}

/* NEW chip: no outline box */
.mv-new,.tsc .mv-new,.tsc-facts .mv-new{border:0 !important;background:none !important;padding:0;min-width:0;height:auto;display:inline;color:#9DBBF5;font-size:11px;letter-spacing:.08em}
.tsc-tr .mv{height:auto;min-width:0;padding:0 0 0 4px}
/* Trending and News cards: same photo slot, with a tinted tile when there is no photo */
.tsc-ph.ph-none{background:linear-gradient(135deg,color-mix(in srgb,var(--lc) 38%,#14161B),#14161B);position:relative}
.tsc-ph.ph-none::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.12),transparent 55%)}
.tsc-ph.ph-none img{display:none}

/* Schedule agenda */
.agenda .ag-grp{margin-top:26px}
.ag-h{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line);font:700 13px 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#E4E6EA}
.ag-h em{font-style:normal;font-weight:500;letter-spacing:.02em;text-transform:none;color:#6E737D;font-size:13px}
.ag-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:10px}
.agenda .sstrip-cell{flex:none;display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:6px 16px;min-height:0;padding:14px 16px 14px 14px;background:#15171B;border:1px solid var(--line);border-left:4px solid var(--cc);border-radius:10px;position:relative}
.agenda .sstrip-cell.is-click{cursor:pointer;padding-right:34px}
.agenda .sstrip-cell.is-click:hover{background:#1A1D22;border-color:#3A3E46;border-left-color:var(--cc)}
.agenda .sstrip-cell.is-click::after{content:"›";position:absolute;right:14px;top:50%;transform:translateY(-52%);font-size:22px;color:#6E737D}
.agenda .sstrip-cell.is-live{box-shadow:inset 0 0 0 1px rgba(255,107,91,.35)}
.agenda .sstrip-time{display:flex !important;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}
.agenda .sstrip-time span:first-child{font-size:13px;font-weight:700;color:#F2F3F5;white-space:normal}
.agenda .sstrip-time span:first-child::before{display:none !important}
.agenda .sstrip-sub{text-align:left !important;font-size:12px;color:#8B909A;white-space:normal}
.agenda .sstrip-teams{gap:6px}
.agenda .sstrip-team{font-size:15px}
.agenda .sstrip-team b{font-size:15px}
.agenda .sstrip-title{font-size:16px;-webkit-line-clamp:3}
.agenda .sstrip-tags{grid-column:2 / -1;margin:0}
.agenda .sstrip-cell>.sstrip-title,.agenda .sstrip-cell>.sstrip-teams{min-width:0}
@media(max-width:520px){.ag-rows{grid-template-columns:1fr}.agenda .sstrip-cell{grid-template-columns:78px minmax(0,1fr) auto;gap:6px 12px}}

/* Who has voted on a prediction */
.foot-left{cursor:pointer;border-radius:100px}
.foot-left .foot-count{text-decoration:underline;text-decoration-color:#4A4F58;text-underline-offset:3px}
.foot-left:hover .foot-count,.foot-left.open .foot-count{text-decoration-color:currentColor}
.pvoters{margin-top:10px;padding:12px 14px;background:#1B1E24;border:1px solid var(--line);border-radius:8px}
.pv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 14px}
.pv-u{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#E4E6EA;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pv-u .vtr-av{flex:none}

/* Rankings: entry points */
.sched-rk-btn{display:inline-flex;align-items:center;margin-left:10px;height:34px;padding:0 14px;border:1px solid #3A3E46;border-radius:100px;background:#1B1E24;color:#F2F3F5;font:600 13px 'Barlow',sans-serif;cursor:pointer;vertical-align:middle}
.sched-rk-btn:hover{border-color:#6E737D;background:#22262D}
.pagenav-rk{margin-left:auto;align-self:center;background:none;border:1px solid #3A3E46;border-radius:100px;color:#E4E6EA;font:600 13px 'Barlow',sans-serif;padding:7px 14px;cursor:pointer;white-space:nowrap}
.pagenav-rk:hover{border-color:#6E737D;background:#1B1E24}
@media(max-width:700px){.pagenav-rk{display:none}}
/* Rankings: color */
.rk-go{cursor:pointer}
.rk-t tr.rk-go:hover td{background:#1A1D22}
.rk-t tr.rk-go td.n{box-shadow:inset 4px 0 0 var(--tc,transparent);padding-left:12px}
.rk-t td.t{display:flex;align-items:center;gap:10px}
.rk-dot{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font:700 10.5px 'Barlow',sans-serif;letter-spacing:.02em}
.rk-logo{flex:none;position:relative;width:30px;height:30px;border-radius:8px;background:#F2F3F5;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}
.rk-logo img{position:relative;z-index:1;width:20px;height:20px;object-fit:contain}
.rk-logo i{position:absolute;font:700 14px 'Barlow',sans-serif;color:#15171B;font-style:normal}
.rk-t td.t small{margin-left:2px}
.rk-l li.rk-go:hover{background:#1A1D22}
.rk-l .rk-art{flex:none;position:relative;width:48px;height:48px;border-radius:6px;overflow:hidden;background:#2A2D33;display:inline-flex;align-items:center;justify-content:center}
.rk-l .rk-art.round{border-radius:50%}
.rk-l .rk-art img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}
.rk-l .rk-art i{position:absolute;font:700 18px 'Barlow',sans-serif;color:#8B909A;font-style:normal}
.rk-l .m{flex:1}
.rk-chev{color:#6E737D;font-size:22px;padding-right:4px}
.rk-l .n{font-size:20px;width:26px}
.rk-back{background:none;border:0;color:#A8ADB6;font:600 13px 'Barlow',sans-serif;cursor:pointer;padding:0;margin:0 0 10px;display:block}
.rk-back:hover{color:#F2F3F5}
/* Team, song and artist panels */
.tp-head{display:flex;gap:16px;align-items:center;margin:6px 0 4px}
.tp-badge{flex:none;width:58px;height:58px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 17px 'Barlow',sans-serif;font-style:normal}
.tp-sub{font-size:14px;color:#A8ADB6;margin-top:2px}
.tp-leaders{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.tp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:10px}
.tp-grid>div{background:#15171B;padding:10px 12px}
.tp-grid span{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8B909A}
.tp-grid b{display:block;margin-top:2px;font:600 16px 'Barlow',sans-serif;color:#F2F3F5}
.sg-head{display:flex;gap:18px;align-items:center;margin:10px 0 14px}
.sg-art{flex:none;width:112px;height:112px;border-radius:8px;object-fit:cover;background:#2A2D33}
.sg-art.round{border-radius:50%}
.sg-album{font-size:13px;color:#8B909A;margin-top:4px}
.sg-link{display:block;text-align:center;margin-top:14px;padding:11px;border:1px solid #3A3E46;border-radius:6px;color:#F2F3F5;text-decoration:none;font:600 14px 'Barlow',sans-serif}
.sg-link:hover{border-color:#6E737D}
.ar-top .n{font-size:16px}
.rk-t td.t{display:table-cell}
.rk-t td.t .rk-dot,.rk-t td.t .rk-logo{vertical-align:middle;margin-right:10px}
.rk-tabs{flex-wrap:wrap;overflow:visible}
#evp-fund .fd-grid{background:none;border:0;gap:8px}
#evp-fund .fd-c{border:1px solid var(--line);border-radius:6px}

/* Credits block on About; chip focus ring; buddy lines */
.about-credits{margin-top:36px;padding-top:24px;border-top:1px solid var(--line);max-width:640px}
.about-credits h3{font:700 13px 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8B909A;margin:0 0 14px}
.about-credits dl{margin:0;display:grid;grid-template-columns:200px 1fr;gap:10px 18px;font-size:14px}
.about-credits dt{color:#E4E6EA;font-weight:600}.about-credits dd{margin:0;color:#A8ADB6;line-height:1.45}
.about-credits p{font-size:13px;color:#6E737D;margin:16px 0 0}
@media(max-width:560px){.about-credits dl{grid-template-columns:1fr;gap:2px}.about-credits dd{margin-bottom:10px}}
.feed-chip:focus{outline:none}
.feed-chip:focus-visible{outline:1px solid #6E737D;outline-offset:2px}
.topic-chips{margin-top:10px}
.topic-chips .feed-chip{font-size:12.5px;padding:6px 12px;opacity:.95}
.topic-chips .feed-chip:not(.on){border-style:solid}
.buddy-wrap{display:flex;flex-direction:column}
.buddy-more summary{list-style:none;cursor:pointer;font-size:13px;color:#A8ADB6;padding:6px 0 2px;display:inline-flex;gap:6px;align-items:center}
.buddy-more summary::-webkit-details-marker{display:none}
.buddy-more summary::after{content:"▾";font-size:11px}
.buddy-more[open] summary::after{content:"▴"}
.buddy-more summary:hover{color:#F2F3F5}

/* Round two: pictures everywhere, no placeholders on cards, pill focus, chips on one line */
.tsc-ph.ph-none{display:none}
.tsc-lane,.tsc-tr{white-space:nowrap;flex:none}
.tcd .tsc-chips{overflow:hidden}
.rk-tl{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.06);vertical-align:middle;margin-right:10px}
.rk-tl img{width:28px;height:28px;object-fit:contain}
.rk-tl.big{width:64px;height:64px;border-radius:14px;margin:0}.rk-tl.big img{width:52px;height:52px}
.rk-dot.big{width:64px;height:64px;font-size:18px;margin:0}
.tp-head .rk-tl,.tp-head .rk-dot{margin-right:0}
#profile-circle-btn:focus{outline:none}
#profile-circle-btn:focus-visible{outline:2px solid #6E737D;outline-offset:2px}
#nav-profile-pill button:focus,#nav-profile-pill:focus{outline:none}
.pagenav-rk{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 18px;font-size:14px;line-height:1;position:relative;top:-2px}
.pagenav-rk span{display:inline-block;line-height:1;transform:translateY(-1px)}

/* Schedule, cleaner: a plain list with hairlines instead of boxed cards */
.agenda{max-width:860px}
.agenda .ag-grp{margin-top:34px}
.ag-h{border:0;margin:0 0 2px;padding:0 8px 10px;font:600 12px 'Barlow',sans-serif;letter-spacing:.18em;color:#8B909A;border-bottom:1px solid #3A3E46}
.ag-h em{display:none}
.ag-rows{display:block}
.agenda .sstrip-cell{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:4px 18px;padding:14px 8px;background:none;border:0;border-bottom:1px solid #23262C;border-radius:0;box-shadow:none}
.agenda .sstrip-cell.has-q{box-shadow:none}
.agenda .sstrip-cell.is-live{box-shadow:none}
.agenda .sstrip-cell.is-click{padding-right:30px}
.agenda .sstrip-cell.is-click:hover{background:rgba(255,255,255,.035);border-color:#23262C}
.agenda .sstrip-cell.is-click::after{opacity:0;right:10px;transition:opacity .15s}
.agenda .sstrip-cell.is-click:hover::after{opacity:1}
.agenda .sstrip-time span:first-child{font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px}
.agenda .sstrip-time span:first-child::before{display:inline-block !important;content:"";width:6px;height:6px;border-radius:50%;background:var(--cc);flex:none}
.agenda .sstrip-cell.is-live .sstrip-time span:first-child{color:#FF8A7A}
.agenda .sstrip-sub{padding-left:14px;font-size:12px;color:#7B808A}
.agenda .sstrip-teams{max-width:360px}
.agenda .sstrip-title{font-weight:600}
@media(max-width:560px){.agenda .sstrip-cell{grid-template-columns:86px minmax(0,1fr);gap:4px 12px}.agenda .sstrip-tags{grid-column:2}}

/* Player photos (Wikimedia Commons, openly licensed, each credited) */
.kp-ph{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 12%;flex:none;background:#e9ecf1;box-shadow:0 0 0 2px rgba(255,255,255,.14)}
.kp-cr{display:block;margin-top:2px;font-size:10px;line-height:1.3;color:#8a93a3;text-decoration:none;font-weight:400}
.kp-cr:hover{text-decoration:underline}

/* Schedule, layout B: Live now / Later / Finished, one tight row per game */
.agenda{max-width:760px}
.agenda .ag-h{display:flex;align-items:center;justify-content:space-between;margin:0;padding:0 2px 8px;border-bottom:0;font:600 11.5px 'Barlow',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8B909A}
.agenda .ag-h em{display:inline;font-style:normal;letter-spacing:0;font-weight:500;color:#6E737D;font-size:12px}
.ag-sec{margin-top:18px}
.ag-sec summary{cursor:pointer;list-style:none}.ag-sec summary::-webkit-details-marker{display:none}
.ag-done:not([open]) summary::after{content:"Show";font-size:12px;color:#8B909A;margin-left:8px;letter-spacing:0;text-transform:none}
.ag-done[open] summary{margin-bottom:0}
.ag-live{background:#17191E;border:1px solid #2B2F37;border-radius:12px;padding:12px 12px 4px;margin-top:6px}
.ag-live .ag-h{color:#FF8272}
.ag-pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#FF6B5B;margin-right:8px;vertical-align:1px}
.sr{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid #23262C;min-height:52px}
.ag-live .sr{padding:11px 4px;border-top-color:#2B2F37}
.sr.is-click{cursor:pointer}.sr.is-click:hover{background:rgba(255,255,255,.035)}
.sr-t{font-size:13px;font-weight:600;color:#C9CDD4;font-variant-numeric:tabular-nums;line-height:1.25}
.sr.is-live .sr-t{color:#FF8272}
.sr.is-done .sr-t{color:#6E737D}.sr.is-done .sr-m b{color:#AEB3BC}
.sr-m{display:flex;flex-direction:column;gap:2px;min-width:0}
.sr-m b{font-size:15.5px;font-weight:600;color:#F2F3F5;display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.3}
.sr-m small{font-size:12px;color:#7E838D}
.sr-at{font-weight:400;color:#7E838D}
.sr-dot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.sr-sc em{font-style:normal;font:700 19px 'Big Shoulders Display','Barlow',sans-serif;min-width:14px;text-align:center}
.sr-sc span{color:#6E737D}
.sr-go{color:#6E737D;font-size:20px;line-height:1}
.sr .sched-pick{margin:0;font-size:12.5px}
.sched-sel-title{font-size:22px;margin:12px 0 4px}
@media(max-width:520px){.sr{grid-template-columns:62px minmax(0,1fr) auto;gap:10px}}
.agenda .ag-h{justify-content:flex-start;gap:8px}
.ag-done:not([open]) summary::after,.ag-done[open] summary::after{margin-left:auto}
.ag-done[open] summary::after{content:"Hide";font-size:12px;color:#8B909A;letter-spacing:0;text-transform:none}
.sched-sub{font-size:15px;margin:6px 0 0;color:var(--ink-soft)}
#page-schedule .hero-lite{padding-top:18px;padding-bottom:28px}
#page-schedule h2{font-size:34px;margin-bottom:0}

/* ===== Density pass: Play page, Leaderboard, Schedule are shorter and tighter ===== */
.section{padding:28px 0 20px}
#page-home .section{padding:8px 0 24px}
#page-home .hero-play + .section{padding-top:6px}
/* Play: friends/buddies/rivals rows */
.mq-fold>summary{min-height:44px;padding:5px 14px;gap:10px}
.mq-fold>summary .sec-ico{width:28px;height:28px;border-radius:9px}
.mq-fold>summary .sec-ico svg{width:15px;height:15px}
.mq-fold>summary .ex-title{font-size:16px}
.mq-fold-count{font-size:11.5px;padding:1px 7px}
#play-friends{margin-top:14px !important}
/* Play: request a prediction + results card */
#play-suggest > div > div{padding:14px 16px !important}
#play-suggest textarea{min-height:44px}
.play-extras{gap:14px}
.play-extras > *{margin-top:14px}
.play-extras #share-section{padding:14px 16px}
.play-extras #share-section .share-card-lg .share-head strong{font-size:18px}
.play-extras #share-section .share-cell{flex:0 0 52px}
.play-extras #share-section .share-card-lg .share-icon{width:44px;height:44px;border-radius:12px}
.play-extras #share-section .share-card-lg .share-icon svg{width:20px;height:20px}
.play-extras #share-section .share-card-lg .share-cell-label{font-size:11px;margin-top:4px}
.play-extras #share-section .share-date{margin-bottom:6px;font-size:13px}
.play-extras #share-section .share-card-lg .share-foot{margin-top:6px;font-size:12px}
.cb-ico{width:38px;height:38px;border-radius:12px}.cb-ico svg{width:20px;height:20px}

/* Leaderboard: record card is rings + calendar side by side; weekly cards side by side */
#page-leaderboard .hero-lite{padding-top:14px;padding-bottom:6px}
#page-leaderboard .hero-lite h2{font-size:32px}
#page-leaderboard .hero-lite p{margin-top:4px !important}
#page-leaderboard .hero-lite + .section{padding-top:8px;padding-bottom:6px}
#page-leaderboard .section{padding-top:14px;padding-bottom:14px}
#page-leaderboard .recap-card{padding:14px 16px}
#record-card .rec-rings{padding-top:2px;margin-bottom:6px}
.rec-ring svg{width:52px !important;height:52px !important;margin-bottom:4px !important}
.rec-dow,.rec-cal{gap:4px !important}
#record-card .rec-cal-wrap>*{max-width:250px !important}
.rec-legend{font-size:10.5px;gap:8px;margin-top:6px}
@media(min-width:760px){
  #record-card{display:grid;grid-template-columns:minmax(0,1fr) 270px;column-gap:24px;align-items:start}
  #record-card .recap-head{grid-column:1 / -1}
  #record-card .rec-rings{grid-column:1;grid-row:2;border-top:0;margin-top:8px}
  #record-card .recap-foot{grid-column:1;grid-row:3;align-self:start}
  #record-card .rec-cal-wrap{grid-column:2;grid-row:2 / span 2;padding-top:0;border-top:0}
  #page-leaderboard .section:nth-of-type(2) > .wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  #page-leaderboard .section:nth-of-type(2) > .wrap > #record-card,
  #page-leaderboard .section:nth-of-type(2) > .wrap > #top-predictor-line{grid-column:1 / -1}
  #page-leaderboard .section:nth-of-type(2) > .wrap > .recap-card{margin-top:0 !important}
  #page-leaderboard .section:nth-of-type(2) > .wrap > #top-predictor-line{margin-top:0 !important}
}
#page-leaderboard .hero-lite p{display:none}
#page-leaderboard .hero-lite{padding-bottom:0}
@media(min-width:760px){.rec-legend{flex-wrap:wrap;justify-content:center}}
#page-leaderboard .hero-lite{padding-bottom:10px}

/* Schedule S1: day strip with counts, live score cards, time-slot tiles */
.sched-day{padding:8px 4px 8px;gap:1px;border-radius:10px;border-bottom:0 !important;flex:1 0 52px}
.sched-day em{font-style:normal;font-size:10px;color:#6E737D;margin-top:2px;letter-spacing:.02em;white-space:nowrap}
.sched-day.has em{color:#9AA0AB}
.sched-day.sel{background:#EEF0F4}
.sched-day.sel b,.sched-day.sel span{color:#111 !important}.sched-day.sel em{color:#555}
.sched-day.today:not(.sel) span{color:#F6C430}
.agenda{max-width:none}
.ag-live{background:none;border:0;padding:0;margin-top:2px}
.ag-live .ag-h{color:#FF8272}
.lv-row{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:thin}
.lv{flex:0 0 210px;scroll-snap-align:start;background:#181B21;border:1px solid #2E333D;border-radius:14px;padding:11px 14px 10px}
.lv.is-click{cursor:pointer}.lv.is-click:hover{background:#1C2027;border-color:#434956}
.lv-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.lv-clock{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:#FF8272;text-transform:uppercase;display:flex;align-items:center}
.lv-h small{font-size:11px;color:#7E838D;letter-spacing:.08em}
.lv-t{display:flex;align-items:center;gap:8px;padding:4px 0}
.lv-t b{font-size:17px;font-weight:700;color:#F2F3F5;letter-spacing:.02em}
.lv-t small{font-size:11px;color:#7E838D}
.lv-t span{margin-left:auto;font:700 26px 'Big Shoulders Display','Barlow',sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.lv-f{margin-top:4px;font-size:11px;color:#7E838D}
.ag-slot{margin:0 0 8px;font:700 12px 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8B909A}
.ag-sec{margin-top:16px}
.tl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.tl{background:#16191F;border:1px solid #242830;border-radius:12px;padding:10px 14px 9px}
.tl.is-click{cursor:pointer}.tl.is-click:hover{background:#1B1E25;border-color:#3A3F4A}
.tl-t{display:flex;align-items:center;gap:8px;padding:3px 0}
.tl-t b{font-size:15px;font-weight:600;color:#F2F3F5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tl-t small{margin-left:auto;font-size:12px;color:#7E838D;font-variant-numeric:tabular-nums}
.tl-t span{margin-left:auto;font:700 18px 'Big Shoulders Display','Barlow',sans-serif;color:#fff}
.tl-t.lost b,.tl-t.lost span{color:#7E838D}
.tl-f{display:flex;justify-content:space-between;align-items:center;margin-top:5px;padding-top:6px;border-top:1px solid #23262C;font-size:11.5px;color:#7E838D}
.tl-f .sched-pick{margin:0;font-size:12px}
.tl.is-done{background:#13161B}
.ag-done summary{margin-bottom:8px}
@media(max-width:520px){.lv{flex-basis:78%}.tl-grid{grid-template-columns:1fr}}

/* Schedule, flat scoreboard version: hairlines only, one game per line */
#page-schedule .hero-lite{padding-top:14px;padding-bottom:30px}
#page-schedule h2{font-size:30px;margin:0 0 10px}
#page-schedule .scope-tab-row{margin:0 0 4px;border:0;gap:4px;padding:0}
#page-schedule .scope-tab{padding:6px 10px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7E838D;border:0;border-radius:6px;background:none}
#page-schedule .scope-tab:hover{color:#C9CDD4}
#page-schedule .scope-tab.active{color:#fff;background:#23272F;box-shadow:none}
#page-schedule .scope-tab.active::after{display:none}
.sched-days{margin-top:10px;gap:0;border-bottom:1px solid #2A2E36}
.sched-day{background:none !important;border-radius:0;border-bottom:2px solid transparent !important;padding:8px 4px 8px;flex:1 0 48px;margin-bottom:-1px}
.sched-day b{font-size:11px;letter-spacing:.1em;color:#7E838D}
.sched-day span{font-size:20px;color:#C9CDD4 !important}
.sched-day.sel{background:none;border-bottom-color:#F6C430 !important}
.sched-day.sel b{color:#fff !important}.sched-day.sel span{color:#fff !important}
.sched-day.today:not(.sel) span{color:#F6C430 !important}
.sched-day.past{opacity:.5}
.sched-day em{display:none}
.sched-list{margin-top:6px}
.agenda{max-width:none}
.ag-sec{margin-top:22px}
.ag-sec .ag-h{margin:0;padding:0 0 7px;border-bottom:1px solid #3A3F4A;font:700 11px 'Barlow',sans-serif;letter-spacing:.18em;color:#8B909A}
.ag-sec .ag-h .live{color:#FF7A69;display:inline-flex;align-items:center}
.gm{display:grid;grid-template-columns:96px minmax(0,1fr) 110px;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid #23262C}
.gm.is-click{cursor:pointer}.gm.is-click:hover{background:rgba(255,255,255,.03)}
.gm-t{font-size:13px;font-weight:600;color:#9AA0AB;font-variant-numeric:tabular-nums;white-space:nowrap}
.gm.is-live .gm-t{color:#FF7A69}
.gm-m{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);align-items:center;gap:10px;min-width:0}
.gm-a,.gm-h{display:flex;align-items:center;gap:9px;min-width:0}
.gm-a{justify-content:flex-end;text-align:right}
.gm b{font-size:15.5px;font-weight:600;color:#F2F3F5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gm-bar{flex:none;width:3px;height:18px;border-radius:2px;display:inline-block}
.gm-s{text-align:center;color:#6E737D;font-size:13px;display:flex;justify-content:center;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.gm-s em{font:700 21px 'Big Shoulders Display','Barlow',sans-serif;font-style:normal;color:#fff}
.gm-s u{text-decoration:none;color:#5C616B}
.gm .lost b,.gm-s em.lost{color:#7E838D}
.gm.is-done .gm-t{color:#6E737D}
.gm-one{grid-column:1 / -1;display:block}.gm-one small{color:#7E838D;font-size:13px;margin-left:6px;font-weight:400}
.gm-n{text-align:right;font-size:12px;color:#7E838D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gm .sched-pick{margin:0;font-size:12.5px}
@media(max-width:620px){
  .gm{grid-template-columns:62px minmax(0,1fr);row-gap:2px;padding:11px 2px}
  .gm-n{display:none}
  .gm-m{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:6px}
  .gm b{font-size:14px}
}

/* Schedule, final pass: classic stacked scoreboard rows, no team colors */
.agenda{max-width:720px}
.ag-sec{margin-top:26px}
.ag-sec .ag-h{padding-bottom:8px;border-bottom:1px solid #353A44;font:700 13px 'Barlow',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#E4E6EA}
.ag-sec .ag-h .live{color:#FF6B5B}
.gm{grid-template-columns:104px minmax(0,1fr) 112px;gap:14px;align-items:center;padding:12px 6px;border-bottom:1px solid #23262C}
.gm-t{display:flex;flex-direction:column;gap:2px;font-size:13.5px;font-weight:600;color:#C9CDD4;line-height:1.25}
.gm-lg{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7E838D}
.gm.is-live .gm-t>span{color:#FF6B5B}
.gm.is-done .gm-t{color:#7E838D}
.gm-m{display:flex;flex-direction:column;gap:5px;grid-template-columns:none}
.gm-tm{display:flex;align-items:baseline;justify-content:space-between;gap:12px;max-width:380px}
.gm-tm b{font-size:16px;font-weight:600;color:#F2F3F5}
.gm-tm span{font:700 20px 'Big Shoulders Display','Barlow',sans-serif;color:#fff;font-variant-numeric:tabular-nums;min-width:26px;text-align:right}
.gm-tm span small{font:500 12.5px 'Barlow',sans-serif;color:#7E838D}
.gm-tm.lost b,.gm-tm.lost span{color:#7E838D;font-weight:500}
.gm-sub{font-size:13px;color:#8B909A}
.gm-n{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.gm-n small{font-size:12px;color:#7E838D}
.gm .sched-pick{font-size:12px;font-weight:600;color:#F6C430;border:1px solid rgba(246,196,48,.45);border-radius:999px;padding:3px 10px;background:none;margin:0}
.gm .sched-pick:hover{background:rgba(246,196,48,.1);text-decoration:none}
@media(max-width:620px){
  .gm{grid-template-columns:76px minmax(0,1fr);gap:10px}
  .gm-n{grid-column:2;align-items:flex-start;flex-direction:row;gap:10px}
  .gm-tm{max-width:none}
}
.gm-m{align-items:stretch;justify-content:center}
.gm-tm{width:100%;text-align:left}
.gm-tm b{text-align:left;overflow:visible}

/* Schedule: a bit of life */
.ag-sec .ag-h{display:flex;align-items:center;gap:10px;padding-bottom:10px}
.ag-sec .ag-h>span{display:inline-flex;align-items:center;gap:10px;font-size:14px;letter-spacing:.06em}
.ag-sec .ag-h em{margin-left:auto;font:500 12px 'Barlow',sans-serif;letter-spacing:0;text-transform:none;color:#7E838D;display:inline}
.ag-ico{width:28px;height:28px;border-radius:50%;background:#20242C;color:#AEB4C0;display:inline-flex;align-items:center;justify-content:center;flex:none}
.ag-ico svg{width:16px;height:16px}
.ag-pulse{width:8px;height:8px;border-radius:50%;background:#FF5B4D;display:inline-block;margin-right:7px;box-shadow:0 0 0 0 rgba(255,91,77,.6);animation:agp 1.6s infinite}
@keyframes agp{0%{box-shadow:0 0 0 0 rgba(255,91,77,.55)}70%{box-shadow:0 0 0 7px rgba(255,91,77,0)}100%{box-shadow:0 0 0 0 rgba(255,91,77,0)}}
@media(prefers-reduced-motion:reduce){.ag-pulse{animation:none}}
.gm.is-live{background:linear-gradient(90deg,rgba(255,91,77,.09),rgba(255,91,77,0) 55%);box-shadow:inset 3px 0 0 #FF5B4D}
.gm.is-live .gm-t>span{display:inline-flex;align-items:center}
.gm-in{font-style:normal;font-size:12px;font-weight:500;color:#C9A94A}
.gm-bd{flex:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 10.5px 'Barlow',sans-serif;font-style:normal;letter-spacing:.02em;background:#2A2F38;color:#C9CDD4;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.gm-bd.tick{font-size:9.5px;border-radius:9px;width:36px}
.gm-tm{justify-content:flex-start;align-items:center;gap:10px}
.gm-tm b{flex:1;min-width:0}
.gm-tm span{margin-left:auto}
.gm-rk{font-style:normal;font-size:11px;color:#7E838D;margin-left:-4px}
.gm-m{gap:6px}
.gm.is-done .gm-bd{opacity:.55}
.gm.is-click:hover .gm-tm b{color:#fff}
.gm .sstrip-quote{display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-height:0;margin:0}
.gm .sstrip-quote b{font:700 15px 'Barlow',sans-serif;color:#F2F3F5}
.gm .sstrip-quote span{font-size:12px;font-weight:600}
.gm .sstrip-quote.up span{color:#3DD68C}.gm .sstrip-quote.down span{color:#FF6B6B}
.gm-sub{margin-left:40px}
.gm.is-live{padding-left:14px}.ag-sec .ag-h .live{gap:0}

/* League accents: each league has its own color on its icon, header rule and filter chip */
.ag-sec[style*="--lg"] .ag-ico{color:var(--lg);background:color-mix(in srgb,var(--lg) 18%,#1A1D24)}
.ag-sec[style*="--lg"] .ag-h{border-bottom-color:color-mix(in srgb,var(--lg) 60%,#2A2E36)}
.ag-sec[style*="--lg"] .ag-h>span{color:#F2F3F5}
#page-schedule .scope-tab{position:relative}
#page-schedule .scope-tab[style*="--lg"]:not([data-cat="all"])::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lg);margin-right:7px;vertical-align:1px}
#page-schedule .scope-tab.active[style*="--lg"]:not([data-cat="all"]){background:color-mix(in srgb,var(--lg) 20%,#1E2128);color:#fff}

/* Live game panel */
.lvp{margin:14px 0 4px}
.lv-line{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin-bottom:6px}
.lv-line th,.lv-line td{padding:7px 8px;text-align:center;font-size:14px;color:#C9CDD4;border-bottom:1px solid #23262C}
.lv-line th{font-size:11px;letter-spacing:.1em;color:#7E838D;font-weight:600}
.lv-line th:first-child,.lv-line td:first-child{text-align:left;font-weight:700;color:#F2F3F5;width:56px}
.lv-line .t{font-weight:700;color:#fff;border-left:1px solid #2A2E36}
.lv-tabs{display:flex;gap:6px;margin:2px 0 10px}
.lv-tabs button{flex:1;padding:7px 10px;border-radius:8px;border:1px solid #2A2E36;background:none;color:#9AA0AB;font:600 13px 'Barlow',sans-serif;cursor:pointer}
.lv-tabs button.on{background:#23272F;color:#fff;border-color:#3A3F4A}
.lv-tbl{width:100%;border-collapse:collapse;margin-bottom:12px;font-variant-numeric:tabular-nums}
.lv-tbl th,.lv-tbl td{padding:6px 6px;font-size:13px;text-align:right;color:#C9CDD4;border-bottom:1px solid #1F2227}
.lv-tbl th{font-size:10.5px;letter-spacing:.08em;color:#7E838D;font-weight:600;text-transform:uppercase}
.lv-tbl th:first-child,.lv-tbl td:first-child{text-align:left;color:#F2F3F5;font-weight:600}
.lv-tbl td small{color:#7E838D;font-weight:400}
.lv-plays{list-style:none;margin:0;padding:0}
.lv-plays li{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #1F2227;font-size:13.5px;color:#C9CDD4;line-height:1.35}
.lv-plays li b{font-size:12px;color:#7E838D;font-weight:600;font-variant-numeric:tabular-nums}
.lv-plays li.score{color:#fff}.lv-plays li.score b{color:#F6C430}

/* Leader avatars: initials in the team color until a photo loads (or when none exists) */
.kp-num{width:40px;height:40px;font-size:14px;letter-spacing:.02em}
@media (max-width:520px){.kp-num,.kp-ph{width:34px;height:34px}.kp-num{font-size:12px}}

/* Leaderboard, quieter and tighter: nothing floats alone, fewer colors, no medals */
#page-leaderboard .recap-card{background:var(--panel);border:1px solid var(--line);border-top:1px solid var(--line) !important;border-radius:10px;padding:12px 16px}
#page-leaderboard .recap-head{font:600 11px 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8B909A;margin-bottom:6px}
#page-leaderboard .recap-stats strong,#page-leaderboard .rs-streak strong{color:var(--ink) !important}
#page-leaderboard .lb.m1 .lb-rank,#page-leaderboard .lb.m2 .lb-rank,#page-leaderboard .lb.m3 .lb-rank{background:rgba(255,255,255,.08);color:var(--ink)}
#page-leaderboard .lb.m1 .lb-rank{background:rgba(255,255,255,.16)}
#page-leaderboard .brow.lb{padding:5px 10px}
#page-leaderboard .bb-head svg{display:none}
#page-leaderboard .bb-head .ex-title{font-size:20px}
#page-leaderboard .board-title{font:600 11px 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8B909A}
#page-leaderboard .board-title #group-name-display{font:600 15px 'Barlow',sans-serif;letter-spacing:0;text-transform:none;color:var(--ink)}
#page-leaderboard .ex-title{font-size:18px;margin-bottom:2px}
#page-leaderboard .ex-sub{margin-bottom:8px}
#page-leaderboard .lb-big{margin-top:16px !important}
#page-leaderboard h3.ex-title{margin-top:18px !important}
#page-leaderboard .section:nth-of-type(2) .ex-title:first-child{margin-top:0 !important}

/* Group: standings on the left, everything else stacked on the right */
.gp-grid{display:grid;gap:12px;align-items:start}
.gp-side{display:flex;flex-direction:column;gap:10px;min-width:0}
.gp-side > *{margin:0 !important;max-width:none !important}
.gp-side > p:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.gp-side > p:first-child button{margin-left:0 !important}
.gp-side > div[style*="max-width:420px"]{display:flex}
.gp-side #group-card-owner-settings{padding:10px 12px !important;font-size:12px}
.gp-side #group-card-owner-settings label{margin-bottom:6px !important}
.gp-side #group-card-owner-settings p{display:none}
.gp-side .lb-share-btn{margin-top:0 !important;width:100%;text-align:center}
.gp-side > div[style*="padding:14px 16px"]{padding:10px 12px !important}
.gp-main .boards{margin:0}
@media(min-width:820px){.gp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.gp-main .boards{display:block !important;max-width:none !important}
.gp-main .board{width:100%;max-width:none}
#page-leaderboard .lb-pts,#page-leaderboard .brow.lb > span:last-child{white-space:nowrap}
#page-leaderboard .brow.lb.medal{border-color:rgba(255,255,255,.10) !important;background:none !important;box-shadow:none}
#page-leaderboard .brow.lb.mine{box-shadow:inset 0 0 0 1px rgba(51,209,139,.45)}
#page-leaderboard .lb-big .board{padding-top:14px}
#page-leaderboard .bb-head{margin:0}

/* Record card: small calendar, one-line legend */
.rc{border-radius:4px !important}
@media(min-width:760px){
  #record-card{grid-template-columns:minmax(0,1fr) 196px;column-gap:20px}
  #record-card .rec-cal-wrap>*{max-width:196px !important}
  #record-card .rec-cal,#record-card .rec-dow{gap:3px !important}
  #record-card .rc{aspect-ratio:auto;height:15px}
  #record-card .rec-dow{margin-bottom:3px}
  #record-card .rec-dow span{font-size:9px}
  #record-card .rec-legend{margin-top:5px;gap:2px 8px;font-size:9.5px;justify-content:flex-start}
  #record-card .rec-legend i{width:8px;height:8px;margin-right:3px}
  #record-card .rec-ring svg{width:56px !important;height:56px !important;margin-bottom:3px !important}
  #record-card .rec-ring b{font-size:12px}
  #record-card .rec-ring span{font-size:10.5px}
  #record-card .rec-rings{margin-top:4px}
}
/* Greek-life sections: tighter */
#greek-section #chapter-cup-banner{margin-top:14px !important;padding:10px 14px !important}
#greek-section h3.ex-title{margin-top:16px !important}
#greek-section .ex-sub{font-size:12.5px;margin-bottom:6px}
#greek-section [id^="h2h-mode"]{padding:5px 12px !important;font-size:12.5px !important}
#greek-section #h2h-select-a,#greek-section #h2h-select-b{padding:7px 10px !important}
@media(min-width:900px){#greek-section .boards.one{max-width:640px}}

/* Standings & charts is now the last nav tab, styled like the others (no pill) */
.pagenav-rk{margin-left:0 !important;align-self:auto !important;height:auto !important;top:0 !important;border:0 !important;border-radius:0 !important;background:none !important;padding:14px 20px !important;color:#9A9CA3 !important;font:600 13.5px 'Barlow',sans-serif !important;border-bottom:3px solid transparent !important;transition:color .15s}
.pagenav-rk:hover{color:#D8D9DC !important;background:none !important}
@media(max-width:700px){.pagenav-rk{display:inline-flex !important}}

/* News: Trending block, compact */
.news-top3 .nt3-h{padding:9px 14px 7px;font-size:16px}
.news-card.top-row{padding:7px 14px;gap:11px}
.top-row .tr-n{width:22px;font-size:24px}
.top-row .tr-img{width:56px;height:42px;border-radius:7px}
.top-row .news-h{font-size:14px;line-height:1.25;-webkit-line-clamp:1}
.top-row .tr-main{gap:2px}
.top-row .news-meta,.top-row .tr-main>div:first-child:not(.news-h){font-size:11.5px}

/* Group panel: one card, sections divided by hairlines */
.gp-side{gap:0 !important;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.gp-side > *{padding:12px 16px !important;border:0 !important;border-radius:0 !important;background:none !important;box-sizing:border-box}
.gp-side > * + *{border-top:1px solid var(--line) !important}
.gp-side > .form-msg:empty{display:none}
.gp-side > p:first-child{display:flex !important;align-items:center;gap:10px !important;font-size:12px !important;color:#8B909A !important;text-transform:uppercase;letter-spacing:.12em;font-weight:600}
.gp-side #group-invite-code{font:600 15px 'Barlow',sans-serif !important;letter-spacing:.14em;background:#15171B !important;color:#E8EAEE !important;border:1px solid var(--line) !important;border-radius:8px !important;padding:5px 12px !important}
.gp-side #copy-invite-btn{margin-left:auto !important;padding:6px 14px !important;border-radius:8px !important;font-size:12.5px !important}
.gp-side #leave-group-btn{border:0 !important;background:none !important;color:#8B909A !important;text-decoration:underline;font-size:12px !important;padding:4px !important;text-transform:none;letter-spacing:0;font-weight:500}
.gp-side #leave-group-btn:hover{color:#E0705F !important}
.gp-side > div[style*="max-width:420px"] input{border-radius:8px !important;padding:9px 12px !important;font-size:14px !important}
.gp-side > div[style*="max-width:420px"] button{border-radius:8px !important;padding:9px 16px !important}
.gp-side #group-card-owner-settings{font-size:13px}
.gp-side #group-card-owner-settings > div:first-child{font-size:11px !important;letter-spacing:.14em !important;color:#8B909A !important;margin-bottom:8px !important}
.gp-side #group-card-owner-settings label{font-size:13px !important;color:#C9CDD4}
.gp-side #group-card-owner-settings input[type=checkbox],.gp-side label input[type=checkbox]{accent-color:#33D18B;width:15px !important;height:15px !important}
.gp-side > label{font-size:12.5px !important;color:#8B909A !important}
.gp-side > div[style*="padding:14px 16px"] > div:first-child{font-size:11px !important;letter-spacing:.14em !important;color:#8B909A !important}
.gp-side .lb-share-btn{width:100%;text-align:center;font-weight:600;font-size:14px;color:#111 !important;background:#EEF0F4 !important;border-radius:0 !important;padding:13px 16px !important}
.gp-side .lb-share-btn:hover{background:#fff !important}
.gp-side #champion-card-btn-wrap:empty{display:none}

/* Schedule: no tinted background on live rows; league filter as a segmented control */
.gm.is-live{background:none !important}
#sched-chips{display:flex}
#sched-chips.scope-tab-row,#page-schedule #sched-chips{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#16181C;overflow-x:auto;max-width:100%;scrollbar-width:none}
#page-schedule #sched-chips::-webkit-scrollbar{display:none}
#page-schedule #sched-chips .scope-tab{padding:7px 14px;font-size:11.5px;letter-spacing:.1em;border-radius:7px;color:#868B95;background:none}
#page-schedule #sched-chips .scope-tab::before{display:none !important}
#page-schedule #sched-chips .scope-tab:hover{color:#D5D8DE}
#page-schedule #sched-chips .scope-tab.active,#page-schedule #sched-chips .scope-tab.active[style*="--lg"]:not([data-cat="all"]){background:#262A32;color:#fff;box-shadow:inset 0 -2px 0 var(--lg)}

/* Standings & charts page */
#rk-page .rk-tabs{flex-wrap:wrap;margin:12px 0 10px}
#rk-page .rk-body{max-width:900px}
#rk-page .evp-foot{max-width:900px}

/* The tab already names the page: hide the big duplicate headings (kept for screen readers) */
#page-leaderboard .hero-lite h2,#page-schedule .hero-lite h2,#page-news .hero-lite h2,#page-standings .hero-lite h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#page-leaderboard .hero-lite,#page-schedule .hero-lite,#page-news .hero-lite,#page-standings .hero-lite{padding-top:18px}
#page-schedule .hero-lite{padding-top:20px}

/* Ring percentages: larger */
.rec-ring text{font-size:17px !important}

/* Schedule league tabs: plain text with counts and a colored underline */
#page-schedule #sched-chips,#sched-chips.scope-tab-row{display:flex !important;gap:26px;padding:0;margin:0 0 4px;border:0;border-bottom:1px solid #2A2E36;border-radius:0;background:none;overflow-x:auto;max-width:none}
#page-schedule #sched-chips .scope-tab{padding:10px 0 11px;margin-bottom:-1px;font-size:12px;letter-spacing:.14em;color:#7E838D;background:none !important;border-radius:0;border:0;border-bottom:2px solid transparent;box-shadow:none}
#page-schedule #sched-chips .scope-tab i{font-style:normal;margin-left:7px;font-size:11px;letter-spacing:0;color:#5C616B;font-weight:600}
#page-schedule #sched-chips .scope-tab:hover{color:#D5D8DE}
#page-schedule #sched-chips .scope-tab.active,#page-schedule #sched-chips .scope-tab.active[style*="--lg"]:not([data-cat="all"]){background:none !important;color:#fff;box-shadow:none;border-bottom-color:var(--lg)}
#page-schedule #sched-chips .scope-tab.active i{color:var(--lg)}
#page-schedule .sched-days{margin-top:14px}

/* Group panel buttons: one size, one style, text centered */
.gp-side button:not(.lb-share-btn){display:inline-flex !important;align-items:center;justify-content:center;text-align:center;height:36px;padding:0 18px !important;font:600 13px 'Barlow',sans-serif !important;letter-spacing:.02em;border-radius:999px !important;line-height:1;text-decoration:none !important;text-transform:none}
.gp-side #copy-invite-btn{background:#EEF0F4 !important;color:#111 !important;border:1px solid #EEF0F4 !important;margin-left:auto !important}
.gp-side #leave-group-btn{background:none !important;color:#E0705F !important;border:1px solid #8A4A41 !important}
.gp-side #leave-group-btn:hover{background:rgba(224,112,95,.1) !important;color:#F08A78 !important}
.gp-side #group-invite-username-btn{background:none !important;color:#E8EAEE !important;border:1px solid #4A4F59 !important}
.gp-side #group-invite-username-btn:hover{border-color:#8B909A !important}
.gp-side .lb-share-btn{width:calc(100% - 32px);height:36px;line-height:36px;text-align:center;margin:12px 16px !important;padding:0 18px !important;background:#EEF0F4 !important;color:#111 !important;border:0 !important;border-radius:999px !important;font:600 13px 'Barlow',sans-serif !important}
.gp-side > .lb-share-btn{border-top:0 !important}
.gp-side > div[style*="max-width:420px"] input{height:36px;padding:0 14px !important;border-radius:999px !important}

/* Record calendar: bigger, true squares */
@media(min-width:760px){
  #record-card{grid-template-columns:minmax(0,1fr) 250px}
  #record-card .rec-cal-wrap>*{max-width:250px !important}
  #record-card .rc{aspect-ratio:1 !important;height:auto !important;border-radius:6px !important}
  #record-card .rec-cal,#record-card .rec-dow{gap:5px !important}
  #record-card .rec-dow span{font-size:10px}
  #record-card .rec-legend{font-size:10.5px;gap:3px 10px}
  #record-card .rec-legend i{width:9px;height:9px}
}
.rc{border-radius:6px !important}

/* Leave group: quiet grey button, turns red on hover */
.gp-side #leave-group-btn{background:rgba(255,255,255,.07) !important;color:#B4B9C2 !important;border:0 !important;font-weight:600}
.gp-side #leave-group-btn:hover{background:rgba(224,112,95,.16) !important;color:#F08A78 !important}

/* Leave group: same shape and size as Copy */
.gp-side button:not(.lb-share-btn),.gp-side .lb-share-btn,.gp-side > div[style*="max-width:420px"] input{border-radius:8px !important}
.gp-side #leave-group-btn{background:#262A32 !important;color:#E8EAEE !important;border:1px solid #3A3F49 !important}
.gp-side #leave-group-btn:hover{background:rgba(224,112,95,.16) !important;color:#F08A78 !important;border-color:#8A4A41 !important}
.gp-side #copy-invite-btn{margin-left:auto !important}
.gp-side > p:first-child{gap:8px !important}

/* No Greek-life / chapter features */
#greek-section,#greek-opt-in-btn,#greek-create-fields{display:none !important}

/* Calendar: more room before the legend */
#record-card .rec-cal{margin-bottom:0}
#record-card .rec-legend{margin-top:14px !important;gap:6px 12px !important}
.rec-legend{margin-top:12px}

/* Challenge banner: equal space above and below */

/* Standings: win-% bars, streak chips, leader tint */
.rk-t th.wp,.rk-t td.wp{text-align:left;width:120px;padding-left:14px}
.wpb{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.wpb i{display:block;height:100%;border-radius:3px;background:var(--tc);filter:saturate(1.1)}
.rk-s{display:inline-block;min-width:36px;text-align:center;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(255,255,255,.06);color:#9AA0AB;line-height:1.2}
.rk-s.w{background:rgba(51,209,139,.14);color:#4FD69A}
.rk-s.l{background:rgba(224,112,95,.14);color:#E58474}
.rk-t tr.lead{background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 16%,transparent),transparent 65%)}
.rk-t tr.lead td.n{color:#F2C14E;font-weight:700}
.rk-t tbody tr.rk-go:hover{background:rgba(255,255,255,.04)}
.rk-conf{display:flex;align-items:center;gap:10px}
.rk-conf::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#2A2E36,transparent)}

/* Schedule day strip: game counts, filled selected day */
.sched-day{border-radius:10px 10px 0 0;transition:background .15s}
.sched-day em{display:block !important;font-style:normal;font-size:10.5px;letter-spacing:.04em;color:#5C616B;margin-top:2px;font-weight:600}
.sched-day.has em{color:#8B909A}
.sched-day:hover{background:rgba(255,255,255,.04) !important}
.sched-day.sel{background:linear-gradient(180deg,rgba(246,196,48,.14),rgba(246,196,48,0) 85%) !important}
.sched-day.sel em{color:#F6C430}
.sched-day.sel span{font-size:23px}
.sched-day.today:not(.sel) b{color:#F6C430 !important}
.wpb i{background:color-mix(in srgb,var(--tc,#8B909A) 60%,#fff)}
.rk-t tr.lead{background:linear-gradient(90deg,color-mix(in srgb,var(--tc,#8B909A) 22%,transparent),transparent 65%)}

/* Button text is centered everywhere (footer link lists, how-to step cards and tile rows are content, not labels) */
:where(button){text-align:center}
button[style*="text-align:left"]:not(.hw-step):not(.sf-links button){text-align:center !important}
#nav-badge{justify-content:center}

/* Biggest companies: brand-colored ticker tiles, market-cap bars, change chips */
.co-t td.t{display:flex;align-items:center;gap:14px;border-top:0}
.co-t td.t .co-tile{margin:0}
.co-tile{flex:none;width:44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font:700 13px 'Barlow',sans-serif;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.co-tile.sm{font-size:11px}
.co-m{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.co-m b{font-weight:600;font-size:15px;color:#F2F3F5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-bar{display:block;height:4px;max-width:260px;border-radius:2px;background:rgba(255,255,255,.07);overflow:hidden}
.co-bar i{display:block;height:100%;border-radius:2px;opacity:.9}
.co-t td.cap{font-weight:600;color:#E4E6EA}
.co-t tbody tr{border-top:1px solid #23262C}
.co-t td{border-top:0 !important}
.co-t tbody tr.rk-go:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 14%,transparent),transparent 70%)}
.co-chg{display:inline-block;min-width:68px;text-align:center;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700}
.co-chg.up{background:rgba(51,209,139,.14);color:#4FD69A}
.co-chg.dn{background:rgba(224,112,95,.14);color:#E58474}

/* Biggest companies: quieter color, period switch, leaders' faces */
.co-tile{background:color-mix(in srgb,var(--bc,#6b7280) 20%,#171a20);color:#F2F3F5;text-shadow:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bc,#6b7280) 38%,transparent)}
.co-bar i{background:rgba(255,255,255,.34) !important;opacity:1}
.co-t tbody tr.rk-go:hover{background:rgba(255,255,255,.035)}
.co-per{display:flex;gap:4px;margin:0 0 12px;padding:3px;border:1px solid #2a2e36;border-radius:999px;width:max-content;max-width:100%}
.co-per button{flex:none;min-width:58px;padding:7px 14px;border:0;border-radius:999px;background:transparent;color:#9aa2b1;font:600 13px 'Barlow',sans-serif;text-align:center;cursor:pointer}
.co-per button.on{background:#262a32;color:#F2F3F5}
.co-chg.wait{background:rgba(255,255,255,.06);color:#8a93a3}
.co-na{color:#6b7280}
.co-t td.ceo{white-space:nowrap}
.ceo-ph,.ceo-line .ceo-ph{flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#232730;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.ceo-ph i{font:700 12px 'Barlow',sans-serif;font-style:normal;color:#9aa2b1}
.ceo-ph img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.co-t td.ceo{display:table-cell}
.co-t td.ceo .ceo-t{display:inline-block;vertical-align:middle;margin-left:10px;font-size:13px;color:#C9CED8}
.co-t td.ceo .ceo-t b{font-weight:500}
.ceo-line{display:flex;align-items:center;gap:10px;margin:2px 0 10px}
.ceo-line .ceo-ph{width:44px;height:44px}
.ceo-line .ceo-t{display:flex;flex-direction:column;gap:1px}
.ceo-line .ceo-t b{font-weight:600;font-size:14px;color:#E4E6EA}
.ceo-line .ceo-t em{font-style:normal;font-size:12px;color:#8a93a3}
.co-cr{margin:12px 0 0;font-size:10.5px;line-height:1.5;color:#7d8696}
.co-cr a{color:#8a93a3;text-decoration:none;margin-right:10px}
.co-cr a:hover{text-decoration:underline}
@media (max-width:640px){.co-t th.ceo-h{font-size:0;padding-left:0}.co-t td.ceo{padding-left:0;padding-right:0}.co-t td.ceo .ceo-t{display:none}.co-per button{min-width:0;padding:7px 11px}}
/* panel: analyst section placeholder while it loads */
.fd-sk{display:grid;gap:10px;margin-top:14px}
.fd-sk i{display:block;height:64px;border-radius:10px;background:linear-gradient(90deg,#1b1e24,#23262d,#1b1e24);background-size:200% 100%;animation:fdsk 1.2s linear infinite}
@keyframes fdsk{to{background-position:-200% 0}}
.co-t th.ceo-h,.co-t td.ceo{text-align:left !important;padding-left:18px}
@media (max-width:640px){.co-t th:nth-child(5),.co-t td:nth-child(5){display:none}.co-t td.t{gap:10px}.co-tile{width:40px;height:40px}.co-bar{max-width:90px}.co-t td.ceo{padding-left:6px !important}.co-ceo .ceo-ph{width:30px;height:30px}}

/* How to play: quieter type */
.hw-step{padding:12px 16px;gap:12px;grid-template-columns:36px 1fr}
.hw-step-n{font-size:34px}
.hw-step-h{font-size:18px}
.hw-step-t{font-size:13px;gap:3px}
.hw-pts div{padding:11px 14px;gap:4px}
.hw-pts b{font-size:26px}
.hw-pts span{font-size:12.5px}
.hw-tiers div{padding:10px 8px}
.hw-tiers span{font-size:11.5px}.hw-tiers b{font-size:16px}
.hw-eyebrow{font-size:11px;margin:26px 0 10px}
.hw-fact{padding:13px 16px 4px}
.hw-fact h4{font-size:17px;margin-bottom:8px}
.hw-fact p{font-size:13px;margin-bottom:8px}
/* Schedule day strip: no gold */
.sched-day.sel{background:none !important;border-bottom-color:#E4E6EA !important}
.sched-day.sel em{color:#9AA0AB}
.sched-day.today:not(.sel) b,.sched-day.today:not(.sel) span{color:#C9CDD4 !important}
/* News: label the second block */
.news-sec{grid-column:1 / -1;margin:10px 0 -4px;padding-top:14px;border-top:1px solid #23262C;font:700 11px 'Barlow',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8a93a3}
.news-top3 .nt3-h{font:700 11px 'Barlow',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8a93a3;padding:14px 16px 10px}

/* Schedule day strip: no shade at all, smaller numbers */
.sched-day,.sched-day:hover,.sched-day.sel,.sched-day.today{background:none !important}
.sched-day span{font-size:17px !important}
.sched-day.sel span{font-size:17px !important}
.sched-day b{font-size:10.5px}
.sched-day em{font-size:10px !important}
.sched-day.sel em{color:#9AA0AB !important}

/* Stock panel: calmer header, slimmer analyst bar */
.evp-title{font-size:20px !important}
.evp-price b{font-size:28px !important}
.evp-price span{font-size:12.5px !important}
#evp-fund .fd-bar{height:5px;border-radius:3px;gap:2px}

/* News: trending as a compact row above the cards (cards stay full width) */
@media (min-width:900px){
  #news-grid .news-top3:not(.chart){display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
  #news-grid .news-top3:not(.chart) .nt3-h{grid-column:1 / -1;font:700 11px 'Barlow',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8a93a3;padding:12px 16px 8px}
  #news-grid .news-top3:not(.chart) .top-row{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:12px 16px 14px;border-top:1px solid #23262C;border-radius:0;position:relative}
  #news-grid .news-top3:not(.chart) .top-row+.top-row{border-left:1px solid #23262C}
  #news-grid .news-top3:not(.chart) .tr-img,#news-grid .news-top3:not(.chart) .tr-c,#news-grid .news-top3:not(.chart) .news-tag,#news-grid .news-top3:not(.chart) .news-lane{display:none !important}
  #news-grid .news-top3:not(.chart) .tr-n{order:-1;font-size:18px;line-height:1;width:auto;text-align:left;color:#F6C430}
  #news-grid .news-top3:not(.chart) .news-h{font-size:14px;line-height:1.3;margin-top:4px;white-space:normal;overflow:visible;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
}
/* News: trending strip, tidied. The number stands alone on top, then one clean source line (no wrapping),
   the headline, and the category tag pinned to the bottom so every box lines up. */
.top-row .tr-tag{display:none}
@media (min-width:900px){
  #news-grid .news-top3:not(.chart) .top-row{gap:10px;padding:16px 20px 16px;align-items:stretch}
  #news-grid .news-top3:not(.chart) .tr-n{font-family:'Big Shoulders Display',sans-serif;font-size:30px;font-weight:700;line-height:1;color:#F6C430;width:auto;text-align:left;margin:0}
  #news-grid .news-top3:not(.chart) .tr-main{display:flex;flex-direction:column;gap:8px;flex:1;width:100%;min-width:0}
  #news-grid .news-top3:not(.chart) .news-meta{flex-wrap:nowrap;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;font-size:12px}
  #news-grid .news-top3:not(.chart) .news-meta>span:not(.lane-tag){min-width:0;overflow:hidden;text-overflow:ellipsis}
  #news-grid .news-top3:not(.chart) .news-meta>span:nth-last-child(2){flex:none}
  #news-grid .news-top3:not(.chart) .news-meta .lane-tag{display:none}
  #news-grid .news-top3:not(.chart) .news-h{margin-top:0;font-size:15px;line-height:1.3}
  #news-grid .news-top3:not(.chart) .tr-tag{display:block;margin-top:auto;padding-top:6px;font-size:11px;letter-spacing:.1em;margin-left:0}
}
#news-grid .news-sec{display:none}

/* Your record: rings centered in the card, a bit larger */
@media(min-width:760px){
  #record-card{grid-template-rows:auto 1fr auto auto 1fr}
  #record-card .recap-head{grid-row:1}
  #record-card .rec-rings{grid-row:3 !important;align-self:center;margin-top:0 !important}
  #record-card .recap-foot{grid-row:4 !important;align-self:start;margin-top:8px}
  #record-card .rec-cal-wrap{grid-row:2 / span 4 !important}
  #record-card .rec-ring svg{width:68px !important;height:68px !important}
  #record-card .rec-ring b{font-size:15px !important}
  #record-card .rec-ring span{font-size:11.5px !important}
}

/* Photo credits tucked behind a small toggle */
details.co-cr{margin:14px 0 0;font-size:11px;color:#7d8696}
details.co-cr summary{display:inline-flex;cursor:pointer;list-style:none;color:#8a93a3;padding:4px 0}
details.co-cr summary::-webkit-details-marker{display:none}
details.co-cr summary::after{content:" ›";margin-left:4px}
details.co-cr[open] summary::after{content:" ⌃"}
details.co-cr .co-cr-list{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;line-height:1.5}
details.co-cr a{color:#8a93a3;text-decoration:none}
details.co-cr a:hover{text-decoration:underline}
.rs-streak strong{font-size:34px !important}
.rs-streak span{font-size:10.5px}
@media (max-width:640px){.rs-streak strong{font-size:30px !important}}

/* ---- Rankings: Standings | Leaders subtabs, league leaders list ---- */
.rk-sub{margin:4px 0 14px}
.rk-cats{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 6px}
.rk-cats button{background:none;border:1px solid #2a2e36;color:#9aa2b1;font:600 12px 'Barlow',sans-serif;letter-spacing:.04em;padding:6px 11px;border-radius:100px;cursor:pointer}
.rk-cats button.on{background:#262a32;color:#F2F3F5;border-color:#3a3f48}
.rk-lead li{gap:14px}
.rk-lead .rk-ph{flex:none;position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden;background:#2A2D33;box-shadow:0 0 0 2px var(--tc,#3A3F48);display:inline-flex;align-items:center;justify-content:center}
.rk-lead .rk-ph i{position:absolute;font:700 16px 'Barlow',sans-serif;color:#8B909A;font-style:normal}
.rk-lead .rk-ph img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:50% 12%;background:#2A2D33}
.rk-lead .rk-val{margin-left:auto;font:700 22px 'Big Shoulders Display','Barlow',sans-serif;color:#F2F3F5;padding-left:10px}
.evp-desc{font-size:14.5px;line-height:1.5;color:#C9CDD4;margin:14px 0 0}

/* News trending strip (wide screens): the rank number stands alone on the left, the source and time sit
   right beside it on the same line, and the headline runs underneath across the full card. */
@media (min-width:900px){
  #news-grid .news-top3:not(.chart) .top-row{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:12px;row-gap:10px;align-items:center}
  #news-grid .news-top3:not(.chart) .top-row .tr-main{display:contents}
  #news-grid .news-top3:not(.chart) .top-row .tr-n{grid-column:1;grid-row:1;order:0}
  #news-grid .news-top3:not(.chart) .top-row .news-meta{grid-column:2;grid-row:1;min-width:0}
  #news-grid .news-top3:not(.chart) .top-row .news-h{grid-column:1 / -1;grid-row:2;margin:0}
  #news-grid .news-top3:not(.chart) .top-row .tr-tag{grid-column:1 / -1;grid-row:3;align-self:end;margin-top:0}
}

/* ---- Play page: neutral, flat icon tiles (no blue/green/red). One gold accent, no gradients or glow. ---- */
.sec-ico{background:#262A32 !important;box-shadow:none !important;border:1px solid #343944;color:#F6C430 !important}
.mq-fold>summary{transition:background .15s}
.mq-fold>summary:hover{background:#1D2025}
.mq-fold[open]>summary .sec-ico{background:#F6C430 !important;border-color:#F6C430;color:#15171B !important}

/* ---- Rankings leaders: grouped cards, readable type (Barlow, not the condensed display face) ---- */
.rk-grp{margin:6px 0 22px}
.rk-grp-h{margin:0 0 10px;font:700 12px 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#F6C430}
.rk-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.rk-card{background:#1D2025;border:1px solid #2A2E36;border-radius:14px;padding:14px 16px 8px}
.rk-card-h{font:700 13px 'Barlow',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#A8ADB6;margin-bottom:12px}
.rk-top{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #2A2E36}
.rk-card .m{display:flex;flex-direction:column;min-width:0;flex:1}
.rk-card .m b{font:600 15px 'Barlow',sans-serif;color:#F2F3F5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-card .m em{font:500 12.5px 'Barlow',sans-serif;font-style:normal;color:#8B909A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-card .m small{font:500 11.5px 'Barlow',sans-serif;color:#6E737D}
.rk-bigval{font:700 28px 'Barlow',sans-serif;color:#F6C430;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.rk-card .rk-ph{flex:none;position:relative;border-radius:50%;overflow:hidden;background:#2A2D33;box-shadow:0 0 0 2px var(--tc,#3A3F48);display:inline-flex;align-items:center;justify-content:center}
.rk-card .rk-ph.lg{width:56px;height:56px}.rk-card .rk-ph.sm{width:30px;height:30px}
.rk-card .rk-ph i{position:absolute;font:700 14px 'Barlow',sans-serif;color:#8B909A;font-style:normal}
.rk-card .rk-ph img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:50% 12%;background:#2A2D33}
.rk-mini{list-style:none;margin:0;padding:0}
.rk-mini li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #23262C}
.rk-mini li:first-child{border-top:0}
.rk-mini .n{width:16px;font:600 13px 'Barlow',sans-serif;color:#6E737D;text-align:center}
.rk-mini .rk-val{margin-left:auto;font:600 15px 'Barlow',sans-serif;color:#F2F3F5;font-variant-numeric:tabular-nums}
.rk-more{border-top:1px solid #23262C}
.rk-more summary{cursor:pointer;list-style:none;padding:9px 0;font:600 12.5px 'Barlow',sans-serif;color:#A8ADB6;text-align:center}
.rk-more summary::-webkit-details-marker{display:none}
.rk-more[open] summary{display:none}

/* ---- Play page buttons: gold = main action, gold outline = alternate, grey outline = low-key ---- */
#share-picks-btn,#play-add-buddy-btn,#submit-all-btn{background:#F6C430 !important;color:#15171B !important;border:1.5px solid #F6C430 !important;border-radius:10px !important;font-weight:700 !important}
#play-add-rival-btn{background:transparent !important;color:#F6C430 !important;border:1.5px solid #F6C430 !important;border-radius:10px !important;font-weight:700 !important}
#edit-predictions-btn{background:#262A32 !important;color:#F2F3F5 !important;border:1.5px solid #3A3F48 !important;border-radius:10px !important}
#share-picks-btn{display:block;width:100%;margin:4px 0 12px !important;padding:14px 22px !important;font-size:15px}
#share-picks-btn:hover,#play-add-buddy-btn:hover,#submit-all-btn:not(:disabled):hover{filter:brightness(1.08)}
#play-add-rival-btn:hover{background:rgba(246,196,48,.1) !important}
#edit-predictions-btn:hover{background:#2E333B !important}
#play-social-prompt{background:#1D2025 !important;border:1px solid #2A2E36;border-radius:14px !important;padding:16px 18px !important}
#play-social-prompt>div:first-child{font:700 12px 'Barlow',sans-serif !important;letter-spacing:.14em;text-transform:uppercase;color:#F6C430;margin-bottom:10px !important}
#play-social-username-input{background:#15171B !important;border:1.5px solid #343944 !important;border-radius:10px !important;padding:12px 14px !important}
#play-social-username-input:focus{outline:2px solid #F6C430;outline-offset:1px}
#play-add-buddy-btn,#play-add-rival-btn{padding:12px 14px !important;border-radius:10px !important}


/* ---- Play page: gold turned down (softer, less bright) ---- */
#share-picks-btn,#play-add-buddy-btn,#submit-all-btn{background:#A88B3D !important;border-color:#A88B3D !important;color:#14161A !important}
#play-add-rival-btn{color:#BFA24F !important;border-color:#7D672C !important}
#play-add-rival-btn:hover{background:rgba(168,139,61,.12) !important}
.sec-ico{color:#BFA24F !important;background:#23262C !important}
.mq-fold[open]>summary .sec-ico{background:#A88B3D !important;border-color:#A88B3D;color:#14161A !important}
#play-social-prompt>div:first-child{color:#BFA24F !important}

/* ---- Record calendar: month header, clickable days, day details ---- */
.rec-month{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.rec-month span{font:600 12px 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.rec-month button{width:28px;height:28px;border:1px solid #2F333B;border-radius:8px;background:none;color:#C9CDD4;font:600 16px/1 'Barlow',sans-serif;cursor:pointer}
.rec-month button:hover:not(:disabled){background:#23262C}
.rec-month button:disabled{opacity:.25;cursor:default}
button.rc{border:0;padding:0;cursor:pointer;font:inherit}
button.rc:disabled{cursor:default}
.rc.blank{background:none !important;box-shadow:none !important;animation:none;pointer-events:none}
button.rc:hover:not(:disabled){outline:2px solid rgba(255,255,255,.45);outline-offset:1px}
.rc.sel{outline:2px solid #fff !important;outline-offset:1px}
.rec-day{margin-top:14px;padding:12px 14px 6px;background:#17191D;border:1px solid #2A2E36;border-radius:12px}
#record-card .rec-cal-wrap>.rec-day{max-width:none !important}
.rec-day[hidden]{display:none}
.rd-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font:700 12px 'Barlow',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.rd-h span{letter-spacing:0;text-transform:none;font-weight:600;color:#A8ADB6}
.rd-row{display:flex;gap:10px;padding:9px 0;border-top:1px solid #23262C}
.rd-ic{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 12px 'Barlow',sans-serif;background:#2A2E36;color:#A8ADB6}
.rd-row.ok .rd-ic{background:rgba(51,209,139,.18);color:#4CD39B}
.rd-row.bad .rd-ic{background:rgba(245,100,79,.18);color:#F5644F}
.rd-t b{display:block;font:600 13.5px/1.35 'Barlow',sans-serif;color:#F2F3F5}
.rd-t em{font:500 12px 'Barlow',sans-serif;font-style:normal;color:#8B909A}
.rd-empty{margin:6px 0 10px;font-size:13px;color:#8B909A}

/* ---- Schedule tab, organized: one card per league, league name only in the header (never behind the teams) ---- */
.agenda{max-width:860px}
.ag-sec{background:#1A1D22;border:1px solid #262A31;border-radius:14px;padding:2px 18px 4px;margin-top:16px}
.ag-sec .ag-h{padding:14px 0 12px;border-bottom:1px solid #2A2E36;font:700 12px 'Barlow',sans-serif;letter-spacing:.16em;color:#E4E6EA;display:flex;align-items:center;justify-content:flex-start;gap:8px}
.ag-sec .ag-h>span{display:inline-flex;align-items:center;gap:9px}
.ag-sec:not(.ag-live) .ag-h .ag-ico{color:var(--lg,#9AA0AB)}
.ag-sec .ag-h em{display:inline;margin-left:auto;font:500 12px 'Barlow',sans-serif;letter-spacing:0;text-transform:none;color:#6E737D}
.ag-live{border-left:3px solid #FF6B5B;background:#1A1D22 !important;padding:2px 18px 4px !important;margin-top:10px}
.gm{grid-template-columns:84px minmax(0,1fr) 96px;gap:16px;padding:14px 0;border-bottom:1px solid #23262C}
.agenda .ag-sec .gm:last-child{border-bottom:0}
.gm-t{gap:3px}
.gm-t>span:first-child{font:700 14px 'Barlow',sans-serif;color:#E4E6EA}
.gm.is-live .gm-t>span:first-child{color:#FF7A69}
.gm.is-done .gm-t>span:first-child{color:#7E838D}
.gm-m{gap:8px}
.gm-lg{display:flex;align-items:center;gap:7px;font:700 10.5px 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase;line-height:1}
.gm-lg::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.gm-n{font:500 12px 'Barlow',sans-serif;color:#8B909A}
.gm-n small{display:inline-block;padding:3px 8px;border:1px solid #2F333B;border-radius:6px;font-size:11px;color:#9AA0AB}
@media(max-width:620px){.ag-sec,.ag-live{padding:2px 14px 4px !important}.gm{grid-template-columns:70px minmax(0,1fr);gap:12px}}

/* ===== Calendar day card: small popup next to the tapped day ===== */
.rec-day{position:fixed;z-index:70;margin:0;max-height:min(60vh,420px);overflow:auto;padding:12px 14px 6px;background:#1B1E23;border:1px solid #343944;border-radius:12px;box-shadow:0 14px 36px rgba(0,0,0,.55)}
.rec-day[hidden]{display:none !important}
.rd-x{position:absolute;top:4px;right:8px;border:0;background:none;color:#A8ADB6;font-size:22px;line-height:1;cursor:pointer;padding:4px}
.rd-h{padding-right:26px}

/* ===== Leaders: smaller, denser, uses the full width ===== */
.rk-grp{margin:0 0 14px}
.rk-grp-h{margin:0 0 7px;font-size:11px}
.rk-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.rk-card{padding:10px 12px 4px;border-radius:12px}
.rk-card-h{font-size:11px;margin-bottom:4px;letter-spacing:.08em}
.rk-mini li{gap:9px;padding:5px 6px;margin:0 -6px;border-radius:8px}
.rk-mini li.rk-go{cursor:pointer}
.rk-mini li.rk-go:hover{background:#23272E}
.rk-mini .n{width:14px;font-size:12px}
.rk-card .rk-ph.sm{width:28px;height:28px;box-shadow:0 0 0 1.5px var(--tc,#3A3F48)}
.rk-card .m b{font-size:13.5px}
.rk-card .m em{font-size:11.5px}
.rk-mini .rk-val{font-size:14px}
.rk-mini .rk-val.top{color:#F6C430;font-weight:700}
.rk-more summary{padding:6px 0;font-size:11.5px;color:#8B909A}
.rk-more[open] summary{display:none}

/* ===== Player panel: status, injuries, season stats ===== */
.pl-status{display:flex;align-items:center;gap:10px;margin:12px 0 6px;font:600 13px 'Barlow',sans-serif}
.pl-status b{padding:4px 11px;border-radius:999px;background:rgba(76,211,155,.14);color:#4CD39B}
.pl-status.inj b{background:rgba(245,100,79,.16);color:#F5644F}
.pl-status span{color:#8B909A;font-weight:500}
.pl-inj{margin:6px 0;padding:10px 12px;border:1px solid #2F333B;border-radius:10px;background:#17191D}
.pl-inj b{display:block;font:600 14px 'Barlow',sans-serif;color:#F2F3F5}
.pl-inj p{margin:4px 0;font:500 13px/1.45 'Barlow',sans-serif;color:#B5BAC3}
.pl-inj em{font:500 12px 'Barlow',sans-serif;font-style:normal;color:#8B909A}
.pl-bio{margin:8px 0 0;font:500 13px 'Barlow',sans-serif;color:#8B909A}

/* ===== Standings: conference columns with one card per division ===== */
.rk-confs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:20px;align-items:start}
.rk-confcol{min-width:0}
.rk-confcol .rk-conf{margin:0 0 10px;padding:0 0 8px;border-bottom:2px solid #3A3F4A;font:700 12px 'Barlow',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#E4E6EA}
.rk-tc{background:#1A1D22;border:1px solid #262A31;border-radius:14px;padding:6px 14px 8px;margin-bottom:12px}
.rk-tc .rk-div{margin:0;padding:8px 0 2px;font:700 11px 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8B909A;border:0}
.rk-confs .rk-t{width:100%;border-collapse:collapse;margin:0;table-layout:auto}
.rk-confs .rk-t th{padding:6px 6px;border:0;font:600 10.5px 'Barlow',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6E737D;text-align:right;background:none}
.rk-confs .rk-t td{padding:8px 6px;border:0;border-top:1px solid #23262C;font:500 14px 'Barlow',sans-serif;color:#C9CDD4;text-align:right;font-variant-numeric:tabular-nums;background:none}
.rk-confs .rk-t th.n,.rk-confs .rk-t td.n{width:26px;text-align:center;color:#6E737D}
.rk-confs .rk-t th.tm,.rk-confs .rk-t td.tm{text-align:left;width:auto}
.rk-confs .rk-t td.tm span{font-weight:600;color:#F2F3F5;vertical-align:middle}
.rk-confs .rk-t td.tm .rk-dot{width:26px;height:26px;font-size:9.5px;margin-right:10px;vertical-align:middle}
.rk-confs .rk-t tr.rk-go{cursor:pointer}
.rk-confs .rk-t tr.rk-go:hover td{background:#20242A}
.rk-confs .rk-s{display:inline-block;min-width:30px;padding:2px 7px;border-radius:6px;background:#23262C;font:600 12px 'Barlow',sans-serif;text-align:center;color:#A8ADB6}
.rk-confs .rk-s.w{background:rgba(76,211,155,.13);color:#4CD39B}
.rk-confs .rk-s.l{background:rgba(245,100,79,.13);color:#F5644F}

/* ===== Schedule, boards layout: league cards in a grid, earnings by market timing ===== */
.sched-boards{max-width:1120px}
.gx{margin-top:26px}
.gx:first-child{margin-top:8px}
.gx-h{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:0;border:0;font:700 13px 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#E4E6EA}
.gx-h>span{display:inline-flex;align-items:center;gap:9px}
.gx-h em{margin-left:auto;font:500 12px 'Barlow',sans-serif;letter-spacing:0;text-transform:none;color:#6E737D;font-style:normal}
.gx-h .ag-ico{display:inline-flex;color:var(--lg,#9AA0AB)}
.gx-h .ag-ico svg{width:18px;height:18px}
.gx-live .gx-h{color:#FF8272}
.gc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.gc{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:#1A1D22;border:1px solid #262A31;border-radius:14px;transition:background .15s,border-color .15s}
.gc.is-click{cursor:pointer}
.gc.is-click:hover{background:#1F2329;border-color:#3A3F48}
.gc-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font:600 12.5px 'Barlow',sans-serif;color:#A8ADB6}
.gc-st{display:inline-flex;align-items:center;font-variant-numeric:tabular-nums}
.gc-st em{font-style:normal;margin-left:8px;color:#8B909A;font-weight:500}
.gc.is-live .gc-st{color:#FF8272}
.gc.is-done .gc-st{color:#7E838D}
.gc-lg{font:700 10.5px 'Barlow',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.gc-body{display:flex;flex-direction:column;gap:8px}
.gc-tm{display:flex;align-items:center;gap:10px;min-width:0}
.gc-tm b{flex:1;min-width:0;font:600 15px 'Barlow',sans-serif;color:#F2F3F5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-tm span{font:700 18px 'Barlow',sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.gc-tm span small{font:500 12px 'Barlow',sans-serif;color:#7E838D}
.gc-tm.lost b,.gc-tm.lost span{color:#7E838D}
.gc.is-done .gm-bd{opacity:.55}
.gc-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:9px;border-top:1px solid #23262C}
.gc-foot small{font:500 11.5px 'Barlow',sans-serif;color:#8B909A}
.gx-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px;align-items:start}
.gx-col{background:#1A1D22;border:1px solid #262A31;border-radius:14px;padding:12px 14px 4px}
.gx-ch{display:flex;justify-content:space-between;margin-bottom:4px;font:700 11px 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8B909A}
.gx-ch em{font-style:normal;letter-spacing:0;color:#6E737D}
.gx-tile{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #23262C;cursor:pointer}
.gx-tile:hover .gx-n{color:#fff}
.gx-n{flex:1;min-width:0;font:600 14.5px 'Barlow',sans-serif;color:#E4E6EA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-tile .sstrip-quote{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;font:600 12.5px 'Barlow',sans-serif;min-height:0}
.gx-tile .sstrip-quote b{color:#F2F3F5}
.gx-tile .sstrip-quote.up span{color:#4CD39B}
.gx-tile .sstrip-quote.down span{color:#F5644F}
@media(max-width:620px){.gc-grid,.gx-cols{grid-template-columns:1fr}}

/* =====================================================================
   Mobile polish (Oct 22)
   ===================================================================== */

/* 1. Horizontal rows (date strip, tab rows, chip rows) scroll left/right only.
   With overflow-x:auto and the y-axis left visible, browsers treat the y-axis
   as auto too, so a finger could drag these rows up and down inside their own
   box. Locking y to hidden keeps vertical swipes going to the page, and
   contain stops a sideways swipe from chaining into the page behind. */
.sched-days,#sched-chips,.scope-tab-row,#lb-scope-tabs,.pagenav-row,.rk-tabs,
.news-ticker,.tier-chip-row,.snap-row,.sched-cards,.lv-row,.sstrip-track{
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}

/* 2. Tappable things signal it with shape, not underlines.
   "N voted": no underline; a small chevron after the count, rotating when open. */
.foot-left .foot-count,
.foot-left:hover .foot-count,
.foot-left.open .foot-count{text-decoration:none}
.foot-left{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 4px;margin:-5px 0 -5px -4px;transition:background .15s}
.foot-left:hover,.foot-left.open{background:rgba(255,255,255,.05)}
.foot-left .foot-count::after{
  content:"";display:inline-block;width:5px;height:5px;margin:0 0 2px 8px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);opacity:.55;transition:transform .18s ease,opacity .18s ease;
}
.foot-left.open .foot-count::after{transform:rotate(-135deg);margin-bottom:-1px;opacity:.9}

/* Buddy Bonus: a clean tappable row with a chevron, opens the buddy sheet. */
.slate-buddy-btn{
  width:100%;margin-top:10px;padding:10px 12px;text-align:left;font-family:inherit;line-height:1.3;
  background:rgba(76,211,155,.07);border:1px solid rgba(76,211,155,.22);border-radius:10px;
  cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s;
}
.slate-buddy-btn span{flex:1;min-width:0;text-align:left}
.slate-buddy-btn svg:last-child{opacity:.7;transition:transform .15s}
.slate-buddy-btn:hover{background:rgba(76,211,155,.11);border-color:rgba(76,211,155,.34)}
.slate-buddy-btn:active svg:last-child{transform:translateX(2px)}

/* Buddy sheet */
.buddy-sheet{max-width:400px;padding:26px 22px 22px}
.bs-eyebrow{font:700 11px 'Barlow',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#4CD39B}
.bs-title{margin:6px 0 0;font:800 30px/1 'Big Shoulders Display',sans-serif;color:#F2F3F5}
.bs-sub{margin:10px 0 16px;font:500 13.5px/1.45 'Barlow',sans-serif;color:#8B909A}
.bs-list{max-height:min(46vh,340px);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid #23262C}
.bs-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #23262C}
.bs-av{width:36px;height:36px;font-size:15px;font-weight:700}
.bs-av .av-photo{width:100%;height:100%;object-fit:cover}
.bs-name{flex:1;min-width:0;font:600 15.5px 'Barlow',sans-serif;color:#E4E6EA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buddy-sheet-done{
  display:block;width:100%;margin-top:18px;padding:14px;border:0;border-radius:12px;
  background:#EEF0F4;color:#111;font:700 15px 'Barlow',sans-serif;cursor:pointer;
}
.buddy-sheet-done:active{background:#DCDFE5}

/* 3. Yesterday's results: same layout, no colored dots. Category and result sit
   on one quiet line, the question reads as the headline, the pick sits underneath. */
#results-sheet .welcome-kicker{font:700 11px 'Barlow',sans-serif;letter-spacing:.16em;color:#F6C430}
#results-sheet .welcome-panel h2{font:800 42px/1 'Big Shoulders Display',sans-serif;margin:8px 0 18px;color:#F2F3F5}
#results-sheet .rs-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 6px}
#results-sheet .rs-tile{padding:14px 16px 13px;border:1px solid #2A2E36;border-radius:14px;background:linear-gradient(180deg,#1F2229,#191C21)}
#results-sheet .rs-tile b{font:800 38px/1 'Big Shoulders Display',sans-serif;color:#F2F3F5;letter-spacing:.01em}
#results-sheet .rs-tile:nth-child(2) b{color:#F6C430}
#results-sheet .rs-tile span{display:block;margin-top:6px;font:600 11px 'Barlow',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8B909A}
.rs-list{margin-top:6px}
#results-sheet .rs-row{gap:0;padding:16px 0 15px;border-top:1px solid #23262C}
.rs-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
#results-sheet .rs-cat{display:block;font:700 10.5px 'Barlow',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7E838D}
.rs-st{display:inline-flex;align-items:center;gap:5px;font:600 12.5px 'Barlow',sans-serif;color:#8B909A;white-space:nowrap}
.rs-st svg{width:13px;height:13px;stroke-width:2.2}
.rs-st.win{color:#4CD39B}
.rs-st.loss{color:#F5644F}
#results-sheet .rs-q{margin:9px 0 11px;font:600 16px/1.35 'Barlow',sans-serif;color:#F2F3F5}
.rs-pickline{display:flex;align-items:center;gap:16px;font:500 13px 'Barlow',sans-serif;color:#8B909A}
.rs-pickline b{font-weight:700;color:#E4E6EA}
.rs-pickline b.yes{color:#4CD39B}
.rs-pickline b.no{color:#F5644F}
.rs-ans b{color:#E4E6EA}
.rs-void{margin-top:8px;font:500 12.5px/1.4 'Barlow',sans-serif;color:#8B909A}
#results-sheet .welcome-go{background:#EEF0F4;color:#111;border-radius:14px;margin-top:10px}
#results-sheet .welcome-go:active{background:#DCDFE5}

/* 4a. Schedule league tabs: plain text tabs on a hairline. The selected league gets a white
   underline; the count is quiet grey, and a small red dot marks a league with a game on. No icons,
   no pills, no gradients. */
#page-schedule #sched-chips.scope-tab-row,#page-schedule #sched-chips{
  display:flex !important;gap:28px;padding:0;margin:0 0 6px;border:0;border-bottom:1px solid #2A2E36;border-radius:0;
  background:none;overflow-x:auto;max-width:none;scrollbar-width:none;
}
#page-schedule #sched-chips::-webkit-scrollbar{display:none}
#page-schedule #sched-chips .scope-tab{
  flex:none;display:inline-flex !important;align-items:baseline;gap:7px;height:auto;padding:11px 0 12px;margin:0 0 -1px;
  border:0;border-bottom:2px solid transparent;border-radius:0;background:none !important;box-shadow:none;
  color:#7E838D;font:600 13px 'Barlow',sans-serif;letter-spacing:.02em;text-transform:none;white-space:nowrap;
  cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s,border-color .15s;
}
#page-schedule #sched-chips .scope-tab::before{display:none !important}
#page-schedule #sched-chips .scope-tab:hover{color:#D5D8DE}
#page-schedule #sched-chips .scope-tab .ag-ico{display:none}
#page-schedule #sched-chips .scope-tab .sc-ct{
  display:inline;min-width:0;height:auto;padding:0;border-radius:0;background:none;
  color:#5C616B;font:500 12px 'Barlow',sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums;
}
#page-schedule #sched-chips .scope-tab.has-live .sc-ct::before{
  content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#FF5B4D;vertical-align:1px;
}
#page-schedule #sched-chips .scope-tab.active,
#page-schedule #sched-chips .scope-tab.active[style*="--lg"]:not([data-cat="all"]){
  background:none !important;color:#fff;border-bottom-color:#fff;box-shadow:none;
}
#page-schedule #sched-chips .scope-tab.active .sc-ct{color:#9AA0AB}
@media(prefers-reduced-motion:reduce){#page-schedule #sched-chips .scope-tab{transition:none}}

/* 4b. Game cards: one neutral badge style instead of every team's own color. Each card carries
   its league's single accent; live cards glow in it, and whoever is trailing is dimmed. */
.gc{background:linear-gradient(180deg,#1E2126,#1A1D22)}
.gc .gm-bd{background:#262A32 !important;color:#D7DAE0 !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
/* Live cards look like every other card: no colored border, tint, glow or badge ring. The red time text still marks them live. */
.gc.is-live{border-color:#262A31;box-shadow:none}
.gc.is-live .gm-bd{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.gc-tm span{font:800 24px/1 'Big Shoulders Display','Barlow',sans-serif;letter-spacing:.02em}
.gc-tm.lost span{color:#6E737D}
.gc.is-click:hover{border-color:#3A3F48}

/* 4c. Standings: neutral badges and one gold accent for the leader, instead of every team's color. */
.rk-t .rk-dot,.rk-confs .rk-t td.tm .rk-dot{background:#262A32 !important;color:#D7DAE0 !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.rk-t tr.rk-go td.n{box-shadow:none !important;padding-left:6px}
.rk-t tr.lead,.rk-t tr.lead:hover{background:linear-gradient(90deg,rgba(246,196,48,.14),transparent 72%)}
.rk-t tr.lead td.n{color:#F6C430}
.rk-t tbody tr:nth-child(2) td.n,.rk-t tbody tr:nth-child(3) td.n{color:#C9CDD4;font-weight:700}
.rk-confcol .rk-conf{display:flex;align-items:center;gap:10px;border-bottom:0;padding-bottom:6px}
.rk-confcol .rk-conf::before{content:"";width:4px;height:15px;border-radius:2px;background:#F6C430}

/* 4d. Earnings: each company's own hue on its tile, an icon per time slot. */
.gx-tile{margin:0 -8px;padding:10px 8px;border-radius:10px;transition:background .15s}
.gx-tile:hover{background:rgba(255,255,255,.04)}
.gx-tile .gm-bd.tick{
  width:44px;height:34px;border-radius:10px;font-size:10.5px;letter-spacing:.04em;
  background:color-mix(in srgb,var(--bc,#8B93A3) 18%,#1B1E24) !important;
  color:color-mix(in srgb,var(--bc,#8B93A3) 62%,#fff) !important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bc,#8B93A3) 42%,transparent);
}
.gx-col{position:relative;overflow:hidden}
.gx-col::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#3A3F4A}
.gx-col.gx-sun::before{background:linear-gradient(90deg,#F6C430,rgba(246,196,48,0))}
.gx-col.gx-moon::before{background:linear-gradient(90deg,#8FA8FF,rgba(143,168,255,0))}
.gx-chl{display:inline-flex;align-items:center;gap:8px}
.gx-chl svg{width:16px;height:16px}
.gx-sun .gx-chl{color:#F6C430}
.gx-moon .gx-chl{color:#9DB4FF}
.gx-hourglass .gx-chl{color:#9AA0AB}
.gx-ch em{min-width:22px;height:22px;padding:0 7px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);color:#9AA0AB}

/* 5a. Leaders: the Top 10 toggle stays put when open and flips to "Show less", so it can be closed again. */
.rk-more summary,.rk-more[open] summary{
  display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;list-style:none;
  padding:10px 0;font:600 12.5px 'Barlow',sans-serif;color:#A8ADB6;-webkit-tap-highlight-color:transparent;
}
.rk-more summary:hover{color:#F2F3F5}
.rk-more summary svg{width:14px;height:14px;transition:transform .2s ease}
.rk-more[open] summary svg{transform:rotate(180deg)}
.rk-more .rk-more-close{display:none}
.rk-more[open] .rk-more-close{display:inline}
.rk-more[open] .rk-more-open{display:none}
.rk-more[open] summary{border-bottom:1px solid #23262C;margin-bottom:2px}

/* 5b. Buddy / rival request confirmation sits right under the username box. */
#buddy-msg,#rival-msg{
  display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:9px 12px;border-radius:10px;
  font:600 13px/1.35 'Barlow',sans-serif;
}
#buddy-msg:empty,#rival-msg:empty{display:none}
#buddy-msg.ok,#rival-msg.ok{background:rgba(76,211,155,.1);color:#4CD39B;box-shadow:inset 0 0 0 1px rgba(76,211,155,.25)}
#buddy-msg.err,#rival-msg.err{background:rgba(245,100,79,.1);color:#F5644F;box-shadow:inset 0 0 0 1px rgba(245,100,79,.25)}

/* 6. Biggest companies: sector tabs above the Today / 3M / 6M switch. */
.co-sec{display:flex;gap:8px;margin:2px 0 12px;padding:2px 24px 4px 2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.co-sec::-webkit-scrollbar{display:none}
.co-sec button{
  flex:none;height:38px;padding:0 16px;border-radius:999px;border:1px solid #2A2E36;
  background:linear-gradient(180deg,#23272E,#1A1D22);color:#B4B9C3;
  font:700 12px 'Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
  cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;
  transition:transform .15s,border-color .15s,color .15s,background .15s;
}
.co-sec button:hover{color:#fff;border-color:#454A55}
.co-sec button:active{transform:scale(.97)}
.co-sec button.on{background:#EEF0F4;border-color:transparent;color:#111}
.co-sec-cap{margin:0 0 10px;font:600 11px 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7E838D}
.co-sec + .co-per,.co-sec-cap + .co-per{margin-top:0}

/* ---- Movie / TV / album detail panel (opened from the Today's events strip) ---- */
.mdp.evp-body{border-top:0;padding-top:0;margin-top:10px}
.mdp-head{display:flex;gap:14px;align-items:flex-start;margin-top:8px}
.mdp-cover{flex:none;width:104px;aspect-ratio:2/3;object-fit:cover;border-radius:8px;background:#232730;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.mdp-cover.sq{aspect-ratio:1/1;width:120px}
.mdp-meta{min-width:0;display:flex;flex-direction:column;gap:8px}
.mdp-facts{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;font-weight:600;color:var(--ink)}
.mdp-facts span+span{position:relative}
.mdp-genres{font-size:12.5px;color:var(--ink-soft)}
.mdp-tag{font-size:13px;font-style:italic;color:var(--ink-soft)}
.mdp-artist{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ink)}
.mdp-artist img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.mdp-sec{margin-top:18px;padding-top:14px;border-top:1px solid #2A2D33}
.mdp-sec .fd-h{margin-bottom:10px}
.mdp-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}
.mdp-sc{background:#1E2127;border:1px solid #2A2D33;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.mdp-sc b{font-family:'Big Shoulders Display',sans-serif;font-weight:800;font-size:28px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.mdp-sc span{font-size:11.5px;color:var(--ink-soft)}
.mdp-sc.good b{color:#3DDC97}.mdp-sc.mid b{color:#F2C14E}.mdp-sc.bad b{color:#FF6B5B}
.mdp-dl{margin:0;display:flex;flex-direction:column;gap:6px}
.mdp-dl div{display:flex;justify-content:space-between;gap:8px;font-size:13.5px}
.mdp-dl dt{color:var(--ink-soft)}
.mdp-dl dd{margin:0;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.mdp-cast{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px}
.mdp-c{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;min-width:0}
.mdp-ph{width:64px;height:64px;border-radius:50%;overflow:hidden;background:#232730;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);margin-bottom:3px}
.mdp-ph img{width:100%;height:100%;object-fit:cover}
.mdp-ph i{font-style:normal;font-weight:700;font-size:18px;color:var(--ink-soft)}
.mdp-c b{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.2}
.mdp-c em{font-style:normal;font-size:11.5px;color:var(--ink-soft);line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mdp-links{display:flex;gap:18px;margin-top:16px}
.mdp-links a,.mdp-link{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:700;color:var(--gold);text-decoration:none}
.mdp-links a{margin-top:0}
.mdp-links a:hover,.mdp-link:hover{text-decoration:underline}
@media (max-width:520px){.mdp-cover{width:88px}.mdp-cover.sq{width:96px}.mdp-ph{width:56px;height:56px}}

/* Poster / album-cover thumbnail on movie, show and album cells of the top strip (filled by mqArtFill in app.js) */
.sstrip-art{display:none}
.sched-today .sstrip-cell.has-art{--aw:27px;position:relative;padding-left:calc(var(--aw) + 20px);flex-basis:180px}
.sched-today .sstrip-cell.has-art:has(.sstrip-art.sq){--aw:40px}
.sched-today .sstrip-art{display:block;position:absolute;left:10px;top:50%;transform:translateY(-50%);width:var(--aw);height:40px;border-radius:4px;overflow:hidden;background:linear-gradient(90deg,#1b1e24,#23262d,#1b1e24);background-size:200% 100%;animation:fdsk 1.2s linear infinite;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.sched-today .sstrip-art.on{animation:none;background:#232730}
.sched-today .sstrip-art img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:520px){.sched-today .sstrip-cell.has-art{flex-basis:172px}}

/* Where to watch (movie / TV panel) */
.mdp-wr{display:flex;gap:12px;align-items:baseline;margin-top:8px}
.mdp-wr>span{flex:none;width:52px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.mdp-wr>div{display:flex;flex-wrap:wrap;gap:6px}
.mdp-wr em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--ink);background:#1E2127;border:1px solid #2A2D33;border-radius:999px;padding:4px 10px}
.mdp-jw{margin:10px 0 0;font-size:11.5px;color:var(--ink-soft)}
.mdp-jw a{color:var(--gold);text-decoration:none}
.mdp-jw a:hover{text-decoration:underline}

/* Leadership: CEO plus founders, stacked */
.ceo-p{display:flex;align-items:center;gap:10px}
.co-t td.ceo{white-space:normal;min-width:190px}
.co-t td.ceo .ceo-p+.ceo-p{margin-top:6px}
.co-t td.ceo .ceo-p .ceo-ph{width:30px;height:30px}
.co-t td.ceo .ceo-p:first-child .ceo-ph{width:36px;height:36px}
.co-t td.ceo .ceo-t{display:flex;flex-direction:column;margin-left:0;gap:0;line-height:1.25}
.co-t td.ceo .ceo-p:first-child .ceo-t b{color:#E4E6EA}
.co-t td.ceo .ceo-p+.ceo-p .ceo-t b{font-size:12px;color:#9aa2b1}
.co-t td.ceo .ceo-t em{font-style:normal;font-size:11px;color:#7d8696}
.ceo-line{flex-direction:column;align-items:flex-start;gap:10px}
.ceo-line .ceo-p+.ceo-p .ceo-ph{width:34px;height:34px}
.ceo-line .ceo-p:first-child .ceo-ph{width:44px;height:44px}
.ceo-line .ceo-t{display:flex;flex-direction:column;gap:1px}
.ceo-line .ceo-t b{font-weight:600;font-size:14px;color:#E4E6EA}
.ceo-line .ceo-t em{font-style:normal;font-size:12px;color:#8a93a3}
@media (max-width:640px){.co-t td.ceo{min-width:0}.co-t td.ceo .ceo-p+.ceo-p{display:none}.co-t td.ceo .ceo-p .ceo-ph{width:30px;height:30px}.co-t td.ceo .ceo-p:first-child .ceo-ph{width:30px;height:30px}}

/* TMDB actor photos in the round question photo: faces sit near the top of a portrait, so keep the crop high */
.mq-photo.is-poster .mq-photo-img img{object-position:center 18%}

/* Schedule cards: head coach photo in the team circle, and the live football detail line */
.gc .gm-bd{position:relative;overflow:hidden}
.gc .gm-bd u{text-decoration:none}
.gc-sit{display:grid;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid #262A31;font:500 12.5px/1.35 'Barlow',sans-serif;color:#9AA1AD}
.gc-sit b{font-weight:600;color:#E4E7EC}
.gc-sit.red b{color:#E5604F}
.gc-sit span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.co-cr{margin:14px 0 0;font:500 12px 'Barlow',sans-serif;color:#7E838D}
.co-cr[hidden]{display:none}
.co-cr summary{cursor:pointer}
.co-cr-list{display:grid;gap:3px;margin-top:6px}
.co-cr-list a{color:#9AA1AD}

/* Team logos (ESPN artwork) in every team circle; the letters show until the logo loads or if it never does */
.mq-lg-host{position:relative;overflow:hidden}
.mq-lg-host u{text-decoration:none}
.mq-lg-host img.mq-tlg{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;border-radius:0}
.mq-lg-host.has-logo.has-logo{background:#1B1E24 !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1) !important}
.mq-lg-host.has-logo u{visibility:hidden}
.gc .gm-bd img.mq-tlg{inset:12%;width:76%;height:76%;object-fit:contain}
.rk-dot.big img.mq-tlg{inset:10%;width:80%;height:80%}

.sstrip-badge.mq-lg-host{width:20px;height:20px}
.sstrip-badge.mq-lg-host img.mq-tlg{inset:8%;width:84%;height:84%}

/* Standings: the top team of each group is marked by a gold rank number only, no tinted gradient */
.rk-t tr.lead,.rk-t tr.lead:hover{background:transparent !important}
.rk-t tr.lead td.n{color:#F6C430}

/* Account in the header: plain avatar + name + a small plan tag, no boxes, no glow, no coloured rings */
#nav-signed-in{gap:12px !important}
#nav-profile-pill{background:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important;gap:9px !important;order:1}
#nav-signed-in:has(#nav-badge[style*="flex"]) #nav-profile-pill{border-radius:0 !important;border:0 !important}
#nav-profile-pill:hover,#nav-badge:hover{background:transparent !important}
#nav-profile-pill #nav-username{font-weight:600 !important;font-size:14px !important;letter-spacing:0;color:#F2F3F5}
#profile-circle-btn,#profile-circle-btn.has-frame,#profile-circle-btn.has-champion-frame{width:30px !important;height:30px !important;border:0 !important;background:#2A2E36 !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14) !important;color:#E6E8EC !important}
#profile-circle-btn .av-face{font-size:13px !important;font-weight:600}
#nav-badge{order:2;align-self:center !important;background:transparent !important;border:1px solid #3A3F48 !important;border-radius:4px !important;padding:2px 7px !important;gap:0 !important;margin-left:-4px}
#nav-badge #nav-badge-icon{display:none !important}
#nav-badge #nav-badge-label{font-size:10.5px !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase;color:#B9BDC6 !important;line-height:1.3}

/* The earned level (Rookie, Pro, ...) lives in the profile now, not in the header */
#nav-badge{display:none !important}

/* ==========================================================================
   8. Polish pass (Oct 27): share sheet, schedule grid alignment, compact
   debate cards, macro event panel, artists, filter tabs.
   ========================================================================== */

/* ---- Share sheet: quiet, dark, no rainbow ---- */
.mq-ss-bg{background:rgba(6,8,11,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.mq-ss-card{background:#16191E;border:1px solid #2A2D33;border-radius:18px 18px 0 0;box-shadow:0 24px 64px rgba(0,0,0,.55);padding:22px 22px calc(22px + env(safe-area-inset-bottom))}
@media (min-width:640px){.mq-ss-card{border-radius:18px}}
.mq-ss-x{background:#20242B;color:#C9CDD4;width:34px;height:34px;font-size:20px;top:14px;right:14px}
.mq-ss-x:hover{background:#2A2F38;color:#fff}
.mq-ss-prev{border-radius:8px;border:1px solid #2A2D33;box-shadow:0 10px 28px rgba(0,0,0,.5)}
.mq-ss-ht b{font-size:26px;letter-spacing:.01em}
.mq-ss-ht span{color:#7E838D}
.mq-ss-ig{height:50px;padding:0 18px;border-radius:12px;font-size:15px;font-weight:700;letter-spacing:.01em;background:linear-gradient(120deg,#E8A04E 0%,#D4406F 55%,#7A47D4 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.mq-ss-ig.dl{background:#F2F3F5;color:#15171B;box-shadow:none}
.mq-ss-ig.dl:hover{background:#fff}
.mq-ss-grid{gap:16px 8px}
.mq-ss-ic{width:56px;height:56px;border-radius:14px;background:#1E2228;border:1px solid #2E323A;color:var(--tc);transition:background .15s,border-color .15s,transform .15s}
.mq-ss-tile:hover .mq-ss-ic,.mq-ss-tile:focus-visible .mq-ss-ic{background:#262B33;border-color:#3C424C;transform:none}
.mq-ss-lb{font-size:12px;font-weight:600;color:#B4B9C2}
.mq-ss-tile:focus-visible{outline:none}
.mq-ss-tile:focus-visible .mq-ss-ic{border-color:#8B909A}
.mq-ss-msg{color:#9AA0AB;font-weight:500}

/* ---- Schedule: every board sits on the same three-column grid, equal heights ---- */
.gc-grid,.gx-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
@media (max-width:960px){.gc-grid,.gx-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.gc-grid,.gx-cols{grid-template-columns:minmax(0,1fr)}}
.gc{height:100%;box-sizing:border-box}
.gc-foot{margin-top:auto}
.gx-col{display:flex;flex-direction:column;box-sizing:border-box}
.gx-tiles{flex:1}

/* ---- Debate cards: just the question and the two buttons ---- */
.tcd .news-take{margin:4px 16px 0;padding:12px 0 2px}
.tcd .take-q{font:600 14.5px/1.35 'Barlow',sans-serif;color:#C9CDD4;margin-top:0}
.tcd .take-btns{margin-top:10px;gap:8px}
.tsc .take-btn{min-height:36px;border-radius:6px;font-size:14px}
.tcd .feed-foot{margin:10px 16px 0;padding:10px 0 12px}
.tcd .take-label{display:none}

/* ---- Macro (Fed, jobs, CPI) panel ---- */
.evp-macro-when{margin:8px 0 6px;font:600 14px 'Barlow',sans-serif;letter-spacing:.02em;color:#F6C430}
.evp-macro-p{margin:4px 0 12px;font-size:15px;line-height:1.5;color:#C9CDD4}

/* ---- Filter tabs: text tabs with a gold underline instead of outlined pills ---- */
.rk-tabs,.co-sec,.rk-pills{display:flex;gap:2px;margin:6px 0 14px;padding:0;border-bottom:1px solid #23262C;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex-wrap:nowrap}
.rk-tabs::-webkit-scrollbar,.co-sec::-webkit-scrollbar,.rk-pills::-webkit-scrollbar{display:none}
.rk-tabs{margin-top:14px}
.rk-tabs button,.co-sec button,.rk-pills button{
  flex:none;position:relative;background:none;border:0;border-radius:0;box-shadow:none;
  padding:11px 14px 12px;font:600 14px 'Barlow',sans-serif;letter-spacing:.01em;text-transform:none;color:#8B909A;cursor:pointer;white-space:nowrap;
  transition:color .15s}
.rk-tabs button:hover,.co-sec button:hover,.rk-pills button:hover{color:#E4E6EA;background:none;border:0}
.rk-tabs button.on,.co-sec button.on,.rk-pills button.on{background:none;color:#fff;border:0}
.rk-tabs button.on::after,.co-sec button.on::after,.rk-pills button.on::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:#F6C430;border-radius:2px}
.rk-tabs button:focus,.co-sec button:focus,.rk-pills button:focus,.co-per button:focus{outline:none}
.rk-tabs button:focus-visible,.co-sec button:focus-visible,.rk-pills button:focus-visible,.co-per button:focus-visible{outline:2px solid #6E737D;outline-offset:-2px;border-radius:6px}
.co-sec button:active{transform:none}
/* time range: a small segmented control, same corner radius as the rest of the site */
.co-per{gap:0;margin:0 0 14px;padding:2px;background:#15171B;border:1px solid #2A2D33;border-radius:8px}
.co-per button{min-width:52px;padding:6px 14px;border-radius:6px;font:600 13px 'Barlow',sans-serif;color:#8B909A;transition:color .15s,background .15s}
.co-per button:hover{color:#E4E6EA}
.co-per button.on{background:#2A2E36;color:#fff}
.rk-src{margin:14px 0 0;font-size:11.5px;color:#6E737D}

/* ---- Artists ---- */
.ar-pic{flex:none;position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:#2A2D33}
.ar-pic img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.ar-pic i{position:absolute;font:700 20px 'Barlow',sans-serif;color:#8B909A;font-style:normal}
.ar-pic.md{width:56px;height:56px}
.ar-pic.xl{width:96px;height:96px;box-shadow:0 0 0 3px #F6C430,0 12px 30px rgba(0,0,0,.5)}
.ar-hero{display:flex;align-items:center;gap:20px;padding:20px 18px;margin:8px 0 6px;border:1px solid #2A2D33;border-radius:12px;cursor:pointer;
  background:radial-gradient(120% 140% at 0% 0%,rgba(246,196,48,.12),rgba(246,196,48,0) 55%),#1A1D22;transition:border-color .15s}
.ar-hero:hover{border-color:#3C424C}
.ar-hero-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ar-crown{font:700 11px 'Barlow',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#F6C430}
.ar-hero-t b{font:800 34px/1.05 'Big Shoulders Display','Barlow',sans-serif;letter-spacing:.01em;color:#fff}
.ar-hero-t em{font-style:normal;font-size:15px;font-weight:600;color:#C9CDD4}
.ar-hero-t small{font-size:13px;color:#8B909A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-list li{gap:14px}
.ar-row .m{flex:1;min-width:0;gap:2px}
.ar-row .m em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-bar{display:block;height:3px;margin-top:7px;border-radius:2px;background:#23262C;overflow:hidden;max-width:260px}
.ar-bar i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#F6C430,rgba(246,196,48,.45))}
.ar-fans{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.ar-fans b{font:700 18px 'Big Shoulders Display','Barlow',sans-serif;color:#F2F3F5}
.ar-fans small{font-size:11px;color:#6E737D;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:480px){.ar-pic.xl{width:76px;height:76px}.ar-hero-t b{font-size:28px}.ar-bar{max-width:none}}

/* ==========================================================================
   9. Oct 27 (2): share sheet 2.0, release-day cards, music panels, calmer news cards
   ========================================================================== */

/* ---- Share sheet: card preview on the left, actions on the right (stacked on phones) ---- */
.mq-ss-card{width:min(100%,720px);max-height:92vh;padding:26px;display:flex;flex-direction:column;gap:20px}
.mq-ss.has-prev .mq-ss-card{flex-direction:row;align-items:stretch;gap:28px}
.mq-ss-stage{flex:none;display:flex;align-items:center;justify-content:center;padding:6px 6px 6px 0}
.mq-ss-stage .mq-ss-prev{display:block;width:210px;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:14px;border:1px solid #2E323A;box-shadow:0 22px 50px rgba(0,0,0,.6),0 0 0 6px rgba(255,255,255,.025)}
.mq-ss-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:16px;padding-right:34px}
.mq-ss-ht{display:flex;flex-direction:column;gap:6px}
.mq-ss-ht b{font:800 32px/1.05 'Big Shoulders Display','Barlow',sans-serif;letter-spacing:.01em;color:#fff}
.mq-ss-ht p,.mq-ss-ht span{margin:0;font-size:14px;line-height:1.45;color:#8B909A;white-space:normal}
.mq-ss-ig{width:100%;margin:0;height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;font:700 15.5px 'Barlow',sans-serif;cursor:pointer;transition:background .15s,transform .1s}
.mq-ss-ig.dl{background:#F2F3F5;color:#15171B}
.mq-ss-ig.dl:hover{background:#fff}
.mq-ss-ig.dl.ok{background:#3DDC97;color:#06241A}
.mq-ss-ig:active{transform:scale(.985)}
.mq-ss-igi{display:inline-flex}
.mq-ss-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 6px;margin-top:2px}
.mq-ss-tile{gap:7px;padding:2px 0;min-width:0}
.mq-ss-ic{width:50px;height:50px;border-radius:50%}
.mq-ss-lb{font-size:11.5px;color:#9AA0AB;white-space:nowrap}
.mq-ss-tile:hover .mq-ss-lb{color:#E4E6EA}
.mq-ss-msg{min-height:20px;margin:0;text-align:left;font-size:13px}
.mq-ss-msg.ok{color:#3DDC97}
.mq-ss-x{top:14px;right:14px}
@media (max-width:640px){
  .mq-ss-card{padding:20px 18px calc(20px + env(safe-area-inset-bottom));gap:14px}
  .mq-ss.has-prev .mq-ss-card{flex-direction:column;align-items:stretch;gap:14px}
  .mq-ss-stage{padding:0}
  .mq-ss-stage .mq-ss-prev{width:120px}
  .mq-ss-main{padding-right:0;gap:14px}
  .mq-ss-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mq-ss-ht b{font-size:26px;padding-right:36px}
}

/* ---- Release-day cards (albums, movies, shows) ---- */
.gc-media{display:flex;align-items:center;gap:12px;min-width:0}
.gc-art{flex:none;position:relative;width:48px;height:72px;border-radius:6px;overflow:hidden;background:#242830;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.gc-art.sq{width:64px;height:64px}
.gc-art i{font:700 20px 'Barlow',sans-serif;font-style:normal;color:#6E737D}
.gc-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gc-mt{display:flex;flex-direction:column;gap:3px;min-width:0}
.gc-mt b{font:600 15.5px/1.25 'Barlow',sans-serif;color:#F2F3F5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gc-mt small{font-size:12.5px;color:#8B909A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-more{color:#8B909A}
.gc.is-click:hover .gc-more{color:#E4E6EA}
.mdp-dl dd.txt{font-variant-numeric:normal;font-weight:600;text-align:right}
.mdp-src{color:#8B909A;font-size:12px;text-decoration:underline;text-underline-offset:2px}
.mdp-tl{list-style:none;margin:0;padding:0}
.mdp-tl li{display:flex;gap:12px;align-items:baseline;padding:8px 0;border-top:1px solid #23262C;font-size:14px}
.mdp-tl li:first-child{border-top:0}
.mdp-tl .n{flex:none;width:22px;color:#6E737D;font-variant-numeric:tabular-nums}
.mdp-tl .t{flex:1;min-width:0;color:#F2F3F5}
.mdp-tl .l{flex:none;color:#8B909A;font-variant-numeric:tabular-nums}
.mq-e{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:3px;background:#3A3E46;color:#C9CDD4;font:700 10px 'Barlow',sans-serif;font-style:normal;vertical-align:1px}

/* ---- Song and artist panels ---- */
.mu-tiles{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin:14px 0 4px}
.mu-tiles .mdp-sc b{font-size:22px;line-height:1.1}
.mu-play{display:inline-flex;align-items:center;gap:8px;margin:14px 0 2px;padding:9px 16px;border:1px solid #3A3E46;border-radius:999px;background:#1E2127;color:#F2F3F5;font:600 13.5px 'Barlow',sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
.mu-play:hover{background:#262A31;border-color:#555B66}
.mu-play .ps{display:none}.mu-play.on .pl{display:none}.mu-play.on .ps{display:inline}
.mu-play.on{background:#F2F3F5;color:#15171B;border-color:#F2F3F5}
.mu-play:empty{display:none}
.ar-top li .mu-play{margin:0;padding:7px 9px}
.ar-top .ar-len{flex:none;font-size:13px;color:#8B909A;font-variant-numeric:tabular-nums}
.mu-about{margin-top:14px}
.mu-flag{margin:10px 0 0;font-size:13px;color:#8B909A;display:flex;align-items:center;gap:8px}
.mu-chips{display:flex;flex-wrap:wrap;gap:8px}
.mu-chips span,.mu-chips .mu-r{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #2E323A;border-radius:999px;background:#1A1D22;color:#D7DAE0;font:600 13px 'Barlow',sans-serif}
.mu-genres{margin:12px 0 0}
.mu-genres span{text-transform:capitalize;color:#9AA0AB}
.mu-chips .mu-r{cursor:pointer;padding:4px 12px 4px 4px;transition:border-color .15s,background .15s}
.mu-chips .mu-r:hover{border-color:#555B66;background:#20242B}
.mu-chips .mu-r img{width:26px;height:26px;border-radius:50%;object-fit:cover}
.mu-chips .mu-r:not(:has(img)){padding-left:12px}
.ar-disc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px}
.ar-al{display:flex;flex-direction:column;gap:3px;min-width:0}
.ar-cv{display:block;aspect-ratio:1/1;border-radius:6px;overflow:hidden;background:#242830;margin-bottom:4px}
.ar-cv img{display:block;width:100%;height:100%;object-fit:cover}
.ar-al b{font:600 12.5px/1.25 'Barlow',sans-serif;color:#F2F3F5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ar-al em{font-style:normal;font-size:11.5px;color:#8B909A}
@media (max-width:520px){.ar-disc{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---- Calmer news cards: no coloured top bar, no glow, no filled colour chip ---- */
.tsc-bar{height:0;background:none}
.news-card.tcd{border-color:#262A31}
.news-card.tcd:hover,.news-card.tcd:focus-visible{border-color:#3C424C;box-shadow:none;transform:none}
.news-card:focus-visible{outline:none;border-color:#555B66}
.news-card{border-top:1px solid #262A31}
.tsc-lane{background:none;color:#9AA0AB;padding:0;border-radius:0;font-size:12px;font-weight:600;letter-spacing:.04em;display:inline-flex;align-items:center;gap:7px}
.tsc-lane::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lc);opacity:.75}
.tsc{--lc:#7E8794}
.tsc[data-lane="pop"]{--lc:#9A8CB8}.tsc[data-lane="sports"]{--lc:#B8946A}.tsc[data-lane="markets"]{--lc:#6FA38A}.tsc[data-lane="tech"]{--lc:#6F97C4}.tsc[data-lane="music"]{--lc:#B07F9E}
.tsc-tr{background:none;padding:0;color:#9AA0AB}
.tcd .take-q{color:#D7DAE0}
.tsc .take-yes{background:rgba(61,220,151,.07);border-color:rgba(61,220,151,.28);color:#6BE3A4}
.tsc .take-no{background:rgba(255,107,91,.07);border-color:rgba(255,107,91,.28);color:#FF8A7A}
.tsc .take-yes:hover:not(:disabled){background:rgba(61,220,151,.14)}
.tsc .take-no:hover:not(:disabled){background:rgba(255,107,91,.14)}
.tsc .take-btn{min-height:38px;font-size:14px;font-weight:600}
.tsc .take-bar-y{background:rgba(61,220,151,.35)}.tsc .take-bar-n{background:rgba(255,107,91,.35)}
.news-card .lane-tag{color:#8B909A}
.news-take .take-label{color:#8B909A}
#news-grid .news-top3:not(.chart) .tr-n{color:#9AA0AB !important}
.feed-chip.on{background:#2A2E36;border-color:#2A2E36;color:#fff}
.feed-chip:hover{border-color:#555B66}
/* matching calm on the Artists hero */
.ar-pic.xl{box-shadow:0 0 0 2px #3A3E46,0 12px 30px rgba(0,0,0,.5)}
.ar-hero{background:#1A1D22}
.ar-crown{color:#9AA0AB}
.ar-bar i{background:#6E7785}
.rk-tabs button.on::after,.co-sec button.on::after,.rk-pills button.on::after{background:#E4E6EA}
.rk-tabs button:focus-visible,.co-sec button:focus-visible,.rk-pills button:focus-visible,.co-per button:focus-visible{outline:none;color:#fff}
.news-card:hover{transform:none;box-shadow:none;border-color:#3C424C}
.mdp-links a,.mdp-link,.sg-link{color:#E4E6EA}

/* ---- 10. Wordle-style share sheet, flat artists list ---- */
.mq-ss-txt{white-space:pre-wrap;background:#1B1F25;border:1px solid #2E323A;border-radius:12px;padding:12px 14px;font:500 15px/1.55 'Barlow',sans-serif;color:#E4E6EA;word-break:break-word}
.mq-ss-txt i{font-style:normal;color:#7E838D;font-size:13px}
.mq-ss-btns{display:flex;flex-direction:column;gap:10px}
a.mq-ss-ig{text-decoration:none}
.mq-ss-ig.dl{color:#15171B}
.mq-ss-ig:not(.dl){color:#fff}
.ar-list{margin-top:4px}
@media (max-width:480px){.mq-ss-stage .mq-ss-prev{width:84px}.mq-ss-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* ---- 11. Richer music pages ---- */
.sg-head{gap:20px}
.sg-art.round{width:124px;height:124px;object-position:50% 20%}
.mu-artist{background:none;border:0;padding:0;margin:0;color:#E4E6EA;font:600 16px 'Barlow',sans-serif;cursor:pointer}
.mu-artist span{color:#6E737D;margin-left:2px}
.mu-artist:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.mu-pop{height:4px;border-radius:2px;background:#2A2D33;margin:6px 0 4px;overflow:hidden}
.mu-pop span{display:block;height:100%;background:#9AA0AB;border-radius:2px}
.mu-meta{margin:-4px 0 8px;font-size:13px;color:#8B909A}
.mu-rk{color:#fff;font-variant-numeric:tabular-nums}
.ar-top li.cur{background:#1E2229;border-radius:8px}
.ar-top li.cur .m b{color:#fff}
.mu-tl .n{width:24px}
.mu-tiles .mdp-sc.long b{font-size:16px;line-height:1.25}
.ar-banner{margin:10px 0 0;height:130px;border-radius:12px;overflow:hidden;background:#1A1D22;position:relative}.ar-banner img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}.ar-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,25,30,0) 40%,rgba(22,25,30,.55))}