/* Cleaner bottom game-mode selector */
.mode-select-panel{
  display:grid!important;
  gap:.85rem!important;
}
.mode-select-copy{
  margin:0!important;
  color:var(--text-dim)!important;
  font-weight:700!important;
  line-height:1.45!important;
  font-size:.92rem!important;
}
.mode-choice-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:.65rem!important;
}
.mode-choice{
  appearance:none!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;
  padding:.85rem!important;
  text-align:left!important;
  background:rgba(255,255,255,.28)!important;
  color:var(--text)!important;
  cursor:pointer!important;
  box-shadow:none!important;
  min-height:118px!important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease!important;
}
body.dark .mode-choice{
  background:rgba(255,255,255,.045)!important;
}
.mode-choice:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(196,149,106,.42)!important;
}
.mode-choice.active{
  background:linear-gradient(135deg,rgba(196,149,106,.25),rgba(255,255,255,.12))!important;
  border-color:rgba(196,149,106,.72)!important;
  box-shadow:0 18px 42px rgba(196,149,106,.16)!important;
}
.mode-choice strong{
  display:flex!important;
  align-items:center!important;
  gap:.45rem!important;
  font-size:1rem!important;
  letter-spacing:-.03em!important;
  margin-bottom:.35rem!important;
}
.mode-choice span{
  display:block!important;
  color:var(--text-dim)!important;
  font-size:.8rem!important;
  font-weight:700!important;
  line-height:1.35!important;
}
.mode-choice small{
  display:inline-flex!important;
  margin-top:.65rem!important;
  padding:.24rem .46rem!important;
  border-radius:999px!important;
  background:rgba(196,149,106,.14)!important;
  border:1px solid rgba(196,149,106,.2)!important;
  color:var(--accent-warm)!important;
  font-size:.62rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
.mode-confirm-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.75rem!important;
  padding:.72rem!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.22)!important;
  border:1px solid var(--border)!important;
}
body.dark .mode-confirm-row{
  background:rgba(255,255,255,.04)!important;
}
.mode-selected-text{
  min-width:0!important;
}
.mode-selected-text strong{
  display:block!important;
  color:var(--text)!important;
  font-size:.9rem!important;
}
.mode-selected-text span{
  display:block!important;
  color:var(--text-dim)!important;
  font-size:.74rem!important;
  font-weight:750!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#mode-confirm-btn{
  border:none!important;
  border-radius:14px!important;
  padding:.78rem 1rem!important;
  min-width:150px!important;
  background:linear-gradient(135deg,var(--accent-warm),#8c5b32)!important;
  color:#140e08!important;
  font-weight:950!important;
  cursor:pointer!important;
  box-shadow:0 16px 38px rgba(196,149,106,.2)!important;
}
#mode-confirm-btn:hover{
  transform:translateY(-2px)!important;
}
@media(max-width:760px){
  .mode-choice-grid{
    grid-template-columns:1fr!important;
  }
  .mode-choice{
    min-height:auto!important;
  }
  .mode-confirm-row{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  #mode-confirm-btn{
    width:100%!important;
  }
}