/* GS - GameScape Online: RetroAchievements profile section + Ranks tab. */
.gsr-top { display: flex; align-items: center; gap: 14px; }
.gsr-pic { width: 56px; height: 56px; object-fit: cover; border: 1px solid rgb(224 60 255 / 55%); border-radius: 2px; background: #0a0820; }
.gsr-nums { flex: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
.gsr-nums div { padding: 8px 10px; border: 1px solid rgb(120 140 255 / 22%); border-radius: 2px; background: rgb(5 4 15 / 45%); }
.gsr-nums dt { font: 700 9.5px/1 "Orbitron", system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: rgb(200 205 255 / 60%); }
.gsr-nums dd { margin: 5px 0 0; font: 700 15px/1.1 "Orbitron", system-ui, sans-serif; color: #fff; }
.gsr-rp { font-style: italic; }
.gsr-recent { margin: 10px 0 6px; padding: 0; list-style: none; }
.gsr-ach {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  margin-bottom: 5px;
  border: 1px solid rgb(120 140 255 / 18%);
  border-left: 3px solid rgb(255 62 207 / 60%);
  border-radius: 2px;
  background: rgb(5 4 15 / 45%);
}
.gsr-badge { width: 40px; height: 40px; border-radius: 2px; }
.gsr-ach__t { display: flex; flex-direction: column; min-width: 0; }
.gsr-ach__t strong { font-size: 13px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gsr-ach__t span { font-size: 11.5px; color: #a9f3ff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gsr-ach__pts { font-size: 11.5px; color: #f3b3ff; white-space: nowrap; }
.gsr-ext { font-size: 12.5px; color: #22e4ff; }
.gsr-help { padding: 10px 12px; border: 1px dashed rgb(34 228 255 / 45%); border-radius: 2px; background: rgb(34 228 255 / 6%); font-size: 13.5px; }
.gsr-help p { margin: 0 0 6px; }
.gsr-help ol { margin: 0 0 10px; padding-left: 20px; color: rgb(230 236 255 / 85%); }
.gsr-help .gsl-act { display: inline-flex; min-height: 32px; text-decoration: none; }

/* Ranks tab */
.gsr-switch { display: flex; gap: 4px; margin-bottom: 10px; border-bottom: 1px solid rgb(120 140 255 / 18%); }
.gsr-switch .gsl-tab[aria-pressed="true"] { color: #fff; border-bottom-color: #22e4ff; box-shadow: 0 8px 12px -10px #22e4ff; }
.gsr-board { margin: 0; padding: 0; list-style: none; }
.gsr-row {
  display: grid;
  grid-template-columns: 36px 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  margin-bottom: 6px;
  border: 1px solid rgb(120 140 255 / 18%);
  border-radius: 2px;
  background: linear-gradient(180deg, rgb(255 255 255 / 6%), rgb(255 255 255 / 0%) 60%), rgb(5 4 15 / 45%);
}
.gsr-row:nth-child(1) { border-color: rgb(34 228 255 / 60%); box-shadow: 0 0 12px rgb(34 228 255 / 25%); }
.gsr-row.is-me { border-left: 3px solid #e03cff; }
.gsr-rank { font: 800 14px/1 "Orbitron", system-ui, sans-serif; color: #22e4ff; }
.gsr-rowpic { width: 34px; height: 34px; object-fit: cover; border-radius: 2px; background: #0a0820; }
.gsr-who { display: flex; flex-direction: column; min-width: 0; }
.gsr-score { font: 700 12.5px/1.2 "Orbitron", system-ui, sans-serif; color: #f3b3ff; text-align: right; }
.gsr-hint { margin-top: 8px; font-size: 12px; }
@media (width < 600px) { .gsr-nums { grid-template-columns: 1fr 1fr; } }