/* Minimal styles for the Tebex modal */
#tebex-modal { position: fixed; inset: 0; display: none; z-index: 9999; }
#tebex-modal.on { display: block; }
#tebex-modal .tebex-backdrop {
  position: absolute; inset: 0; background: rgba(0,0,0,.6);
}
#tebex-modal .tebex-sheet {
  position: absolute; inset: 5% 3% auto; bottom: 5%;
  background: #0f141b; color: #fff; border-radius: 14px;
  box-shadow: 0 10px 40px rgba(0,0,0,.5);
  display: flex; flex-direction: column; overflow: hidden;
}
#tebex-modal .tebex-header, #tebex-modal .tebex-footer {
  padding: 10px 12px; background: rgba(255,255,255,.05);
  display: flex; align-items: center; justify-content: space-between;
}
#tebex-modal .tebex-close {
  background: transparent; color: #fff; font-size: 24px; border: 0; cursor: pointer;
}
#tebex-modal .tebex-open {
  background: #ffd84d; color: #111; border: 0; border-radius: 10px; padding: 8px 12px; cursor: pointer;
}
#tebex-modal .tebex-frame { width: 100%; height: 70vh; border: 0; background: #121722; }
@media (max-width: 640px) {
  #tebex-modal .tebex-sheet { inset: 8% 3% auto; bottom: 8%; }
  #tebex-modal .tebex-frame { height: 60vh; }
}