/* Mi Ruta B V11.1 · Jugabilidad estable y autos integrados */

/* El juego ocupa la pantalla mientras la sala esté activa. */
.workspace.focus-battle .site-toolbar,
.workspace.focus-battle .bottom-nav,
.workspace.focus-battle nav.bottom-nav { display:none!important;visibility:hidden!important; }
.workspace.focus-battle .page {padding-top:calc(env(safe-area-inset-top) + 18px)!important;
  padding-bottom:calc(env(safe-area-inset-bottom) + 32px)!important;
  min-height:100dvh!important;}
.workspace.focus-battle .page-content.view-battle {
  max-width:950px!important;
  margin:0 auto!important;
}
.workspace.focus-battle .battle-focus-header {
  max-width:950px;
  margin:0 auto 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:44px;
}
.workspace.focus-battle .battle-focus-header .eyebrow {
  min-width:0;
  overflow-wrap:anywhere;
  line-height:1.45;
}
.workspace.focus-battle .battle-focus-header .quiz-exit-btn {
  display:grid;
  flex:0 0 44px;
  width:44px;
  height:44px;
  font-size:28px;
  background:#fff!important;
  color:#244875!important;
  border:1.5px solid #bacce6!important;
}
body.dark .workspace.focus-battle .battle-focus-header .quiz-exit-btn {
  background:#223955!important;
  color:#f1f7ff!important;
  border-color:#5c7da9!important;
}

/* Autos enteros (sin alerones, ruedas o parachoques flotando fuera del SVG) */
.battle-car-svg {overflow:hidden!important;display:block;max-width:100%;height:auto;}
.battle-car-preview .battle-car-svg {max-width:260px;}
.battle-car-choice .battle-car-svg {max-width:112px;}
.battle-race-driver .battle-car-svg {max-width:58px;}
.battle-winner .battle-car-svg {max-width:min(100%,310px);}

/* Proteger contra desplazamientos por ajustes de anchura */
.workspace.focus-battle .option,
.workspace.focus-test .option {min-width:0;overflow-wrap:break-word;}
@media(max-width:799px){
  .workspace.focus-battle .page {padding-left:16px!important;padding-right:16px!important;}
  .workspace.focus-battle .battle-focus-header {margin-bottom:18px;}
}
@media(min-width:800px){
  .workspace.focus-battle .page {padding-top:36px!important;}
  .workspace.focus-battle .page-content.view-battle {max-width:990px!important;}
}