/* Global Table Game - Premium UI Overrides */
:root {
  --game-bg: #FAF9F6;
  --game-accent: #fb923c;
  --game-text: #2D3436;
  --game-gold: #D4AF37;
}

body {
  background-color: var(--game-bg);
  font-family: 'Outfit', sans-serif;
  color: var(--game-text);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* Header & Typography */
h1, h2 {
  font-family: 'Playfair Display', serif !important;
  color: var(--game-text) !important;
  font-weight: 700 !important;
}

/* Language Dropdown (I SPEAK) */
.language-selector-trigger {
  border-radius: 50px !important;
  padding: 8px 20px !important;
  border: 1px solid #ddd !important;
  background: white !important;
  font-family: 'Outfit', sans-serif !important;
}

.language-selector-trigger span {
  color: #fb923c !important;
  font-weight: 600 !important;
}

/* Country Cards */
.country-card {
  background: white !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
  padding: 24px !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  border: 1px solid #f0f4f8 !important;
  cursor: pointer;
}

.country-card:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important;
  border-color: #e2e8f0 !important;
}

.country-card img {
  width: 60px !important;
  height: auto !important;
  margin-bottom: 12px !important;
}

.country-card span {
  font-weight: 600 !important;
  color: var(--game-text) !important;
}

/* Level Complete Screen (Result Card) */
.result-card {
  background: white !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.15) !important;
}

.result-card-header {
  background: #f15a5a !important; /* From mockup */
  color: white !important;
  padding: 30px !important;
}

.result-score {
  font-size: 3rem !important;
  font-weight: 800 !important;
  color: #1a1a1a !important;
}

.traveler-insight-box {
  background: #FFF9F0 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  border: 1px solid #FFE4BC !important;
}

/* Buttons */
.btn-primary {
  background: linear-gradient(135deg, #fb923c, #f97316) !important;
  color: white !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  padding: 16px 28px !important;
  box-shadow: 0 4px 15px rgba(249, 115, 22, 0.3) !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

.btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(249, 115, 22, 0.4) !important;
}

.btn-secondary {
  border: 2px solid #e2e8f0 !important;
  background: transparent !important;
  color: var(--game-text) !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.btn-secondary:hover {
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
}

/* Pagination Dots */
.pagination-dot.active {
  background: #fb923c !important;
}