#tkp-treasure-container {
  position: fixed;
  top: 120px;
  left: 20px;
  z-index: 999999;
  display: none;          /* JS will show it */
  opacity: 0;
  cursor: pointer;
}

#tkp-treasure-container.tkp-show {
  display: block;
  opacity: 1;
}

.tkp-treasure-icon {
  display: block;
  width: 80px;
  height: 80px;
}

@keyframes tkpFloatAcross {
  0%   { transform: translateX(-120px) translateY(0); }
  50%  { transform: translateX(50vw) translateY(-40px); }
  100% { transform: translateX(calc(100vw + 120px)) translateY(0); }
}

#tkp-treasure-container.tkp-animate {
  animation-name: tkpFloatAcross;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

/* Modal */
.tkp-treasure-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  display: none;
  z-index: 1000000;
}

.tkp-treasure-modal.active { display: block; }

.tkp-treasure-modal-content {
  background: #fff;
  max-width: 420px;
  margin: 12vh auto 0;
  padding: 18px;
  border-radius: 10px;
}

.tkp-treasure-modal-buttons { display: flex; gap: 10px; margin-top: 12px; }
.tkp-treasure-modal-buttons button { padding: 10px 12px; cursor: pointer; }

/* Toast */
.tkp-treasure-success {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #198754;
  color: #fff;
  padding: 10px 12px;
  border-radius: 8px;
  z-index: 1000001;
  transition: opacity .3s ease;
}
.tkp-treasure-success.fade-out { opacity: 0; }