/* ==========================================================
   V37 · BOSCO TAPA · CORRECCIONES VISUALES Y MÓVILES
   ========================================================== */

/* La versión anterior heredaba left:0 y bottom:0 del overlay oscuro.
   Se restablecen los cuatro lados para que vuelva a ser una insignia. */
.db-hero-v72:after{
  inset:auto 24px auto auto!important;
  left:auto!important;
  right:24px!important;
  top:22px!important;
  bottom:auto!important;
  width:max-content!important;
  height:auto!important;
  max-width:calc(100% - 40px)!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}

/* El resultado siempre puede desplazarse, incluso en navegadores móviles
   donde la barra de direcciones reduce la altura visible. */
.db-result-overlay{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  align-items:start!important;
  padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
}
.db-result-card{
  margin:auto!important;
  max-height:calc(100dvh - max(24px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.db-result-actions>button{min-height:44px}

@media(max-width:620px){
  .db-hero-v72:after{
    inset:auto 14px auto auto!important;
    left:auto!important;right:14px!important;top:14px!important;bottom:auto!important;
  }
  .db-result-overlay{padding:8px!important}
  .db-result-card{max-height:calc(100dvh - 16px)!important}
}

/* Horizontal bajo: información completa en una tarjeta compacta.
   Si un equipo es aún más bajo, el scroll permanece disponible. */
@media(orientation:landscape) and (max-height:560px){
  .db-result-overlay{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:5px max(7px,env(safe-area-inset-right)) 5px max(7px,env(safe-area-inset-left))!important;
  }
  .db-result-card{
    width:min(760px,96vw)!important;
    max-height:calc(100dvh - 10px)!important;
    padding:10px 14px!important;
    border-radius:16px!important;
  }
  .db-result-close{right:8px!important;top:8px!important;width:34px!important;height:34px!important}
  .db-result-kicker{display:block!important;font-size:7px!important}
  .db-result-trophy{display:inline-block!important;font-size:27px!important;line-height:1!important;margin:1px 5px 0 0!important;vertical-align:middle}
  .db-result-level{font-size:7px!important;padding:4px 7px!important;vertical-align:middle}
  .db-result-card h2{font-size:20px!important;line-height:1!important;margin:3px 0 0!important}
  .db-result-card>p{font-size:9px!important;margin:2px 0 6px!important}
  .db-result-stats{grid-template-columns:repeat(4,1fr)!important;gap:5px!important}
  .db-result-stats>div{padding:5px!important;border-radius:9px!important}
  .db-result-stats small{font-size:6px!important}
  .db-result-stats b{font-size:14px!important}
  .db-result-record-note{margin-top:5px!important;padding:5px 8px!important;border-radius:9px!important}
  .db-result-record-note b{font-size:8px!important}
  .db-result-record-note span{font-size:7px!important;margin-top:1px!important}
  .db-new-achievements{grid-template-columns:repeat(3,1fr)!important;gap:4px!important;margin-top:5px!important}
  .db-new-achievements>div{padding:4px!important;min-width:0!important}
  .db-new-achievements i{font-size:14px!important}
  .db-new-achievements b{font-size:7px!important}
  .db-new-achievements span{font-size:6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .db-result-actions{grid-template-columns:repeat(4,1fr)!important;gap:5px!important;margin-top:6px!important}
  .db-result-actions>button{grid-column:auto!important;min-height:34px!important;padding:5px!important;border-radius:9px!important;font-size:7px!important}
}

@media(orientation:landscape) and (max-height:330px){
  .db-result-trophy{display:none!important}
  .db-new-achievements{max-height:38px;overflow:auto}
  .db-result-actions>button{min-height:30px!important}
}