/* ==========================================================================
   TESORO GAMES - In-Game Floating Portal Badge (Zero Flow Impact)
   Domain: tesorogames.com
   Design: PlayStation & Raycast Inky Dark Floating Pill
   ========================================================================== */

.eltesoro-game-nav {
  position: fixed !important;
  top: 10px !important;
  left: 12px !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.eltesoro-back-link {
  pointer-events: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  text-decoration: none !important;
  color: #f4f4f6 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  padding: 6px 14px 6px 10px !important;
  border-radius: 9999px !important;
  background: rgba(10, 14, 24, 0.92) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7), 0 0 1px rgba(255, 255, 255, 0.3) inset !important;
  transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.eltesoro-back-link:hover {
  background: rgba(0, 112, 209, 0.94) !important;
  border-color: rgba(83, 177, 255, 0.6) !important;
  color: #ffffff !important;
  transform: translateY(-1px) scale(1.03) !important;
  box-shadow: 0 6px 24px rgba(0, 112, 209, 0.5) !important;
}

.eltesoro-back-link:active {
  transform: translateY(0) scale(0.96) !important;
}

.eltesoro-icon {
  font-size: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.eltesoro-brand {
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  background: linear-gradient(135deg, #ffffff 0%, #ffd875 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.eltesoro-back-link:hover .eltesoro-brand {
  background: #ffffff !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: #ffffff !important;
}

.eltesoro-tag {
  color: #94a3b8 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  opacity: 0.85 !important;
}

.eltesoro-title-tag {
  display: none !important;
}

/* ==========================================================================
   Mobile Adaptive Positioning (Avoids Title Overlap)
   ========================================================================== */
@media (max-width: 768px) {
  .eltesoro-game-nav {
    top: calc(6px + env(safe-area-inset-top, 0px)) !important;
    right: 8px !important;
    left: auto !important;
    max-width: 90px !important;
  }

  .eltesoro-back-link {
    padding: 5px 9px 5px 7px !important;
    font-size: 11px !important;
    gap: 4px !important;
  }

  .eltesoro-tag {
    display: none !important;
  }
}

/* ==========================================================================
   Hide Netlify Drawer, 'Powered by Netlify' Floating Badge & Injected Overlays Everywhere
   ========================================================================== */
#nl-badge-frame,
iframe#nl-badge-frame,
iframe[title*="Netlify" i],
iframe[title="Powered by Netlify"],
iframe[src*="netlify.com"],
iframe[src*="netlify"],
#netlify-drawer,
.netlify-drawer,
netlify-drawer,
[data-netlify-drawer],
[id*="netlify-drawer"],
[class*="netlify-drawer"],
[class*="NetlifyDrawer"],
.netlify-badge,
[id*="nl-badge"],
[class*="nl-badge"],
a[href*="netlify.com"][class*="badge"],
iframe[src*="netlify.com/drawer"],
div[id*="netlify-feedback"],
div[class*="netlify-feedback"],
div[id*="netlify-drawer"],
div[class*="netlify-drawer"],
[data-testid*="netlify-drawer"],
[data-testid*="nl-badge"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  z-index: -999999 !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
}