/* Name That Dead RC5.0 — brand + Snapshot polish.
   Does not alter the tested RC4.2.5 answer-dock geometry. */
#home{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,rgba(7,58,112,.96),rgba(0,46,99,.99));}
#home::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--dead-red);}
#home .hero{font-size:clamp(48px,10vw,78px);line-height:.89;margin-top:12px;text-wrap:balance;}
#home .heroSub{max-width:610px;margin:0 auto 18px;font-size:15px;}
#home .proofLine{max-width:620px;margin:2px auto 0;padding:10px 6px;border-bottom:1px dashed rgba(250,248,242,.18);color:#D9E5F0;font-size:10px;letter-spacing:.11em;}
#home .proofLine span{color:var(--dead-red-soft);padding:0 .38em;}
#home .library{display:none!important;}
#home .stats3{margin:16px 0 13px;gap:7px;}
#home .stat{background:rgba(0,20,45,.53);border-color:rgba(184,200,217,.16);padding:13px 8px;}
#home .stat b{font-size:21px;font-variant-numeric:tabular-nums;}
#home .stat small{letter-spacing:.055em;}
#home .modes{margin-top:15px;}
#home .mode{display:flex;position:relative;flex-direction:column;align-items:flex-start;gap:2px;background:rgba(10,68,127,.76);border-color:rgba(184,200,217,.18);}
#home .mode .tag{float:none;position:absolute;right:13px;top:13px;}
#home .mode:has(.tag) b{padding-right:118px;}
#home .homeFoot{text-align:center;color:#86A5C2;letter-spacing:.04em;}


/* Snapshot */
.snapshotPanel{background:linear-gradient(180deg,rgba(7,58,112,.98),rgba(0,38,81,.99));}
.snapshotHero{font-size:50px;margin-bottom:8px;}
.snapshotIntro{max-width:590px;margin-bottom:17px;}
.snapshotEmpty{margin:20px 0;padding:18px;border:1px dashed rgba(184,200,217,.25);border-radius:16px;color:var(--muted);text-align:center;background:rgba(0,20,45,.35);}
.snapshotSection{margin-top:16px;padding:16px;border:1px solid rgba(184,200,217,.14);border-radius:18px;background:rgba(0,20,45,.32);}
.snapshotSection.first{margin-top:6px;}
.snapshotEyebrow{font-size:9px;font-weight:950;letter-spacing:.16em;color:var(--dead-red-soft);}
.snapshotHead{display:flex;align-items:end;justify-content:space-between;gap:12px;}
.snapshotSection h3{margin:4px 0 10px;font-size:18px;color:#fff;}
.snapshotGrid{margin:10px 0 0;}
.snapshotCard{background:rgba(7,58,112,.58);border-color:rgba(184,200,217,.14);min-height:96px;}
.snapshotCard b{font-size:25px;color:#fff;}
.snapshotCard small:first-child{font-size:9px;letter-spacing:.08em;color:#9DB6CF;}
.snapshotCard small:last-child{min-height:16px;}
.snapshotColumns{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.snapshotColumns .snapshotSection{min-width:0;}
.snapshotPanel .brainList{margin:4px 0 0;}
.snapshotPanel .brainRow{padding:9px 0;border-bottom-color:rgba(184,200,217,.12);font-size:13px;}
.snapshotPanel .brainRow:last-child{border-bottom:0;}
.snapshotPanel .brainRow b{font-variant-numeric:tabular-nums;color:#fff;}
.snapshotPanel .brainRow small{display:block;margin-top:2px;color:#86A5C2;font-size:10px;}
.snapshotActions{display:grid;gap:8px;margin-top:16px;}
.snapshotReset{background:transparent;border-color:rgba(239,51,64,.45);color:#F49AA0;box-shadow:none;}
.snapshotReset:hover{background:rgba(239,51,64,.08);}

@media(max-width:520px){
  #home .hero{font-size:clamp(46px,13vw,61px);}
  #home .heroSub{font-size:14px;}
  #home .proofLine{font-size:9px;letter-spacing:.075em;padding-left:0;padding-right:0;}
  #home .stat{padding:10px 4px;}
  #home .stat small{font-size:8px;letter-spacing:.02em;}
  #home .mode:has(.tag) b{padding-right:96px;}
  #home .mode .tag{right:11px;top:11px;font-size:8px;}
  .snapshotHero{font-size:46px!important;}
  .snapshotSection{padding:13px;}
  .snapshotColumns{grid-template-columns:1fr;}
  .snapshotGrid{grid-template-columns:repeat(2,1fr)!important;}
  .snapshotCard{padding:12px;min-height:88px;}
  .snapshotCard b{font-size:22px;}
}


/* RC5.0.2 — keep the established palette; give the segue mark one clear job. */
.logo{display:flex;align-items:center}
.brandSegue{color:var(--dead-red);font-weight:950;display:inline-flex;align-items:center;margin-left:.12em;line-height:1;transform:translateY(-.06em)}

/* Technical library telemetry stays hidden, but player-facing failures never do. */
.homeError{
  max-width:610px;
  margin:12px auto 0;
  padding:11px 13px;
  border:1px solid rgba(239,51,64,.72);
  border-radius:12px;
  background:rgba(239,51,64,.10);
  color:#fff;
  font-size:12px;
  font-weight:850;
  line-height:1.4;
  text-align:left;
}
.homeError.hidden{display:none!important}

.practiceStatus{
  margin:12px 0 2px;
  min-height:18px;
  color:var(--muted,#A9BACB);
  font-size:11px;
  font-weight:750;
  line-height:1.4;
}
.practiceStatus.warn{color:#FFB7BC}
#practicePanel select option:disabled{color:#6f7d8b}
#startPractice:disabled{opacity:.48;cursor:not-allowed}

/* RC5.0.2 — Practice is inert until availability data is actually ready. */
#practicePanel select:disabled{opacity:.62;cursor:wait}


/* RC5.0.7.16.5 — baked dress-rehearsal home treatment.
   Daily Vault uses the base 21px 17px padding from index.html, matching the
   other home cards horizontally while retaining featured vertical height.
   On phones the date pill takes its own compact row so the title keeps full width. */
#home #daily.modeDaily > b{white-space:nowrap;line-height:1.08;max-width:100%;overflow:hidden}
@media(max-width:520px){
  #home #daily.modeDaily{padding-top:14px}
  #home #daily.modeDaily .tag{position:static;align-self:flex-end;margin:0 0 5px;font-size:8px}
  #home #daily.modeDaily > b{width:100%;padding-right:0;font-size:21px}
}
@media(max-width:360px){
  #home #daily.modeDaily > b{font-size:19px}
}
@media(max-width:320px){
  #home #daily.modeDaily > b{font-size:18px;letter-spacing:-.01em}
}