:root{--pink: #ff2d9b;--purple: #7b2fff;--cyan: #00f7ff;--gold: #ffd700;--green: #00ff88;--bg: #07060f;--card: rgba(255,255,255,.05);--border: rgba(255,255,255,.09);--nav-h: 68px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:#fff;font-family:Space Grotesk,sans-serif;overflow-x:hidden;min-height:100vh}#topnav{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav-h);display:flex;align-items:center;gap:20px;padding:0 40px;background:#07060fd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,45,155,.15)}.nav-logo-btn{background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;text-decoration:none}.nav-logo{height:42px;width:auto;display:block}.tab-links{display:flex;gap:4px;flex:1;justify-content:center}.nav-link,.tab-btn{background:none;border:none;color:#ffffff94;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;padding:8px 18px;border-radius:50px;cursor:pointer;transition:color .2s,background .2s;letter-spacing:.02em;text-decoration:none}.nav-link:hover,.tab-btn:hover{color:#fff;background:#ffffff12}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#ff2d9b38,#7b2fff38);border:1px solid rgba(255,45,155,.3)}.nav-twitter{display:flex;align-items:center;justify-content:center;color:#ffffffa6;padding:6px 8px;border-radius:8px;transition:color .2s,background .2s;text-decoration:none}.nav-twitter:hover{color:#fff;background:#ffffff1a}.btn-connect{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;padding:9px 22px;border-radius:50px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:transform .2s,box-shadow .2s;flex-shrink:0;white-space:nowrap;text-decoration:none}.btn-connect:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff2d9b66}#app{padding-top:var(--nav-h)}.tab-panel{display:none}.tab-panel.active{display:block}.page-section{padding:88px 48px}.sec-title{font-size:clamp(28px,4vw,50px);font-weight:800;text-align:center;line-height:1.1;margin-bottom:12px}.sec-title .hl,.section-heading .hl{background:linear-gradient(135deg,var(--pink),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sec-sub{text-align:center;color:#ffffff94;font-size:16px;max-width:560px;margin:0 auto 56px;line-height:1.75}.section-heading{font-size:clamp(26px,3.5vw,44px);font-weight:800;margin-bottom:20px;line-height:1.15}.section-copy{color:#ffffffb8;line-height:1.82;margin-bottom:16px;font-size:16px}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;padding:16px 42px;border-radius:50px;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:17px;cursor:pointer;transition:all .3s;box-shadow:0 0 32px #ff2d9b80;letter-spacing:.02em;text-decoration:none}.btn-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 52px #ff2d9bb3}.btn-primary:disabled{opacity:.55;pointer-events:none}.btn-outline{background:transparent;color:#fff;border:2px solid var(--cyan);padding:13px 36px;border-radius:50px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;text-decoration:none}.btn-outline:hover{background:#00f7ff1a;box-shadow:0 0 24px #00f7ff40}.pill{display:inline-block;padding:5px 14px;border-radius:50px;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.14);color:#ffffffb3;background:#ffffff0d}.pill.pink{border-color:#ff2d9b66;color:var(--pink)}.pill.cyan{border-color:#00f7ff66;color:var(--cyan)}.pill.gold{border-color:#ffd70066;color:var(--gold)}.pill.purple{border-color:#7b2fff66;color:var(--purple)}.fobj{position:absolute;pointer-events:none;animation:float ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.fobj-spin{animation-name:float-spin}@keyframes float-spin{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-16px) rotate(360deg)}}.stats-bar{background:#7b2fff1a;border-top:1px solid rgba(123,47,255,.22);border-bottom:1px solid rgba(123,47,255,.22);padding:24px 48px;display:flex;justify-content:center;gap:64px;flex-wrap:wrap}.stat{text-align:center}.stat-num{font-size:38px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--pink),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:12px;color:#ffffff75;margin-top:5px;letter-spacing:.06em;text-transform:uppercase}.nft-card{background:var(--card);border-radius:20px;overflow:hidden;border:1px solid var(--border);transition:transform .3s,box-shadow .3s,border-color .3s;cursor:pointer}.nft-card:hover{transform:translateY(-8px);box-shadow:0 18px 48px #ff2d9b3d;border-color:#ff2d9b52}.nft-art{width:100%;aspect-ratio:1;background:#0c0d1c;display:flex;align-items:center;justify-content:center;overflow:hidden}.nft-art svg{width:100%;height:100%}.nft-info{padding:14px 16px}.nft-id{font-size:13px;font-weight:800;margin-bottom:8px}.nft-traits{display:flex;flex-wrap:wrap;gap:5px}.nft-trait-pill{font-size:10px;font-weight:700;padding:3px 8px;border-radius:50px;background:#ffffff12;color:#fff9;border:1px solid rgba(255,255,255,.1)}.nft-trait-pill span{color:var(--cyan)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1060px;margin:0 auto}.connect-prompt{max-width:420px;margin:48px auto 0;text-align:center;padding:36px 28px;border-radius:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.connect-prompt img{width:min(280px,80%);margin-bottom:20px;filter:drop-shadow(0 8px 24px rgba(255,45,155,.25))}.connect-prompt h3{font-size:22px;font-weight:800;margin-bottom:10px}.connect-prompt p{color:#ffffff80;font-size:14px;line-height:1.6;margin-bottom:24px}.traits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:16px;max-width:1060px;margin:0 auto}.trait-card{background:#ffffff0d;border:1px solid var(--border);border-radius:18px;padding:20px 14px;text-align:center;transition:transform .3s,border-color .3s,box-shadow .3s}.trait-card:hover{transform:translateY(-6px);border-color:var(--pink);box-shadow:0 10px 32px #ff2d9b33}.trait-card img{width:84px;height:84px;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.trait-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--cyan);margin-bottom:3px}.trait-name{font-size:13px;font-weight:700;margin-bottom:6px}.rarity-badge{display:inline-block;padding:2px 9px;border-radius:50px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.rb-common{background:#ffffff1a;color:#ffffff8c}.rb-uncommon{background:#00f7ff24;color:var(--cyan)}.rb-rare{background:#ff2d9b29;color:var(--pink)}.rb-ultra{background:#ffd70029;color:var(--gold)}.token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;max-width:900px;margin:0 auto 48px}.token-card{background:#ffffff0a;border:1px solid var(--border);border-radius:18px;padding:24px 20px;text-align:center}.token-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:8px}.token-value{font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--pink),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chain-box{max-width:640px;margin:0 auto;text-align:center;background:#ffffff0a;border:1px solid rgba(255,45,155,.2);border-radius:24px;padding:40px 32px}.chain-box h3{font-size:20px;font-weight:800;margin-bottom:24px}.chain-details{text-align:left;display:flex;flex-direction:column;gap:12px}.chain-details div{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:#00000040;border-radius:12px}.chain-details span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff6}.chain-details code{font-size:13px;color:var(--cyan);word-break:break-all;font-family:Space Grotesk,monospace}.site-footer{padding:48px 24px 64px;text-align:center;border-top:1px solid rgba(255,45,155,.12);background:#0003}.footer-logo{height:48px;margin-bottom:16px}.footer-copy{font-size:14px;color:#ffffff73;max-width:480px;margin:0 auto}.mint-page{font-family:Outfit,Space Grotesk,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - var(--nav-h));padding:48px 20px 72px;box-sizing:border-box}.mint-page .mint-wrap{position:relative;z-index:1;width:100%;max-width:440px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.mint-page .mint-title{font-family:Bungee,cursive;font-size:clamp(34px,8vw,52px);line-height:1.05;letter-spacing:.02em;margin:0 0 14px;color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.35),0 0 40px rgba(255,45,155,.35)}.mint-page .mint-title .hl{background:linear-gradient(135deg,#ff2d9b,#00f7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.mint-page .mint-sub{font-family:Outfit,sans-serif;font-size:15px;font-weight:500;color:#ffffff9e;line-height:1.65;max-width:360px;margin:0 0 28px}.mint-page .mint-sub strong{color:var(--gold);font-weight:700}.mint-box{width:100%;display:flex;flex-direction:column;align-items:center;gap:0;padding:32px 28px 28px;border-radius:28px;background:linear-gradient(165deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 64px #00000073,inset 0 1px #ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mint-price-label{font-family:Outfit,sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffff73;margin-bottom:8px}.mint-price-val{font-family:Bungee,cursive;font-size:clamp(36px,9vw,48px);line-height:1;color:#fff;background:linear-gradient(135deg,var(--gold),#fff56a,var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.mint-price-sub{font-family:Outfit,sans-serif;font-size:13px;font-weight:500;color:#ffffff80;margin-bottom:28px;line-height:1.45}.qty-row{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:28px}.qty-btn{width:56px;height:56px;border-radius:16px;border:2px solid rgba(0,247,255,.45);background:linear-gradient(160deg,#00f7ff2e,#7b2fff1f);color:#fff;font-family:Bungee,cursive;font-size:28px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;box-shadow:0 8px 24px #0000004d;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.qty-btn:hover{transform:translateY(-2px) scale(1.05);border-color:var(--cyan);box-shadow:0 0 28px #00f7ff59;background:linear-gradient(160deg,#00f7ff47,#ff2d9b26)}.qty-btn:active{transform:scale(.94)}.qty-btn:disabled{opacity:.35;pointer-events:none}.qty-num{min-width:72px;font-family:Bungee,cursive;font-size:42px;line-height:1;color:#fff;text-align:center;text-shadow:0 3px 0 rgba(0,0,0,.3)}.supply-section{width:100%;margin-bottom:24px}.supply-bar{height:10px;border-radius:99px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.supply-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--pink),var(--cyan));transition:width .45s ease;box-shadow:0 0 16px #ff2d9b80}.supply-meta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.supply-text{font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:#ffffff7a;letter-spacing:.02em}.supply-refresh{width:30px;height:30px;border-radius:10px;border:1px solid rgba(0,247,255,.35);background:#00f7ff1a;color:var(--cyan);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s,background .2s,border-color .2s;padding:0}.supply-refresh:hover{background:#00f7ff33;border-color:var(--cyan);transform:scale(1.06)}.supply-refresh.spinning svg{animation:supply-spin .7s linear infinite}@keyframes supply-spin{to{transform:rotate(360deg)}}.mint-box .mint-btn{width:100%;font-family:Outfit,sans-serif;font-weight:800;font-size:16px;letter-spacing:.03em;padding:18px 24px;border-radius:16px}.mint-box .btn-outline.mint-btn{margin-top:10px;border-radius:16px}.wallet-info-box{margin-top:14px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;color:#ffffff80;word-break:break-all}.mint-status{margin-top:14px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;min-height:1.2em;line-height:1.4}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@media (max-width: 860px){#topnav{padding:0 16px;gap:10px}.nav-link,.tab-btn{font-size:12px;padding:7px 12px}.page-section{padding:60px 18px}.stats-bar{gap:24px;padding:20px 18px}}@media (max-width: 560px){.tab-links{gap:2px}.nav-link,.tab-btn{font-size:11px;padding:6px 10px}.nav-logo{height:30px}}