*{box-sizing:border-box}body{margin:0;background:#171819;color:#fff;font-family:'Courier New',monospace;overflow-x:hidden}.grid-bg{position:fixed;inset:0;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:44px 44px;z-index:-2}.page{width:min(1220px,94vw);margin:70px auto 0;background:#191a1b;border-radius:14px 14px 0 0;min-height:100vh;overflow:hidden;box-shadow:0 0 0 3px #0d0d0d}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:2px solid #101010}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:900;line-height:1.05}.brand-icon{width:42px;height:42px;border:4px solid #dfff27;background:#87c987;color:#111;border-radius:5px;display:grid;place-items:center;font-size:28px;font-weight:900;box-shadow:4px 4px 0 #000}.nav nav{display:flex;gap:44px}.nav a{color:#fff;text-decoration:none;font-size:15px;font-weight:900}.nav button{background:#1d1d1d;color:#fff;border:3px solid #fff;border-radius:999px;padding:13px 28px;font-family:inherit;font-weight:900}.banner{margin:38px auto 0;width:calc(100% - 80px);height:350px;background:#7059aa;border:4px solid #050505;border-radius:8px;display:grid;grid-template-columns:1fr 470px;align-items:center;overflow:hidden;position:relative}.banner-art{display:flex;align-items:end;height:100%;padding-left:30px;z-index:2}.banner-art img{width:220px;height:300px;object-fit:cover;object-position:top;margin-right:-25px;image-rendering:pixelated;filter:drop-shadow(8px 8px 0 #000)}.banner-title{z-index:3;text-align:left;font-size:43px;font-weight:900;line-height:1.2;color:#111}.banner-title span{display:inline-block;border:4px solid #050505;border-radius:8px;padding:5px 10px;margin:5px 3px;box-shadow:4px 4px 0 rgba(0,0,0,.18)}.green{background:#b9dca4}.lime{background:#e4ef45}.blue{background:#7ab7be}.ribbon{height:160px;position:relative;margin-top:-4px}.ribbon-line{position:absolute;left:-80px;right:-80px;top:62px;height:65px;background:#e2ee3e;border-top:4px solid #060606;border-bottom:4px solid #060606;transform:rotate(-5deg)}.ribbon-line:after{content:'';position:absolute;left:0;right:0;top:12px;height:32px;background:#7253a5;border-top:3px solid #060606;border-bottom:3px solid #060606}.ribbon-text{position:absolute;left:-60px;right:-60px;top:83px;display:flex;gap:80px;white-space:nowrap;transform:rotate(-5deg);font-size:18px;font-weight:900;z-index:2}.mint-scene{min-height:640px;position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:70px}.mint-panel{text-align:center;position:relative;z-index:3}.mint-panel h1{font-size:84px;line-height:1;margin:0;color:#fff;text-shadow:4px 0 #ff3636,-4px 0 #56d8ff,0 5px #000;letter-spacing:3px}.mint-panel p{font-size:23px;margin:16px 0 28px}.price-label{color:#787878;font-size:18px;font-weight:900}.price{font-size:25px;color:#58caff;font-weight:900;margin:8px 0}.supply{color:#d5d5d5;font-size:14px;margin-bottom:22px}.counter{display:flex;align-items:center;justify-content:center;gap:28px;margin:22px 0}.counter button{width:62px;height:62px;border-radius:50%;border:3px solid #fff;background:#1b1b1b;color:#fff;font-size:34px;font-family:inherit}.counter input{width:70px;text-align:center;background:transparent;border:0;color:#fff;font-size:44px;font-weight:900;font-family:inherit}.total{font-size:16px;color:#aaa;margin-bottom:14px}.total b{color:#e2ee3e}.mint-btn{width:260px;height:70px;border:0;border-radius:999px;background:#e2ee3e;color:#111;font-size:24px;font-family:inherit;font-weight:900}.hiddenBtn{display:none}.bubble{position:absolute;border-radius:50%;object-fit:cover;image-rendering:pixelated}.b1{width:220px;height:220px;left:70px;top:70px}.b2{width:145px;height:145px;left:270px;top:340px}.b3{width:210px;height:210px;right:105px;top:315px}.b4{width:155px;height:155px;right:130px;top:0}.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:50}.hidden{display:none}.modal-card{background:#191a1b;border:3px solid #e2ee3e;border-radius:12px;padding:28px;width:min(430px,92vw);position:relative}.modal-card button{width:100%;margin-top:12px;padding:15px;border:2px solid #fff;background:#1d1d1d;color:#fff;border-radius:999px;font-family:inherit;font-weight:900}.close{position:absolute!important;right:12px;top:8px;width:auto!important;border:0!important;font-size:25px!important}@media(max-width:850px){.page{width:100%;margin:0}.nav{padding:12px 16px;height:auto}.nav nav{display:none}.banner{width:calc(100% - 28px);height:auto;grid-template-columns:1fr}.banner-art{height:250px}.banner-art img{width:135px;height:220px}.banner-title{font-size:26px;padding:12px 18px}.ribbon{height:110px}.mint-panel h1{font-size:55px}.bubble{opacity:.75}.b1{width:130px;height:130px;left:20px}.b2{width:100px;height:100px;left:50px;top:430px}.b3{width:130px;height:130px;right:30px;top:380px}.b4{width:100px;height:100px;right:25px}.mint-scene{min-height:650px}}