.game-choice-dialog {
  width: min(calc(100% - 32px), 480px);
  max-height: calc(100svh - 32px);
  margin: auto;
  padding: 36px 28px 26px;
  overflow-y: auto;
  color: #f3f8ff;
  background: linear-gradient(150deg, #0c2238, #06101d);
  border: 1px solid rgba(105, 191, 255, .46);
  border-radius: 18px;
  box-shadow: 0 32px 90px rgba(0, 0, 0, .62);
  text-align: left;
}

.game-choice-dialog::backdrop {
  background: rgba(1, 8, 16, .8);
  backdrop-filter: blur(10px);
}

.game-choice-dialog .dialog-close { color: #c8d9e8; }

.game-choice-kicker {
  margin: 0 28px 10px 0;
  color: #72ceff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
}

.game-choice-dialog h2 {
  margin: 0 24px 10px 0;
  font: 700 30px/1.15 "Space Grotesk", Inter, sans-serif;
  letter-spacing: -.03em;
}

.game-choice-intro {
  margin: 0 0 24px;
  color: #a6b9cb;
  font-size: 14px;
  line-height: 1.5;
}

.game-choice-options { display: grid; gap: 12px; }

.game-choice-option {
  width: 100%;
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 22px;
  cursor: pointer;
  color: #f3f8ff;
  background: rgba(25, 105, 171, .13);
  border: 1px solid rgba(113, 198, 255, .36);
  border-radius: 12px;
  text-align: left;
  font: 700 23px/1.2 "Space Grotesk", Inter, sans-serif;
  touch-action: manipulation;
}

.game-choice-option:hover,
.game-choice-option[aria-pressed="true"] {
  background: rgba(25, 137, 226, .24);
  border-color: #72ceff;
}

.game-choice-option:focus-visible {
  outline: 3px solid #72ceff;
  outline-offset: 3px;
}

.game-choice-option > span { color: #72ceff; font-size: 26px; }

.game-choice-notice {
  margin: 18px 0 0;
  color: #bfe8ff;
  font-size: 13px;
  line-height: 1.5;
}

.game-choice-notice:empty { margin: 0; }

.game-choice-options[hidden],
.game-choice-back[hidden] { display: none; }

.roblox-options .game-choice-option {
  font-size: 20px;
  line-height: 1.35;
}

.game-choice-back {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 18px;
  padding: 8px 0;
  color: #a6b9cb;
  background: transparent;
  border: 0;
  cursor: pointer;
  font: 600 13px/1.5 Inter, sans-serif;
}

.game-choice-back:hover { color: #f3f8ff; }
.game-choice-back:focus-visible {
  outline: 2px solid #72ceff;
  outline-offset: 3px;
}

.roblox-account-dialog .simple-dialog-heading { padding-inline: 20px; }
.roblox-account-dialog h2 { font-size: 22px; line-height: 1.2; text-transform: none; }
.roblox-account-dialog h2 span { display: block; color: #9db4ca; font-size: 16px; margin-top: 4px; }
.roblox-account-dialog .account-preview { margin-top: 16px; }
.roblox-account-dialog .gallery-meta h3 { line-height: 1.3; }
.roblox-account-dialog .gallery-photo-hint { font-size: 9px; }

@media (max-width: 360px) {
  .roblox-account-dialog .gallery-group--summary { grid-template-columns: minmax(0, 1fr); gap: 3px; }
}

@media (max-width: 480px) {
  .game-choice-dialog { padding: 32px 20px 22px; }
  .game-choice-dialog h2 { font-size: 27px; }
  .game-choice-option { min-height: 76px; padding: 18px; }
}

.roblox-account-dialog .roblox-loading { margin-top: 16px; }
.roblox-account-dialog .roblox-account-activity { align-items: flex-start; }
.roblox-account-dialog .roblox-account-activity .activity-dot { margin-top: 5px; }
.roblox-account-dialog .roblox-account-activity .activity-copy { overflow: visible; overflow-wrap: anywhere; }
.roblox-account-dialog .roblox-account-summary em { display: block; margin-top: 4px; color: #72ceff; font-style: normal; font-weight: 700; }
.roblox-account-dialog .roblox-account-activity .activity-demo { margin-top: 2px; color: #9ee9ce; background: rgba(25, 199, 134, .12); font-size: 8px; }
.roblox-account-summary { margin: -3px 0 14px; color: #a6b9cb; font-size: 11px; line-height: 1.4; text-align: left; }
.roblox-loading-retry { margin: 0 0 10px; }
@media (prefers-reduced-motion: reduce) {
  .roblox-account-dialog .progress-track span { transition: none; }
}
