/* Fit guest controls to the available display in Safari and standalone mode. */
.guest-body{overflow-x:hidden}
.guest-policy-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;font-size:14px;line-height:1.3}
.guest-policy-links a,.checkin-consent a{color:#235645;text-underline-offset:3px;font-weight:700}
.guest-body.theme-halloween-hot-take .guest-policy-links a,.guest-body.theme-halloween-hot-take .checkin-consent a{color:#ffd166}
.guest-policy-links a:focus-visible,.checkin-consent a:focus-visible{outline:2px solid var(--clay);outline-offset:4px}
.guest-body .guest-age-notice{font-size:12px;color:var(--ink)}
.guest-body .checkin-consent{line-height:1.5;font-size:13px;font-weight:500}
.guest-body .checkin-consent input{width:18px;height:18px;vertical-align:middle;margin:0 8px 0 0}
.guest-body .shell,.guest-body .card{min-width:0;max-width:100%}
.guest-body input,.guest-body select,.guest-body textarea{font-size:16px}
.guest-body .modal input[type=text],.guest-body .modal input[type=date],.guest-body .modal input[type=time]{font-size:16px}
.guest-body .game-modal{height:var(--guest-viewport-height,100dvh);min-height:0;box-sizing:border-box;overflow:auto}
.guest-body .game-modal .game-overlay{zoom:var(--guest-game-scale,1);box-shadow:none}
.guest-body .trivia-game-modal .game-overlay{height:auto;min-height:100%;gap:clamp(10px,2vh,22px)}
.guest-body .home-screen-button{background:#e7f2e9;color:#173c30;border:2px solid #315f52;font-weight:800;opacity:1;line-height:1.3;padding:14px 16px}
.guest-body.theme-halloween-hot-take .home-screen-button{background:#ff9d2e;color:#28102e;border-color:#ffcf6a}
.guest-body .ios-install-guide .modal{background:#fffdf8;color:#203b35;overflow:auto;max-height:calc(var(--guest-viewport-height,100dvh) - 32px)}
.guest-body .ios-install-guide .fine-print,.guest-body .ios-install-guide small{color:#455b50}
.guest-body .ios-install-guide .install-steps li{background:#edf2e9;color:#203b35;border-color:#a9bdb0}
.guest-body.theme-halloween-hot-take .ios-install-guide .modal{background:#251332;color:#fff0d2;border-color:#a45434}
.guest-body.theme-halloween-hot-take .ios-install-guide .eyebrow{color:#ffcf6a}
.guest-body.theme-halloween-hot-take .ios-install-guide .install-steps li{background:#3c2046;color:#fff0d2;border-color:#a45434}
.guest-body.theme-halloween-hot-take .ios-install-guide .fine-print,.guest-body.theme-halloween-hot-take .ios-install-guide small{color:#e8c5dc}
.guest-body.theme-halloween-hot-take .ios-install-guide .install-icon{background:#ff9d2e;color:#28102e}
.guest-body.theme-halloween-hot-take .ios-install-guide button{background:#ff9d2e;color:#28102e;font-weight:800}
@media(max-width:560px){
  .guest-body .trivia-game-modal{padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom))}
  .guest-body .trivia-topline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left}
  .guest-body .trivia-logo{font-size:19px}
  .guest-body .trivia-progress{grid-row:2;grid-column:1 / -1;justify-self:center;margin:0;padding:6px 10px}
  .guest-body .trivia-sound-toggle{grid-column:2;grid-row:1}
  .guest-body .trivia-game-modal h2{max-width:100%;font-size:clamp(23px,6.6vw,34px);line-height:1.08;letter-spacing:-.035em}
  .guest-body .trivia-game-modal .trivia-option{min-height:54px;padding:9px 12px;font-size:16px;line-height:1.2;gap:10px;box-shadow:0 5px 0 #0b0d3355}
  .guest-body .trivia-option-letter{flex-basis:30px;width:30px;height:30px;font-size:13px}
  .guest-body .trivia-feedback{font-size:16px;line-height:1.2}
  .guest-body .trivia-bottom{padding-top:9px}
  .guest-body .shell{padding:16px}
  .guest-body .card{padding:20px}
}
.guest-body .guest-compact-game .game-overlay{gap:9px;padding-block:0}
.guest-body .guest-compact-game h2{font-size:clamp(22px,5.7vw,34px);line-height:1.05}
.guest-body .guest-compact-game .trivia-option{min-height:52px;padding-block:8px}
.guest-body .guest-compact-game .trivia-options{gap:8px}
@media(max-height:500px) and (min-aspect-ratio:4/3){
  .guest-body .trivia-game-modal{padding:10px 18px}
  .guest-body .trivia-game-modal .trivia-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guest-body .trivia-game-modal h2{font-size:clamp(21px,4vh,30px)}
  .guest-body .trivia-game-modal .trivia-option{min-height:50px;padding:8px 12px;font-size:15px}
  .guest-body .trivia-game-modal .game-overlay{gap:8px}
  .guest-body .trivia-game-modal .eyebrow{display:none}
}