/*
 * Home Galaxy: open content, without nested card frames.
 * Keep the existing layout, typography, artwork and interaction states.
 * Explicit targets intentionally exclude dialogs, search popovers and forms'
 * controls. Never use opacity on a content container to reveal the background.
 * Important declarations override the legacy Home surface/hover themes only.
 */

/* One continuous reading veil, instead of a dark panel behind every block. */
html.pnx-galaxy-enabled body.home-body #experience::after {
  background: rgba(2, 7, 17, .62);
}

html.pnx-galaxy-enabled body.home-body :is(
  .hero, .pricing-section, .safety-section, .games-section,
  .split-showcase, .community-section, .faq-section, .footer,
  .hero-copy, .hero-showcase, .hero-account .glass-panel,
  .hero-outcomes, .hero-outcome, .showcase-benefit, .proof-strip,
  .section-card, .plan-includes-ribbon, .plan-card, .plan-price-block,
  .plan-consultancy, .purchase-legal-note, .safety-shell, .safety-card,
  .safety-alert-badge, .safety-bottom, .games-v12-shell,
  .games-v12-library, .feature-grid > article, .comparison-side, .fps-meter,
  .vs, .client-sidebar, .client-main, .current-plan, .download-panel,
  .client-stats > div, .updates, .client-preview-module, .client-system-list > div,
  .community-shell, .social-card, .faq-shell, .faq-grid > details
) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Labels stay visible; only the pill, numbered badge and icon-box chrome goes. */
html.pnx-galaxy-enabled body.home-body :is(
  .hero-outcome > span, .showcase-benefit > span, .proof-index,
  .plan-includes-ribbon > div > span, .plan-duration, .plan-badge,
  .plan-contract-meta > span, .plan-consultancy > span, .plan-feature-check,
  .safety-icon, .safety-alert-badge > span, .purchase-legal-icon,
  .card-icon, .social-icon, .v12-badge, .nav-soon-badge, .updates b,
  .game-store-links a, .spec-actions a, .client-sidebar nav a
) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html.pnx-galaxy-enabled body.home-body :is(
  .proof-strip > div, .quick-benefits > div, .plan-includes-ribbon > div,
  .plan-feature-list li, .client-preview-module li, .client-activity-row,
  .updates > div, .fps-card-head, .fps-chart-wrap
) {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Remove the extra grids, rings, corner decorations and animated card skins. */
html.pnx-galaxy-enabled body.home-body::before,
html.pnx-galaxy-enabled body.home-body main::before,
html.pnx-galaxy-enabled body.home-body :is(
  .hero, .hero-copy, .hero-showcase, .pricing-section, .section-card,
  .plan-card, .safety-section, .safety-shell, .games-section, .games-v12-shell,
  .split-showcase,
  .comparison-side, .vs, .community-section, .faq-section,
  .client-preview-module, .account-divider
)::before,
html.pnx-galaxy-enabled body.home-body :is(
  .hero, .hero-copy, .hero-showcase, .pricing-section, .section-card,
  .plan-card, .safety-section, .safety-shell, .games-section, .games-v12-shell,
  .split-showcase,
  .comparison-side, .vs, .community-section, .faq-section,
  .client-preview-module, .account-divider
)::after {
  content: none !important;
}

html.pnx-galaxy-enabled body.home-body :is(
  .showcase-orbit, .showcase-axis, .showcase-floor, .showcase-pulse,
  .pricing-energy
) {
  display: none !important;
}

/* Artwork is content, not a surface: retain all images and their text scrims. */
html.pnx-galaxy-enabled body.home-body :is(.v12-game-card, .games-v12-media-card) {
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
html.pnx-galaxy-enabled body.home-body .v12-game-card::after {
  box-shadow: none !important;
}

/* Keep readable secondary copy against the continuously visible Galaxy. */
html.pnx-galaxy-enabled body.home-body main {
  text-shadow: 0 1px 2px #020711, 0 0 8px rgba(2, 7, 17, .65);
}
html.pnx-galaxy-enabled body.home-body :is(
  .hero-copy > p, .hero-outcome small, .showcase-benefit small,
  .account-card > p, .signup-copy, .quick-benefits small, .proof-strip small,
  .plan-includes-ribbon small, .plan-feature-list small, .plan-consultancy small,
  .safety-card p, .safety-checklist span, .feature-grid p, .faq-grid p,
  .client-title, .client-top p, .client-stats span, .client-system-list span,
  .client-preview-module > p, .client-preview-module li span, .client-activity-row span,
  .social-card small
) {
  color: #e5edf5 !important;
}
html.pnx-galaxy-enabled body.home-body :is(.safety-alert-badge > span, .purchase-legal-icon, .plan-badge) {
  color: #ffc36a !important;
}

/* Functional controls keep a hit area and clear keyboard focus, without frames. */
html.pnx-galaxy-enabled body.home-body .button {
  border-color: transparent !important;
  box-shadow: none !important;
  text-shadow: none;
}
html.pnx-galaxy-enabled body.home-body :is(.button-dark, .button-create) {
  background: rgba(6, 16, 29, .38) !important;
}
html.pnx-galaxy-enabled body.home-body .input-wrap input {
  background: rgba(3, 12, 23, .46) !important;
}
html.pnx-galaxy-enabled body.home-body .input-wrap input::placeholder {
  color: #aebfcc;
}
html.pnx-galaxy-enabled body.home-body .game-search-control {
  background: rgba(3, 12, 23, .46);
}
html.pnx-galaxy-enabled body.home-body :is(.game-store-links a, .spec-actions a) {
  min-height: 44px;
  color: #8edfff;
}
html.pnx-galaxy-enabled body.home-body :is(.game-store-links a, .spec-actions a, .client-sidebar nav a):hover {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 4px;
}
html.pnx-galaxy-enabled body.home-body .client-sidebar nav a.active {
  color: #8edfff;
  text-decoration: underline;
  text-underline-offset: 5px;
}
html.pnx-galaxy-enabled body.home-body :is(a, button, input, summary, textarea, select):focus-visible {
  outline: 2px solid #8edfff;
  outline-offset: 3px;
}
html.pnx-galaxy-enabled body.home-body .faq-grid details > summary {
  gap: 16px;
  justify-content: space-between;
}
html.pnx-galaxy-enabled body.home-body .faq-grid summary::after {
  content: "+";
  flex: 0 0 auto;
  color: #8edfff;
  font-size: 22px;
}
html.pnx-galaxy-enabled body.home-body .faq-grid details[open] > summary::after {
  content: "−";
}
html.pnx-galaxy-enabled body.home-body .form-message:empty {
  display: none;
}
html.pnx-galaxy-enabled body.home-body .showcase-benefit {
  animation: none;
  text-shadow: 0 2px 5px #020711, 0 0 12px #020711;
}
html.pnx-galaxy-enabled body.home-body .showcase-benefit-three {
  left: auto;
  right: 16px;
  bottom: 18px;
}
html.pnx-galaxy-enabled body.home-body .pnx-support-launch {
  border: 0;
  border-radius: 4px;
  background: rgba(3, 20, 37, .78);
  box-shadow: none;
  animation: none;
  color: #b8ebff;
}

/* Sticky navigation still needs a scrim when content scrolls underneath. */
html.pnx-galaxy-enabled body.home-body .topbar {
  background: rgba(3, 9, 18, .72);
  border: 0;
  box-shadow: none;
  backdrop-filter: blur(10px);
}

@media (max-width: 760px) {
  html.pnx-galaxy-enabled body.home-body #experience::after {
    background: rgba(2, 7, 17, .64);
  }
}

/* Readable copy over the Galaxy, without reintroducing boxes or tiny mock UI. */
html.pnx-galaxy-enabled body.home-body {
  --pnx-reading-size: clamp(16px, 1.05vw, 18px);
}
html.pnx-galaxy-enabled body.home-body :is(
  .hero-copy > p, .section-heading p, .account-card > p, .safety-head p,
  .safety-card p, .safety-checklist, .safety-checklist span,
  .games-v12-library-copy p, .feature-grid p,
  .community-copy p, .faq-grid p, .purchase-legal-note p, .footer-brand-wrap p
) {
  font-size: var(--pnx-reading-size) !important;
  line-height: 1.65 !important;
  color: #e5edf5 !important;
  font-weight: 500;
}
html.pnx-galaxy-enabled body.home-body :is(
  .hero-outcome small, .showcase-benefit small, .quick-benefits small,
  .proof-strip small, .plan-includes-ribbon small, .plan-feature-list small,
  .plan-consultancy small, .plan-price-block > p, .regular-price,
  .plan-contract-meta > span, .plan-price small, .compatibility,
  .signup-copy, .account-row, .input-wrap > span,
  .game-search-status, .game-search-result-detail, .game-store-links > span,
  .game-store-links a, .v12-card-bottom span, .v12-card-top p,
  .social-card small, .social-card em, .footer a, .footer-support-email,
  .performance-disclaimer, .fps-card-foot, .fps-card-foot span, .fps-card-foot b
) {
  font-size: 14px !important;
  line-height: 1.55 !important;
}
html.pnx-galaxy-enabled body.home-body :is(
  .hero-outcome b, .showcase-benefit b, .quick-benefits b, .proof-strip strong,
  .plan-includes-ribbon b, .plan-feature-list b, .plan-consultancy b,
  .social-card strong, .faq-grid summary
) {
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: #f4f8ff !important;
}
html.pnx-galaxy-enabled body.home-body :is(
  .section-heading h2, .hero-title-top, .hero-title-bottom
) {
  background: none !important;
  -webkit-text-fill-color: currentColor;
  color: #f4f8ff;
}
html.pnx-galaxy-enabled body.home-body :is(.section-kicker, .safety-kicker, .safety-label) {
  font-size: 14px !important;
  letter-spacing: .1em;
}

html.pnx-galaxy-enabled body.home-body .games-section-v12 {
  padding-block: clamp(36px, 4vw, 64px);
}
html.pnx-galaxy-enabled body.home-body .games-v12-layout {
  grid-template-columns: minmax(0, 1fr);
}
html.pnx-galaxy-enabled body.home-body .games-v12-board {
  width: 100%;
}
html.pnx-galaxy-enabled body.home-body .v12-game-card {
  isolation: isolate;
}

/*
 * Galaxy horizon: soft rectangular light wells anchor related content without
 * restoring card outlines, rounded bubbles or hiding the background artwork.
 */
html.pnx-galaxy-enabled body.home-body.home-body :is(
  .hero-copy, .account-card, .quick-benefits,
  .plans-card, .safety-shell, .games-v12-shell, .features-card,
  .performance-card, .community-shell, .faq-shell
) {
  position: relative;
  background:
    linear-gradient(90deg, #64dcff, rgba(100, 220, 255, .2), transparent 78%) top left / 190px 2px no-repeat,
    radial-gradient(ellipse at 15% 0%, rgba(34, 148, 214, .12), transparent 44%),
    linear-gradient(180deg, rgba(2, 9, 19, .78), rgba(2, 9, 19, .5) 74%, rgba(2, 9, 19, .18)) !important;
  box-shadow: 0 34px 76px rgba(0, 0, 0, .22) !important;
}
html.pnx-galaxy-enabled body.home-body.home-body :is(.plans-card, .safety-shell) {
  background:
    linear-gradient(90deg, #ff933d, rgba(255, 176, 69, .22), transparent 78%) top left / 220px 2px no-repeat,
    radial-gradient(ellipse at 12% 0%, rgba(255, 143, 45, .1), transparent 42%),
    linear-gradient(180deg, rgba(8, 10, 16, .78), rgba(3, 9, 18, .5) 74%, rgba(3, 9, 18, .18)) !important;
}
html.pnx-galaxy-enabled body.home-body.home-body :is(
  .plan-card, .safety-card, .feature-grid > article,
  .social-card, .faq-grid > details
) {
  background: linear-gradient(110deg, rgba(3, 13, 26, .56), rgba(3, 13, 26, .22) 72%, transparent) !important;
}
html.pnx-galaxy-enabled body.home-body.home-body .hero-account .account-card {
  background:
    linear-gradient(90deg, #64dcff, rgba(100, 220, 255, .2), transparent 78%) top left / 150px 2px no-repeat,
    linear-gradient(110deg, rgba(1, 8, 18, .92), rgba(2, 10, 21, .72) 70%, rgba(2, 10, 21, .3)) !important;
}
html.pnx-galaxy-enabled body.home-body.home-body .hero-account .account-card h2 {
  background: none !important;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(26px, 1.65vw, 30px) !important;
  font-weight: 850;
  letter-spacing: -.025em;
  text-shadow: 0 2px 4px #000, 0 0 20px rgba(0, 0, 0, .95) !important;
}
html.pnx-galaxy-enabled body.home-body.home-body .account-card-head {
  color: #9be8ff;
}

/* The real client area remains separate; Home now flows by content height. */
html.pnx-galaxy-enabled body.home-body .resources-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}
/* html already reserves the sticky header; do not add a second 96px offset. */
html.pnx-galaxy-enabled body.home-body :is(main > section[id], #desempenho, #biblioteca-jogos) {
  scroll-margin-top: 12px;
}
html.pnx-galaxy-enabled body.home-body .resources-flow .feature-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px 32px;
}
html.pnx-galaxy-enabled body.home-body .resources-flow .feature-grid > article {
  min-height: 0;
  padding: 12px 0;
}
html.pnx-galaxy-enabled body.home-body .feature-grid h3 {
  font-size: 24px;
  line-height: 1.2;
}
html.pnx-galaxy-enabled body.home-body .resources-flow .performance-card {
  width: 100%;
  max-width: 1080px;
  justify-self: center;
}
html.pnx-galaxy-enabled body.home-body .resources-flow .comparison {
  grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
  gap: 20px;
}
html.pnx-galaxy-enabled body.home-body .fps-card-head strong {
  font-size: 28px;
}
html.pnx-galaxy-enabled body.home-body .fps-meter b {
  font-size: 36px;
}
html.pnx-galaxy-enabled body.home-body .plans-grid-launch .plan-card {
  min-height: 0;
}
html.pnx-galaxy-enabled body.home-body .plan-contract-meta {
  min-height: 0;
  justify-content: flex-start;
  gap: 8px 14px;
}
html.pnx-galaxy-enabled body.home-body .plan-contract-meta > span {
  padding: 0;
}

@media (max-width: 900px) {
  html.pnx-galaxy-enabled body.home-body .resources-flow .feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 620px) {
  html.pnx-galaxy-enabled body.home-body .resources-flow .feature-grid,
  html.pnx-galaxy-enabled body.home-body .resources-flow .comparison {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  html.pnx-galaxy-enabled body.home-body .resources-flow :is(.features-card, .performance-card) {
    padding: 16px 8px;
  }
  html.pnx-galaxy-enabled body.home-body.home-body :is(
    .hero-copy, .account-card, .quick-benefits,
    .plans-card, .safety-shell, .games-v12-shell, .features-card,
    .performance-card, .community-shell, .faq-shell
  ) {
    background:
      linear-gradient(90deg, #64dcff, rgba(100, 220, 255, .18), transparent 80%) top left / 132px 2px no-repeat,
      linear-gradient(180deg, rgba(2, 9, 19, .82), rgba(2, 9, 19, .5) 78%, rgba(2, 9, 19, .2)) !important;
    box-shadow: 0 24px 52px rgba(0, 0, 0, .2) !important;
  }
  html.pnx-galaxy-enabled body.home-body.home-body :is(.plans-card, .safety-shell) {
    background:
      linear-gradient(90deg, #ff933d, rgba(255, 176, 69, .2), transparent 80%) top left / 150px 2px no-repeat,
      linear-gradient(180deg, rgba(8, 10, 16, .82), rgba(3, 9, 18, .5) 78%, rgba(3, 9, 18, .2)) !important;
  }
}

/* V22.6 — superfícies ancoradas: o cenário permanece visível sem deixar o conteúdo solto. */
html.pnx-galaxy-enabled body.home-body.home-body :is(
  .hero-copy, .hero-showcase, .account-card, .quick-benefits,
  .plans-card, .safety-shell, .games-v12-shell, .features-card,
  .performance-card, .community-shell, .faq-shell
) {
  border: 1px solid rgba(77, 168, 219, .28) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(90deg, rgba(100, 220, 255, .92), rgba(100, 220, 255, .16), transparent 74%) top left / 180px 2px no-repeat,
    radial-gradient(ellipse at 18% 0%, rgba(34, 148, 214, .13), transparent 46%),
    linear-gradient(145deg, rgba(3, 12, 24, .74), rgba(2, 9, 19, .46) 72%, rgba(2, 9, 19, .28)) !important;
  box-shadow: 0 22px 62px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .025) !important;
  backdrop-filter: blur(8px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.08) !important;
}

html.pnx-galaxy-enabled body.home-body.home-body :is(.plans-card, .safety-shell) {
  border-color: rgba(255, 159, 70, .28) !important;
  background:
    linear-gradient(90deg, rgba(255, 147, 61, .95), rgba(255, 176, 69, .17), transparent 74%) top left / 200px 2px no-repeat,
    radial-gradient(ellipse at 15% 0%, rgba(255, 143, 45, .1), transparent 43%),
    linear-gradient(145deg, rgba(11, 11, 18, .72), rgba(3, 9, 18, .44) 72%, rgba(3, 9, 18, .27)) !important;
}

html.pnx-galaxy-enabled body.home-body.home-body :is(
  .plan-card, .safety-card, .feature-grid > article,
  .social-card, .faq-grid > details, .hero-outcome,
  .showcase-benefit, .proof-strip > div, .quick-benefits > div
) {
  border: 1px solid rgba(79, 151, 194, .2) !important;
  border-radius: 10px !important;
  background: linear-gradient(125deg, rgba(4, 17, 31, .64), rgba(3, 13, 25, .32) 78%) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .17) !important;
}

html.pnx-galaxy-enabled body.home-body .hero-showcase::before,
html.pnx-galaxy-enabled body.home-body .hero-showcase::after {
  content: "" !important;
}
html.pnx-galaxy-enabled body.home-body :is(
  .showcase-orbit, .showcase-axis, .showcase-floor, .showcase-pulse,
  .pricing-energy
) {
  display: block !important;
}
html.pnx-galaxy-enabled body.home-body .showcase-benefit-one {
  animation: v214BadgeFloat 4.9s ease-in-out infinite !important;
}
html.pnx-galaxy-enabled body.home-body .showcase-benefit-two {
  animation: v214BadgeFloat 5.5s ease-in-out -1.6s infinite !important;
}
html.pnx-galaxy-enabled body.home-body .showcase-benefit-three {
  animation: v214BadgeFloat 5.2s ease-in-out -.8s infinite !important;
}

@media (prefers-reduced-motion: reduce) {
  html.pnx-galaxy-enabled body.home-body :is(
    .showcase-benefit-one, .showcase-benefit-two, .showcase-benefit-three
  ) {
    animation: none !important;
  }
}