/* Homepage visual contract v171 — intentionally overrides the legacy experiments. */
html,body{min-height:0!important;background:#071039!important}
.site-shell{min-height:0!important;height:auto!important;background:#fff!important}
.hero{height:auto!important;min-height:0!important;aspect-ratio:1536/479!important;background:#061b45 url('/assets/home-hero-master-v1944.png?v=1944') center top/100% 100% no-repeat!important}
.hero::before,.hero::after,.mobile-topbar,.mobile-title,.mobile-stadium-label{display:none!important;content:none!important}
.game.tn .game-logo{font-size:0!important}
.game.tn .game-logo::after{content:"UT"!important;display:block!important;font:900 clamp(28px,3.4vw,52px)/1 Impact,'Arial Narrow Bold',Arial,sans-serif!important;color:#f36b00!important}
.legal{margin:0!important}
@media (max-width:1100px) and (orientation:portrait){
  .content-panel{padding-bottom:calc(21px + var(--viewport-fill-third,0px))!important}
  .utilities{margin-top:calc(20px + var(--viewport-fill-third,0px))!important}
  .legal{padding-top:calc(12px + var(--viewport-fill-sixth,0px))!important;padding-bottom:calc(18px + var(--viewport-fill-sixth,0px))!important}
}
@media (min-width:621px){
  .team-row{grid-template-columns:1fr 1fr!important}
  .games{grid-template-columns:1fr 1fr!important}
}
@media (min-width:621px) and (max-width:900px){
  .team-row{left:5%!important;right:5%!important;bottom:-350px!important;grid-template-columns:1fr!important;gap:10px!important}
  .team-card{min-height:170px!important}
  .content-panel{margin-top:360px!important}
  .games{grid-template-columns:1fr!important;gap:12px!important}
  .utilities{margin-top:28px!important}
}
@media (min-width:901px) and (max-width:1100px) and (orientation:portrait){
  .team-row{left:5%!important;right:5%!important;bottom:-390px!important;grid-template-columns:1fr!important;gap:10px!important}
  .team-card{min-height:190px!important}
  .content-panel{margin-top:400px!important;padding-top:38px!important}
  .games{grid-template-columns:1fr!important;gap:14px!important}
  .utility{min-height:118px!important}
}
@media (max-width:620px){
  .hero{aspect-ratio:1536/479!important}
  .team-row{left:12px!important;right:12px!important;bottom:-286px!important;grid-template-columns:1fr!important;gap:8px!important}
  .team-card{min-height:136px!important;height:auto!important;grid-template-columns:74px minmax(0,1fr)!important;gap:12px!important;padding:14px 17px!important;border-width:2px!important;border-radius:18px!important;box-shadow:var(--shadow)!important}
  .team-mark-wrap{height:78px!important;padding-right:11px!important}
  .team-mark{max-width:61px!important;max-height:61px!important}
  .team-copy h1{font-size:clamp(25px,8vw,31px)!important}
  .nickname{margin-top:6px!important;font-size:9px!important;letter-spacing:.27em!important}
  .enter{width:100%!important;min-height:36px!important;height:auto!important;margin-top:11px!important;padding:0 8px!important;font-size:7px!important;white-space:nowrap!important}
  .team-card::after{right:13px!important;font-size:24px!important}
  .content-panel{margin:296px 0 0!important;padding:26px 11px 21px!important;border-radius:0!important}
  .section-title{margin:0 8px 12px!important}
  .section-title h2{font-size:15px!important}
  .section-title a{font-size:11px!important}
  .games{grid-template-columns:1fr!important;gap:10px!important}
  .game{min-height:92px!important;grid-template-columns:54px minmax(0,1fr) 32px!important;gap:10px!important;padding:9px 8px!important;border-radius:14px!important}
  .game-logo{font-size:35px!important}
  .game.tn .game-logo::after{font-size:30px!important}
  .game small{font-size:9px!important}
  .game b{margin-top:7px!important;font-size:14px!important}
  .meta{margin-top:5px!important;font-size:9px!important}
  .game-arrow{width:32px!important;height:32px!important;font-size:25px!important}
  .utilities{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:20px!important}
  .utility{min-height:70px!important;border-radius:14px!important;gap:2px!important}
  .utility svg{width:27px!important;height:27px!important}
  .utility b{font-size:8px!important}
  .utility span span{font-size:7px!important}
  .legal{padding:12px 18px 18px!important;font-size:8px!important}
}
@media (min-width:400px) and (max-width:620px) and (min-height:850px){
  .team-card{min-height:142px!important}
  .content-panel{padding-top:31px!important}
  .game{min-height:100px!important}
  .utility{min-height:82px!important}
}