@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Share+Tech+Mono&display=swap');
*{box-sizing:border-box} body{margin:0;background:#6f8a9c;color:#050505;font-family:"Share Tech Mono",monospace;min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#7794a7,#607b8d);z-index:-5}.noise{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0 1px,transparent 1px 5px)}
.bg{position:fixed;z-index:-2;font-family:"Press Start 2P";font-size:38vw;color:rgba(0,0,0,.055);top:20%;line-height:1}.s1{left:-4vw}.s2{right:-4vw}
main{width:min(1160px,92vw);min-height:100vh;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:35px 0}
header{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:36px} header img{width:74px;height:74px;object-fit:cover;image-rendering:pixelated;border:4px solid #000;box-shadow:10px 10px 0 rgba(0,0,0,.18)} h1{font-family:"Press Start 2P";font-size:42px;text-transform:uppercase;margin:0} header p{font-weight:900;font-size:18px;margin:10px 0 0;letter-spacing:2px}
.terminal{display:grid;grid-template-columns:1fr 430px;gap:30px}.left,.preview{background:rgba(235,244,247,.72);border:5px solid #050505;box-shadow:18px 18px 0 rgba(0,0,0,.22)}.left{padding:34px}.badge{display:inline-block;border:3px solid #050505;padding:10px 14px;font-weight:900;letter-spacing:2px;margin-bottom:28px;background:rgba(255,255,255,.35)}
h2{font-family:"Press Start 2P";font-size:50px;line-height:1.15;margin:0 0 24px;text-transform:uppercase} h2 span{text-shadow:5px 5px 0 rgba(255,255,255,.5)}.desc{font-size:20px;line-height:1.45;max-width:680px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.stats div{background:rgba(255,255,255,.45);border:3px solid #000;padding:18px}.stats small{display:block;font-weight:900;opacity:.7;margin-bottom:10px}.stats b{font-family:"Press Start 2P";font-size:16px;line-height:1.4}
.counter{display:grid;grid-template-columns:64px 130px 64px;gap:12px;margin:26px 0 12px}.counter button,.counter input{height:62px;border:4px solid #000;background:#e9f0f3;font-family:"Press Start 2P";font-size:18px;text-align:center;box-shadow:6px 6px 0 rgba(0,0,0,.18)}.total{font-family:"Press Start 2P";font-size:15px;margin:18px 0}
.main-btn{width:100%;border:5px solid #000;background:#000;color:#fff;font-family:"Press Start 2P";padding:20px 16px;cursor:pointer;box-shadow:9px 9px 0 rgba(0,0,0,.2)}.hiddenBtn{display:none}#wallet,#status{font-weight:900;margin:14px 0 0}
.preview{padding:20px;display:flex;flex-direction:column;justify-content:space-between}.preview img{width:100%;aspect-ratio:1/1;object-fit:cover;image-rendering:pixelated;border:4px solid #000}.preview div{display:flex;justify-content:space-between;font-weight:900;margin-top:14px}
footer{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}footer a{text-align:center;text-decoration:none;color:#000;border:4px solid #000;background:rgba(235,244,247,.72);padding:22px 12px;font-family:"Press Start 2P";font-size:14px;box-shadow:10px 10px 0 rgba(0,0,0,.18)}footer a:hover{background:#000;color:#fff}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;z-index:50}.hidden{display:none}.modal-card{width:min(430px,92vw);background:#e9f0f3;border:5px solid #000;padding:28px;position:relative;box-shadow:18px 18px 0 rgba(0,0,0,.25)}.modal-card h3{font-family:"Press Start 2P"}.modal-card button{width:100%;margin-top:12px;padding:16px;background:#000;border:0;color:#fff;font-weight:900}.modal-card .close{position:absolute;right:12px;top:8px;width:auto;background:transparent;color:#000;font-size:28px;margin:0}
@media(max-width:900px){header{align-items:flex-start}h1{font-size:26px}header p{font-size:14px}.terminal{grid-template-columns:1fr}.left{padding:22px}h2{font-size:32px}.stats{grid-template-columns:1fr}.counter{grid-template-columns:55px 1fr 55px}footer{grid-template-columns:1fr}}