/* GS - GameScape Online: home-page "Create your Cyber City avatar" card (lounge-home.js) */
.gs-lounge-card {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin: 0 0 26px;
  padding: 16px 48px 16px 18px;
  border: 1px solid rgb(34 228 255 / 35%);
  border-radius: 3px;
  background: linear-gradient(100deg, rgb(34 228 255 / 10%), rgb(139 61 255 / 12%) 55%, rgb(224 60 255 / 10%)), rgb(10 8 32 / 88%);
  box-shadow: 0 0 24px rgb(34 228 255 / 12%);
  color: #e9e6ff;
}
.gs-lounge-card__crew { display: flex; align-items: flex-end; gap: 2px; min-width: 120px; min-height: 100px; }
.gs-lounge-card__crew canvas { width: 40px; height: 62.5px; image-rendering: pixelated; }
.gs-lounge-card__eyebrow { display: inline-flex; align-items: center; gap: 6px; color: #22e4ff; font: 700 11px/1 Orbitron, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.gs-lounge-card h2 { margin: 6px 0 4px; font: 700 20px/1.2 Orbitron, system-ui, sans-serif; color: #fff; }
.gs-lounge-card p { margin: 0; color: rgb(233 230 255 / 75%); font-size: 14px; }
.gs-lounge-card__go {
  display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 18px; border-radius: 2px;
  background: linear-gradient(90deg, #22e4ff, #8b3dff 60%, #e03cff); color: #05040f !important; text-decoration: none;
  font: 800 12px/1 Orbitron, system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap;
  box-shadow: 0 0 16px rgb(34 228 255 / 35%);
}
.gs-lounge-card__go:hover, .gs-lounge-card__go:focus-visible { filter: brightness(1.1); box-shadow: 0 0 24px rgb(224 60 255 / 50%); }
.gs-lounge-card__x {
  position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; display: grid; place-items: center;
  border: 1px solid transparent; border-radius: 2px; background: transparent; color: rgb(233 230 255 / 70%); cursor: pointer; font-size: 18px;
}
.gs-lounge-card__x:hover, .gs-lounge-card__x:focus-visible { border-color: rgb(34 228 255 / 40%); color: #fff; }
@media (width < 700px) {
  .gs-lounge-card { grid-template-columns: minmax(0, 1fr); padding-right: 18px; }
  .gs-lounge-card__crew { min-height: 0; }
  .gs-lounge-card__go { justify-self: start; }
}

/* Cyber City nav tab (lounge-nav.js): keep the two-word label on one line */
.gs-nav-city .r-slider-btn-group__label { white-space: nowrap; }