/* ═══════════════════════════════════════════════════════════════
   GAME ZONE: GOLDEN ARENA — COMPLETE PROFESSIONAL STYLESHEET
   Authentic Witcher 3 Gwent Board + All 5 Games
   ═══════════════════════════════════════════════════════════════ */

:root {
  --gz-gold: #ffd700;
  --gz-gold-glow: rgba(255,215,0,0.4);
  --gz-orange: #ff6b00;
  --gz-emerald: #10b981;
  --gz-blue: #38bdf8;
  --gz-purple: #a855f7;
  --gz-red: #ef4444;
  --gz-dark: #090a0f;
  --gz-card-bg: rgba(18,20,29,0.92);
  --gz-board-bg: #0e1220;
  --gz-melee-color: #ef4444;
  --gz-ranged-color: #10b981;
  --gz-siege-color: #a855f7;
}

/* ── Base ── */
#games-page {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 14px 100px;
  box-sizing: border-box;
  font-family: 'Cairo', sans-serif;
}

@keyframes gzFadeIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes gzToastSlide {
  from { opacity: 0; transform: translateX(-50%) translateY(20px); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}
@keyframes gzPulseGold {
  0%,100% { box-shadow: 0 0 8px rgba(255,215,0,0.3); }
  50%     { box-shadow: 0 0 22px rgba(255,215,0,0.8); }
}
@keyframes gzGemWin {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.4); }
  100% { transform: scale(1); }
}
@keyframes gzCardPlay {
  0%   { transform: translateY(-20px) scale(0.85); opacity: 0; }
  60%  { transform: translateY(4px) scale(1.04); }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}
@keyframes gzWeatherFlash {
  0%,100% { background: rgba(56,189,248,0.04); }
  50%     { background: rgba(56,189,248,0.12); }
}

/* ── Navigation Pills ── */
.games-hub-header { text-align: center; margin-bottom: 18px; }
.games-hub-title  { font-family: 'Cinzel','Cairo',serif; font-size: clamp(1.6rem,4vw,2.6rem); font-weight: 900; background: linear-gradient(135deg,#fff 0%,var(--gz-gold) 50%,var(--gz-orange) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.games-hub-sub    { color: rgba(255,255,255,0.65); font-size: 13px; }

.games-nav-pills  { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-bottom: 18px; }
.game-pill-btn {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,215,0,0.18);
  color: #cbd5e1;
  padding: 8px 16px;
  border-radius: 99px;
  font-family: 'Cairo',sans-serif;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}
.game-pill-btn:hover { background: rgba(255,215,0,0.1); border-color: var(--gz-gold); color: #fff; transform: translateY(-2px); }
.game-pill-btn.active { background: linear-gradient(135deg,rgba(255,215,0,0.2),rgba(255,107,0,0.25)); border-color: var(--gz-gold); color: var(--gz-gold); box-shadow: 0 0 16px rgba(255,215,0,0.3); }

/* ── Mode Options (game setup) ── */
.gz-mode-option {
  background: rgba(255,255,255,0.03);
  border: 1.5px solid rgba(255,255,255,0.1);
  border-radius: 14px;
  padding: 16px 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.gz-mode-option:hover { border-color: rgba(255,215,0,0.4); background: rgba(255,215,0,0.04); }
.gz-mode-option.active { border-color: var(--gz-gold); background: rgba(255,215,0,0.1); box-shadow: 0 0 16px rgba(255,215,0,0.2); }

/* ═══════════════════════════════════════════════════════════════
   GWENT BOARD — WITCHER 3 FAITHFUL STYLE
   ═══════════════════════════════════════════════════════════════ */

/* Gwent card hand hover animation */
.gwent-hand-card-wrap {
  transition: transform 0.18s cubic-bezier(0.34,1.56,0.64,1);
  cursor: pointer;
}
.gwent-hand-card-wrap:hover { transform: translateY(-14px) scale(1.1); z-index: 20; }

/* Row-specific accent colors */
.gz-row-melee  { --row-col: var(--gz-melee-color); }
.gz-row-ranged { --row-col: var(--gz-ranged-color); }
.gz-row-siege  { --row-col: var(--gz-siege-color); }

/* Weather state animation */
.gz-weather-row { animation: gzWeatherFlash 2s ease infinite; }

/* Gem win animation */
.gz-gem-won { background: #ffd700 !important; box-shadow: 0 0 10px #ffd700; animation: gzGemWin 0.4s ease-out; }

/* Card played animation */
.gz-card-played { animation: gzCardPlay 0.3s ease-out; }

/* ── Gwent Scrollbars ── */
.gwent-row-cards::-webkit-scrollbar { height: 3px; }
.gwent-row-cards::-webkit-scrollbar-track { background: rgba(255,255,255,0.03); }
.gwent-row-cards::-webkit-scrollbar-thumb { background: rgba(255,215,0,0.3); border-radius: 2px; }

.gwent-hand-scroll::-webkit-scrollbar { height: 4px; }
.gwent-hand-scroll::-webkit-scrollbar-thumb { background: rgba(255,215,0,0.4); border-radius: 2px; }

/* ── Auction timer pulse ── */
.gz-auction-timer { animation: gzPulseGold 1s ease-in-out infinite; }

/* ── Toast custom ── */
#gz-app-toast { transition: opacity 0.4s ease; }

/* ── Mobile Responsive ── */
@media (max-width: 600px) {
  #games-page { padding: 12px 10px 80px; }
  .games-nav-pills { gap: 5px; }
  .game-pill-btn { padding: 6px 10px; font-size: 11px; }
}