/* =============================================
   ŠEIMYNOS VIKTORINA - Specifiniai stiliai
   Šeimos klausimų žaidimo stiliai
   ============================================= */

/* =====================
   SPALVŲ SCHEMA (Šeimynos tema)
   ===================== */
:root {
  --seimynos-primary: #10b981; /* Žalia - šeima, augimas */
  --seimynos-secondary: #34d399;
  --seimynos-accent: #fbbf24; /* Šilta geltona */
  --seimynos-bg: linear-gradient(135deg, #065f46 0%, #047857 100%);
}

/* =====================
   PAGRINDINIS FONAS
   ===================== */
body {
  background: var(--seimynos-bg);
  background-attachment: fixed;
}

/* =====================
   ANTRAŠTĖS
   ===================== */
.mode-title {
  color: var(--seimynos-accent);
  text-shadow: 0 0 20px rgba(251, 191, 36, 0.4);
}

.mode-subtitle {
  color: rgba(255, 255, 255, 0.85);
}

/* =====================
   KORTELĖS
   ===================== */
.mode-card {
  border: 2px solid rgba(16, 185, 129, 0.3);
  background: rgba(6, 95, 70, 0.3);
  backdrop-filter: blur(15px);
}

.mode-card:hover {
  border-color: var(--seimynos-primary);
  box-shadow: 0 12px 48px rgba(16, 185, 129, 0.3);
}

/* =====================
   MYGTUKAI (Šeimynos tema)
   ===================== */
.mode-btn-primary {
  background: linear-gradient(135deg, var(--seimynos-primary), var(--seimynos-secondary));
  box-shadow: 0 4px 16px rgba(16, 185, 129, 0.4);
}

.mode-btn-primary:hover {
  box-shadow: 0 6px 24px rgba(16, 185, 129, 0.5);
  transform: translateY(-2px);
}

/* =====================
   ANIMACIJOS
   ===================== */
@keyframes familyPulse {
  0%, 100% {
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.3);
  }
  50% {
    box-shadow: 0 0 40px rgba(16, 185, 129, 0.6);
  }
}

.mode-card {
  animation: familyPulse 3s ease-in-out infinite;
}

/* =====================
   RESPONSIVE
   ===================== */
@media (max-width: 640px) {
  .mode-title {
    font-size: 1.75rem;
  }
}