/* ─── AOE4 Coach — custom styles ─────────────────────────────────────────────
   Everything else is handled by Tailwind utility classes inline in the HTML.   */

.win-bar-fill {
  transition: width 0.6s ease-out;
}

.fade-in {
  animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: none; }
}

/* Top-level tab buttons */
.tab-btn              { border-bottom: 2px solid transparent; }
.tab-btn.active       { border-bottom-color: #f59e0b; color: #f59e0b; }

/* Analysis sub-tab buttons */
.analysis-tab         { border-bottom: 2px solid transparent; }
.analysis-tab.active  { border-bottom-color: #f59e0b; color: #f59e0b; }