@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');

#tmh-page, #tmh-page * {
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased;
}

.inside-article, .entry-content, .page-content { padding: 0 !important; margin: 0 !important; }
.site-main, .site-main > .inside-article, #primary, .content-area > .site-main { padding-top: 0 !important; margin-top: 0 !important; }

#tmh-page {
  font-family: 'Nunito', 'Segoe UI', sans-serif !important;
  color: #1e1b4b !important;
  background: #fff !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  margin-left: -50vw !important;
}

#tmh-page h2, #tmh-page h3, #tmh-page p, #tmh-page ul, #tmh-page li, #tmh-page span, #tmh-page div, #tmh-page section {
  margin: 0 !important; padding: 0 !important; border: none !important;
  font-family: 'Nunito', 'Segoe UI', sans-serif !important;
}

#tmh-page a { text-decoration: none !important; font-family: 'Nunito', 'Segoe UI', sans-serif !important; }
#tmh-page ul { list-style: none !important; }

#tmh-page .tmh-eyebrow {
  display: inline-block !important; font-size: 12px !important; font-weight: 800 !important;
  letter-spacing: 1.2px !important; text-transform: uppercase !important;
  color: #6366f1 !important; margin-bottom: 14px !important; padding: 0 !important;
}

#tmh-page .tmh-section-inner {
  max-width: 1100px !important; margin: 0 auto !important; padding: 30px 40px !important;
}

#tmh-page .tmh-section-head { text-align: center !important; margin-bottom: 52px !important; }
#tmh-page .tmh-section-head h2 {
  font-size: clamp(28px, 4vw, 40px) !important; font-weight: 900 !important;
  color: #1e1b4b !important; line-height: 1.2 !important; margin-top: 6px !important;
}

/* ══ GAMES SECTİON ══ */
#tmh-games { background: #f8fafc !important; padding: 0 !important; }

#tmh-games .tmh-game-grid {
  display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 28px !important;
}

#tmh-games .tmh-game-card {
  background: #fff !important; border-radius: 28px !important; padding: 36px 30px !important;
  position: relative !important; overflow: hidden !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.05) !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
  display: flex !important; flex-direction: column !important;
  flex: 1 1 320px !important; max-width: 350px !important;
}

#tmh-games .tmh-game-card:hover {
  transform: translateY(-8px) !important; box-shadow: 0 20px 50px rgba(0,0,0,.10) !important;
}

#tmh-games .tmh-gc-icon { font-size: 48px !important; margin-bottom: 14px !important; line-height: 1 !important; display: block !important; }

#tmh-games .tmh-gc-badge {
  display: inline-block !important; font-size: 11px !important; font-weight: 800 !important;
  text-transform: uppercase !important; letter-spacing: .9px !important;
  padding: 4px 12px !important; border-radius: 20px !important; margin-bottom: 16px !important;
}

#tmh-games .tmh-gc-math   .tmh-gc-badge { background: #eef2ff !important; color: #6366f1 !important; }
#tmh-games .tmh-gc-memory .tmh-gc-badge { background: #f5f3ff !important; color: #8b5cf6 !important; }
#tmh-games .tmh-gc-flags  .tmh-gc-badge { background: #fdf2f8 !important; color: #ec4899 !important; }

#tmh-games .tmh-game-card h3 { font-size: 22px !important; font-weight: 900 !important; color: #1e1b4b !important; margin-bottom: 12px !important; }
#tmh-games .tmh-game-card p { font-size: 14px !important; color: #64748b !important; line-height: 1.7 !important; margin-bottom: 20px !important; }

#tmh-games .tmh-gc-tags { display: flex !important; flex-direction: column !important; gap: 8px !important; margin-bottom: 28px !important; flex: 1 !important; }
#tmh-games .tmh-gc-tags li { font-size: 13px !important; color: #475569 !important; font-weight: 700 !important; }

#tmh-games .tmh-gc-btn {
  display: block !important; text-align: center !important; padding: 14px !important;
  border-radius: 14px !important; font-weight: 800 !important; font-size: 15px !important;
  transition: opacity .2s, transform .15s !important; margin-top: auto !important;
}

#tmh-games .tmh-gc-math   .tmh-gc-btn { background: linear-gradient(135deg,#6366f1,#818cf8) !important; color:#fff !important; }
#tmh-games .tmh-gc-memory .tmh-gc-btn { background: linear-gradient(135deg,#8b5cf6,#a78bfa) !important; color:#fff !important; }
#tmh-games .tmh-gc-flags  .tmh-gc-btn { background: linear-gradient(135deg,#ec4899,#f472b6) !important; color:#fff !important; }

#tmh-games .tmh-gc-btn:hover { opacity: .88 !important; transform: translateY(-2px) !important; }

/* ══ ANIMATIONS ══ */
.tmh-reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s ease; }
.tmh-reveal.tmh-visible { opacity: 1; transform: translateY(0); }

/* ══ RESPONSIVE ══ */
@media (max-width: 960px) {
  #tmh-games .tmh-game-card { flex: 1 1 100% !important; max-width: 500px !important; }
  #tmh-games .tmh-game-grid { max-width: 500px !important; margin: 0 auto !important; }
}
@media (max-width: 768px) {
  #tmh-page .tmh-section-inner { padding: 60px 24px !important; }
}
/* ══ SOLAR GAMES ══ */
.tmh-gc-solar {
  background: linear-gradient(135deg, #0a0f2e 0%, #1a1147 100%) !important;
  border-color: rgba(125,232,232,0.3) !important;
  color: #e8f4ff !important;
}
.tmh-gc-solar h3 { color: #7de8e8 !important; }
.tmh-gc-solar p, .tmh-gc-solar li { color: #a0c4d8 !important; }
.tmh-gc-solar .tmh-gc-badge { background: rgba(125,232,232,0.15) !important; color: #7de8e8 !important; }
.tmh-gc-solar .tmh-gc-btn { background: linear-gradient(135deg, #4fa3ff, #7de8e8) !important; color: #0a0f2e !important; }
.tmh-gc-solar:hover { border-color: rgba(125,232,232,0.7) !important; box-shadow: 0 16px 40px rgba(79,163,255,0.2) !important; }

.tmh-gc-solar-classic {
  background: linear-gradient(135deg, #1a0a2e 0%, #2d1147 100%) !important;
  border-color: rgba(167,139,250,0.3) !important;
  color: #e8f4ff !important;
}
.tmh-gc-solar-classic h3 { color: #a78bfa !important; }
.tmh-gc-solar-classic p, .tmh-gc-solar-classic li { color: #c4a8e8 !important; }
.tmh-gc-solar-classic .tmh-gc-badge { background: rgba(167,139,250,0.15) !important; color: #a78bfa !important; }
.tmh-gc-solar-classic .tmh-gc-btn { background: linear-gradient(135deg, #a78bfa, #7de8e8) !important; color: #1a0a2e !important; }
.tmh-gc-solar-classic:hover { border-color: rgba(167,139,250,0.7) !important; box-shadow: 0 16px 40px rgba(167,139,250,0.2) !important; }

/* ══ DINO EXPLORER ══ */
.tmh-gc-dino {
  background: linear-gradient(135deg, #0f1f0d 0%, #1a3318 100%) !important;
  border-color: rgba(212,160,23,0.3) !important;
  color: #e8dcc0 !important;
}
.tmh-gc-dino h3 { color: #6ba83a !important; }
.tmh-gc-dino p, .tmh-gc-dino li { color: #a8c498 !important; }
.tmh-gc-dino .tmh-gc-badge { background: rgba(107,168,58,0.18) !important; color: #6ba83a !important; }
.tmh-gc-dino .tmh-gc-btn { background: linear-gradient(135deg, #6ba83a, #d4a017) !important; color: #0f1f0d !important; }
.tmh-gc-dino:hover { border-color: rgba(212,160,23,0.7) !important; box-shadow: 0 16px 40px rgba(212,160,23,0.2) !important; }

/* ══ GUESS IT! (AI BOT) ══ */
.tmh-gc-guessit {
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) !important;
  border-color: rgba(129,140,248,0.3) !important;
  color: #c7d2fe !important;
}
.tmh-gc-guessit h3 { color: #a5b4fc !important; }
.tmh-gc-guessit p, .tmh-gc-guessit li { color: #c7d2fe !important; }
.tmh-gc-guessit .tmh-gc-badge { background: rgba(129,140,248,0.2) !important; color: #a5b4fc !important; }
.tmh-gc-guessit .tmh-gc-btn { background: linear-gradient(135deg, #6366f1, #a855f7) !important; color: #1e1b4b !important; }
.tmh-gc-guessit:hover { border-color: rgba(129,140,248,0.7) !important; box-shadow: 0 16px 40px rgba(99,102,241,0.25) !important; }

/* ══ TIME TRAVELER ══ */
.tmh-gc-traveler {
  background: linear-gradient(135deg, #160b2e 0%, #2d1147 100%) !important;
  border-color: rgba(251,191,36,0.3) !important;
  color: #e8dcff !important;
}
.tmh-gc-traveler h3 { color: #c4a8f0 !important; }
.tmh-gc-traveler p, .tmh-gc-traveler li { color: #b8a8d8 !important; }
.tmh-gc-traveler .tmh-gc-badge { background: rgba(251,191,36,0.16) !important; color: #fbbf24 !important; }
.tmh-gc-traveler .tmh-gc-btn { background: linear-gradient(135deg, #8b5cf6, #fbbf24) !important; color: #160b2e !important; }
.tmh-gc-traveler:hover { border-color: rgba(251,191,36,0.7) !important; box-shadow: 0 16px 40px rgba(139,92,246,0.25) !important; }