/* Dedicated solo-mode menu — Proposal 1 Classic — V117 */
#soloModeScreen #soloModeMenu.solo-mode-card{
  width:min(calc(100% - 36px),520px)!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  gap:18px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

#soloModeScreen .solo-mode-choice{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-height:116px!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:14px!important;
  padding:16px 18px!important;
  border:4px solid #d8aa43!important;
  outline:3px solid #163d62!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff9e7 0%,#f5e4ba 100%)!important;
  color:#173f67!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.9),
    0 7px 0 #244b65,
    0 14px 24px rgba(0,0,0,.20)!important;
  text-align:left!important;
  font:inherit!important;
  cursor:pointer!important;
}

#soloModeScreen .solo-mode-choice-icon{
  width:60px!important;
  height:60px!important;
  display:grid!important;
  place-items:center!important;
  border:3px solid #173f67!important;
  border-radius:50%!important;
  background:#fff4d6!important;
  color:#173f67!important;
  font-size:2rem!important;
  line-height:1!important;
}

#soloModeScreen .solo-mode-choice-copy{
  min-width:0!important;
  display:block!important;
}

#soloModeScreen .solo-mode-choice-title{
  display:block!important;
  color:#173f67!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:1.65rem!important;
  font-weight:900!important;
  line-height:1.05!important;
}

#soloModeScreen .solo-mode-choice-sub{
  display:block!important;
  margin-top:6px!important;
  color:#294c6a!important;
  font-size:.94rem!important;
  font-weight:800!important;
  line-height:1.25!important;
}

#soloModeScreen .solo-mode-choice-arrow{
  justify-self:end!important;
  color:#173f67!important;
  font-size:2.5rem!important;
  font-weight:700!important;
  line-height:1!important;
}

#soloModeScreen .solo-mode-choice:active{
  transform:translateY(2px)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.9),
    0 4px 0 #244b65,
    0 9px 16px rgba(0,0,0,.18)!important;
}

@media(max-width:390px){
  #soloModeScreen #soloModeMenu.solo-mode-card{
    width:min(calc(100% - 28px),520px)!important;
    gap:14px!important;
  }
  #soloModeScreen .solo-mode-choice{
    min-height:104px!important;
    grid-template-columns:60px minmax(0,1fr) 24px!important;
    gap:10px!important;
    padding:13px 14px!important;
  }
  #soloModeScreen .solo-mode-choice-icon{
    width:52px!important;
    height:52px!important;
    font-size:1.7rem!important;
  }
  #soloModeScreen .solo-mode-choice-title{
    font-size:1.42rem!important;
  }
  #soloModeScreen .solo-mode-choice-sub{
    font-size:.82rem!important;
  }
  #soloModeScreen .solo-mode-choice-arrow{
    font-size:2.15rem!important;
  }
}