/* Mashinani League OS 44.7.9 — public interface and community */

/* -------------------------------------------------------------------------
   Homepage hero: prevent the headline from entering the statistics column.
   ------------------------------------------------------------------------- */

body.mlos-v479-home-page .mlv39-home-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(240px,330px)!important;
  align-items:stretch!important;
  overflow:hidden!important;
}

body.mlos-v479-home-page .mlv39-home-hero-copy{
  width:100%!important;
  max-width:900px!important;
  min-width:0!important;
  padding-right:clamp(18px,3vw,48px)!important;
}

body.mlos-v479-home-page .mlv39-home-hero h1{
  width:min(100%,900px)!important;
  max-width:10.8ch!important;
  margin-right:0!important;
  overflow:visible!important;
  color:#fff!important;
  font-size:clamp(3.6rem,6.7vw,7.35rem)!important;
  line-height:.86!important;
  letter-spacing:-.065em!important;
  text-wrap:balance!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

body.mlos-v479-home-page .mlv39-home-hero h1 span,
body.mlos-v479-home-page .mlv39-home-hero h1 strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  white-space:normal!important;
}

body.mlos-v479-home-page .mlv39-home-hero h1 strong{
  font-size:.73em!important;
  line-height:.9!important;
  letter-spacing:-.055em!important;
}

body.mlos-v479-home-page
  .mlv39-home-hero
  :is(aside,.mlv39-hero-stats,.mlv39-home-hero-stats,.mlv39-stat-panel){
  position:relative!important;
  z-index:3!important;
  min-width:0!important;
  width:100%!important;
  max-width:330px!important;
  justify-self:end!important;
}

body.mlos-v479-home-page .mlos-v27-hero{
  grid-template-columns:minmax(0,1fr) minmax(300px,.55fr)!important;
}

body.mlos-v479-home-page .mlos-v27-hero-copy{
  max-width:820px!important;
  min-width:0!important;
}

body.mlos-v479-home-page .mlos-v27-hero h1{
  max-width:10.8ch!important;
  font-size:clamp(3.4rem,6.4vw,7rem)!important;
  line-height:.86!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

.mlos-v479-player-scope,
.mlos-v27-stats .mlos-v479-player-stat small{
  display:block!important;
  margin-top:4px!important;
  color:currentColor!important;
  font-size:.65rem!important;
  font-weight:750!important;
  opacity:.7!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

.mlos-v479-home-freshness{
  grid-column:1/-1!important;
  margin-top:8px!important;
  color:rgba(255,255,255,.7)!important;
  font-size:.68rem!important;
  font-weight:750!important;
}

/* -------------------------------------------------------------------------
   Statistics Centre.
   ------------------------------------------------------------------------- */

body.mlos-v479-statistics-page
  .mlv39-main > .mlv39-page-head,
body.mlos-v479-statistics-page
  .site-main > article > .entry-header,
body.mlos-v479-statistics-page
  .site-main > .page-header{
  display:none!important;
}

.mlos-v479-statistics{
  width:min(1280px,calc(100% - 28px))!important;
  margin:24px auto 64px!important;
  color:#13281d!important;
}

.mlos-v479-statistics *{
  box-sizing:border-box!important;
}

.mlos-v479-stat-hero{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:28px 30px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#052d20,#087245)!important;
  color:#fff!important;
}

.mlos-v479-stat-hero span{
  color:#79f1aa!important;
  font-size:.7rem!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

.mlos-v479-stat-hero h1{
  margin:6px 0 8px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(2.5rem,5vw,4.7rem)!important;
  line-height:.95!important;
}

.mlos-v479-stat-hero p{
  max-width:750px!important;
  margin:0!important;
  color:#d7ece0!important;
}

.mlos-v479-stat-verification{
  flex:0 0 auto!important;
  display:grid!important;
  gap:4px!important;
  padding:13px 15px!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.08)!important;
}

.mlos-v479-stat-verification strong{
  color:#fff!important;
}

.mlos-v479-stat-verification span{
  color:#cce2d5!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.mlos-v479-stat-filters{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto auto!important;
  align-items:end!important;
  gap:10px!important;
  margin:14px 0!important;
  padding:13px!important;
  border:1px solid #d7e4dc!important;
  border-radius:14px!important;
  background:#fff!important;
}

.mlos-v479-stat-filters label{
  display:grid!important;
  gap:6px!important;
  color:#52685a!important;
  font-size:.7rem!important;
  font-weight:900!important;
}

.mlos-v479-stat-filters select{
  width:100%!important;
  min-height:43px!important;
  padding:9px 11px!important;
  border:1px solid #cbdad1!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#13281d!important;
}

.mlos-v479-stat-filters button,
.mlos-v479-stat-filters > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:43px!important;
  padding:9px 14px!important;
  border:0!important;
  border-radius:9px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.mlos-v479-stat-filters button{
  background:#0baa55!important;
  color:#fff!important;
}

.mlos-v479-stat-filters > a{
  color:#17613c!important;
}

.mlos-v479-stat-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:14px 0!important;
}

.mlos-v479-stat-summary article{
  padding:18px!important;
  border:1px solid #d9e5dd!important;
  border-radius:13px!important;
  background:#fff!important;
}

.mlos-v479-stat-summary strong,
.mlos-v479-stat-summary span{
  display:block!important;
}

.mlos-v479-stat-summary strong{
  color:#071f15!important;
  font-size:1.7rem!important;
}

.mlos-v479-stat-summary span{
  margin-top:4px!important;
  color:#63776b!important;
  font-size:.68rem!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}

.mlos-v479-stat-warning{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:14px 0!important;
  padding:13px 15px!important;
  border:1px solid #efd18b!important;
  border-radius:12px!important;
  background:#fff8e5!important;
  color:#664b0d!important;
}

.mlos-v479-stat-warning span{
  flex:1!important;
}

.mlos-v479-stat-warning a{
  color:#765100!important;
  font-weight:900!important;
}

.mlos-v479-stat-tabs{
  display:flex!important;
  gap:7px!important;
  margin:14px 0!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}

.mlos-v479-stat-tabs::-webkit-scrollbar{
  display:none!important;
}

.mlos-v479-stat-tabs a{
  flex:0 0 auto!important;
  padding:9px 13px!important;
  border:1px solid #d5e2da!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#4d6556!important;
  font-size:.73rem!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.mlos-v479-stat-tabs a.active{
  border-color:#0aaa54!important;
  background:#0aaa54!important;
  color:#fff!important;
}

.mlos-v479-stat-table{
  overflow:hidden!important;
  border:1px solid #dbe6df!important;
  border-radius:14px!important;
  background:#fff!important;
}

.mlos-v479-stat-table > header,
.mlos-v479-stat-table > article{
  display:grid!important;
  grid-template-columns:48px minmax(220px,1.5fr) minmax(180px,1fr) 150px!important;
  gap:12px!important;
  align-items:center!important;
}

.mlos-v479-stat-table > header{
  padding:13px 16px!important;
  background:#edf3ef!important;
  color:#586d60!important;
  font-size:.68rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

.mlos-v479-stat-table > article{
  min-height:58px!important;
  padding:10px 16px!important;
  border-top:1px solid #e5ece7!important;
}

.mlos-v479-stat-table .rank{
  color:#6d7e74!important;
}

.mlos-v479-stat-table .player{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#10271b!important;
  text-decoration:none!important;
}

.mlos-v479-stat-table .player i{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #d7e2db!important;
  border-radius:50%!important;
  background:#f1f5f2!important;
  color:#173526!important;
  font-size:.72rem!important;
  font-style:normal!important;
  font-weight:900!important;
}

.mlos-v479-stat-table .club a{
  color:#193d29!important;
  text-decoration:none!important;
}

.mlos-v479-stat-table .value{
  justify-self:end!important;
  color:#e7a600!important;
  font-size:1.15rem!important;
}

.mlos-v479-stat-table .value small{
  display:block!important;
  margin-top:2px!important;
  color:#75837b!important;
  font-size:.62rem!important;
  font-weight:750!important;
}

.mlos-v479-stat-empty{
  padding:36px!important;
  color:#6d7f75!important;
  text-align:center!important;
}

.mlos-v479-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin:16px 0!important;
}

.mlos-v479-pagination a,
.mlos-v479-pagination span{
  padding:8px 12px!important;
  border:1px solid #d5e2da!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#1b5c38!important;
  font-weight:850!important;
  text-decoration:none!important;
}

.mlos-v479-stat-note{
  margin:15px 0 0!important;
  color:#66786e!important;
  font-size:.74rem!important;
}

/* -------------------------------------------------------------------------
   Mtaa Talk.
   ------------------------------------------------------------------------- */

body.mlos-v479-community-page
  .mlv39-main > .mlv39-page-head,
body.mlos-v479-community-page
  .site-main > article > .entry-header,
body.mlos-v479-community-page
  .site-main > .page-header{
  display:none!important;
}

.mlos-v479-community{
  width:min(1260px,calc(100% - 28px))!important;
  margin:24px auto 64px!important;
  color:#13281d!important;
}

.mlos-v479-community *{
  box-sizing:border-box!important;
}

.mlos-v479-community-hero{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:27px 29px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#052d20,#087245)!important;
  color:#fff!important;
}

.mlos-v479-community-hero span{
  color:#79f1aa!important;
  font-size:.7rem!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}

.mlos-v479-community-hero h1{
  margin:6px 0 7px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(2.4rem,5vw,4.5rem)!important;
  line-height:.95!important;
}

.mlos-v479-community-hero p{
  max-width:740px!important;
  margin:0!important;
  color:#d7ece0!important;
}

.mlos-v479-community-hero > a{
  flex:0 0 auto!important;
  padding:10px 13px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:9px!important;
  color:#fff!important;
  font-weight:850!important;
  text-decoration:none!important;
}

.mlos-v479-community-signin,
.mlos-v479-reconcile{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:13px 0!important;
  padding:14px!important;
  border:1px solid #d7e4dc!important;
  border-radius:13px!important;
  background:#fff!important;
}

.mlos-v479-community-signin strong,
.mlos-v479-community-signin span{
  display:block!important;
}

.mlos-v479-community-signin span{
  margin-top:3px!important;
  color:#687a70!important;
}

.mlos-v479-community-signin a{
  flex:0 0 auto!important;
  padding:10px 13px!important;
  border-radius:9px!important;
  background:#0aaa54!important;
  color:#fff!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.mlos-v479-topic-form{
  margin:13px 0!important;
  border:1px solid #d7e4dc!important;
  border-radius:13px!important;
  background:#fff!important;
  overflow:hidden!important;
}

.mlos-v479-topic-form summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:16px 18px!important;
  cursor:pointer!important;
}

.mlos-v479-topic-form summary span{
  color:#687a70!important;
  font-size:.75rem!important;
}

.mlos-v479-topic-form form{
  padding:0 18px 18px!important;
}

.mlos-v479-topic-form-grid{
  display:grid!important;
  grid-template-columns:minmax(180px,.45fr) minmax(0,1fr)!important;
  gap:10px!important;
}

.mlos-v479-topic-form label,
.mlos-v479-reply-form label{
  display:grid!important;
  gap:6px!important;
  margin:10px 0!important;
  color:#506657!important;
  font-size:.72rem!important;
  font-weight:900!important;
}

.mlos-v479-topic-form input,
.mlos-v479-topic-form select,
.mlos-v479-topic-form textarea,
.mlos-v479-reply-form input,
.mlos-v479-reply-form textarea{
  width:100%!important;
  min-height:43px!important;
  padding:9px 11px!important;
  border:1px solid #cad9d0!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#14291d!important;
}

.mlos-v479-topic-form textarea,
.mlos-v479-reply-form textarea{
  min-height:110px!important;
}

.mlos-v479-community-categories{
  display:flex!important;
  gap:7px!important;
  margin:13px 0!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}

.mlos-v479-community-categories::-webkit-scrollbar{
  display:none!important;
}

.mlos-v479-community-categories a{
  flex:0 0 auto!important;
  padding:9px 12px!important;
  border:1px solid #d5e2da!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#4e6557!important;
  font-size:.72rem!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.mlos-v479-community-categories a.active{
  border-color:#0aaa54!important;
  background:#0aaa54!important;
  color:#fff!important;
}

.mlos-v479-topic-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}

.mlos-v479-topic-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:240px!important;
  padding:17px!important;
  border:1px solid #dbe7df!important;
  border-radius:15px!important;
  background:#fff!important;
}

.mlos-v479-topic-card.is-official{
  border-top:4px solid #0aaa54!important;
}

.mlos-v479-topic-image{
  height:150px!important;
  margin:-3px -3px 13px!important;
  overflow:hidden!important;
  border-radius:10px!important;
}

.mlos-v479-topic-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.mlos-v479-topic-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

.mlos-v479-topic-meta span,
.mlos-v479-topic-meta em{
  padding:5px 7px!important;
  border-radius:999px!important;
  background:#eaf5ee!important;
  color:#17613b!important;
  font-size:.62rem!important;
  font-style:normal!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

.mlos-v479-topic-meta em{
  background:#fff2ca!important;
  color:#755500!important;
}

.mlos-v479-topic-card h2{
  margin:12px 0 7px!important;
  color:#10271b!important;
  font-size:1.15rem!important;
}

.mlos-v479-topic-card p{
  flex:1!important;
  margin:0!important;
  color:#61746a!important;
  line-height:1.5!important;
}

.mlos-v479-topic-card footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-top:15px!important;
  padding-top:12px!important;
  border-top:1px solid #e4ece7!important;
}

.mlos-v479-topic-card footer span{
  color:#74847b!important;
  font-size:.68rem!important;
}

.mlos-v479-topic-card footer a,
.mlos-v479-topic-back a{
  color:#08743e!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.mlos-v479-community-empty{
  padding:34px!important;
  border:1px dashed #c7d8ce!important;
  border-radius:13px!important;
  background:#f8fbf9!important;
  text-align:center!important;
}

.mlos-v479-community-empty strong,
.mlos-v479-community-empty span{
  display:block!important;
}

.mlos-v479-community-empty span{
  margin-top:4px!important;
  color:#687a70!important;
}

.mlos-v479-topic-back{
  margin:14px 0!important;
}

.mlos-v479-topic-thread{
  padding:22px!important;
  border:1px solid #d9e5dd!important;
  border-radius:16px!important;
  background:#fff!important;
}

.mlos-v479-topic-thread h1{
  margin:11px 0 6px!important;
  color:#10271b!important;
  font-size:clamp(1.8rem,4vw,3rem)!important;
}

.mlos-v479-topic-thread > small{
  color:#718279!important;
}

.mlos-v479-topic-thread figure,
.mlos-v479-reply figure{
  margin:15px 0!important;
}

.mlos-v479-topic-thread img,
.mlos-v479-reply img{
  max-width:100%!important;
  height:auto!important;
  border-radius:12px!important;
}

.mlos-v479-topic-body{
  margin-top:17px!important;
  color:#3e5748!important;
  line-height:1.65!important;
}

.mlos-v479-replies{
  display:grid!important;
  gap:9px!important;
  margin:13px 0!important;
}

.mlos-v479-reply{
  display:flex!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:15px!important;
  border:1px solid #dce7e0!important;
  border-radius:13px!important;
  background:#fff!important;
}

.mlos-v479-reply p{
  margin:7px 0!important;
  color:#405849!important;
}

.mlos-v479-reply small{
  color:#718279!important;
}

.mlos-v479-reply-form{
  padding:17px!important;
  border:1px solid #d8e5dc!important;
  border-radius:14px!important;
  background:#fff!important;
}

.mlos-v479-topic-closed{
  padding:14px!important;
  border:1px solid #e4d18f!important;
  border-radius:12px!important;
  background:#fff7dc!important;
  color:#6e5316!important;
  font-weight:850!important;
}

/* -------------------------------------------------------------------------
   Staff controls: header tools remain; floating overlays do not block pages.
   ------------------------------------------------------------------------- */

body.mlos-v479-home-page
  :is(
    .mlos-staff-quick-tools,
    .mlos-admin-search,
    .mfc-admin-search-fixed,
    .mfc-stack-item,
    .mfc-qr-pill-fixed,
    .mlos-floating-actions,
    .mlos-quick-actions,
    .mashinani-floating-actions,
    .mcp-floating-actions,
    .mssr-floating-staff,
    .mspr-floating-staff
  ),
body.mlos-v479-statistics-page
  :is(
    .mlos-staff-quick-tools,
    .mlos-admin-search,
    .mfc-admin-search-fixed,
    .mfc-stack-item,
    .mfc-qr-pill-fixed,
    .mlos-floating-actions,
    .mlos-quick-actions,
    .mashinani-floating-actions,
    .mcp-floating-actions,
    .mssr-floating-staff,
    .mspr-floating-staff
  ),
body.mlos-v479-community-page
  :is(
    .mlos-staff-quick-tools,
    .mlos-admin-search,
    .mfc-admin-search-fixed,
    .mfc-stack-item,
    .mfc-qr-pill-fixed,
    .mlos-floating-actions,
    .mlos-quick-actions,
    .mashinani-floating-actions,
    .mcp-floating-actions,
    .mssr-floating-staff,
    .mspr-floating-staff
  ){
  display:none!important;
}

@media(max-width:1100px){
  body.mlos-v479-home-page .mlv39-home-hero{
    grid-template-columns:1fr!important;
  }

  body.mlos-v479-home-page
    .mlv39-home-hero
    :is(aside,.mlv39-hero-stats,.mlv39-home-hero-stats,.mlv39-stat-panel){
    max-width:none!important;
    justify-self:stretch!important;
  }

  body.mlos-v479-home-page .mlv39-home-hero h1{
    max-width:11.5ch!important;
    font-size:clamp(3.2rem,9vw,6.5rem)!important;
  }

  .mlos-v479-topic-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .mlos-v479-statistics,
  .mlos-v479-community{
    width:min(100% - 18px,1280px)!important;
    margin-top:10px!important;
  }

  .mlos-v479-stat-hero,
  .mlos-v479-community-hero{
    align-items:flex-start!important;
    flex-direction:column!important;
    padding:21px!important;
  }

  .mlos-v479-stat-filters,
  .mlos-v479-topic-form-grid{
    grid-template-columns:1fr!important;
  }

  .mlos-v479-stat-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .mlos-v479-stat-table{
    overflow-x:auto!important;
  }

  .mlos-v479-stat-table > header,
  .mlos-v479-stat-table > article{
    min-width:720px!important;
  }

  .mlos-v479-stat-warning,
  .mlos-v479-community-signin,
  .mlos-v479-topic-card footer{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  .mlos-v479-topic-grid{
    grid-template-columns:1fr!important;
  }

  body.mlos-v479-home-page .mlv39-home-hero h1{
    max-width:100%!important;
    font-size:clamp(3rem,14vw,5rem)!important;
    line-height:.88!important;
  }

  body.mlos-v479-home-page .mlv39-home-hero h1 strong{
    font-size:.76em!important;
  }
}
