/* ContestProp LIVE v1.4.18 mobile polish.
 * Keep the wall display unchanged while making the phone layout denser,
 * easier to scan and giving the world map a landscape-style aspect ratio.
 */
@media (max-width:900px){
  .panel-title{
    align-items:center!important;
    min-height:42px!important;
  }
  .panel-title>span{
    flex:0 0 auto!important;
  }
  .panel-title small{
    max-width:56%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.2!important;
  }

  .event-banner{
    text-wrap:balance!important;
  }

  .band-card{
    min-height:80px!important;
  }
  .band-region{
    font-size:12px!important;
    line-height:1.25!important;
  }
  .band-meta{
    font-size:10px!important;
    line-height:1.35!important;
  }
  .band-score{
    width:64px!important;
    min-width:64px!important;
  }
  .band-score span{
    font-size:9px!important;
    line-height:1.15!important;
  }

  .map-panel{
    grid-template-rows:auto 300px!important;
  }
  .map-heading{
    min-height:58px!important;
  }
  .map-heading>div:first-child strong{
    font-size:13px!important;
    line-height:1.15!important;
  }
  .map-heading>div:first-child span,
  .map-updated{
    font-size:9px!important;
    line-height:1.3!important;
  }
  .live-map{
    height:300px!important;
    min-height:300px!important;
  }
  .map-legend{
    bottom:6px!important;
    gap:5px!important;
    padding:5px 6px!important;
    font-size:8px!important;
  }
  .map-legend .legend-item:last-child{
    display:none!important;
  }

  .opening-row{
    min-height:88px!important;
    padding:8px 10px!important;
  }
  .opening-main{
    min-width:0!important;
  }
  .opening-region{
    font-size:15px!important;
    line-height:1.2!important;
  }
  .opening-meta{
    font-size:10.5px!important;
    line-height:1.35!important;
    margin-top:4px!important;
  }
  .opening-score{
    width:74px!important;
    min-width:74px!important;
  }
  .opening-score span{
    font-size:9px!important;
    line-height:1.15!important;
    text-align:right!important;
  }

  .feed-line #sourceNote{
    font-size:10px!important;
    line-height:1.35!important;
  }
  .feed-pill,
  .space-footer,
  .footer-right{
    font-size:10px!important;
  }
}

@media (max-width:480px){
  .panel-title{
    gap:6px!important;
  }
  .panel-title small{
    max-width:54%!important;
    font-size:9px!important;
  }

  .band-card{
    grid-template-columns:50px minmax(0,1fr) 58px!important;
    min-height:78px!important;
    gap:6px!important;
    padding:7px 8px!important;
  }
  .band-name,
  .band-score strong{
    font-size:22px!important;
  }
  .band-status{
    font-size:13px!important;
  }
  .band-region{
    font-size:11.5px!important;
  }
  .band-score{
    width:58px!important;
    min-width:58px!important;
  }

  .map-panel{
    grid-template-rows:auto 250px!important;
  }
  .map-heading{
    min-height:56px!important;
    padding:7px 9px!important;
  }
  .map-heading>div:first-child strong{
    font-size:12px!important;
  }
  .map-heading>div:first-child span,
  .map-updated{
    font-size:8.5px!important;
  }
  .map-clock strong{
    font-size:17px!important;
  }
  .live-map{
    height:250px!important;
    min-height:250px!important;
  }

  .opening-row{
    min-height:84px!important;
    padding:7px 9px!important;
    gap:4px 8px!important;
  }
  .opening-band,
  .opening-score strong{
    font-size:21px!important;
  }
  .opening-region{
    font-size:14.5px!important;
  }
  .opening-meta{
    font-size:10px!important;
  }
  .opening-score{
    width:70px!important;
    min-width:70px!important;
  }
}