/* V31 player profile: game-card styling and stronger mobile readability. */
#main-menu-screen .profile-summary-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: clamp(20px, 1.8vw, 28px) !important;
  color: #fff !important;
  border: 2px solid #67e8f9 !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(244,114,255,.52), transparent 28%),
    radial-gradient(circle at 10% 100%, rgba(34,211,238,.38), transparent 34%),
    linear-gradient(145deg,#123caa 0%,#312e9f 55%,#6427a7 100%) !important;
  box-shadow: 0 9px 0 rgba(3,31,104,.48), 0 20px 44px rgba(1,23,82,.35), inset 0 1px 0 rgba(255,255,255,.38) !important;
}

#main-menu-screen .profile-summary-card::before {
  content: '' !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: 0 !important;
  opacity: .26 !important;
  background-image:
    radial-gradient(circle at 12% 16%,#fff 0 2px,transparent 3px),
    radial-gradient(circle at 78% 34%,#fff 0 2px,transparent 3px),
    radial-gradient(circle at 58% 82%,#fff 0 1.5px,transparent 2.5px) !important;
  background-size: 74px 74px,92px 92px,62px 62px !important;
}

#main-menu-screen .profile-summary-card::after {
  content: '★' !important;
  position: absolute !important;
  z-index: -1 !important;
  right: -18px !important;
  bottom: -36px !important;
  color: rgba(255,225,74,.16) !important;
  font-size: 150px !important;
}

#main-menu-screen .profile-summary-card .summary-label {
  color: #8ff4ff !important;
  font-size: clamp(13px, 1vw, 16px) !important;
  font-weight: 900 !important;
  letter-spacing: .07em !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.38) !important;
}

#main-menu-screen .profile-summary-card .level-pill {
  padding: 7px 12px !important;
  color: #4b2600 !important;
  font-size: 11px !important;
  background: linear-gradient(145deg,#fff277,#ffb52e) !important;
  box-shadow: 0 4px 0 #b86508,0 7px 14px rgba(0,0,0,.24) !important;
}

#main-menu-screen .profile-summary-card .mini-note {
  color: rgba(218,245,255,.82) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

#main-menu-screen .profile-summary-card #profileNicknameLarge {
  color: #fff !important;
  font-size: clamp(34px, 2.8vw, 46px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  text-shadow: 0 4px 0 rgba(5,27,100,.62),0 8px 18px rgba(0,0,0,.32) !important;
}

#main-menu-screen .profile-summary-card #openRenameBtn {
  min-height: 42px !important;
  padding: 0 15px !important;
  color: #fff !important;
  font-size: 12px !important;
  border: 1px solid rgba(255,255,255,.68) !important;
  background: rgba(255,255,255,.16) !important;
  box-shadow: 0 4px 0 rgba(4,24,87,.38) !important;
}

#main-menu-screen .profile-summary-card .selected-skin-panel {
  padding: 15px !important;
  grid-template-columns: 84px minmax(0,1fr) !important;
  gap: 15px !important;
  border: 2px solid rgba(255,255,255,.72) !important;
  background: linear-gradient(135deg,rgba(255,255,255,.2),rgba(120,224,255,.13)) !important;
  box-shadow: 0 7px 0 rgba(4,27,99,.3),inset 0 1px 0 rgba(255,255,255,.25) !important;
  backdrop-filter: blur(8px) !important;
}

#main-menu-screen .profile-summary-card .selected-skin-preview {
  width: 84px !important;
  height: 84px !important;
  padding: 6px !important;
  border: 3px solid #ffe65a !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 5px 0 #d68b12,0 9px 18px rgba(0,0,0,.2) !important;
}

#main-menu-screen .profile-summary-card #selectedSkinName {
  color: #fff !important;
  font-size: clamp(20px,1.6vw,26px) !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 5px rgba(0,0,0,.42) !important;
}

#main-menu-screen .profile-summary-card .name-lock-note {
  display: none !important;
}

/* Smaller reference canvas gives mobile users larger text while preserving the desktop composition. */
body.main-menu-scaled.view-main #mainMenuViewport,
body.main-menu-scaled[data-app-screen='main'] #mainMenuViewport {
  width: 1120px !important;
  height: 720px !important;
  min-height: 720px !important;
}

body.main-menu-scaled.view-main #main-menu-screen .main-menu-card,
body.main-menu-scaled[data-app-screen='main'] #main-menu-screen .main-menu-card {
  width: 1120px !important;
  height: 720px !important;
  grid-template-rows: 78px minmax(0,1.08fr) minmax(0,.92fr) !important;
}

body.main-menu-scaled #main-menu-screen .dashboard-grid {
  grid-template-columns: minmax(0,1.62fr) minmax(320px,.78fr) !important;
}

body.main-menu-scaled #main-menu-screen .hero-copy h2 { font-size: 36px !important; }
body.main-menu-scaled #main-menu-screen .profile-summary-card { padding: 18px !important; }
body.main-menu-scaled #main-menu-screen .profile-summary-card #profileNicknameLarge { font-size: 38px !important; }
body.main-menu-scaled #main-menu-screen .profile-summary-card .selected-skin-panel { grid-template-columns: 70px minmax(0,1fr) !important; padding: 11px !important; }
body.main-menu-scaled #main-menu-screen .profile-summary-card .selected-skin-preview { width: 70px !important; height: 70px !important; }
body.main-menu-scaled #main-menu-screen .mode-card h2 { font-size: 32px !important; }

/* V32 high-contrast section badges. */
#main-menu-screen .profile-summary-card .summary-label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  color: #fff !important;
  font-size: clamp(13px,1.05vw,17px) !important;
  font-weight: 900 !important;
  letter-spacing: .055em !important;
  border: 2px solid rgba(126,239,255,.9) !important;
  border-radius: 99px !important;
  background: linear-gradient(135deg,#082d83,#174bb7) !important;
  box-shadow: 0 4px 0 #061e62,0 8px 16px rgba(0,0,0,.24) !important;
  text-shadow: 0 2px 3px rgba(0,0,0,.55) !important;
}

#main-menu-screen .hero-copy .quest-label {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  color: #ffe95a !important;
  font-size: clamp(12px,.95vw,16px) !important;
  font-weight: 900 !important;
  letter-spacing: .065em !important;
  border: 2px solid #d8b4fe !important;
  border-radius: 99px !important;
  background: linear-gradient(135deg,#2e197d,#5625a5) !important;
  box-shadow: 0 4px 0 #1b0d59,0 8px 16px rgba(0,0,0,.25) !important;
  text-shadow: 0 2px 3px rgba(0,0,0,.6) !important;
}

body.main-menu-scaled #main-menu-screen .profile-summary-card .summary-label {
  min-height: 32px !important;
  font-size: 14px !important;
}

body.main-menu-scaled #main-menu-screen .hero-copy .quest-label {
  min-height: 32px !important;
  font-size: 13px !important;
}