/* Gold Egg Reward plugin CSS - no Tailwind required */
.ger-box-container {
  display:flex; justify-content:center; align-items:center; width:100%;
  margin:1rem 0;
}
.ger-group, .ger-group * {
  cursor: url('https://airdropnetwork25.com/img/hammer.png') 16 0, pointer !important;
}
.ger-inline-block { display:inline-block; }
.ger-relative { position:relative; }

/* Egg */
.ger-egg {
  width:15rem; height:15rem; max-width:100%; display:block;
  animation: ger-float 3s ease-in-out infinite 0.5s;
  transition: transform .3s ease, filter .3s ease;
}
@media (min-width: 640px) {
  .ger-egg { width:20rem; height:20rem; }
}
.ger-egg:hover { transform: translateY(-4px) scale(1.015); filter: drop-shadow(0 8px 20px rgba(255,215,0,.35)); }
.ger-egg.is-shaking { animation: ger-shake .6s linear infinite; }

@keyframes ger-float {
  0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); }
}
@keyframes ger-shake {
  0%,100% { transform: translateY(0) rotate(0); }
  20% { transform: rotate(-4deg) translateY(-2px); }
  40% { transform: rotate(4deg) translateY(2px); }
  60% { transform: rotate(-3deg) translateY(-2px); }
  80% { transform: rotate(3deg) translateY(2px); }
}

/* Decorative hammer svg over egg */
.ger-hammer {
  position:absolute; width:5rem; height:5rem; left:50%; top:-3.5rem; transform:translateX(-50%) rotate(-20deg);
  pointer-events:none; display:none;
}
@media (min-width: 640px){ .ger-hammer{ width:7rem; height:7rem; top:-5rem; } }
.ger-show-hammer .ger-hammer { display:block; animation: ger-hammer-wobble .9s ease-in-out infinite; }
@keyframes ger-hammer-wobble {
  0%,100% { transform: translateX(-50%) rotate(-18deg); }
  50% { transform: translateX(-50%) rotate(-26deg); }
}

/* Flying key (simple CSS drawing) */
.ger-key {
  position:absolute; left:50%; top:45%; width:36px; height:12px; transform:translate(-50%,-50%);
  background: linear-gradient(90deg,#facc15,#f59e0b);
  border-radius:6px;
  box-shadow: 0 0 10px rgba(251,191,36,.7);
  opacity:0; pointer-events:none;
}
.ger-key::after { /* key head */
  content:""; position:absolute; left:-16px; top:-6px; width:24px; height:24px;
  border:5px solid #f59e0b; border-radius:50%; background:rgba(255,255,255,.35);
}
.ger-key::before { /* teeth */
  content:""; position:absolute; right:-8px; top:6px; width:12px; height:6px; background:#d97706; border-radius:2px;
  box-shadow: -6px 0 0 #b45309;
}
.ger-key.is-flying { animation: ger-key-fly 1.2s ease-in-out forwards; }
@keyframes ger-key-fly {
  0% { opacity:0; transform:translate(-50%,-50%) rotate(0deg) scale(.8); }
  10% { opacity:1; }
  60% { transform:translate(-10%,-170%) rotate(-20deg) scale(1); }
  100% { transform:translate(80%,-260%) rotate(-30deg) scale(1.05); opacity:0; }
}

/* Modal */
.ger-modal { position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:99999; }
.ger-modal.is-open { display:flex; }
.ger-modal-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.5); backdrop-filter: blur(2px); }
.ger-modal-card {
  position:relative; width:20rem; max-width:92vw; background:#fff; border-radius:1.5rem;
  border:4px solid #FACC15; padding:2rem; box-shadow:0 0 50px rgba(255,165,0,.7); overflow:hidden;
  animation: ger-bounce-in .5s ease-out forwards;
}
@media (min-width:640px){ .ger-modal-card{ width:25rem; } }
.ger-glass { position:absolute; inset:0; background: linear-gradient(135deg,#f3e8ff, #fce7f3); opacity:.2; }
.ger-card-inner { position:relative; z-index:2; text-align:center; }
.ger-star { width:4rem; height:4rem; color:#22c55e; margin:0 auto .5rem auto; fill:none; stroke:currentColor; stroke-width:2; }
.ger-title { font-size:1.75rem; font-weight:900; color:#7e22ce; margin:.25rem 0 .75rem; }
.ger-sub { font-size:1rem; font-weight:700; color:#374151; margin:0 0 1rem; }
.ger-amount { font-size:2.25rem; font-weight:900; color:#fff; padding:.5rem 1rem; border-radius:.75rem;
  background: linear-gradient(90deg,#EAB308,#EA580C); text-shadow:0 2px 6px rgba(0,0,0,.25); display:inline-block;
}
.ger-card-bottom { margin-top:1rem; }
.ger-note { font-size:.75rem; color:#6b7280; margin:.25rem 0 .5rem; }
.ger-wallet { background:#f3f4f6; color:#7c3aed; font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,"Liberation Mono","Courier New", monospace;
  font-size:.875rem; padding:.5rem .75rem; border-radius:.5rem; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 auto;
}
.ger-btn { display:inline-block; margin-top:1rem; padding:.75rem 2.5rem; border-radius:9999px; font-weight:800; color:#fff; text-decoration:none;
  background: linear-gradient(90deg,#7c3aed,#db2777); box-shadow:0 8px 24px rgba(124,58,237,.35); transform: translateZ(0);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.ger-btn:hover { transform: scale(1.05); box-shadow:0 10px 28px rgba(124,58,237,.45); filter:brightness(1.05); }
.ger-close { position:absolute; top:.4rem; right:.8rem; border:none; background:transparent; font-size:2rem; line-height:1; cursor:pointer; color:#6b7280; z-index:3; }
.ger-close:hover { color:#111827; }

@keyframes ger-bounce-in {
  0% { transform: translateY(20px) scale(.96); opacity:0; }
  60% { transform: translateY(-6px) scale(1.02); opacity:1; }
  100% { transform: translateY(0) scale(1); }
}