.pick-grid label.is-correct-answer > span {
  border-color: #4b7912;
  box-shadow: inset 0 0 0 2px var(--picks-green);
}

.pick-grid label.is-correct-answer input:checked + span { background: #172d10; }

.pick-grid label.is-wrong-pick > span {
  border-color: #a13e32;
  background: #3a1713;
  color: #fff;
  box-shadow: inset 0 0 0 2px #e07868;
}

.pick-grid label.is-wrong-pick small { color: #efb0a7; }
.picks-submit .is-result { color: #30382e; font-weight: 800; }

.picks-result-summary {
  display: grid;
  grid-template-columns: 1.15fr 1fr 1fr;
  gap: 14px;
  margin: 8px 0 28px;
  padding: 28px;
  border: 2px solid #7aa429;
  border-radius: 18px;
  background: #172212;
  color: #fff;
}

.picks-result-summary .picks-eyebrow { grid-column: 1 / -1; margin-bottom: 0; color: var(--picks-green); }
.picks-result-summary h3 { margin: 0; font-size: clamp(26px, 3vw, 42px); line-height: 1; }
.picks-result-summary h3 strong { display: block; margin-top: 12px; color: var(--picks-green); font-size: .65em; }
.picks-result-summary > div { padding: 16px; border-radius: 10px; background: rgba(255,255,255,.08); }
.picks-result-summary > div span { display: flex; justify-content: space-between; gap: 12px; font-weight: 900; }
.picks-result-summary > div b { color: var(--picks-green); }
.picks-result-summary > div small { display: block; margin-top: 8px; color: #bac5b6; }
.picks-result-total { grid-column: 1 / -1; display: flex; justify-content: space-between; margin: 8px 0 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.18); font-weight: 800; }
.picks-result-total b { color: var(--picks-green); }

@media (max-width: 760px) {
  .picks-result-summary { grid-template-columns: 1fr; padding: 22px; }
  .picks-result-summary .picks-eyebrow,
  .picks-result-total { grid-column: 1; }
}

/* Fan Picks belongs to YGT: gold is the primary accent and red communicates
   misses. These overrides intentionally remove the old Infinite18 green. */
.fan-picks-page {
  --picks-green: #d6b76a;
  --picks-gold: #d6b76a;
  --picks-red: #ef493e;
}

.fan-picks-page .picks-hero {
  background:
    radial-gradient(circle at 82% 14%, rgba(214,183,106,.24), transparent 34%),
    radial-gradient(circle at 12% 88%, rgba(239,73,62,.13), transparent 28%),
    linear-gradient(120deg, rgba(7,8,9,.98), rgba(18,14,10,.88)),
    url('/assets/ygt-rams-hill-round-1-live-2026.jpg') center/cover;
}

.fan-picks-page .picks-heading .picks-eyebrow,
.fan-picks-page .pick-grid small { color: #756746; }
.fan-picks-page .picks-reward-chip b,
.fan-picks-page #fan-picks-form legend span { color: #9a7417; }
.fan-picks-page .pick-grid label:hover > span { border-color: var(--picks-gold); }
.fan-picks-page .pick-grid input:focus-visible + span { outline-color: var(--picks-red); }
.fan-picks-page .pick-grid input:checked + span {
  border-color: var(--picks-red);
  background: #28120f;
  box-shadow: inset 0 0 0 2px var(--picks-red);
}
.fan-picks-page .pick-grid label.is-correct-answer > span {
  border-color: #a98124;
  box-shadow: inset 0 0 0 2px var(--picks-gold);
}
.fan-picks-page .pick-grid label.is-correct-answer input:checked + span { background: #302712; }
.fan-picks-page .picks-result-summary {
  border-color: var(--picks-gold);
  background: linear-gradient(145deg, #18140c, #0d0e0f);
}
.fan-picks-page .picks-rewards { background: linear-gradient(145deg, #15120c, #0c0e0f); }
.fan-picks-page .picks-submit .is-success { color: #825f0d; }

/* High-impact final-result state. */
.fan-picks-page .is-showing-results .pick-grid label { cursor: default; }
.fan-picks-page .pick-grid label.is-correct-answer > span {
  position: relative; overflow: hidden; border: 2px solid #d6b76a;
  background: linear-gradient(145deg,#fffdf5,#f3e5b9); color:#17130a;
  box-shadow:0 10px 28px rgba(104,75,8,.18),inset 0 0 0 3px rgba(255,255,255,.65);
  transform:translateY(-3px);
}
.fan-picks-page .pick-grid label.is-correct-answer > span::before {
  content:"OFFICIAL WINNER"; position:absolute; top:10px; right:-34px; width:132px;
  padding:5px 0; background:#d6b76a; color:#17130a; font-size:9px; font-weight:950;
  letter-spacing:.09em; text-align:center; transform:rotate(38deg);
}
.fan-picks-page .pick-grid label.is-correct-answer small { color:#735815; }
.fan-picks-page .pick-grid label.is-correct-answer input:checked + span {
  background:linear-gradient(145deg,#30250d,#171208); color:#fff;
  box-shadow:0 0 0 4px rgba(214,183,106,.22),0 12px 34px rgba(0,0,0,.24);
}
.fan-picks-page .pick-grid label.is-wrong-pick > span { opacity:1; }
.picks-result-summary {
  display:block; position:relative; overflow:hidden; margin:4px 0 34px;
  padding:clamp(24px,4vw,44px); border:1px solid rgba(214,183,106,.55); border-radius:24px;
  background:radial-gradient(circle at 92% 0,rgba(214,183,106,.23),transparent 34%),linear-gradient(145deg,#18140c,#080a0b 72%);
  color:#fff; box-shadow:0 24px 65px rgba(28,22,8,.25);
  animation:picks-result-arrive .55s cubic-bezier(.2,.8,.2,1) both;
}
.picks-result-summary::before { content:""; position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,#d6b76a,#fff1b2,#d6b76a); }
.picks-result-summary__header { display:grid; grid-template-columns:minmax(0,1fr) 120px 150px; gap:24px; align-items:center; }
.picks-result-summary__header .picks-eyebrow { margin:0 0 9px; color:#d6b76a; }
.picks-result-summary__header h3 { margin:0; font-size:clamp(31px,4vw,54px); line-height:.95; letter-spacing:-.045em; }
.picks-result-summary__header p:not(.picks-eyebrow) { margin:10px 0 0; color:#bdb7a8; font-weight:800; }
.picks-score-ring { display:grid; place-content:center; width:112px; aspect-ratio:1; border:2px solid #d6b76a; border-radius:50%; background:rgba(214,183,106,.08); text-align:center; box-shadow:inset 0 0 24px rgba(214,183,106,.13),0 0 0 7px rgba(214,183,106,.06); }
.picks-score-ring strong { font-size:38px; line-height:.8; }
.picks-score-ring strong span { color:#a49c88; font-size:15px; }
.picks-score-ring small,.picks-points-won span { color:#aaa28f; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.picks-points-won { padding-left:22px; border-left:1px solid rgba(255,255,255,.16); }
.picks-points-won span,.picks-points-won strong { display:block; }
.picks-points-won strong { margin-top:6px; color:#d6b76a; font-size:44px; line-height:1; }
.picks-result-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:30px; }
.picks-result-card { padding:20px; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(255,255,255,.06); transition:transform .2s ease,background .2s ease; }
.picks-result-card:hover { transform:translateY(-3px); background:rgba(255,255,255,.09); }
.picks-result-card.is-hit { border-color:rgba(214,183,106,.6); background:linear-gradient(135deg,rgba(214,183,106,.17),rgba(255,255,255,.05)); }
.picks-result-card.is-miss { border-color:rgba(239,73,62,.45); }
.picks-result-card__top { display:flex; align-items:center; gap:12px; }
.picks-result-icon { display:grid; flex:0 0 38px; width:38px; aspect-ratio:1; place-content:center; border-radius:50%; background:#ef493e; }
.picks-result-icon::after { content:"×"; display:block; color:#fff; font-size:25px; font-weight:900; line-height:1; transform:translateY(-1px); }
.is-hit .picks-result-icon { background:#d6b76a; }
.is-hit .picks-result-icon::after { content:"✓"; color:#17130a; }
.picks-result-card__top div { flex:1; }
.picks-result-card__top small { display:block; color:#aaa28f; font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.picks-result-card__top strong { display:block; margin-top:3px; font-size:21px; }
.picks-result-card__top > b { color:#d6b76a; font-size:24px; }
.picks-result-card dl { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:18px 0 0; }
.picks-result-card dl div { padding:11px 12px; border-radius:9px; background:rgba(0,0,0,.22); }
.picks-result-card dt { color:#969080; font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.picks-result-card dd { margin:4px 0 0; font-weight:850; }
.picks-result-card__answer dd { color:#efd887; }
.picks-result-total { display:flex; justify-content:space-between; margin:22px 0 0; padding-top:20px; border-top:1px solid rgba(255,255,255,.15); color:#bcb5a5; font-weight:800; }
.picks-result-total b { color:#fff; font-size:18px; }
.picks-result-return { display:inline-flex; gap:14px; align-items:center; margin-top:22px; color:#d6b76a; font-weight:900; text-transform:uppercase; }
.picks-result-return span { transition:transform .2s ease; }
.picks-result-return:hover span { transform:translateX(5px); }
@keyframes picks-result-arrive { from { opacity:0; transform:translateY(18px) scale(.985); } to { opacity:1; transform:none; } }
@media (max-width:760px) {
  .picks-result-summary__header { grid-template-columns:1fr 96px; }
  .picks-points-won { grid-column:1/-1; padding:16px 0 0; border-top:1px solid rgba(255,255,255,.16); border-left:0; }
  .picks-result-cards { grid-template-columns:1fr; }
  .picks-score-ring { width:90px; }
}
@media (max-width:480px) {
  .picks-result-summary__header { grid-template-columns:1fr; }
  .picks-score-ring { grid-row:1; }
  .picks-result-card dl { grid-template-columns:1fr; }
  .picks-result-total { align-items:flex-start; flex-direction:column; gap:6px; }
}
@media (prefers-reduced-motion:reduce) { .picks-result-summary { animation:none; } }