/* Bearcade V18 — UX / MEDIA / LAYOUT consolidation
   Loaded LAST on /buzz and /culture.
   Product rule: identification media may resize, but must never be CSS-cropped.
*/

/* PHONE MEDIA */
body.culture-mode.bbq-mobile-premium #cultureQuestionVisual{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
body.culture-mode.bbq-mobile-premium #cultureQuestionVisual :is(img,video),
body.culture-mode.bbq-mobile-premium .culture-text-answer-stack #cultureQuestionVisual :is(img,video),
body.culture-mode.bbq-mobile-premium .culture-arena-media :is(img,video),
body.culture-mode.bbq-mobile-premium .culture-phone-reveal :is(img,video),
body.culture-mode.bbq-mobile-premium .vr :is(img,video),
body.culture-mode.bbq-mobile-premium .vr-media :is(img,video){
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
}
body.culture-mode.bbq-mobile-premium #cultureQuestionVisual [style*="background-image"],
body.culture-mode.bbq-mobile-premium .culture-phone-reveal [style*="background-image"]{
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* TV MEDIA */
.bbq-stage-tv :is(.bbq-question-visual,.bbq-reveal-media,.bbq-star-photo) :is(img,video){
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
}
.bbq-stage-tv .bbq-poster-stack :is(img,video){
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
}
.bbq-stage-tv :is(.bbq-question-visual,.bbq-reveal-media,.bbq-poster-stack,.bbq-star-photo) [style*="background-image"]{
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* BOOLEAN / TWO CHOICES */
body.culture-mode.bbq-mobile-premium #cultureQuestionPanel:has(#cultureAnswerUi.bbq-mobile-binary){
  gap:clamp(12px,2.2dvh,20px)!important;
}
body.culture-mode.bbq-mobile-premium #cultureQuestionPanel:has(#cultureAnswerUi.bbq-mobile-binary) #cultureQuestionText{
  font-size:clamp(21px,5.9vw,27px)!important;
  line-height:1.2!important;
  max-width:94%!important;
  margin-inline:auto!important;
}
body.culture-mode.bbq-mobile-premium #cultureAnswerUi.bbq-mobile-binary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin-top:clamp(20px,4dvh,42px)!important;
}
body.culture-mode.bbq-mobile-premium #cultureAnswerUi.bbq-mobile-binary .culture-answer-btn{
  min-height:72px!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  text-align:center!important;
  padding:10px!important;
}
body.culture-mode.bbq-mobile-premium #cultureAnswerUi.bbq-mobile-binary .culture-answer-btn b{
  display:none!important;
}
@media(max-width:340px){
  body.culture-mode.bbq-mobile-premium #cultureAnswerUi.bbq-mobile-binary .culture-answer-btn{
    min-height:66px!important;
    font-size:15px!important;
  }
}

/* REVEAL */
body.culture-mode.bbq-mobile-premium #cultureQuestionPanel.bbq-mobile-is-reveal #cultureBbqCue{
  display:none!important;
}
body.culture-mode.bbq-mobile-premium .culture-phone-reveal.v18-compact{
  display:grid!important;
  gap:12px!important;
  align-content:start!important;
  text-align:center!important;
  padding-top:4px!important;
}
body.culture-mode.bbq-mobile-premium .culture-phone-reveal.v18-compact .culture-mobile-result-card{
  min-height:0!important;
  padding:22px 14px!important;
}
body.culture-mode.bbq-mobile-premium .culture-phone-reveal.v18-compact .culture-mobile-result-card strong{
  font-size:clamp(32px,9vw,48px)!important;
  line-height:1.05!important;
}
body.culture-mode.bbq-mobile-premium .culture-phone-reveal.v18-compact .culture-mobile-result-card em{
  margin-top:8px!important;
  font-size:13px!important;
}
body.culture-mode.bbq-mobile-premium .culture-phone-reveal.v18-compact .culture-points-delta{
  margin:0!important;
  font-size:clamp(30px,8.5vw,46px)!important;
  line-height:1!important;
}
body.culture-mode.bbq-mobile-premium .culture-speed-bonus{
  display:block!important;
  margin-top:-4px!important;
  color:var(--bbqm-amber)!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
}
body.culture-mode.bbq-mobile-premium .culture-reveal-explain{
  margin:4px auto 0!important;
  max-width:92%!important;
  color:var(--bbqm-muted)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

/* WAITING */
body.culture-mode.bbq-mobile-premium .culture-round-intro-phone.v18-wait{
  min-height:0!important;
  padding:20px 14px!important;
}
body.culture-mode.bbq-mobile-premium .culture-round-intro-phone.v18-wait>strong{
  font-size:clamp(24px,7vw,34px)!important;
  line-height:1.08!important;
}
body.culture-mode.bbq-mobile-premium .culture-round-intro-phone.v18-wait>span{
  font-size:12px!important;
}

/* RAFLE */
body.culture-mode.bbq-mobile-premium .culture-rafle-phone{
  display:grid!important;
  gap:10px!important;
}
body.culture-mode.bbq-mobile-premium .culture-rafle-question{
  margin:0!important;
  padding:10px 4px 2px!important;
  font-size:clamp(19px,5.7vw,25px)!important;
  line-height:1.18!important;
  text-align:left!important;
}
body.culture-mode.bbq-mobile-premium #cultureAnswerUi.bbqm-controller-list .culture-rafle-phone>div{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
body.culture-mode.bbq-mobile-premium #cultureAnswerUi.bbqm-controller-list .culture-rafle-phone button{
  min-width:0!important;
  min-height:56px!important;
  padding:8px 9px!important;
}
body.culture-mode.bbq-mobile-premium #cultureAnswerUi.bbqm-controller-list .culture-rafle-phone button b{
  font-size:15px!important;
}
body.culture-mode.bbq-mobile-premium #cultureAnswerUi.bbqm-controller-list .culture-rafle-phone button small{
  font-size:8px!important;
}


/* V18_1_REVEAL_LABEL
   Preserve the historical accessibility/semantic reveal contract while keeping
   the V18 screen compact: one tiny label, then the answer as the visual hero.
*/
body.culture-mode.bbq-mobile-premium .culture-phone-reveal.v18-compact .culture-mobile-result-card>span{
  display:block!important;
  margin:0 0 8px!important;
  color:#6b735f!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}