/* 사막 무드 테마 — 홈 화면 · YEOJI RIDE 전용 (YEOJI RUN의 레트로 네온 룩은 그대로 둠) */
:root {
  --bg: #241a1c;
  --accent: #c17a56;
  --accent-dim: #6b4a52;
  --text: #f2e6dc;
  --text-dim: #a68f86;
  --gold: #e3a94a;
}

body {
  background: radial-gradient(circle at 50% 0%, #34242a 0%, var(--bg) 60%);
  font-family: -apple-system, "Segoe UI", "Pretendard", "Malgun Gothic", system-ui, sans-serif;
}

.arcade__logo,
.home__card-title,
.ride__title,
.overlay__title,
.overlay__btn {
  font-family: -apple-system, "Segoe UI", "Pretendard", "Malgun Gothic", system-ui, sans-serif;
  text-shadow: none;
}

.arcade__logo {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 3px;
}

.home__card-title {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1px;
}

.home__card,
.stage {
  background: linear-gradient(180deg, #2c2024 0%, #221a1d 100%);
  border-color: var(--accent-dim);
  box-shadow: 0 0 0 1px rgba(193, 122, 86, 0.12);
}

.home__card:hover,
.home__card:focus-visible {
  border-color: var(--accent);
  box-shadow: 0 8px 28px rgba(193, 122, 86, 0.22);
}

.home__card-icon rect {
  fill: var(--accent);
}

.overlay__title {
  font-size: clamp(20px, 4vw, 30px);
  font-weight: 700;
  letter-spacing: 0.5px;
}

.overlay__btn {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: 0 6px 20px rgba(193, 122, 86, 0.35);
}

.overlay__btn:hover,
.overlay__btn:focus-visible {
  box-shadow: 0 8px 26px rgba(193, 122, 86, 0.5);
}

.ride__title {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
}

.back-link:hover,
.back-link:focus-visible {
  color: var(--accent);
}

.overlay {
  background: rgba(28, 19, 20, 0.82);
}

.overlay--win .overlay__title {
  color: var(--gold);
  text-shadow: 0 0 18px rgba(227, 169, 74, 0.45);
}