:root{--bg:#0a0b0f;--surface:#11131a;--surface2:#181b26;--border:#1e2235;--cyan:#33eaff;--cyan-dim:rgba(51,234,255,0.20);--cyan-glow:rgba(51,234,255,0.08);--cold:#c0d0ff;--white:#e8ecf5;--gray:#6b7294;--purple:#7c4dff;--pink:#ff4081;--mono:'Cascadia Code','JetBrains Mono','Fira Code',monospace}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:'Inter',system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}::selection{background:var(--cyan);color:var(--bg)}a{color:var(--cyan);text-decoration:none}
.scanlines{position:fixed;inset:0;z-index:9999;pointer-events:none}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding:80px 2.5rem 3rem}#hero-canvas{position:fixed;top:0;left:0;z-index:0;pointer-events:none}.hg{position:absolute;inset:0;background-image:linear-gradient(rgba(51,234,255,0.04)1px,transparent 1px),linear-gradient(90deg,rgba(51,234,255,0.04)1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,black 30%,transparent 70%);pointer-events:none}
.hc{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center}.hb2{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;padding:6px 16px;border:1px solid var(--border);border-radius:50px;color:var(--gray);margin-bottom:1.5rem}.hb2 .d{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:pd 2s infinite}@keyframes pd{0%,100%{opacity:1}50%{opacity:0.3}}.hero h1{font-family:var(--mono);font-weight:300;font-size:clamp(3rem,10vw,6rem);letter-spacing:8px;line-height:1.1;margin-bottom:1.5rem}.hero h1 .hl{color:var(--cyan);font-weight:500}.hero p{font-size:clamp(1rem,2.5vw,1.3rem);color:var(--gray);max-width:700px;margin:0 auto 2.5rem;line-height:1.9}.ha{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 28px;border-radius:4px;font-family:var(--mono);font-size:0.8rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .25s;border:none}.bp{background:var(--cyan);color:var(--bg);box-shadow:0 0 20px var(--cyan-dim)}.bp:hover{box-shadow:0 0 35px var(--cyan-dim);transform:translateY(-2px)}.bo{border:1px solid var(--border);color:var(--cold);background:transparent}.bo:hover{border-color:var(--cyan);color:var(--cyan)}.si{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--mono);font-size:0.6rem;letter-spacing:2px;color:var(--gray);text-transform:uppercase}.sl{width:1px;height:40px;background:linear-gradient(var(--cyan),transparent);animation:sp 2s ease-in-out infinite}@keyframes sp{0%,100%{opacity:0.4}50%{opacity:1}}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;height:60px;background:rgba(10,11,15,0.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}nav .logo{font-family:var(--mono);color:var(--cyan);letter-spacing:3px;display:flex;align-items:center;gap:10px;font-size:1.15rem}nav .logo span{color:var(--cold);font-weight:300}nav .logo svg{width:24px;height:24px}.nr{display:flex;align-items:center;gap:1rem}.nr ul{display:flex;gap:1.2rem;list-style:none;font-size:0.82rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:1px}.nr ul a{color:var(--gray);transition:color .2s;position:relative}.nr ul a:hover{color:var(--cyan)}.nr ul a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--cyan);transform:scaleX(0);transition:transform .25s}.nr ul a:hover::after{transform:scaleX(1)}
.ls{display:flex;gap:4px;font-family:var(--mono);font-size:0.7rem}.ls button{background:transparent;border:1px solid var(--border);color:var(--gray);padding:4px 10px;cursor:pointer;letter-spacing:1px;transition:all .2s;border-radius:2px}.ls button:hover{border-color:var(--cyan);color:var(--cyan)}.ls button.ac{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}.hb{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.hb span{display:block;width:24px;height:2px;background:var(--white);transition:.25s}
section{padding:6rem 2.5rem;max-width:1200px;margin:0 auto}.slb{font-family:var(--mono);font-size:0.7rem;letter-spacing:3px;color:var(--cyan);text-transform:uppercase;margin-bottom:0.6rem}.st{font-family:var(--mono);font-weight:300;font-size:clamp(1.5rem,4vw,2.4rem);letter-spacing:3px;margin-bottom:3rem}.st span{color:var(--cyan);font-weight:500}

.phs{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.phs .num{font-family:var(--mono);font-size:clamp(1.8rem,5vw,3.2rem);color:var(--cyan);font-weight:700;letter-spacing:2px}.phs .l{font-family:var(--mono);font-size:0.7rem;color:var(--gray);text-transform:uppercase;letter-spacing:2px}.rm{position:relative;display:flex;flex-direction:column;gap:1.5rem;padding-left:2rem}.rm::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(var(--cyan),var(--border),transparent)}.rm-item{padding-left:1rem;border-left:2px solid var(--border);margin-bottom:1rem;transition:all .3s}.rm-item:hover{border-left-color:var(--cyan)}.rm-item .tag{display:inline-block;font-family:var(--mono);font-size:0.55rem;letter-spacing:2px;padding:2px 8px;border:1px solid var(--cyan);color:var(--cyan);border-radius:2px;margin-bottom:0.5rem;background:rgba(51,234,255,0.05)}.rm-item h3{font-family:var(--mono);font-weight:400;font-size:1rem;letter-spacing:1px;margin-bottom:0.5rem}.rm-item ul{padding-left:1.2rem}.rm-item ul li{color:var(--gray);font-size:0.85rem;line-height:1.8;list-style:disc;list-style-position:outside}

.pdc{display:flex;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1rem;transition:all .25s}.pdc:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,0.3)}.pv{flex-shrink:0;width:80px;height:80px;background:var(--surface2);border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative}.pv .badge{position:absolute;top:-6px;right:-6px;font-family:var(--mono);font-size:0.45rem;letter-spacing:1px;padding:2px 6px;border-radius:2px;background:var(--cyan);color:var(--bg)}.pv .badge.lt{background:var(--pink)}.pi{flex:1;min-width:0}.pi h4{font-family:var(--mono);font-size:0.85rem;font-weight:400;letter-spacing:1px;margin-bottom:0.3rem}.pi .desc{color:var(--gray);font-size:0.75rem;line-height:1.5;margin-bottom:0.8rem}.br{display:flex;justify-content:space-between;align-items:center}.prc{font-family:var(--mono);font-size:1.2rem;color:var(--cyan);font-weight:600}.bb{border:1px solid var(--borer);color:var(--cold);background:transparent;padding:6px 18px;font-family:var(--mono);font-size:0.65rem;letter-spacing:1px;cursor:pointer;transition:all .2s;border-radius:2px;border:1px solid var(--border)}.bb:hover{background:var(--cyan);color:var(--bg);border-color:var(--cyan)}

.sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0.8rem}.nftg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.8rem}.nftg .n{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .25s;cursor:pointer}.nftg .n:hover{transform:scale(1.02);border-color:var(--cyan)}.nftg .n .no{font-size:2rem;margin-bottom:0.3rem}.nftg .n .nn{font-family:var(--mono);font-size:0.7rem;letter-spacing:1px;color:var(--white)}.nftg .n .nt{font-family:var(--mono);font-size:0.55rem;letter-spacing:1px;color:var(--gray);margin-top:0.2rem}.nftg .n.un{border-style:dashed;opacity:0.4}.nftg .n.un:hover{opacity:1}.pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.pt{padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;transition:all .25s}.pt:hover{border-color:var(--cyan)}.pt .ti{font-size:1.2rem;margin-bottom:0.6rem;color:var(--cyan)}.pt h4{font-family:var(--mono);font-size:0.85rem;font-weight:400;letter-spacing:1px;margin-bottom:0.3rem}.pt .tag{display:inline-block;font-family:var(--mono);font-size:0.5rem;letter-spacing:1px;padding:2px 8px;border:1px solid var(--cyan);color:var(--cyan);border-radius:2px;margin-bottom:0.8rem}.pt .tag.cy{border-color:var(--purple);color:var(--purple)}.pt ul{padding-left:1rem}.pt ul li{color:var(--gray);font-size:0.8rem;line-height:1.8}.pca{text-align:center;max-width:600px;margin:0 auto 2rem}.pca h3{font-family:var(--mono);font-weight:400;font-size:1.3rem;letter-spacing:1px;margin-bottom:0.8rem}.pca p{color:var(--gray);font-size:0.8rem;margin-bottom:1.5rem}.vc{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:center}.vc .t p{color:var(--gray);font-size:0.9rem;line-height:1.8;margin-bottom:1rem}.vs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.vs .vs2{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1rem;text-align:center;transition:all .25s}.vs .vs2:hover{border-color:var(--cyan)}.vs .vs2 .n{font-family:var(--mono);font-size:1.6rem;color:var(--cyan);font-weight:600;margin-bottom:0.3rem}.vs .vs2 .l{font-family:var(--mono);font-size:0.6rem;color:var(--gray);text-transform:uppercase;letter-spacing:2px}.ql{text-align:center;max-width:500px;margin:0 auto}.qrs{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.qrs>div{width:100px;height:100px;background:#111;border:1px solid var(--border);border-radius:4px;position:relative;overflow:hidden}.qrs>div::before{content:'';position:absolute;inset:10px;background:linear-gradient(45deg,var(--border)25%,transparent 25%,transparent 50%,var(--border)50%,var(--border)75%,transparent 75%);opacity:0.5}.qrs>div::after{content:'QR';font-family:var(--mono);font-size:0.8rem;letter-spacing:2px;color:#111;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg);padding:2px 8px}

/* Store page */
.scat{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1.2rem}.scat-btn{background:transparent;border:1px solid var(--border);color:var(--gray);padding:8px 20px;font-family:var(--mono);font-size:0.85rem;letter-spacing:1px;cursor:pointer;transition:all .2s;border-radius:2px}.scat-btn:hover,.scat-btn.ac{border-color:var(--cyan);color:var(--cyan)}.brand-title{font-family:var(--mono);font-size:0.7rem;letter-spacing:1px;color:var(--gray);margin-bottom:0.6rem}.brand-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2rem}.brand-item{padding:8px 20px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;font-family:var(--mono);font-size:0.85rem;color:var(--gray);letter-spacing:1px;transition:all .2s}.brand-item:hover{border-color:var(--cyan);color:var(--cyan);cursor:default}

/* Wallet page */
.wallet-page{min-height:100vh;padding-top:80px;padding-bottom:2rem}.wallet-dashboard{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:600px;margin:2rem auto;padding:0 1.25rem}.wallet-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1.5rem;transition:border-color .25s}.wallet-card:hover{border-color:var(--cyan)}.wc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;font-family:var(--mono);font-size:0.7rem;letter-spacing:1px;color:var(--gray)}.wallet-connect-btn{font-family:var(--mono);font-size:0.6rem;letter-spacing:1px;padding:5px 14px;border:1px solid var(--cyan);color:var(--cyan);background:transparent;cursor:pointer;border-radius:2px;transition:all .2s}.wallet-connect-btn:hover{background:var(--cyan);color:var(--bg)}.balance-display{text-align:center;padding:1.5rem 0}.balance-num{font-size:3rem;font-weight:300;font-family:var(--mono);color:var(--cyan);letter-spacing:2px}.balance-unit{font-size:0.8rem;color:var(--gray);margin-left:6px;font-family:var(--mono);letter-spacing:1px}.wallet-card h4{font-family:var(--mono);font-size:0.75rem;letter-spacing:1px;font-weight:400;margin-bottom:1rem;color:var(--cyan)}.scan-records{max-height:280px;overflow-y:auto}.scan-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.03);font-size:0.75rem;font-family:var(--mono)}.scan-item:last-child{border:none}.si-info{flex:1;min-width:0}.si-name{display:block;color:var(--white);font-size:0.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.si-time{display:block;color:var(--gray);font-size:0.6rem;margin-top:2px}.si-puffs{color:var(--pink);font-weight:600;white-space:nowrap;font-size:0.7rem}.nft-grid-9{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.nft-cell{aspect-ratio:1;background:var(--surface2);border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px;transition:all .25s;cursor:pointer}.nft-cell:hover{transform:scale(1.05);z-index:2}.nft-cell.empty{border-style:dashed;opacity:0.4}.nft-placeholder{font-size:1.2rem;color:var(--gray);font-family:var(--mono)}.nft-icon{font-size:1.6rem;line-height:1}.nft-name{font-family:var(--mono);font-size:0.5rem;color:var(--white);text-align:center;white-space:nowrap}.nft-rarity{font-family:var(--mono);font-size:0.45rem;letter-spacing:1px}.empty-state{text-align:center;padding:1rem;color:var(--gray);font-size:0.7rem;font-family:var(--mono);letter-spacing:1px}

@media(max-width:768px){nav{padding:0 1.25rem}.nr ul{display:none}.hb{display:flex}.nr.mob ul{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:1rem 2rem;gap:1.2rem}section{padding:4rem 1.25rem}.hero{padding:80px 1.25rem 2rem}.phs{flex-direction:column!important;gap:1.5rem}.phs .num{align-self:center}.rm::before{left:28px}footer{flex-direction:column;text-align:center}.vs{max-width:100%}.balance-num{font-size:2.2rem}}