/* Learn Brasta should use the same branded card language as Private Match. */
.landing-card:has([data-newmode]){
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid #d4af378f!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 92% 8%,#d4af3711 0 9%,transparent 31%),
    radial-gradient(circle at -5% 105%,#2f7a551b 0 24%,transparent 48%),
    linear-gradient(145deg,#0b2b20 0%,#071d16 58%,#0d251a 100%)!important;
  box-shadow:
    0 20px 46px #0005,
    inset 0 1px 0 #fff2,
    inset 0 0 0 1px #d4af370e!important;
}

.landing-card:has([data-newmode])::before{
  content:"♠  ♦  ♣  ♥";
  position:absolute;
  right:18px;
  bottom:16px;
  z-index:0;
  color:#d4af3707;
  font-family:Georgia,"Times New Roman",serif;
  font-size:56px;
  line-height:1;
  letter-spacing:.04em;
  white-space:nowrap;
  pointer-events:none;
}

.landing-card:has([data-newmode]) > *{
  position:relative;
  z-index:1;
}

/* Match the Private Match / Competitive serif card-title treatment. */
.landing-card:has([data-newmode]) > h2{
  margin:0 0 7px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  line-height:1.2!important;
  color:#f5f1e6!important;
  text-shadow:0 2px 10px #0008!important;
}

.landing-card:has([data-newmode]) > h2::after{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:28px!important;
  font-weight:700!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  color:#f5f1e6!important;
}

.landing-card:has([data-newmode]) > p,
.landing-card:has([data-newmode]) > p::after{
  max-width:660px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:#c5d0ca!important;
  line-height:1.5!important;
}

/* Keep launcher controls in the same UI font used by the rest of the home screen. */
.learn-brasta-actions,
.learn-brasta-actions button,
.learn-brasta-actions .learn-bot-copy,
.learn-brasta-actions .tutorial-launch-copy,
.learn-brasta-actions .bot-difficulty-panel,
.learn-brasta-actions .bot-difficulty-options button{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

/* Tutorial and bot launchers now echo Private Match's dark green/gold controls. */
.learn-brasta-actions .tutorial-launch,
button.learn-bot-launch{
  min-height:48px!important;
  margin:0!important;
  padding:10px 13px!important;
  border:1px solid #d4af3740!important;
  border-radius:10px!important;
  background:#0d2c21c7!important;
  color:#f3ead0!important;
  box-shadow:inset 0 1px 0 #ffffff0d!important;
  transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease!important;
}

.learn-brasta-actions .tutorial-launch:hover,
button.learn-bot-launch:hover{
  transform:translateY(-1px)!important;
  border-color:#d4af3785!important;
  background:#17392c!important;
  box-shadow:inset 0 1px 0 #ffffff0d!important;
}

.tutorial-launch-icon,
.learn-bot-icon{
  background:#d8b75e!important;
  color:#201906!important;
  border-radius:9px!important;
  box-shadow:inset 0 0 0 1px #fff4b066!important;
}

.tutorial-launch-copy b,
.learn-bot-copy b{
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  color:#f3ead0!important;
}

.tutorial-launch-copy small,
.learn-bot-copy small{
  color:#a8b6ad!important;
  font-size:10px!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
}

/* Difficulty reads as part of the same card, not a separate nested card. */
.learn-brasta-actions .bot-difficulty-panel{
  padding:11px 12px!important;
  border:1px solid #d4af3728!important;
  border-radius:10px!important;
  background:#031711b5!important;
  box-shadow:inset 0 1px 0 #ffffff0d!important;
}

.learn-brasta-actions .bot-difficulty-label{
  margin-bottom:8px!important;
  color:#b9a15f!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

.learn-brasta-actions .bot-difficulty-options button{
  min-height:38px!important;
  border-radius:9px!important;
  border-color:#d4af3740!important;
  background:#0d2c21c7!important;
  color:#f3ead0!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

.learn-brasta-actions .bot-difficulty-options button:hover{
  border-color:#d4af3785!important;
  background:#17392c!important;
}

.learn-brasta-actions .bot-difficulty-options button.active{
  border-color:#f3da7e!important;
  background:linear-gradient(180deg,#efd475,#d2aa45)!important;
  color:#241b07!important;
  box-shadow:0 5px 13px #0004,inset 0 1px 0 #fff8!important;
}

@media(max-width:800px){
  .landing-card:has([data-newmode]){
    border-radius:18px!important;
  }
  .landing-card:has([data-newmode])::before{
    right:-30px;
    bottom:22px;
    font-size:42px;
  }
  .landing-card:has([data-newmode]) > h2::after{
    font-size:25px!important;
  }
}