/* Spread 'Em Broadcast Cards — scoped strictly to the player Picks screen. */
.mc-card{
  margin:0 0 16px;border:1px solid #35514F;border-radius:18px;overflow:hidden;
  background:linear-gradient(145deg,#152324 0%,#101B1D 66%,#0D171B 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 25px rgba(0,0,0,.12);
}
.mc-card.mc-picked{border-color:#507157}
.mc-card.mc-locked{border-color:#C19E59;box-shadow:0 0 0 1px rgba(255,196,124,.11),0 15px 30px rgba(0,0,0,.15)}
.mc-head{
 display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
 padding:13px 18px;border-bottom:1px solid #30413F;
 background:linear-gradient(95deg,#1A2B2B,#111F22 75%);
}
.mc-head-left,.mc-head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mc-head .league-flag{font-size:.61rem;letter-spacing:.12em;border:1px solid rgba(214,255,89,.11)}
.mc-game-number{font-size:.66rem;font-weight:900;letter-spacing:.17em;color:#A3BAB3}
.mc-lock-badge{
 color:#FFD398;background:#433521;border:1px solid #77603D;
 border-radius:5px;padding:5px 7px;font-size:.61rem;font-weight:900;letter-spacing:.07em
}
.mc-date{font-size:.71rem;font-weight:800;color:#C4D8CB}
.mc-date span{color:#6B817D;padding:0 3px}
.mc-head .pill{font-size:.63rem;padding:6px 9px;letter-spacing:.09em}
.mc-matchup{
 display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);
 align-items:stretch;gap:10px;padding:16px 18px;
 background:
   repeating-linear-gradient(135deg,rgba(214,255,89,.018) 0 1px,transparent 1px 25px);
}
.mc-team{
 appearance:none;-webkit-appearance:none;position:relative;overflow:hidden;min-width:0;
 display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;
 color:#F2F8F1;background:linear-gradient(155deg,#1E3031,#172528);
 border:1px solid #3C5150;border-radius:13px;padding:12px 13px 14px;
 min-height:202px;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;
}
.mc-team:disabled{opacity:1;cursor:default}
.mc-team:not(:disabled):hover{border-color:#819F67;background:linear-gradient(155deg,#263C37,#192C2B);transform:translateY(-1px)}
.mc-team:focus-visible,.mc-lock-action:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.mc-team.mc-selected{
 border-color:var(--lime);
 background:radial-gradient(ellipse at center top,rgba(214,255,89,.16),transparent 75%),linear-gradient(155deg,#29432F,#182C26);
 box-shadow:inset 0 0 0 1px rgba(214,255,89,.38),0 0 22px rgba(214,255,89,.035)
}
.mc-team:disabled.mc-selected{border-color:#B4D968}
.mc-team-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:8px}
.mc-side-label{font-size:.59rem;font-weight:900;letter-spacing:.18em;color:#A4BBAE}
.mc-selection-indicator{font-size:.6rem;font-weight:900;letter-spacing:.07em;color:#738F85}
.mc-team.mc-selected .mc-selection-indicator{color:var(--lime)}
.mc-team-logo{
 display:grid;place-items:center;flex-shrink:0;border-radius:14px;
 width:66px;height:66px;margin:2px 0 10px;position:relative;
 font:italic 900 1.3rem/1 'Barlow Condensed','Space Grotesk',sans-serif;
 letter-spacing:.03em;border:1px solid var(--mc-team-stroke,#556C76);
 color:#EBF5F4;background:linear-gradient(145deg,var(--mc-team-bg,#33585B),#172426);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 20px rgba(0,0,0,.16)
}
.mc-tone-0{--mc-team-bg:#315965;--mc-team-stroke:#5B8590}
.mc-tone-1{--mc-team-bg:#584C72;--mc-team-stroke:#8575A6}
.mc-tone-2{--mc-team-bg:#4C6043;--mc-team-stroke:#76936C}
.mc-tone-3{--mc-team-bg:#6D4E42;--mc-team-stroke:#9E7662}
.mc-tone-4{--mc-team-bg:#3D5C75;--mc-team-stroke:#6A8BA2}
.mc-tone-5{--mc-team-bg:#725846;--mc-team-stroke:#B18B70}
.mc-team-name{
 display:block;min-height:2.3em;font:italic 900 clamp(1.3rem,2.5vw,1.82rem)/1.09 'Barlow Condensed','Space Grotesk',sans-serif;
 text-transform:uppercase;letter-spacing:.012em;overflow-wrap:anywhere;margin:1px 0 8px
}
.mc-team-line{
 display:inline-flex;align-items:center;gap:9px;justify-content:center;
 border:1px solid #49615A;border-radius:10px;
 padding:7px 13px;background:rgba(4,12,14,.38);margin-top:auto
}
.mc-team-line small{font-size:.6rem;font-weight:900;letter-spacing:.16em;color:#ADC6B6}
.mc-team-line strong{font:italic 900 1.65rem/.9 'Barlow Condensed',sans-serif;color:#F7FAF3}
.mc-team.mc-selected .mc-team-line{border-color:#779A63;background:rgba(22,43,25,.75)}
.mc-team.mc-selected .mc-team-line strong{color:var(--lime)}
.mc-final-score{
 display:flex;align-items:center;justify-content:center;gap:6px;
 font-size:.59rem;font-weight:900;letter-spacing:.08em;color:#B5C8C2;margin-top:9px
}
.mc-final-score strong{color:#F6FCF2;font-size:1rem}
.mc-center{min-width:0;display:flex;align-items:center;justify-content:center;position:relative}
.mc-center:before,.mc-center:after{
 content:'';height:calc(50% - 20px);width:1px;background:linear-gradient(transparent,#48605A);position:absolute;top:3px;left:50%
}
.mc-center:after{top:auto;bottom:3px;background:linear-gradient(#48605A,transparent)}
.mc-center span{z-index:1;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;border:1px solid #48605A;background:#111D20;font:italic 900 1.04rem 'Barlow Condensed',sans-serif;color:#B8CFC3}
.mc-foot{
 display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
 padding:13px 18px 14px;border-top:1px solid #30413F;background:#111E21
}
.mc-foot-status{min-width:0;display:flex;flex-direction:column;gap:6px;flex:1}
.mc-decision{font-size:.65rem;font-weight:900;letter-spacing:.05em;color:#C1D0C8;overflow-wrap:anywhere;line-height:1.5}
.mc-decision.mc-has-selection{color:var(--lime)}
.mc-countdown{
 font-size:.67rem;font-weight:900;letter-spacing:.09em;color:#FFC47C;display:inline-flex;align-items:center;gap:4px
}
.mc-countdown span{font-variant-numeric:tabular-nums}
.mc-closed{font-size:.62rem;font-weight:800;letter-spacing:.11em;color:#B3C3BB}
.mc-foot-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.mc-lock-action{
 appearance:none;border:1px solid #79633F;background:#392E21;color:#FFD49A;
 border-radius:9px;min-height:42px;max-width:100%;padding:10px 14px;
 font-size:.69rem;font-weight:900;letter-spacing:.04em;line-height:1.2;
 transition:background .15s,border-color .15s
}
.mc-lock-action:not(:disabled):hover{border-color:#FFD29B;background:#4A3A25}
.mc-lock-action:disabled{opacity:.58}
.mc-lock-action.mc-lock-active{background:#4C3B24;border-color:#D9AC60;color:#FFE1B0;opacity:1}
.mc-foot-actions .result-tag{font-size:.78rem;letter-spacing:.06em}
@media(max-width:760px){
 .mc-head{padding:11px 13px;gap:7px}
 .mc-head-left,.mc-head-right{gap:6px}
 .mc-date{font-size:.66rem}
 .mc-matchup{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:6px;padding:12px}
 .mc-team{padding:10px 8px 12px;min-height:193px;border-radius:11px}
 .mc-team-logo{width:56px;height:56px;font-size:1.06rem;margin-bottom:9px}
 .mc-team-name{font-size:clamp(1.21rem,3.6vw,1.52rem)}
 .mc-team-line{padding:7px 10px;gap:7px}
 .mc-team-line strong{font-size:1.45rem}
 .mc-center span{width:25px;height:25px;font-size:.87rem}
 .mc-center:before,.mc-center:after{height:calc(50% - 15px)}
 .mc-foot{padding:12px 13px}
}
@media(max-width:430px){
 .mc-card{margin-bottom:12px;border-radius:14px}
 .mc-head{padding:10px}
 .mc-head .pill{padding:5px 8px}
 .mc-head-right{width:100%;justify-content:space-between}
 .mc-date{font-size:.68rem}
 .mc-matchup{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:4px;padding:9px}
 .mc-team{padding:9px 5px 11px;min-height:182px}
 .mc-team-top{margin-bottom:5px}
 .mc-side-label{font-size:.56rem}
 .mc-selection-indicator{font-size:.52rem}
 .mc-team-logo{width:49px;height:49px;font-size:.96rem;margin-bottom:9px;border-radius:11px}
 .mc-team-name{font-size:1.23rem;line-height:1.12;min-height:2.25em}
 .mc-team-line{padding:6px 9px;gap:6px}
 .mc-team-line strong{font-size:1.43rem}
 .mc-center span{width:22px;height:22px;font-size:.78rem}
 .mc-foot{align-items:stretch;gap:12px;padding:10px 12px}
 .mc-foot-actions{width:100%;justify-content:space-between}
 .mc-lock-action{width:100%;min-height:44px}
 .mc-foot-actions .result-tag{width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){.mc-team,.mc-lock-action{transition:none}.mc-team:not(:disabled):hover{transform:none}}
