/* Layout: keep SSR shell visible while React mounts */
body > main,
main {
  display: block !important;
  visibility: visible !important;
}

body > main {
  position: relative !important;
  z-index: 3 !important;
}

/* TonConnect must sit above app UI */
#tc-widget-root,
tc-root {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 0 !important;
  z-index: 2147483647 !important;
  pointer-events: none !important;
}

#tc-widget-root > *,
tc-root > * {
  pointer-events: auto !important;
}

[data-tc-list-notifications],
[data-tc-notification],
[data-tc-wallets-modal],
[data-tc-modal],
[data-tc-action-modal] {
  z-index: 2147483647 !important;
}

/* TMA modal backdrop must not block page clicks */
#modal > .fixed {
  pointer-events: none !important;
}

#modal > .fixed > * {
  pointer-events: auto !important;
}

/* Referral duck — mobile / Telegram WebApp (loads after Tailwind bundles) */
@media (max-width: 940px) {
  .split-referral-block {
    overflow: hidden !important;
  }

  .split-referral-duck-host {
    --tw-translate-x: 0 !important;
    --tw-translate-y: 0 !important;
    left: calc(50% - 150px) !important;
    right: auto !important;
    bottom: -16px !important;
    transform: none !important;
    translate: none !important;
    width: 300px !important;
    height: 300px !important;
    margin: 0 !important;
  }

  .split-referral-duck-host canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
  }
}

html.split-tg-webapp .split-referral-block {
  overflow: hidden !important;
}

html.split-tg-webapp .split-referral-duck-host {
  --tw-translate-x: 0 !important;
  --tw-translate-y: 0 !important;
  left: calc(50% - 150px) !important;
  right: auto !important;
  bottom: -16px !important;
  transform: none !important;
  translate: none !important;
  width: 300px !important;
  height: 300px !important;
}