/* Video comparison refinements. Preserve later user overrides. */

/* video-home-header-20260928-start
   IMG_1393 at 04:55: a 180px-wide recorded viewport contains a 14px
   brand strip, 100px announcement image and about 11px ticker. The source
   announcement remains screenshot-resolution; only its full extent is restored.
   JS carouselDefault must point to assets/videoalign/home-banner.webp.
   Real administrator-uploaded carousel images must not be replaced by CSS.
*/
#page-home{
  --video-home-brand-h:calc(var(--home-width)*.0777778);
  --video-home-banner-h:calc(var(--home-width)*.5555556);
  --video-home-ticker-h:calc(var(--home-width)*.0611111);
}
#page-home .home-head{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  width:100%!important;
  height:var(--video-home-brand-h)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  clip-path:none!important;
  clip:auto!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#0b1839!important;
  color:#ffff00!important;
  font-size:calc(var(--home-width)*.0444444)!important;
  line-height:var(--video-home-brand-h)!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  border:0!important;
  box-shadow:none!important;
  z-index:25!important;
  pointer-events:none!important;
}
#page-home .swiper{
  height:calc(var(--video-home-brand-h) + var(--video-home-banner-h))!important;
  padding:var(--video-home-brand-h) 0 0!important;
  background:#9aa7b4!important;
  overflow:hidden!important;
}
#page-home .swiper-track,
#page-home .swiper img{
  height:var(--video-home-banner-h)!important;
}
#page-home .swiper img{
  object-fit:cover!important;
  object-position:center!important;
}
#page-home .notice-line{
  height:var(--video-home-ticker-h)!important;
  min-height:var(--video-home-ticker-h)!important;
}
#page-home .notice-line .horn{
  flex-basis:calc(var(--home-width)*.0333333)!important;
  width:calc(var(--home-width)*.0333333)!important;
  height:calc(var(--home-width)*.0333333)!important;
  margin-left:calc(var(--home-width)*.025)!important;
  margin-right:calc(var(--home-width)*.015)!important;
}
#page-home .notice-line .marquee{
  font-size:calc(var(--home-width)*.03)!important;
  line-height:var(--video-home-ticker-h)!important;
}
/* video-home-header-20260928-end */

/* video-home-footer-spacing-20260928-start
   At 04:55 the 180px recorded viewport has 28px action cards, 8px
   between action rows, 11px from games to actions, and about 5px below
   the last row before the fixed navigation. There is no extra 52px tail.
   Keep the page's existing bottom-navigation padding and natural scrolling.
*/
#page-home .home-actions{
  row-gap:calc(var(--home-width)*.0444444)!important;
  margin-top:calc(var(--home-width)*.0611111)!important;
  padding-bottom:calc(var(--home-width)*.0277778)!important;
}
#page-home .home-action{
  height:calc(var(--home-width)*.1555556)!important;
  aspect-ratio:auto!important;
}
#page-home .safe-bottom{
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
}
/* video-home-footer-spacing-20260928-end */