@media (max-width: 600px) {
  html[data-route="/pickems"] .league-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  html[data-route="/pickems"] .league-tabs::-webkit-scrollbar { display: none; }
}
@layer components {
html[data-route="/pickems"]{
  /* ex-:root local overrides (supplement canonical tokens; --f-display intentionally dropped) */
  --bg-surface-2: #1A1A1A;
  --hairline: rgba(255,255,255,.06);
  --hairline-2: rgba(255,255,255,.10);
  --green-correct: #3dba6e;
  --green-correct-bg: rgba(61,186,110,.12);
  --green-correct-border: rgba(61,186,110,.25);
  --red-wrong: rgba(255,26,26,.10);
  --red-wrong-border: rgba(255,26,26,.20);
  --streak-fire: #FF6A00;

  /* === SKIP LINK === */
  .skip{position:absolute;top:-100px;left:0;padding:8px 16px;background:var(--red-primary);color:#fff;z-index:100;font-size:16px;}
  .skip:focus{top:0;}

  /* === PAGE HEADER === */
  .page-header{background:linear-gradient(135deg,#0d0d0d 0%,#1a0000 50%,#0d0d0d 100%);border-bottom:2px solid var(--red-primary);padding:32px 24px 24px;position:relative;overflow:hidden;flex-shrink:0;}
  .page-header::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent,transparent 20px,rgba(255,26,26,.03) 20px,rgba(255,26,26,.03) 21px);pointer-events:none;}
  .page-header-inner{position:relative;z-index:1;}
  .page-eyebrow{font-family:var(--f-display);font-size:16px;letter-spacing:.2em;color:var(--red-primary);text-transform:uppercase;display:block;margin-bottom:4px;}
  .page-title{font-family:var(--f-display);font-size:clamp(28px,4vw,48px);letter-spacing:.04em;color:var(--white-bright);margin:0 0 4px;line-height:1;}
  .page-subtitle{font-size:16px;color:var(--gray-light);margin:0;transition:opacity .2s;}

  /* === FOR FUN BANNER === */
  .fun-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(255,45,45,.06);border:1px solid rgba(255,45,45,.2);border-radius:8px;font-size:16px;color:#FFFFFF;margin-top:4px;}
  .fun-banner-icon{font-size:16px;flex-shrink:0;}
  .fun-banner-text{line-height:1.4;}
  .fun-banner-text strong{color:var(--white-bright);font-weight:700;}

  /* === CARD === */
  .card{background:var(--black-card);border:1px solid var(--gray-border);border-radius:12px;overflow:hidden;}
  .card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray-border);gap:12px;flex-wrap:wrap;}
  .card-eyebrow{font-size:16px;font-family:var(--f-display);letter-spacing:.18em;color:var(--red-primary);text-transform:uppercase;}
  .card-title{font-family:var(--f-display);font-size:18px;letter-spacing:.06em;color:var(--white-bright);margin:0;}
  .card-body{padding:20px;}

  /* === BADGES === */
  .badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
  .badge-gold{background:rgba(255,45,45,.12);color:#FFFFFF;border:1px solid rgba(255,45,45,.25);}
  .badge-green{background:rgba(61,186,110,.12);color:#3dba6e;border:1px solid rgba(61,186,110,.25);}
  .badge-red{background:rgba(255,26,26,.12);color:var(--red-primary);border:1px solid rgba(255,26,26,.25);}
  .badge-gray{background:rgba(138,138,138,.12);color:var(--gray-light);border:1px solid rgba(138,138,138,.25);}
  .badge-streak{background:rgba(255,106,0,.12);color:var(--streak-fire);border:1px solid rgba(255,106,0,.3);}

  /* === LEAGUE TABS === */
  .league-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 4px;}
  .league-tab{padding:8px 16px;border-radius:8px;font-size:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--bg-surface-2);border:1px solid var(--gray-border);color:var(--gray-light);cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0;}
  .league-tab[aria-selected="true"],
  .league-tab.active{background:rgba(255,26,26,.15);border-color:var(--red-primary);color:var(--white-bright);}
  .league-tab:hover{color:var(--white-bright);}
  .league-tab:active{background:rgba(255,26,26,.22);transform:scale(.96);}
  .league-tab:focus-visible{outline:2px solid var(--red-primary);outline-offset:2px;}

  /* === COUNTDOWN TIMER === */
  .countdown-wrap{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,rgba(255,26,26,.05) 0%,rgba(255,26,26,.02) 100%);border-bottom:1px solid var(--gray-border);}
  .countdown-label{font-family:var(--f-display);font-size:16px;letter-spacing:.14em;color:var(--red-primary);text-transform:uppercase;flex-shrink:0;}
  .countdown-timer{display:flex;gap:6px;align-items:baseline;}
  .cd-segment{display:flex;flex-direction:column;align-items:center;gap:2px;}
  .cd-num{font-family:var(--f-mono);font-size:22px;font-weight:700;color:var(--white-bright);line-height:1;}
  .cd-unit{font-size:16px;font-family:var(--f-display);letter-spacing:.12em;color:#B8B8B8;text-transform:uppercase;}
  .cd-sep{font-family:var(--f-mono);font-size:18px;color:#B8B8B8;line-height:1;padding-top:2px;}
  .countdown-locked{color:var(--red-primary);font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}

  /* === PAGE TABS === */
  .page-tabs{display:flex;gap:0;border-bottom:1px solid var(--gray-border);}
  .page-tab{padding:12px 20px;font-size:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-light);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s;}
  .page-tab:hover{color:var(--white-bright);}
  .page-tab.active,.page-tab[aria-selected="true"]{color:var(--white-bright);border-bottom-color:var(--red-primary);}
  .page-tab:focus-visible{outline:2px solid var(--red-primary);outline-offset:-2px;}
  .tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:8px;font-size:16px;background:var(--red-primary);color:#fff;margin-left:4px;padding:0 3px;}

  /* === STATS STRIP === */
  .stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gray-border);border-bottom:1px solid var(--gray-border);}
  .ss-stat{background:var(--black-soft);padding:14px 16px;display:flex;flex-direction:column;gap:2px;}
  .ss-label{font-size:16px;font-family:var(--f-display);letter-spacing:.14em;color:#B8B8B8;text-transform:uppercase;}
  .ss-value{font-family:var(--f-mono);font-size:22px;font-weight:700;color:var(--white-bright);line-height:1;}
  .ss-sub{font-size:16px;color:#B8B8B8;}

  /* === WEEK NAV === */
  .week-nav{display:flex;align-items:center;gap:10px;}
  .wn-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--bg-surface-2);border:1px solid var(--gray-border);border-radius:6px;color:var(--white-bright);font-size:16px;cursor:pointer;transition:border-color .15s;flex-shrink:0;}
  .wn-btn:hover{border-color:var(--red-primary);}
  .wn-btn:disabled{opacity:.35;cursor:default;}
  .wn-week{font-family:var(--f-display);font-size:20px;letter-spacing:.08em;color:var(--white-bright);min-width:100px;text-align:center;}

  /* === GAME PICK CARDS === */
  .picks-list{display:flex;flex-direction:column;gap:10px;padding:16px;}

  .pick-card{background:var(--black-soft);border:1px solid var(--gray-border);border-radius:10px;overflow:hidden;transition:border-color .15s,transform .18s,box-shadow .18s;}
  .pick-card:hover{border-color:rgba(255,26,26,.2);}
  .pick-card.is-locked{opacity:.7;pointer-events:none;}

  .pc-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:rgba(255,255,255,.02);border-bottom:1px solid var(--hairline);}
  .pc-time{font-size:16px;color:var(--gray-light);}
  .pc-status{font-size:16px;}

  .pc-body{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:12px 14px;}

  .pc-team{display:flex;flex-direction:column;gap:4px;}
  .pc-team.right{align-items:flex-end;text-align:right;}
  .pc-team-name{font-size:16px;font-weight:700;line-height:1.2;color:var(--white-bright);}
  .pc-team-record{font-size:16px;color:#B8B8B8;}

  .pc-pick-btn{width:100%;padding:9px 14px;border-radius:7px;border:1px solid var(--gray-border);background:var(--bg-surface-2);color:var(--white-bright);font-size:16px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--f-body);}
  .pc-pick-btn:hover:not(:disabled){border-color:rgba(255,26,26,.4);color:var(--white-bright);}
  .pc-pick-btn.selected{background:rgba(255,26,26,.15);border-color:var(--red-primary);color:var(--white-bright);}
  .pc-pick-btn.correct{background:rgba(61,186,110,.15);border-color:#3dba6e;color:#3dba6e;}
  .pc-pick-btn.wrong{background:rgba(255,26,26,.08);border-color:rgba(255,26,26,.3);color:rgba(255,100,100,.7);}
  .pc-pick-btn:disabled{cursor:default;opacity:.6;}

  .pc-vs{font-family:var(--f-display);font-size:18px;color:#B8B8B8;text-align:center;letter-spacing:.06em;}
  .pc-spread{font-size:16px;color:#B8B8B8;text-align:center;margin-top:2px;}
  .pc-score{font-family:var(--f-mono);font-size:22px;font-weight:700;color:var(--white-bright);text-align:center;line-height:1;}
  .pc-final{font-size:16px;font-family:var(--f-display);letter-spacing:.1em;color:var(--gray-light);text-align:center;}
  .pc-score.live,.pc-final.live{color:#3dba6e;}
  .pc-spread--none{opacity:.5;font-style:italic;}

  /* === AGAINST-THE-SPREAD: PREDICTED MARGIN (#692) === */
  .pc-margin{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
    padding:10px 14px;border-top:1px solid var(--hairline);background:rgba(255,255,255,.015);}
  .pc-margin--hint{color:var(--gray-light);font-size:16px;font-style:italic;background:none;}
  .pc-margin-label{font-size:16px;font-weight:700;letter-spacing:.04em;color:var(--gray-light);text-transform:uppercase;}
  .pc-stepper{display:inline-flex;align-items:center;gap:6px;}
  .pc-step{width:30px;height:30px;flex:0 0 30px;border-radius:7px;border:1px solid var(--gray-border);
    background:var(--bg-surface-2);color:var(--white-bright);font-size:18px;line-height:1;font-weight:700;
    cursor:pointer;transition:border-color .15s,background .15s;display:flex;align-items:center;justify-content:center;}
  .pc-step:hover{border-color:rgba(255,26,26,.4);background:rgba(255,26,26,.08);}
  .pc-step:active{transform:translateY(1px);}
  .pc-margin-input{width:56px;height:30px;text-align:center;border-radius:7px;border:1px solid var(--gray-border);
    background:var(--black-soft);color:var(--white-bright);font-family:var(--f-mono);font-size:16px;font-weight:700;
    -moz-appearance:textfield;}
  .pc-margin-input:focus{outline:none;border-color:var(--red-primary);}
  .pc-margin-input::-webkit-outer-spin-button,.pc-margin-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
  .pc-margin-unit{font-size:16px;color:var(--gray-light);}

  /* Final-state margin result (predicted vs actual + band) */
  .pc-margin--result{font-size:16px;}
  .pc-mr-line{color:var(--gray-light);}
  .pc-mr-line strong{color:var(--white-bright);font-family:var(--f-mono);}
  .pc-mr-band{font-family:var(--f-display);letter-spacing:.06em;font-size:16px;padding:2px 8px;border-radius:5px;
    border:1px solid var(--gray-border);}
  .pc-mr-pts{font-family:var(--f-mono);font-weight:700;}
  .pc-margin--result.band-tight .pc-mr-band,.pc-margin--result.band-tight .pc-mr-pts{color:#3dba6e;}
  .pc-margin--result.band-tight .pc-mr-band{border-color:rgba(61,186,110,.4);background:rgba(61,186,110,.1);}
  .pc-margin--result.band-mid .pc-mr-band,.pc-margin--result.band-mid .pc-mr-pts{color:var(--white-bright, #F5F5F5);}
  .pc-margin--result.band-mid .pc-mr-band{border-color:rgba(224,179,65,.4);background:rgba(224,179,65,.08);}
  .pc-margin--result.band-wide .pc-mr-band,.pc-margin--result.band-wide .pc-mr-pts{color:var(--gray-light);}

  /* === SCORING EXPLAINER (collapsible) === */
  .scoring-explainer{margin:0 16px 4px;border:1px solid var(--gray-border);border-radius:10px;
    background:var(--black-soft);overflow:hidden;}
  .sx-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;cursor:pointer;
    list-style:none;}
  .sx-summary::-webkit-details-marker{display:none;}
  .sx-summary-title{font-size:16px;font-weight:700;letter-spacing:.04em;color:var(--white-bright);}
  .sx-summary-hint{font-size:16px;color:var(--gray-light);text-transform:uppercase;letter-spacing:.1em;}
  .scoring-explainer[open] .sx-summary-hint::after{content:" ▲";}
  .scoring-explainer:not([open]) .sx-summary-hint::after{content:" ▼";}
  .sx-body{padding:0 14px 14px;border-top:1px solid var(--hairline);}
  .sx-intro{font-size:16px;line-height:1.5;color:var(--gray-light);margin:12px 0;}
  .sx-intro strong{color:var(--white-bright);}
  .sx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
  .sx-winner,.sx-band{display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center;
    padding:10px 6px;border:1px solid var(--gray-border);border-radius:8px;background:rgba(255,255,255,.02);}
  .sx-band-pts{font-family:var(--f-display);font-size:22px;line-height:1;color:var(--white-bright);}
  .sx-band-name{font-size:16px;font-weight:700;color:var(--white-bright);}
  .sx-band-range{font-size:16px;color:var(--gray-light);}
  .sx-winner{border-color:rgba(255,26,26,.3);}
  .sx-winner .sx-band-pts{color:var(--red-primary);}
  .sx-band.band-tight{border-color:rgba(61,186,110,.3);}
  .sx-band.band-tight .sx-band-pts{color:#3dba6e;}
  .sx-band.band-mid{border-color:rgba(224,179,65,.3);}
  .sx-band.band-mid .sx-band-pts{color:var(--white-bright, #F5F5F5);}
  .sx-note{font-size:16px;color:var(--gray-light);margin:12px 0 0;font-style:italic;}

  /* === SEED / SAMPLE-DATA BANNER === */
  .seed-banner{padding:10px 16px;background:rgba(224,179,65,.08);border-bottom:1px solid rgba(224,179,65,.25);
    color:var(--white-bright, #F5F5F5);font-size:16px;font-weight:600;letter-spacing:.03em;}

  /* === SUBMIT BAR === */
  .submit-bar{padding:14px 16px;border-top:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;gap:12px;}
  .submit-count{font-size:16px;color:var(--gray-light);}
  .submit-btn{padding:10px 24px;background:var(--red-primary);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:background .15s;font-family:var(--f-body);}
  .submit-btn:hover{background:#cc1515;}
  .submit-btn:disabled{background:var(--gray-border);color:var(--gray-light);cursor:default;}

  /* === RESULTS TAB === */
  .results-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gray-border);border-bottom:1px solid var(--gray-border);}
  .rt-stat{background:var(--black-soft);padding:16px 14px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;}
  .rt-num{font-family:var(--f-display);font-size:30px;line-height:1;letter-spacing:.02em;color:var(--white-bright);}
  .rt-stat.good .rt-num{color:#3dba6e;}
  .rt-stat.bad .rt-num{color:var(--red-primary);}
  .rt-lbl{font-size:16px;font-family:var(--f-display);letter-spacing:.14em;color:var(--gray-light);text-transform:uppercase;}

  .recap-week{border-bottom:1px solid var(--hairline);}
  .recap-week:last-child{border-bottom:none;}
  .recap-week-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:rgba(255,255,255,.02);border-bottom:1px solid var(--hairline);}
  .rw-title{font-family:var(--f-display);font-size:16px;letter-spacing:.08em;color:var(--white-bright);}
  .rw-sum{font-size:16px;color:var(--gray-light);text-align:right;}

  .recap-row{padding:9px 16px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px;}
  .recap-row:last-child{border-bottom:none;}
  .recap-row.correct{background:rgba(61,186,110,.045);}
  .recap-row.incorrect{background:rgba(255,26,26,.04);}
  .rr-matchup{font-weight:600;color:var(--white-bright);flex:1;min-width:0;}
  .rr-pick{font-weight:700;color:#FFFFFF;}
  .rr-score{font-family:var(--f-mono);font-weight:700;color:var(--white-bright);}
  .rr-outcome{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:4px;font-size:16px;font-weight:700;}
  .rr-outcome.win{background:rgba(61,186,110,.15);color:#3dba6e;}
  .rr-outcome.loss{background:rgba(255,26,26,.12);color:var(--red-primary);}
  .rr-outcome.push{background:rgba(255,45,45,.14);color:#FFFFFF;padding:0 6px;font-size:16px;}
  .rr-outcome.pending{background:rgba(138,138,138,.12);color:var(--gray-light);padding:0 6px;}

  /* === STREAK DISPLAY === */
  .streak-row{display:flex;gap:16px;padding:14px 16px;border-top:1px solid var(--gray-border);background:var(--black-soft);}
  .streak-item{display:flex;flex-direction:column;gap:2px;flex:1;}
  .streak-label{font-size:16px;font-family:var(--f-display);letter-spacing:.14em;color:var(--gray-light);text-transform:uppercase;}
  .streak-value{font-family:var(--f-mono);font-size:18px;font-weight:700;color:var(--streak-fire);}
  .streak-sub{font-size:16px;color:var(--gray-light);}

  /* === LEADERBOARD === */
  .lb-table{width:100%;border-collapse:collapse;font-size:16px;}
  .lb-table th{font-family:var(--f-display);font-size:16px;letter-spacing:.12em;color:var(--gray-light);text-align:left;padding:8px 14px;border-bottom:1px solid var(--gray-border);white-space:nowrap;text-transform:uppercase;}
  .lb-table th.r{text-align:right;}
  .lb-table td{padding:10px 14px;border-bottom:1px solid var(--hairline);vertical-align:middle;}
  .lb-table td.r{text-align:right;}
  .lb-table tr:last-child td{border-bottom:none;}
  .lb-table tbody tr{transition:background .15s;}
  .lb-table tbody tr:hover td{background:rgba(255,26,26,.04);}
  .lb-table tr.is-me td{background:rgba(255,26,26,.06);}

  .lb-rank{font-family:var(--f-display);font-size:18px;width:28px;}
  .lb-rank.r1{color:var(--red-primary,#FF1A1A);}
  .lb-rank.r2{color:var(--gray-light,#C2C2C2);}
  .lb-rank.r3{color:var(--text-faint,#9CA0A8);}
  .lb-rank.rn{color:var(--gray-light);}

  .lb-name{display:flex;align-items:center;gap:8px;font-weight:600;min-width:0;}
  .lb-av{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;}
  .lb-av-ini{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--bg-surface-2);border:1px solid var(--gray-border);font-size:16px;font-weight:700;color:var(--gray-light);flex-shrink:0;}
  .lb-uname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .lb-correct{font-family:var(--f-mono);font-size:16px;font-weight:700;color:#3dba6e;text-align:right;}
  .lb-pct{font-family:var(--f-mono);font-size:16px;color:var(--gray-light);text-align:right;}
  .lb-streak{font-family:var(--f-mono);font-size:16px;color:var(--streak-fire);text-align:right;}

  /* === REWARD BADGES (cosmetic only) === */
  .reward-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:10px;font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid;}
  .reward-badge.hot-streak{background:rgba(255,106,0,.1);color:var(--streak-fire);border-color:rgba(255,106,0,.3);}
  .reward-badge.perfect-week{background:rgba(255,45,45,.1);color:#FFFFFF;border-color:rgba(255,255,255,.3);}
  .reward-badge.iron-picker{background:rgba(138,138,138,.1);color:var(--gray-light);border-color:rgba(138,138,138,.3);}
  .reward-badge.season-champ{background:rgba(255,26,26,.1);color:var(--red-primary);border-color:rgba(255,26,26,.3);}
  .reward-flair{font-size:16px;margin-right:2px;}

  /* === COSMETIC REWARDS SECTION === */
  .rewards-section{padding:16px;border-top:1px solid var(--gray-border);}
  .rewards-title{font-family:var(--f-display);font-size:16px;letter-spacing:.12em;color:var(--gray-light);text-transform:uppercase;margin:0 0 10px;}
  .rewards-grid{display:flex;gap:8px;flex-wrap:wrap;}
  .reward-card{background:var(--black-soft);border:1px solid var(--gray-border);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:8px;min-width:140px;transition:border-color .15s;}
  .reward-card.earned{border-color:#FFFFFF;}
  .reward-card.locked{opacity:.4;}
  .rc-icon{font-size:24px;flex-shrink:0;}
  .rc-info{display:flex;flex-direction:column;gap:2px;}
  .rc-name{font-size:16px;font-weight:700;color:var(--white-bright);}
  .rc-desc{font-size:16px;color:var(--gray-light);}

  /* === EMPTY STATE === */
  .empty-state{text-align:center;padding:48px 20px;color:var(--gray-light);}
  .empty-icon{font-size:36px;margin-bottom:12px;}
  .empty-msg{font-family:var(--f-display);font-size:20px;letter-spacing:.06em;color:var(--gray-light);margin:0 0 8px;}
  .empty-sub{font-size:16px;color:var(--gray-light);margin:0;}

  /* === SKELETON === */
  .skeleton-line{background:linear-gradient(90deg,var(--black-soft) 25%,#1c1c1c 50%,var(--black-soft) 75%);background-size:200% 100%;border-radius:4px;height:16px;margin-bottom:8px;}
  .skeleton-card{background:var(--black-soft);border:1px solid var(--gray-border);border-radius:10px;padding:20px;margin-bottom:10px;}

  /* === ANIMATIONS === */
  .stagger-in{opacity:0;animation:pickems-fadeInUp .25s ease both;}
  .skeleton-line{animation:pickems-shimmer 1.4s infinite;}
  .pulse{animation:pickems-pulse 2s ease-in-out infinite;}

  @media(prefers-reduced-motion:reduce){
    .stagger-in{animation:none !important;opacity:1;}
    .skeleton-line{animation:none !important;background:var(--black-soft);}
    .pulse{animation:none !important;}
    .pick-card,.pc-pick-btn,.league-tab,.page-tab,.wn-btn,.submit-btn{transition:none !important;}
  }

  /* === RESPONSIVE: TABLET (767px) === */
  @media(max-width:767px){
    .page-header{padding:16px 12px;}

    .stats-strip{grid-template-columns:1fr 1fr;}
    .results-totals{grid-template-columns:1fr 1fr;}
    .rt-num{font-size:26px;}

    .page-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
    .page-tabs::-webkit-scrollbar{display:none;}
    .page-tab{flex:0 0 auto;white-space:nowrap;padding:12px 16px;}

    .pc-team-name{font-size:16px;}
    .pc-pick-btn{padding:6px 10px;font-size:16px;}

    .sx-grid{grid-template-columns:1fr 1fr;}
    .pc-margin{gap:8px;}

    .countdown-wrap{flex-wrap:wrap;}
    .cd-num{font-size:18px;}

    .recap-row{font-size:16px;gap:6px;}
    .streak-row{flex-wrap:wrap;gap:10px;}

    .rewards-grid{flex-direction:column;}
    .reward-card{min-width:unset;}

    .lb-table{font-size:16px;}
  }

  /* === RESPONSIVE: SMALL PHONE (359px) === */
  @media(max-width:359px){
    .page-header{padding:12px 8px;}
    .page-title{font-size:22px !important;}
    .card-header{padding:12px 14px;}
    .card-body{padding:12px 10px;}

    .stats-strip{grid-template-columns:1fr 1fr;}
    .ss-value{font-size:18px;}

    .pc-body{grid-template-columns:1fr auto 1fr;}

    .hide-xs{display:none !important;}

    .countdown-wrap{padding:10px 12px;}
    .cd-num{font-size:16px;}

    .lb-table th,.lb-table td{padding:8px 10px;}
  }
}
}