/* Bubble Galáxia — tema cyberpunk space (override) */
:root {
  --bg: #05071a;
  --bg-soft: #0b0e2a;
  --surface: #12163a;
  --surface-2: #1a1f4a;
  --border: #5b2d9e;
  --text: #ffffff;
  --text-dim: #a8b0d8;
  --primary: #9d00ff;
  --primary-2: #ff00ff;
  --accent: #00ffff;
  --accent-2: #00e5ff;
  --danger: #ff5470;
  --warning: #ffb547;
  --gold: #ffd700;
  --gold-2: #ff8c00;
  --neon-magenta: #ff00ff;
  --neon-cyan: #00ffff;
  --panel-bg-image: url(/images/all/fundo-mobile.png);
  --panel-bg-overlay: linear-gradient(
    180deg,
    rgba(5, 7, 26, 0.25) 0%,
    rgba(5, 7, 26, 0.4) 55%,
    rgba(5, 7, 26, 0.65) 100%
  );
}

@media (width >= 768px) {
  :root {
    --panel-bg-image: url(/images/all/fundo-pc.png);
  }
}

html[data-theme="light"] {
  --panel-bg-image: url(/images/all/fundo-mobile.png);
  --panel-bg-overlay: linear-gradient(
    180deg,
    rgba(5, 7, 26, 0.2) 0%,
    rgba(11, 14, 42, 0.35) 55%,
    rgba(5, 7, 26, 0.55) 100%
  );
  --bg: #05071a;
  --bg-soft: #0b0e2a;
  --surface: #12163a;
  --surface-2: #1a1f4a;
  --border: #5b2d9e;
  --text: #ffffff;
  --text-dim: #a8b0d8;
  --primary: #9d00ff;
  --primary-2: #ff00ff;
  --accent: #00ffff;
  --accent-2: #00e5ff;
  --gold: #ffd700;
}

@media (width >= 768px) {
  html[data-theme="light"] {
    --panel-bg-image: url(/images/all/fundo-pc.png);
  }
}

body {
  background:
    radial-gradient(1000px 520px at 85% -8%, rgba(255, 0, 255, 0.22), transparent 58%),
    radial-gradient(800px 480px at -8% 35%, rgba(0, 255, 255, 0.12), transparent 55%),
    radial-gradient(700px 400px at 50% 100%, rgba(157, 0, 255, 0.16), transparent 60%),
    var(--bg);
  color: var(--text);
}

/* Botões — CTA ouro estilo RESGATAR */
.btn-primary {
  background: linear-gradient(180deg, #ffea00 0%, #ffa500 48%, #ff8c00 100%);
  color: #1a0a00;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.55), 0 8px 24px rgba(255, 140, 0, 0.45);
  border: 1px solid rgba(192, 132, 252, 0.65);
}

.btn-accent {
  background: linear-gradient(180deg, #ffea00 0%, #ffa500 48%, #ff8c00 100%);
  color: #1a0a00;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.55), 0 8px 24px rgba(255, 140, 0, 0.45);
}

.btn-gold {
  background: linear-gradient(180deg, #ffea00 0%, #ffa500 48%, #ff8c00 100%);
  color: #1a0a00;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.55), 0 8px 28px rgba(255, 179, 0, 0.5);
}

.panel-cta,
.sheet-cta,
.lp-btn-primary {
  background: linear-gradient(180deg, #ffea00 0%, #ffa500 48%, #ff8c00 100%) !important;
  color: #1a0a00 !important;
  border: 1px solid rgba(192, 132, 252, 0.7) !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.55), 0 10px 30px rgba(255, 140, 0, 0.45) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

.panel-cta:not(:disabled),
.lp-btn-primary {
  animation: galaxia-cta-pulse 1.8s ease-in-out infinite !important;
}

@keyframes galaxia-cta-pulse {
  0%,
  100% {
    box-shadow: 0 0 22px rgba(255, 215, 0, 0.45), 0 10px 28px rgba(255, 140, 0, 0.4), 0 0 0 0 rgba(255, 215, 0, 0.35);
  }
  50% {
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.7), 0 12px 34px rgba(255, 140, 0, 0.55), 0 0 0 10px rgba(255, 215, 0, 0);
  }
}

/* Saldos e valores em ouro */
.panel-balance-value,
.balance-chip,
.bb-hud-score,
.bb-hud-score.ready,
.reward-box .value,
.lp-title-accent,
.badge-gold {
  color: var(--gold) !important;
  text-shadow: 0 0 14px rgba(255, 215, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.55);
}

.bb-hud-score {
  color: #ffd700 !important;
  -webkit-text-stroke: 1px rgba(10, 18, 35, 0.75);
  text-shadow:
    0 2px rgba(10, 18, 35, 0.75),
    0 4px 14px rgba(0, 0, 0, 0.55),
    0 0 16px rgba(255, 215, 0, 0.45);
}

.bb-hud-corner {
  color: #ffd700;
}

.bb-hud-progress {
  background: rgba(8, 20, 44, 0.55);
  border: 1px solid rgba(255, 215, 0, 0.55);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 12px rgba(255, 215, 0, 0.25);
}

.bb-hud-progress-fill,
.bb-hud-progress-fill.complete {
  background: linear-gradient(90deg, #ffea00, #ffd700, #ffa500) !important;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.65);
}

.bb-hud-progress.complete {
  border-color: rgba(255, 230, 120, 0.9);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35), 0 0 16px rgba(255, 215, 0, 0.55);
}

/* Cards / nav com neon magenta-cyan */
.panel-card,
.auth-card,
.bottom-nav {
  border-color: rgba(255, 0, 255, 0.35) !important;
}

.bottom-nav {
  background: linear-gradient(rgba(157, 0, 255, 0.14), transparent 45%), rgba(8, 10, 30, 0.88) !important;
  box-shadow: 0 -6px 24px rgba(90, 30, 160, 0.4);
}

.install-bar {
  background: linear-gradient(135deg, rgba(255, 0, 255, 0.22), rgba(0, 255, 255, 0.08) 55%, transparent),
    rgba(8, 10, 30, 0.94) !important;
  border-bottom-color: rgba(0, 255, 255, 0.35) !important;
}

.install-bar-cta {
  background: linear-gradient(135deg, #ff00ff, #9d00ff) !important;
  box-shadow: 0 4px 14px rgba(255, 0, 255, 0.45);
}

/* Cashout / resgatar no jogo */
.cashout-btn.btn-gold,
.btn.cashout-ready {
  background: linear-gradient(180deg, #ffea00 0%, #ffa500 48%, #ff8c00 100%) !important;
  color: #1a0a00 !important;
  border: 1px solid rgba(192, 132, 252, 0.75) !important;
  box-shadow: 0 0 28px rgba(255, 215, 0, 0.6), 0 8px 28px rgba(255, 140, 0, 0.5) !important;
}

.game-page--cashout-ready:after {
  box-shadow: inset 0 0 42px 10px rgba(255, 215, 0, 0.35), inset 0 0 88px 22px rgba(255, 0, 255, 0.12) !important;
}

/* Inputs com foco cyan */
.input:focus,
.cupom-row input:focus {
  border-color: var(--neon-cyan) !important;
  box-shadow: 0 0 0 2px rgba(0, 255, 255, 0.15);
}

/* Accent links / highlights */
a {
  color: var(--neon-cyan);
}

.lp-title-money,
.tx-amount.pos,
.live-pill,
.lp-live-pill {
  color: var(--neon-cyan) !important;
  text-shadow: 0 0 16px rgba(0, 255, 255, 0.45);
}

.entry-chip.active {
  color: #05071a;
  background: linear-gradient(135deg, #00ffff, #7dd3fc);
  border-color: transparent;
}

.preset-chip.active,
.preset-chip:hover {
  border-color: var(--neon-magenta);
  color: #f5d0fe;
  background: rgba(255, 0, 255, 0.16);
}

/* Auth / panels usam o fundo Galáxia */
.auth-shell:before,
.panel-shell:before,
.lp-hero-bg {
  background: var(--panel-bg-overlay), var(--panel-bg-image) center top / cover no-repeat !important;
}

html[data-theme="light"] .lp-hero-bg {
  background: var(--panel-bg-overlay), var(--panel-bg-image) center top / cover no-repeat !important;
}

/* Dividers / neon accents */
.panel-card:after,
.site-popup-overlay .modal:after {
  box-shadow: 0 0 14px rgba(255, 0, 255, 0.45), 0 0 28px rgba(0, 255, 255, 0.2), inset 0 0 10px rgba(192, 132, 252, 0.15) !important;
}

.nav-item.center .nav-circle {
  background: radial-gradient(circle at 35% 30%, #2a1858, #080a1e);
  box-shadow: 0 0 18px rgba(0, 255, 255, 0.35);
}

.nav-item.center span {
  color: #ffd700;
}

/* Theme toggle em modo Galáxia */
.panel-theme-btn {
  color: #ffd700;
  background: rgba(8, 12, 36, 0.75);
  border-color: rgba(0, 255, 255, 0.35);
}

html[data-theme="light"] .panel-theme-btn {
  color: #ffd700;
  background: rgba(8, 12, 36, 0.75);
}