/* ============================================================
   Augstāks vai zemāks — re-tēma Spēļotavas tumšajā dizainā.
   Pārraksta TIKAI krāsas un virsmas. Izkārtojums, izmēri un
   spēles loģika (augstaks.js) paliek pilnīgi neskarti.
   ============================================================ */

body.ct-body #start-screen,
body.ct-body #game-screen,
body.ct-body #gameover-screen {
  max-width: 640px;
  margin: 0 auto;
}

/* ===== Kategoriju izvēle (lobijs) ===== */

.hl-pick-label {
  margin: 24px 0 12px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--muted-2);
}

.hl-cat-grid { margin-top: 0; gap: 14px; }

.hl-cat-card {
  --tone: #38d9d0;
  position: relative;
  padding: 24px 16px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--tone) 22%, var(--line));
  background:
    radial-gradient(14rem 8rem at 50% -10%, color-mix(in srgb, var(--tone) 12%, transparent), transparent 70%),
    var(--panel-solid);
  overflow: hidden;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.hl-cat-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--tone) 55%, transparent);
  box-shadow: 0 16px 36px rgba(2, 6, 14, 0.5);
}

.hl-cat-icon {
  filter: drop-shadow(0 6px 16px color-mix(in srgb, var(--tone) 40%, transparent));
}

.hl-cat-name { color: var(--text); }
.hl-cat-desc {
  color: color-mix(in srgb, var(--tone) 70%, var(--muted));
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 10.5px;
}

/* ===== Spēles augšdaļa ===== */

.hl-back-btn { color: var(--muted); }
.hl-back-btn:hover { color: var(--lime); }

.hl-score-label { color: var(--muted-2); }
.hl-score-val { color: var(--text); }
.hl-record { color: var(--lime); }
.hl-score-sep { color: var(--muted-2); }

/* ===== Arēna (spēles kārtis) ===== */

.hl-arena {
  border: 1px solid var(--line);
  box-shadow: 0 24px 60px rgba(2, 6, 14, 0.55);
}

.hl-card {
  background:
    radial-gradient(24rem 16rem at 50% 0%, rgba(77, 148, 255, 0.12), transparent 68%),
    linear-gradient(165deg, #0d1526, #080e1a 72%);
}

.hl-card-right {
  background:
    radial-gradient(24rem 16rem at 50% 100%, rgba(139, 123, 255, 0.14), transparent 68%),
    linear-gradient(165deg, #0b1120, #070c16 72%);
}

.hl-card.correct {
  background: radial-gradient(24rem 16rem at 50% 50%, rgba(61, 220, 132, 0.22), transparent 70%), #0a1f16 !important;
}

.hl-card.wrong {
  background: radial-gradient(24rem 16rem at 50% 50%, rgba(255, 100, 116, 0.22), transparent 70%), #200d11 !important;
}

/* ===== Dalītājs ===== */

.hl-divider { background: #0a1120; }

.hl-vs-circle {
  background: rgba(200, 245, 66, 0.1);
  border: 2px solid rgba(200, 245, 66, 0.3);
  color: var(--lime);
}

/* ===== Spēles beigas ===== */

.hl-gameover-box {
  background: var(--panel-solid);
  border: 1px solid var(--line);
}

.hl-gameover-title { color: var(--text); }
.hl-gameover-sub { color: var(--muted); }
.hl-gs-val { color: var(--text); }
.hl-gs-label { color: var(--muted-2); }