/* Slight UI de-bloat pass: keep the game lobby focused */

/* Main menu: reduce repeated/marketing content */
#phase4-online-row,
#phase4-shell .phase4-panel:nth-child(4),
#screen-landing .how-it-works,
#screen-landing .safety-section{
  display:none!important;
}

/* Keep the mode cards, but make them less heavy */
#phase4-shell{
  margin-top:.85rem!important;
  gap:.75rem!important;
}
#phase4-shell .phase4-panel:nth-child(3){
  grid-column:1 / -1!important;
}
.phase4-panel{
  padding:.85rem!important;
  border-radius:20px!important;
}
.phase4-panel-title{
  margin-bottom:.55rem!important;
}
.phase4-panel-title h3{
  font-size:.78rem!important;
}
.phase4-panel-title span{
  font-size:.62rem!important;
  padding:.22rem .42rem!important;
}
.phase4-cta-grid{
  grid-template-columns:1.15fr .85fr!important;
  gap:.6rem!important;
}
.phase4-cta{
  min-height:98px!important;
  padding:.8rem!important;
  border-radius:18px!important;
}
.phase4-cta h3{
  font-size:1.05rem!important;
}
.phase4-cta p{
  font-size:.82rem!important;
  line-height:1.35!important;
  margin-top:.25rem!important;
}
.phase4-cta small{
  display:none!important;
}
.phase4-cta-row{
  margin-top:.55rem!important;
  gap:.35rem!important;
}
.phase4-chip{
  font-size:.62rem!important;
  padding:.22rem .4rem!important;
}

/* Hero: tighter and cleaner */
#screen-landing .hero{
  padding-top:3.1rem!important;
  padding-bottom:1rem!important;
  gap:1rem!important;
}
.hero-title{
  max-width:600px!important;
  font-size:clamp(3rem,8vw,6.2rem)!important;
}
.hero-sub{
  max-width:520px!important;
  font-size:clamp(.96rem,1.7vw,1.12rem)!important;
  margin-top:.8rem!important;
}
.hero-actions{
  margin-top:1rem!important;
  gap:.7rem!important;
}
.hero-actions .primary-btn,
.hero-actions .secondary-btn{
  padding:.85rem 1.1rem!important;
  border-radius:16px!important;
  font-size:.95rem!important;
}
.profile-compact{
  margin-bottom:.75rem!important;
  padding:.48rem .72rem!important;
  border-radius:999px!important;
}

/* Scoreboard: less visual noise */
.main-menu-scoreboard{
  min-height:0!important;
  padding:.85rem!important;
  border-radius:22px!important;
}
.mm-scoreboard-sheen{
  display:none!important;
}
.main-menu-scoreboard::before{
  opacity:.45!important;
}
.mm-score-head{
  margin-bottom:.55rem!important;
}
.mm-score-head h3{
  font-size:.82rem!important;
}
.mm-score-head span{
  font-size:.6rem!important;
  padding:.22rem .42rem!important;
}
.mm-score-list{
  gap:.42rem!important;
}
.mm-score-row{
  min-height:0!important;
  padding:.45rem!important;
  border-radius:14px!important;
  grid-template-columns:auto auto minmax(0,1fr) auto!important;
}
.mm-place{
  width:26px!important;
  height:26px!important;
  border-radius:10px!important;
  font-size:.78rem!important;
}
.mm-score-row img{
  width:30px!important;
  height:30px!important;
}
.mm-player strong{
  font-size:.8rem!important;
}
.mm-player small{
  font-size:.6rem!important;
}
.mm-points{
  font-size:.74rem!important;
}
.mm-score-foot{
  display:none!important;
}

/* Top nav: compact */
.top-bar{
  min-height:auto!important;
  padding:.7rem 1rem!important;
}
.logo{
  font-size:1.15rem!important;
}
.top-right{
  gap:.45rem!important;
}
.online-badge,
.icon-btn{
  min-height:34px!important;
  padding:.42rem .62rem!important;
  border-radius:12px!important;
  font-size:.78rem!important;
}

/* Profile modal: reduce density */
#screen-profile .centered-modal{
  max-width:520px!important;
  padding:1rem!important;
}
#screen-profile .modal-header{
  margin-bottom:.4rem!important;
}
#screen-profile .modal-header h2{
  font-size:1.35rem!important;
}
.profile-phase3{
  gap:.55rem!important;
}
.phase3-identity{
  padding:.6rem!important;
  border-radius:16px!important;
}
.phase3-avatar-wrap,
.phase3-avatar-wrap img{
  width:52px!important;
  height:52px!important;
  flex-basis:52px!important;
}
.phase3-stat-grid{
  gap:.4rem!important;
}
.phase3-stat{
  padding:.55rem .4rem!important;
  border-radius:13px!important;
}
.phase3-recent{
  padding:.6rem!important;
  border-radius:14px!important;
}
.phase3-match-list{
  max-height:126px!important;
}

/* Footer: small, quiet */
.footer{
  padding:1.2rem 0!important;
  opacity:.72!important;
}
.footer-links{
  gap:.8rem!important;
  font-size:.78rem!important;
}

@media(max-width:900px){
  #phase4-shell .phase4-panel:nth-child(1),
  #phase4-shell .phase4-panel:nth-child(2){
    display:none!important;
  }
  .phase4-cta-grid{
    grid-template-columns:1fr!important;
  }
  #screen-landing .hero{
    padding-top:1.5rem!important;
  }
}

@media(max-width:520px){
  .hero-title{
    font-size:clamp(2.55rem,14vw,4.5rem)!important;
  }
  .hero-sub{
    font-size:.9rem!important;
  }
  .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  .hero-actions button{
    width:100%!important;
  }
  .main-menu-scoreboard{
    margin-top:.85rem!important;
  }
  .mm-score-row{
    grid-template-columns:auto auto 1fr!important;
  }
  .mm-points{
    grid-column:3!important;
    text-align:left!important;
  }
  .top-bar{
    padding:.55rem .65rem!important;
  }
}