/* Weekly Challenge only. Reuses the approved Weekly Flip phase1 canvas. */
body.hanten-challenge .site > header.play-hero { padding: 44px 16px 12px; text-align: center; }
body.hanten-challenge .site > header.play-hero .home-kicker { color: #E59E12 !important; font-size: 28px !important; font-weight: 700; text-transform: none; letter-spacing: 0; margin: 0 auto 10px !important; }
body.hanten-challenge .site > header.play-hero h1 { color: #fff !important; font-size: 40px !important; line-height: 1.15; margin: 10px auto 0 !important; max-width: 100% !important; }
body.hanten-challenge .site > header.play-hero .intro { color: rgba(255,255,255,.95) !important; font-size: clamp(1rem, 1.4vw, 1.15rem); line-height: 1.5; max-width: 36rem !important; margin: 20px auto 0 !important; }
body.hanten-challenge #challenge-content > main.play-page { background: transparent !important; max-width: 820px; padding: 26px 0 48px; }
body.hanten-challenge #challenge-content .bigger { max-width: 680px; width: 100%; background: #fff; border: 1px solid #e0e6ed; border-radius: 16px; box-shadow: 0 5px 18px rgba(9,34,68,.16); color: #1A3E6E; }
body.hanten-challenge #challenge-content .bigger-q { color: #1A3E6E; }
/* Reuse Weekly Flip's approved correct/incorrect colors for two-choice games. */
body.hanten-challenge #challenge-content .bigger-choice.selected:not(.is-answer) { background: #FCE8E6; border-color: #B74B43; color: #7B2621; opacity: 1; }
body.hanten-challenge #challenge-content .bigger-choice.selected:not(.is-answer)::after { content: "  ✕"; font-weight: 900; }
body.hanten-challenge #challenge-content .bigger-choice.is-answer { background: #DDF2E3; border-color: #2E7D49; color: #195C32; opacity: 1; }
body.hanten-challenge #challenge-content .bigger-choice.is-answer::after { content: "  ✓"; font-weight: 900; }
body.hanten-challenge #challenge-content .bigger-choice:focus-visible { outline: 3px solid #E59E12; outline-offset: 2px; }
/* Slider answers are graded by closeness: no red X. */
body.hanten-challenge #challenge-content .close-game .close-value { color: #1A3E6E; }
@media (max-width: 640px) {
  body.hanten-challenge .site > header.play-hero { padding: 30px 12px 8px; }
  body.hanten-challenge .site > header.play-hero .home-kicker { font-size: 22px !important; }
  body.hanten-challenge .site > header.play-hero h1 { font-size: 32px !important; }
  body.hanten-challenge .site > header.play-hero .intro { font-size: 16px; }
  body.hanten-challenge #challenge-content > main.play-page { width: 100%; padding: 20px 0 32px; }
  body.hanten-challenge #challenge-content .bigger { width: 100%; }
}

/* Keep the shared footer at the bottom on short/loading/unavailable states.
   Grow naturally with a longer challenge; never overlay game controls. */
body.hanten-phase1.hanten-challenge{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;box-sizing:border-box;padding-bottom:0}
body.hanten-phase1.hanten-challenge>.site{flex:1 0 auto;min-height:0}
body.hanten-phase1.hanten-challenge>.hx-foot{flex:0 0 auto;margin-top:28px}