*{box-sizing:border-box}html,body{margin:0;background:#020502;color:#eee8d2;font-family:Arial,sans-serif}
.hero{position:relative;width:min(100vw,1536px);margin:auto;aspect-ratio:3/2}.hero>img{width:100%;height:100%;object-fit:contain;display:block}
.hot{position:absolute;display:block;border:1px solid transparent;cursor:pointer;transition:.15s;border-radius:4px}
.hot:hover,.hot:focus{border-color:#7fff00;box-shadow:0 0 15px #62d900;background:rgba(127,255,0,.07)}
.connect{left:79.6%;top:2.0%;width:17.6%;height:6.6%}.contract{left:3.0%;top:63.0%;width:8.2%;height:5%}.twitter{left:11.3%;top:63%;width:9.8%;height:5%}.telegram{left:21.2%;top:63%;width:8.6%;height:5%}
.wallet-status{position:absolute;right:3%;top:9%;color:#7fff00;font-size:12px;font-weight:bold;text-shadow:0 2px 3px #000}
.hood{max-width:1180px;margin:0 auto;padding:70px 28px 80px;border-top:1px solid #294629;background:radial-gradient(circle at 50% 0,#132414 0,transparent 48%)}
.heading{display:flex;align-items:center;gap:20px}.heading span{height:1px;background:#356436;flex:1}.heading h1{font-family:Georgia,serif;color:#66b84e;letter-spacing:.08em;font-size:34px;text-align:center}
.intro{text-align:center;color:#aaa287;max-width:760px;margin:0 auto 30px;line-height:1.6}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cards figure{margin:0;padding:7px;background:#080d08;border:1px solid #365b35;transition:.18s}
.cards figure:hover{transform:translateY(-5px);border-color:#7fff00;box-shadow:0 0 18px rgba(127,255,0,.2)}
.cards img{width:100%;aspect-ratio:1/1.12;object-fit:cover;display:block}.cards figcaption{text-align:center;padding:10px 4px}.cards figcaption b{display:block;color:#aaa;letter-spacing:.1em;font-size:10px}.cards figcaption strong{display:block;margin-top:6px;font-size:12px}
.cards .rare{border-color:#d1a13a}.cards .rare figcaption b{color:#d1a13a}.mystery{background:linear-gradient(#0e2d11,#061007)!important}.mystery>div{aspect-ratio:1/1.12;display:grid;place-items:center;color:#56b348;font-size:90px;font-weight:bold}
.rarity{margin-top:25px;border:1px solid #345d34;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;background:#050805}.rarity span{padding:22px;font-weight:bold;letter-spacing:.08em}.rarity b{font-size:38px;margin-right:8px}.rarity span:nth-child(1){color:#d1a13a}.rarity span:nth-child(2){color:#a35bc8}.rarity span:nth-child(3){color:#ddd8c7}.secret{text-align:center;color:#aaa287}.secret b{color:#7fff00}
footer{border-top:1px solid #213b21;padding:28px;text-align:center;color:#65705e;font-size:10px;letter-spacing:.1em}
@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}.rarity{grid-template-columns:1fr}.wallet-status{font-size:9px}.heading h1{font-size:25px}}
.cards .semi{border-color:#9c54c8}.cards .semi figcaption b{color:#9c54c8}

/* Full interactive overlay coverage for the approved hero artwork */
.nav-home{left:32.3%;top:2.8%;width:5.7%;height:5.8%}
.nav-how{left:40.1%;top:2.8%;width:11.1%;height:5.8%}
.nav-info{left:54.3%;top:2.8%;width:10.1%;height:5.8%}
.nav-faq{left:66.0%;top:2.8%;width:4.7%;height:5.8%}
.hot:hover,.hot:focus-visible{
  border-color:#7fff00 !important;
  box-shadow:0 0 12px rgba(127,255,0,.8), inset 0 0 12px rgba(127,255,0,.14) !important;
  background:rgba(127,255,0,.06) !important;
}
.modal[hidden]{display:none}
.modal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.80);display:grid;place-items:center;padding:20px}
.modal-card{width:min(640px,94vw);position:relative;background:linear-gradient(#0d140b,#050805);border:1px solid #41672e;box-shadow:0 0 35px rgba(0,200,5,.18);padding:28px}
.modal-card h2{margin:0 0 14px;color:#7fff00;font-family:Georgia,serif}
.modal-card p,.modal-card li{color:#c7bea0;line-height:1.6}
.modal-card strong{color:#d1a13a}
.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;color:#ddd;font-size:30px;cursor:pointer}
.modal-close:hover{color:#7fff00}

.eligibility-checker{
  max-width:1180px;margin:0 auto;padding:28px;
  display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;
  border-top:1px solid #294629;border-bottom:1px solid #294629;
  background:linear-gradient(90deg,#081008,#050805);
}
.elig-kicker{color:#7fff00;font-size:10px;font-weight:1000;letter-spacing:.16em;margin-bottom:7px}
.eligibility-checker h2{font-family:Georgia,serif;font-size:34px;margin:0 0 8px}
.eligibility-checker p{margin:0;color:#aaa287;line-height:1.55}
.eligibility-action{display:flex;flex-direction:column;gap:12px}
#checkEligibilityBtn{
  border:1px solid #7fff00;background:linear-gradient(#173b17,#0b220d);
  color:#f0ead8;padding:15px 18px;font-size:12px;font-weight:1000;letter-spacing:.08em;
  cursor:pointer;transition:.15s ease
}
#checkEligibilityBtn:hover,#checkEligibilityBtn:focus-visible{
  box-shadow:0 0 16px rgba(127,255,0,.55);background:#173f19;transform:translateY(-1px)
}
.eligibility-result{
  min-height:46px;border:1px solid #2e4d2c;background:#050805;padding:12px 14px;
  color:#aaa287;font-size:12px;line-height:1.45
}
.eligibility-result.good{border-color:#00c805;color:#cfeec7}
.eligibility-result.warn{border-color:#d1a13a;color:#e6d5a5}
.eligibility-result.bad{border-color:#9b3c3c;color:#e3b2b2}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#66705e;margin-right:7px}
.eligibility-result.good .status-dot{background:#00c805;box-shadow:0 0 8px #00c805}
.eligibility-result.warn .status-dot{background:#d1a13a}
.eligibility-result.bad .status-dot{background:#b84a4a}
@media(max-width:800px){.eligibility-checker{grid-template-columns:1fr}}