/* Masked Orbit Pixel World: original blocky sandbox-adventure visual system.
   Inspired by the pixel-game genre, without copying proprietary game assets. */
:root{
 --bg:#101e24;--bg2:#152b30;--panel:#24333a;--panel2:#293f45;
 --ink:#fff9df;--lime:#b8ed75;--mint:#8be2ae;--pink:#fdbb7f;
 --border:#131f27;--sub:#bbd2ca;
 --display:"Pixelify Sans",monospace;
 --mono:"VT323",monospace;
 --text:"DM Sans",sans-serif;
 --grass:#87b65c;--dirt:#775437;--stone:#47575f;--sun:#ffe7a2;
}
html{scroll-padding-top:72px}
body{font-family:var(--text);background:#0c1b24;color:var(--ink)}
.site-shell{background:linear-gradient(#143b4f 0%,#162f39 34%,#14252c 63%,#121e27 100%);overflow:hidden}
.site-shell::before{background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:24px 24px;opacity:.45;mask-image:none}
.site-header{height:83px;max-width:none;width:100%;padding-inline:max(26px,calc((100vw - 1250px)/2));background:#182d35;border-top:5px solid #94c76e;border-bottom:5px solid #0e1b23;box-shadow:0 7px 0 #0d1f26}
.brand{font-family:var(--display);font-size:24px;letter-spacing:0;text-shadow:2px 2px 0 #08151c}
.brand-symbol{font-size:30px;display:inline-grid;place-items:center;width:36px;height:36px;color:#cbf1ac;background:#4f8049;border:3px solid #253d2c;box-shadow:inset 3px 3px #83b76f,inset -4px -4px #315735}
.brand-em{color:#b9f076}
.brand sup{font:16px var(--mono);color:#d0e8d7;letter-spacing:1px}
.site-nav{gap:25px}
.site-nav a{font:20px var(--mono);color:#d7e5dc;letter-spacing:.4px}
.site-nav a:hover{color:var(--lime);text-shadow:0 2px 0 #132b20}
.button,.wallet-trigger,.gallery-filters button,.gallery-search,.wallet-option,.mint-submit{
 border-radius:0!important;
}
.button{
 font:700 19px/1.1 var(--display);min-height:54px;letter-spacing:0;
 border:3px solid #121d22;padding:12px 20px;
 box-shadow:inset 3px 3px #ffffff44,inset -3px -3px #00000033,0 5px 0 #0e1a1d;
 transform:none!important;transition:background .15s,filter .15s,box-shadow .15s;
}
.button:hover{filter:brightness(1.09);box-shadow:inset 3px 3px #ffffff55,inset -3px -3px #00000033,0 3px 0 #0e1a1d}
.button:active{box-shadow:inset 3px 3px #00000044,0 1px 0 #0e1a1d;translate:0 4px}
.button-primary{color:#1f301c;background:#9ed473;border-color:#203325}
.button-outline{color:#fff4d8;background:#58737a;border-color:#172c31}
.nav-cta{min-height:40px;padding:6px 14px;font-size:15px;white-space:nowrap}
.wallet-trigger{min-height:42px;background:#b7d783!important;color:#1a2b1b!important;border:3px solid #213b25!important;padding:6px 12px;font:700 16px var(--display);box-shadow:inset 2px 2px #e9f5d7,0 4px 0 #0a1820}
.wallet-trigger.connected{background:#446951!important;color:#fff9dd!important}
.header-actions{gap:10px}
.menu-toggle{border-radius:0;border:3px solid #0c151b;background:#3d595c}
.menu-toggle span{background:#d5f1bb}
.hero{padding-top:60px;padding-bottom:115px;min-height:725px;isolation:isolate;overflow:visible}
.hero::before{content:none}
.hero-scanlines{display:none}
.world-background{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
 background:linear-gradient(180deg,#21495d 0%,#356d75 48%,#65a393 83%,#bdd0a2 100%)}
.world-background::before{content:"";position:absolute;inset:0;opacity:.65;
 background-image:radial-gradient(circle,#fdf2b0 1px,transparent 2px);background-size:67px 61px}
.world-sun{position:absolute;top:55px;right:26%;width:92px;height:92px;background:#ffe4a1;box-shadow:0 0 0 13px #ffe6a329,0 0 0 23px #ffdc9a18}
.world-cloud{position:absolute;width:145px;height:31px;background:#f6f5d5cc;box-shadow:25px -20px 0 #f6f5d5cc,82px -8px 0 #f6f5d5cc,40px 20px 0 #f6f5d5cc}
.cloud-a{top:91px;left:12%;transform:scale(.65)}
.cloud-b{top:164px;right:4%;transform:scale(.8);opacity:.7}
.cloud-c{top:240px;left:51%;transform:scale(.5);opacity:.63}
.block-hill{position:absolute;bottom:77px;width:43%;height:185px;background:#4f7964;opacity:.94;clip-path:polygon(0 100%,0 55%,13% 55%,13% 43%,25% 43%,25% 27%,49% 27%,49% 43%,65% 43%,65% 60%,78% 60%,78% 78%,100% 78%,100% 100%)}
.hill-left{left:-17%;bottom:78px}
.hill-right{right:-12%;bottom:70px;transform:scaleX(-1);background:#3f786c}
.pixel-tree{position:absolute;width:20px;height:145px;bottom:100px;background:#634837;box-shadow:inset -6px 0 #3d332a}
.pixel-tree::before{content:"";position:absolute;left:-44px;top:-20px;width:106px;height:57px;background:#295949;box-shadow:0 -27px 0 -1px #367253,21px -49px 0 -10px #45865f,0 20px 0 -9px #2b664a}
.tree-left{left:5%;bottom:66px;transform:scale(.87)}
.tree-right{right:6%;bottom:57px;transform:scale(.7)}
.tree-far{right:24%;bottom:75px;transform:scale(.35);opacity:.5}
.world-ground{position:absolute;bottom:0;left:-40px;right:-40px;height:95px;background:#805c3d;
 border-top:14px solid #8fc06b;
 box-shadow:inset 0 13px #51763e;
 background-image:linear-gradient(90deg,#6f4b3429 50%,transparent 50%),linear-gradient(#00000011 50%,transparent 50%);
 background-size:36px 36px;
}
.world-ground::before{content:"";position:absolute;left:0;right:0;top:20px;height:75px;opacity:.7;
 background-image:linear-gradient(90deg,transparent 20%,#624833 20% 35%,transparent 35% 70%,#b28a63 70% 78%,transparent 78%);
 background-size:70px 32px}
.hero-copy{position:relative;background:#132d35e8;border:4px solid #203f3b;padding:40px 30px;box-shadow:9px 9px 0 #102a2d, inset 4px 4px 0 #668b79;align-self:center}
.hero-copy::before{content:"▣ WORLD: MASKED ORBIT  /  SAVE 01";display:block;color:#c7ead3;background:#233f45;padding:9px 12px;font:19px var(--mono);border:2px solid #5d8673;margin:-23px -13px 24px}
.eyebrow,.section-eyebrow{font:19px/1.1 var(--mono);letter-spacing:1px;color:#d4fb9d}
.live-dot{border-radius:0;background:#c8f083;box-shadow:0 0 0 2px #355d38}
.hero h1{font:700 clamp(45px,4.5vw,74px)/.98 var(--display);letter-spacing:0;text-transform:uppercase;margin:20px 0 24px;text-shadow:4px 5px 0 #081920}
.hero h1 span{color:#d5ee83}
.hero-lede{color:#dbe9df;max-width:515px;font-size:14px;line-height:1.7}
.hero-tags{gap:8px;margin-bottom:27px}
.hero-tags span{font:17px var(--mono);background:#2b5052;border:2px solid #142a30;padding:7px 10px}
.hero-actions{gap:14px}
.hero-status{border-top:2px dashed #577569;padding-top:17px;font:17px var(--mono);margin-top:25px}
.hero-status small{font:16px var(--mono);color:#c8e6da}
.hero-coordinate{font:21px var(--mono);color:#ddedb4;margin-top:21px;letter-spacing:0}
.hero-coordinate span{color:#ff7676;letter-spacing:4px}
.hero-visual{height:560px;z-index:2}
.hero-visual-orbit{border:0;width:85%;box-shadow:none}
.hero-visual-orbit::before{content:none}
.hero-art-box{width:min(403px,85%);aspect-ratio:.88;padding:11px;background:#2c3d41;border:8px solid #25312f;box-shadow:9px 9px 0 #142b2b,inset 4px 4px 0 #658377;transform:rotate(2deg)}
.frame-corner{display:none}
.hero-art-head,.hero-art-foot{font:18px var(--mono);color:#edf8dd;letter-spacing:0;background:#1d3b42;padding:7px 9px;margin:0}
.hero-art-head{margin-bottom:7px}
.hero-art-foot{margin-top:8px}
.hero-avatar,.story-avatar{border:4px solid #18252c;image-rendering:pixelated;background:#173043}
.pixel-svg{image-rendering:pixelated;shape-rendering:crispEdges}
.float-tile{background:#314148;border:5px solid #182f32;box-shadow:5px 5px 0 #132222;transform:rotate(-7deg);padding:7px}
.float-tile span,.float-tile strong{font:18px var(--mono);color:#e9f6cf}
.float-tile strong{font-size:24px}
.float-tile-left{bottom:60px}
.float-tile-right{top:10px}
.hero-grid-label{color:#142f31;font:20px var(--mono);background:#a0bd83;padding:4px}
.pixel-particles{position:absolute;inset:0;pointer-events:none}
.pixel-particles span{position:absolute;background:#f6dc83;width:8px;height:8px;animation:pixelFloat 3s steps(4,end) infinite alternate}
.pixel-particles span:nth-child(1){left:9%;top:10%}
.pixel-particles span:nth-child(2){right:9%;top:33%;animation-delay:.7s}
.pixel-particles span:nth-child(3){right:24%;bottom:9%;background:#a7ebac;animation-delay:1.4s}
.pixel-particles span:nth-child(4){left:22%;bottom:24%;width:6px;height:6px;animation-delay:1.1s}
.pixel-particles span:nth-child(5){left:2%;top:45%;background:#f1a673;animation-delay:2s}
@keyframes pixelFloat{to{translate:0 -15px;opacity:.5}}
.ticker{background:#83ae59;border-top:7px solid #b3e27f;border-bottom:7px solid #263f2b}
.ticker-inner{font:700 24px var(--mono);padding:12px 0;gap:36px;color:#152b19}
.ticker-inner b{font-size:24px}
.stats{background:#263b40;border:5px solid #12252a;box-shadow:7px 7px 0 #0c1d26;margin-top:42px;margin-bottom:15px;padding:23px 14px}
.stat{border-right:3px solid #4b6262;padding:0 16px}
.stat-num{font:700 43px var(--display);letter-spacing:0;color:#f2f4c1;text-shadow:3px 4px 0 #11292c}
.stat small{font:16px var(--mono);color:#ccf19d}
.stat strong{font:20px var(--mono);color:#eff7dc}
.stat-index{font:15px var(--mono);color:#779593}
.section-space{padding-block:90px}
.section-topline{font:20px var(--mono);color:#d3e2c9;letter-spacing:.3px;border-bottom:4px solid #46615b}
.section-topline span:first-child{color:#b4ed76}
.section-eyebrow{font-size:21px;color:#b4ed76}
.collection-header h2,.story-copy h2,.steps-title h2,.newsletter-panel h2{font-family:var(--display);letter-spacing:0;font-size:clamp(42px,4.3vw,61px);line-height:1.05;color:#fff5d8;text-shadow:4px 4px 0 #0d2028}
.collection-header h2 span,.story-copy h2 span,.steps-title h2 span,.newsletter-panel h2 span{color:#c6ed83}
.section-description{font-size:14px;line-height:1.75;color:#c5d6d0}
.collection-emblem{border-radius:0;border:6px solid #283d3e;box-shadow:6px 6px 0 #091b20;background:#6e8e65}
.collection-emblem span{color:#d8f29b}
.collection-emblem small{font:18px var(--mono)}
.gallery-toolbar{border:4px solid #26383a;padding:12px;background:#24383e;gap:15px}
.gallery-filters button{font:21px var(--mono);padding:9px 13px;border:3px solid #1d3034;background:#3c575a;color:#fff8e7;box-shadow:inset 2px 2px #ffffff1c,0 3px 0 #122329}
.gallery-filters button.is-active,.gallery-filters button:hover{background:#9bd06d;color:#14281a;border-color:#24462b}
.gallery-search{background:#132831;border:3px solid #15272e;height:46px}
.gallery-search input{font:20px var(--mono)}
.collection-grid{gap:21px}
.nft-tile{background:#273c40;border:6px solid #182b30;padding:8px;box-shadow:6px 6px 0 #0a1b23;transform:none!important}
.nft-tile:hover{border-color:#c5e887;box-shadow:7px 7px 0 #223f30;translate:0 -6px}
.tile-art{background:#1e3540;border:4px solid #4d6f62;image-rendering:pixelated}
.tile-art::after{border:none;box-shadow:inset 0 0 0 3px #1b2f39;opacity:1}
.tile-info{padding:14px 1px 5px}
.tile-kicker{font:17px var(--mono);color:#9bc6ba}
.tile-info strong{font:700 29px var(--display)}
.tile-price{font:700 19px var(--display);color:#bdf087}
.tile-price small{font:18px var(--mono);color:#dfefd1}
.gallery-footer{font:18px var(--mono);color:#b8d7c8}
.collection-mint-bar{background:#2a4345;border:5px solid #172c30;padding:28px;box-shadow:6px 6px 0 #0b1b24}
.collection-mint-bar small{font:20px var(--mono);color:#c7f59d;letter-spacing:0}
.collection-mint-bar strong{font:700 27px var(--display)}
.collection-mint-bar p{font-size:13px;color:#c6d3cb}
.story-section{background:#1e3840;border-top:9px solid #44664e;border-bottom:9px solid #213b2b}
.story-section::before{content:"";opacity:.2;background-image:linear-gradient(90deg,#84a56738 1px,transparent 1px),linear-gradient(#84a56738 1px,transparent 1px);background-size:32px 32px}
.story-circle{border-radius:0;border:12px solid #4b7061;background:#345556;transform:rotate(8deg);width:73%;aspect-ratio:1}
.story-art-frame{border:10px solid #1a3033;box-shadow:10px 10px 0 #071b20;transform:rotate(-4deg)}
.story-art-label{font:21px var(--mono);color:#dbf29b}
.story-bits{font:21px/2 var(--mono);color:#abd096}
.story-copy>p:not(.section-eyebrow){color:#d3e1dc}
.story-attributes{border-top:4px dashed #6d8b7f}
.story-attributes span{font:17px var(--mono)}
.story-attributes strong{font:700 31px var(--display);color:#bde983}
.step{background:#284249;border:5px solid #152d33;box-shadow:5px 5px 0 #0d1d24;min-height:265px}
.step-number{font:24px var(--mono);color:#bfe985}
.step-symbol{font-size:50px;color:#c3eda8}
.step h3{font:700 25px var(--display)}
.step p{color:#d6e1d6}
.step-corner{color:#c8eea5}
.newsletter-panel{border:7px solid #24423c;background:#31464a;box-shadow:7px 7px 0 #0c1d25}
.newsletter-panel::before{border:4px dashed #59746a}
.newsletter-graphic{font-size:105px;color:#c5e18f1f}
.subscribe-form input{background:#142e34;border:4px solid #1a3034;color:#fff;font:21px var(--mono)}
.subscribe-form input::placeholder{color:#b3c6bf}
.newsletter-panel>small{font:18px var(--mono);color:#d0dfcb}
.form-feedback{font:20px var(--mono)}
.footer{border-top:7px solid #587958;background:#1c3037;min-height:155px}
.footer>div span,.footer-right a{font:19px var(--mono);color:#c4d6c7}
.nft-dialog,.wallet-dialog,.wallet-panel,.mint-dialog{border-radius:0!important;border-width:5px!important;background:#233a40!important;box-shadow:8px 8px 0 #06151c!important}
.nft-dialog .dialog-art{border:4px solid #172f36;background:#173043}
.nft-dialog .dialog-content h2,.wallet-dialog h2,.mint-dialog h2{font-family:var(--display);letter-spacing:0}
.nft-dialog .detail-grid span{font:20px var(--mono)}
.nft-dialog .detail-grid strong{font:22px var(--mono)}
.nft-dialog .dialog-content p,.mint-description{color:#edf2dd}
.dialog-close,.wallet-dialog-close,.mint-close{font-family:var(--display)}
.wallet-panel-label,.wallet-panel-top,.wallet-address-row,.wallet-status,.mint-message{font-family:var(--mono);font-size:20px}
.wallet-option{background:#36565c!important;border:3px solid #162d32!important}
.wallet-option:hover{border-color:#c1e78a!important}
.wallet-option-name,.wallet-provider-name{font-family:var(--display)}
.wallet-option-name small{font:18px var(--mono);color:#d0e6dd}
.wallet-dialog-subtitle,.wallet-dialog-description,.wallet-dialog-status,.wallet-dialog-footnote,.mint-fine-print{font-family:var(--mono);font-size:19px;line-height:1.4;color:#d7e9df}
.mint-checkout-lines>div{font:21px var(--mono)}
.mint-checkout-lines strong{font-family:var(--display)}
.nft-detail-mint{min-height:55px}
@media(max-width:1170px){.site-header{padding-inline:26px}.hero-copy{padding:28px 22px}.hero h1{font-size:clamp(42px,4.3vw,62px)}.hero-visual{height:515px}.hero-art-box{width:85%}.gallery-filters button{font-size:18px}.stat-num{font-size:35px}.brand sup{display:none}}
@media(max-width:900px){.site-nav a{font-size:19px}.hero{min-height:650px}.hero h1{font-size:clamp(37px,4.8vw,55px)}.float-tile{width:100px}.float-tile span,.float-tile strong{font-size:15px}.stat-num{font-size:34px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .site-header{height:72px;padding-inline:17px}.menu-toggle{background:#526d64}
 .site-nav{background:#243a41;border:4px solid #122830;gap:12px}
 .site-nav a{font-size:23px}.hero{padding-top:40px;padding-bottom:100px}
 .hero-copy{padding:27px 22px}.hero h1{font-size:clamp(43px,7.2vw,69px)}
 .world-sun{right:12%}.hero-visual{height:490px}.hero-art-box{width:73%}
 .stats{margin-top:28px}.stat{padding:8px 14px}.stat:nth-child(3){padding-left:14px}
 .gallery-toolbar{flex-direction:column;align-items:stretch}.gallery-filters button{font-size:20px}
 .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .story-grid{gap:10px}.step{min-height:210px}
}
@media(max-width:480px){
 .brand{font-size:18px}.brand-symbol{width:28px;height:28px;font-size:22px}
 .wallet-trigger{font-size:13px;padding:6px!important}
 .hero{padding-top:35px}.hero-copy{padding:22px 16px}
 .hero-copy::before{margin:-10px -4px 20px;font-size:16px}
 .hero h1{font-size:clamp(38px,9.5vw,51px);letter-spacing:0}
 .hero-status,.hero-status small{font-size:16px}
 .hero-visual{height:365px}.hero-art-box{width:71%;padding:7px}
 .hero-art-head,.hero-art-foot{font-size:12px;padding:5px}
 .float-tile{width:70px;border-width:3px;padding:4px}
 .float-tile span,.float-tile strong{font-size:12px}
 .stat-num{font-size:25px}.stat small{font-size:14px}.stat strong{font-size:17px}
 .collection-header h2,.story-copy h2,.steps-title h2,.newsletter-panel h2{font-size:clamp(34px,9vw,48px)}
 .section-topline{font-size:15px}.gallery-toolbar{padding:9px}
 .gallery-filters button{font-size:19px}.nft-tile{border-width:4px;padding:5px}
 .tile-kicker{font-size:12px}.tile-info strong{font-size:22px}.tile-price{font-size:14px}
 .gallery-footer{font-size:15px}.collection-mint-bar{padding:18px}
 .step{padding:17px}.newsletter-panel{padding:45px 12px}
 .footer>div span,.footer-right a{font-size:17px}.wallet-panel{right:-45px}
}
@media(prefers-reduced-motion:reduce){.pixel-particles span,.ticker-inner{animation:none!important}}