@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

.bolao-theme-estrela-guia {
  --background: 48 100% 99%;
  --foreground: 30 25% 15%;
  --card: 0 0% 100%;
  --muted: 45 30% 96%;
  --muted-foreground: 30 10% 42%;
  --border: 45 30% 88%;
  --primary: 48 100% 52%;
  --primary-foreground: 30 40% 12%;
  --primary-glow: 50 100% 65%;
  --primary-deep: 38 95% 45%;
  --secondary: 48 60% 95%;
  --accent: 200 85% 55%;
  --accent-foreground: 0 0% 100%;
  --success: 145 65% 42%;
  --destructive: 0 84% 60%;
  --ring: 48 100% 52%;
  --radius: 1rem;

  --gradient-sun: linear-gradient(135deg, hsl(50 100% 65%), hsl(45 100% 52%) 50%, hsl(38 95% 50%));
  --gradient-soft: linear-gradient(180deg, hsl(48 100% 97%), hsl(48 100% 99%));
  --gradient-hero: linear-gradient(135deg, hsl(48 100% 60% / 0.95), hsl(38 95% 50% / 0.85));

  --shadow-soft: 0 4px 20px -4px hsl(45 60% 40% / 0.12);
  --shadow-glow: 0 20px 60px -20px hsl(48 100% 52% / 0.45);
  --shadow-card: 0 8px 30px -10px hsl(40 30% 30% / 0.15);

  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  color: hsl(var(--foreground));
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.bolao-theme-estrela-guia h1,
.bolao-theme-estrela-guia h2,
.bolao-theme-estrela-guia .eg-font-display {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  letter-spacing: -0.03em;
  line-height: 1.15;
  font-weight: 800;
}

@keyframes eg-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes eg-fade-up {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes eg-pulse-soft {
  0%, 100% { box-shadow: 0 0 0 0 hsl(48 100% 52% / 0.45); }
  50% { box-shadow: 0 0 0 12px hsl(48 100% 52% / 0); }
}

.bolao-theme-estrela-guia .eg-animate-fade-up {
  animation: eg-fade-up 0.6s ease-out both;
}

.bolao-theme-estrela-guia .eg-animate-float {
  animation: eg-float 4s ease-in-out infinite;
}

.bolao-theme-estrela-guia .eg-page-bg {
  background: var(--gradient-soft);
}

.bolao-theme-estrela-guia .eg-deco-star {
  position: absolute;
  border-radius: 9999px;
  pointer-events: none;
  background: hsl(var(--primary) / 0.35);
  filter: blur(1px);
}

.bolao-theme-estrela-guia .eg-deco-blob {
  position: absolute;
  border-radius: 9999px;
  pointer-events: none;
  background: hsl(var(--primary-glow) / 0.28);
  filter: blur(40px);
}

.bolao-theme-estrela-guia .eg-hero-tagline {
  color: hsl(var(--primary-deep));
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.bolao-theme-estrela-guia .eg-text-heading {
  color: hsl(var(--foreground));
}

.bolao-theme-estrela-guia .eg-text-body {
  color: hsl(var(--foreground) / 0.88);
}

.bolao-theme-estrela-guia .eg-text-muted {
  color: hsl(var(--muted-foreground));
}

.bolao-theme-estrela-guia .eg-text-subtle {
  color: hsl(var(--muted-foreground) / 0.85);
}

.bolao-theme-estrela-guia .eg-text-faint {
  color: hsl(var(--muted-foreground) / 0.65);
}

.bolao-theme-estrela-guia .eg-accent-text {
  color: hsl(var(--primary-deep));
}

.bolao-theme-estrela-guia .eg-link {
  color: hsl(var(--accent));
  transition: var(--transition-smooth);
}

.bolao-theme-estrela-guia .eg-link:hover {
  color: hsl(200 85% 45%);
}

.bolao-theme-estrela-guia .eg-card {
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius);
  box-shadow: var(--shadow-card);
  transition: var(--transition-smooth);
}

.bolao-theme-estrela-guia .eg-card:hover {
  box-shadow: var(--shadow-soft);
}

@media (hover: hover) {
  .bolao-theme-estrela-guia .eg-card:hover {
    transform: translateY(-2px);
  }

  .bolao-theme-estrela-guia .eg-btn-primary:hover {
    transform: scale(1.03);
  }
}

.bolao-theme-estrela-guia .eg-panel {
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.bolao-theme-estrela-guia .eg-badge-stage {
  background: var(--gradient-sun);
  color: hsl(var(--primary-foreground));
  font-weight: 800;
}

.bolao-theme-estrela-guia .eg-badge-open {
  background: hsl(var(--success) / 0.12);
  color: hsl(var(--success));
  border: 1px solid hsl(var(--success) / 0.25);
}

.bolao-theme-estrela-guia .eg-badge-closed {
  background: hsl(var(--muted));
  color: hsl(var(--muted-foreground));
  border: 1px solid hsl(var(--border));
}

.bolao-theme-estrela-guia .eg-btn-primary {
  background: var(--gradient-sun);
  color: hsl(var(--primary-foreground));
  border-radius: 9999px;
  box-shadow: var(--shadow-soft);
  font-weight: 800;
  transition: var(--transition-smooth);
}

.bolao-theme-estrela-guia .eg-btn-primary:hover {
  box-shadow: var(--shadow-glow);
}

.bolao-theme-estrela-guia .eg-btn-primary-badge {
  background: hsl(var(--primary-foreground) / 0.1);
  color: hsl(var(--primary-foreground));
}

.bolao-theme-estrela-guia .eg-btn-score {
  background: hsl(var(--foreground));
  color: hsl(var(--primary));
  border-radius: 0.75rem;
}

.bolao-theme-estrela-guia .eg-toolbar-btn {
  background: hsl(var(--card));
  border: 1px solid hsl(var(--border));
  color: hsl(var(--foreground));
  border-radius: 9999px;
  box-shadow: var(--shadow-soft);
  transition: var(--transition-smooth);
}

.bolao-theme-estrela-guia .eg-toolbar-btn:hover {
  background: hsl(var(--secondary));
  border-color: hsl(var(--primary) / 0.35);
}

.bolao-theme-estrela-guia .eg-menu-bar {
  border-radius: 9999px;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--card));
  box-shadow: var(--shadow-soft);
}

.bolao-theme-estrela-guia .eg-menu-dropdown {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--card));
  box-shadow: var(--shadow-card);
}

.bolao-theme-estrela-guia .eg-menu-item {
  transition: var(--transition-smooth);
}

.bolao-theme-estrela-guia .eg-menu-item:hover {
  background: hsl(var(--secondary));
}

.bolao-theme-estrela-guia .eg-menu-divider {
  border-color: hsl(var(--border));
}

.bolao-theme-estrela-guia .eg-stat-box {
  background: hsl(var(--secondary));
  border: 1px solid hsl(var(--border));
  border-radius: var(--radius);
}

.bolao-theme-estrela-guia .eg-stat-label {
  color: hsl(var(--muted-foreground));
}

.bolao-theme-estrela-guia .eg-field {
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--card));
  color: hsl(var(--foreground));
  box-shadow: var(--shadow-soft);
  transition: var(--transition-smooth);
}

.bolao-theme-estrela-guia .eg-field:focus {
  outline: none;
  border-color: hsl(var(--ring));
  box-shadow: 0 0 0 3px hsl(var(--ring) / 0.25);
}

.bolao-theme-estrela-guia .eg-label {
  color: hsl(var(--foreground) / 0.85);
  font-weight: 700;
}

.bolao-theme-estrela-guia .eg-form-helper {
  color: hsl(var(--muted-foreground));
}

.bolao-theme-estrela-guia .eg-info-btn {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--secondary));
  color: hsl(var(--muted-foreground));
}

.bolao-theme-estrela-guia .eg-tooltip {
  background: hsl(var(--foreground));
  border: 1px solid hsl(var(--border));
  color: hsl(var(--background));
  box-shadow: var(--shadow-card);
}

.bolao-theme-estrela-guia .eg-result-badge {
  background: var(--gradient-sun);
  color: hsl(var(--primary-foreground));
}

.bolao-theme-estrela-guia .eg-closed-badge {
  background: hsl(var(--primary) / 0.12);
  color: hsl(var(--primary-deep));
  border: 1px solid hsl(var(--primary) / 0.25);
}

.bolao-theme-estrela-guia .eg-empty-state {
  border: 2px dashed hsl(var(--border));
  color: hsl(var(--muted-foreground));
  background: hsl(var(--secondary) / 0.5);
}

.bolao-theme-estrela-guia .eg-stat-alive {
  background: hsl(var(--success) / 0.1);
  border: 1px solid hsl(var(--success) / 0.2);
}

.bolao-theme-estrela-guia .eg-stat-alive-label {
  color: hsl(var(--success));
}

.bolao-theme-estrela-guia .eg-stat-alive-value {
  color: hsl(145 65% 32%);
}

.bolao-theme-estrela-guia .eg-stat-elim {
  background: hsl(var(--destructive) / 0.08);
  border: 1px solid hsl(var(--destructive) / 0.18);
}

.bolao-theme-estrela-guia .eg-stat-elim-label {
  color: hsl(var(--destructive));
}

.bolao-theme-estrela-guia .eg-stat-elim-value {
  color: hsl(0 70% 45%);
}

.bolao-theme-estrela-guia .eg-modal-overlay {
  background: hsl(var(--foreground) / 0.45);
}

.bolao-theme-estrela-guia .eg-edit-btn {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--card));
  color: hsl(var(--muted-foreground));
  transition: var(--transition-smooth);
}

.bolao-theme-estrela-guia .eg-edit-btn:hover {
  border-color: hsl(var(--primary));
  background: hsl(var(--secondary));
  color: hsl(var(--primary-deep));
}

.bolao-theme-estrela-guia .eg-copy-feedback {
  color: hsl(var(--success));
}

.bolao-theme-estrela-guia .eg-hero-title {
  font-size: clamp(1.875rem, 5vw, 3.75rem);
  font-weight: 800;
  letter-spacing: -0.03em;
}

.bolao-theme-estrela-guia .eg-card-title {
  font-size: clamp(1.5rem, 3vw, 1.875rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.bolao-theme-estrela-guia .eg-details-summary:hover {
  color: hsl(var(--primary-deep));
}

body.bolao-body-estrela-guia {
  background: hsl(48 100% 99%);
  color: hsl(30 25% 15%);
}

@media (prefers-reduced-motion: no-preference) {
  .bolao-theme-estrela-guia .eg-deco-blob {
    animation: eg-float 6s ease-in-out infinite;
  }

  .bolao-theme-estrela-guia .eg-deco-blob:nth-child(2) {
    animation-delay: 1.2s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bolao-theme-estrela-guia .eg-animate-fade-up,
  .bolao-theme-estrela-guia .eg-animate-float,
  .bolao-theme-estrela-guia .eg-deco-blob {
    animation: none !important;
  }
}