/* Roomier Hot Take surfaces from small phones through desktop browsers. */
.hot-take-game-modal{height:100dvh;min-height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:max(18px,env(safe-area-inset-top)) max(clamp(18px,5vw,72px),env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(clamp(18px,5vw,72px),env(safe-area-inset-left))}
.hot-take-game-modal .game-overlay{width:min(100%,760px);height:auto;min-height:100%;margin-inline:auto;padding:clamp(10px,2.4vh,26px) clamp(8px,2vw,22px);gap:clamp(16px,3.2vh,34px);align-items:center;text-align:center}
.hot-take-game-modal .eyebrow{margin:0 0 2px;font-weight:900;letter-spacing:.12em;line-height:1.3}.hot-take-game-modal h2{max-width:min(100%,19ch);padding:.06em 0 .16em;font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;font-size:clamp(29px,6vw,62px);font-weight:900;letter-spacing:-.055em;line-height:.98}
.hot-take-game-modal #answer-input{width:min(100%,620px);margin:4px auto 0;padding:clamp(15px,2.8vw,22px);line-height:1.35}.hot-take-game-modal #submit-answer{align-self:center;margin:0;padding:clamp(13px,2vw,17px) clamp(20px,4vw,30px);line-height:1.2}.hot-take-game-modal .hot-take-round-chip{align-self:center}
.hot-take-game-modal .game-options{width:min(100%,680px);gap:clamp(10px,2vw,16px);margin:2px auto}.hot-take-game-modal .game-option{min-height:clamp(72px,12vh,102px);padding:clamp(15px,2.4vw,24px);font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;font-weight:800;line-height:1.3;text-align:center}.hot-take-game-modal .take-number{float:left;margin-right:0}
.hot-take-game-modal .game-bottom{align-items:center;gap:12px;padding:clamp(15px,2.5vh,23px) 0 max(4px,env(safe-area-inset-bottom))}.hot-take-game-modal .game-timer{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #fff7e544;border-radius:999px;line-height:1}.hot-take-game-modal .game-score{max-width:28ch;line-height:1.35;text-align:center}.hot-take-game-modal .hot-take-round-chip{margin-bottom:1px}.hot-take-game-modal .hot-take-scoreboard{margin-top:4px;text-align:left}
@media(max-width:480px){.hot-take-game-modal{padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.hot-take-game-modal .game-overlay{width:min(100%,390px);padding:8px 0;gap:16px}.hot-take-game-modal h2{max-width:18ch;font-size:clamp(28px,9vw,42px)}.hot-take-game-modal .game-bottom{flex-direction:column;align-items:center;gap:10px}.hot-take-game-modal .game-score{max-width:26ch;text-align:center}.hot-take-game-modal .game-timer{width:max-content}.hot-take-game-modal .game-option{min-height:66px}.hot-take-game-modal .hot-take-scoreboard{width:100%;padding:14px}}
@media(max-height:680px) and (orientation:landscape){.hot-take-game-modal{padding:14px max(24px,env(safe-area-inset-right))}.hot-take-game-modal .game-overlay{gap:12px;padding:4px 0}.hot-take-game-modal h2{font-size:clamp(26px,5vw,46px)}.hot-take-game-modal .game-option{min-height:62px;padding:12px 16px}.hot-take-game-modal .game-bottom{padding-top:10px}}

/* A little more game-show payoff without affecting reduced-motion users. */
.hot-take-game-modal .hot-take-live-board{width:min(100%,620px);margin:4px auto 0;padding:14px 16px;border:1px solid #f6d47a77;border-radius:18px;background:#fff9ec10;animation:hotTakeBoardIn .45s ease both}.hot-take-game-modal .hot-take-live-board>p.eyebrow{margin-bottom:9px}.hot-take-game-modal .hot-take-live-board>p:not(.eyebrow){display:flex;align-items:center;gap:10px;margin:8px 0;text-align:left}.hot-take-game-modal .hot-take-live-board>p:not(.eyebrow) span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#f6d47a;color:#102d29;font-size:11px;font-weight:900}.hot-take-game-modal .hot-take-live-board>p:not(.eyebrow) strong{font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;font-size:clamp(15px,3.8vw,20px);line-height:1.18}.hot-take-vote-scene .game-option.is-voted{background:#68c486!important;color:#102d29!important;border-color:#b9f0c9!important;box-shadow:0 0 0 4px #68c48655,0 18px 44px #68c48644!important;animation:hotTakeVoteLocked .5s cubic-bezier(.2,1.4,.4,1) both}.hot-take-vote-scene .game-option.is-voted .take-number{background:#173d29;color:#dceee2}.hot-take-vote-scene .vote-confirm{float:right;padding:5px 8px;border-radius:999px;background:#173d29;color:#dceee2;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.hot-take-game-modal .game-overlay{animation:hotTakeSceneIn .38s ease both}@keyframes hotTakeSceneIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes hotTakeBoardIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@keyframes hotTakeVoteLocked{0%{transform:scale(.96)}60%{transform:scale(1.025)}100%{transform:scale(1)}}
.theme-halloween-hot-take .halloween-night-word{white-space:nowrap}.theme-halloween-hot-take .halloween-night-t{position:relative;display:inline-block}.theme-halloween-hot-take .halloween-edition-badge{right:-48px;top:auto;bottom:-35px;transform:rotate(8deg);transform-origin:top center}.theme-halloween-hot-take .halloween-edition-badge::before{top:-12px;left:16px;height:12px}.theme-halloween-hot-take .brand h1.halloween-event-title{overflow:visible}
@media(prefers-reduced-motion:reduce){.hot-take-game-modal .hot-take-live-board,.hot-take-vote-scene .game-option.is-voted,.hot-take-game-modal .game-overlay{animation:none}}