:root{--bg:#11120e;--panel:#1b1c16;--panel2:#22231b;--ink:#f7f2e4;--muted:#aaa99b;--gold:#e8c86f;--gold-dark:#ad842e;--lime:#caff4c;--line:#ffffff1b;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);overflow-x:hidden}a{color:inherit}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.11;z-index:-1}.ambient-one{width:400px;height:400px;background:#b88b2e;top:170px;right:-160px}.ambient-two{width:350px;height:350px;background:#a5d52d;top:1200px;left:-230px}.site-header,.page-wrap,.site-footer{width:min(1240px,100%);margin:0 auto;padding-left:5.5%;padding-right:5.5%}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-symbol{position:relative;width:30px;height:30px;display:block;background:linear-gradient(145deg,#f5dc91,#bb8d31);border-radius:10px;transform:rotate(-8deg);overflow:hidden}.brand-symbol i{position:absolute;left:6px;top:6px;width:13px;height:15px;border-radius:50% 50% 45% 45%;background:#161711}.brand-symbol b{position:absolute;right:3px;bottom:3px;width:10px;height:11px;border-radius:50% 50% 40% 40%;background:var(--lime)}.brand-symbol em{position:absolute;right:5px;top:4px;width:4px;height:4px;background:#fff4c7;border-radius:50%}.brand-word{font:700 17px var(--display);letter-spacing:-.07em}.brand-word span{color:var(--gold)}.main-nav{display:flex;align-items:center;gap:30px}.nav-link{font-size:11px;color:#b7b5a8;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--gold)}.nav-cta{display:inline-flex;align-items:center;gap:17px;padding:12px 15px;background:var(--gold);color:#17160f;text-decoration:none;font-size:11px;font-weight:700;border-radius:3px;transition:transform .2s,background .2s}.nav-cta:hover{transform:translateY(-2px);background:#f4d987}.nav-cta span{font-size:16px}.menu-toggle{display:none}
.hero{background:radial-gradient(ellipse at 78% 43%,rgba(202,255,76,.075),transparent 34%),radial-gradient(ellipse at 85% 58%,rgba(232,200,111,.055),transparent 42%),linear-gradient(180deg,rgba(7,8,6,.18),rgba(17,18,14,0));background-repeat:no-repeat;min-height:640px;padding-top:75px;padding-bottom:45px;display:grid;grid-template-columns:1fr .9fr;gap:25px;align-items:center;position:relative}.hero-copy{padding-bottom:15px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:.18em;color:#d4c99e}.eyebrow-line{display:inline-block;width:24px;height:1px;background:var(--gold)}.eyebrow-pill{padding:6px 8px;border:1px solid #ffffff26;border-radius:2px;color:#a9a797;font-size:8px;letter-spacing:.1em;margin-left:5px}.hero h1,.section h2,.whitelist-copy h2{font:700 clamp(56px,7vw,92px)/.96 var(--display);letter-spacing:-.085em;margin:27px 0 23px}.hero h1 span,.section h2 span,.whitelist-copy h2 span{color:var(--gold)}.hero-description{max-width:455px;color:#aaa99d;font-size:14px;line-height:1.85}.hero-buttons{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px}.button{min-height:47px;padding:0 18px;border:0;border-radius:3px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;text-decoration:none;font:700 11px var(--font);cursor:pointer;transition:transform .2s,background .2s;letter-spacing:.01em}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:#17160f}.button-primary:hover{background:#f4d987}.button-primary span,.button-primary b{font-size:17px}.button-quiet{background:transparent;color:#e8e4d6;padding-left:0}.play-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;color:var(--gold)}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:45px}.proof-avatars{display:flex;align-items:center}.proof-avatars span,.proof-avatars b{width:26px;height:26px;margin-left:-5px;border:2px solid var(--bg);border-radius:50%;display:grid;place-items:center;background:#34352a;color:var(--lime);font-size:10px}.proof-avatars span:first-child{margin-left:0;background:#b18a39;color:#15150f}.proof-avatars span:nth-child(2){background:#d3c69b;color:#171711}.proof-avatars b{background:#24251e;color:var(--gold)}.hero-proof>div:last-child{display:flex;flex-direction:column;gap:4px}.hero-proof strong{font-size:10px}.hero-proof small{font-size:9px;color:#888779}.hero-visual{height:450px;position:relative;display:grid;place-items:center;isolation:isolate}.visual-glow{position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(202,255,76,.18) 0,rgba(202,255,76,.07) 30%,rgba(232,200,111,.055) 48%,transparent 72%);filter:blur(4px);z-index:-3}.visual-ring{position:absolute;border:1px solid #d7b45240;border-radius:50%;z-index:-2}.ring-a{width:430px;height:180px;transform:rotate(-30deg)}.ring-b{width:340px;height:390px;transform:rotate(35deg);border-color:#caff4c22}.visual-label{position:absolute;font-size:8px;letter-spacing:.17em;color:#aaa58d;font-weight:700}.label-top{top:13px;left:5%;display:flex;align-items:center;gap:8px}.live-dot,.tiny-green-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #caff4c75}.label-divider{height:12px;width:1px;background:#ffffff30;margin:0 4px}.label-bottom{bottom:13px;left:8%;right:7%;display:flex;align-items:center;gap:9px}.tiny-star{color:var(--gold);font-size:15px}.label-bottom-number{margin-left:auto;color:#777767}.mascot{position:relative;width:270px;height:285px;filter:drop-shadow(0 30px 25px #0008);transform:rotate(-5deg)}.mascot-body{position:absolute;left:26px;top:62px;width:220px;height:190px;border-radius:47% 52% 41% 43%/44% 42% 48% 49%;background:radial-gradient(ellipse at 28% 15%,#66675a 0,#2b2d24 23%,#151610 63%,#070806 100%);box-shadow:inset 13px 8px 15px #ffffff1c,inset -17px -23px 25px #000d,0 0 0 1px #b8a15a35}.mascot-body:before{content:"";position:absolute;left:20px;top:5px;width:65px;height:16px;border-radius:50%;background:#ffffff18;transform:rotate(-30deg);filter:blur(3px)}.mascot-shine{position:absolute;top:20px;left:28px;width:40px;height:9px;background:#fff2;border-radius:50%;transform:rotate(-28deg);filter:blur(2px)}.mascot-eye{position:absolute;top:69px;width:45px;height:54px;border-radius:50%;background:radial-gradient(ellipse at 38% 25%,#f4ffbd 0,#caff4c 42%,#7ba817 100%);box-shadow:0 0 20px #caff4c7d,inset 0 -5px 7px #4d6c0e66;z-index:2}.mascot-eye:after{content:"";position:absolute;top:9px;left:11px;width:11px;height:15px;border-radius:50%;background:#fffde9}.eye-a{left:48px;transform:rotate(7deg)}.eye-b{right:44px;transform:rotate(-7deg)}.mascot-antenna{position:absolute;z-index:3;top:11px;left:124px;width:35px;height:65px;border:12px solid #25271e;border-bottom-color:transparent;border-left-color:#444633;border-radius:55% 55% 0 0;transform:rotate(20deg);filter:drop-shadow(2px 0 0 #caff4c88)}.mascot-antenna:after{content:"";position:absolute;right:-9px;top:-12px;width:14px;height:14px;background:var(--lime);border-radius:50%;box-shadow:0 0 17px #caff4c}.mascot-drip{position:absolute;top:137px;z-index:3;background:linear-gradient(90deg,#171812,#b8ed3b,#2e371b);border-radius:0 0 13px 13px}.drip-a{left:36px;width:18px;height:43px}.drip-b{right:21px;width:15px;height:31px;top:148px}.mascot-foot{position:absolute;z-index:-1;background:linear-gradient(120deg,#282a20,#090a07);border-radius:35% 35% 55% 55%;bottom:1px}.foot-a{left:55px;width:55px;height:45px;transform:rotate(9deg)}.foot-b{right:37px;width:49px;height:35px;transform:rotate(-13deg)}.mascot-pool{position:absolute;z-index:-2;left:1px;right:-5px;bottom:-10px;height:24px;border-radius:50%;background:radial-gradient(ellipse,#a8d63473,#252b1699 55%,transparent 73%);filter:blur(2px)}.floating-drop{position:absolute;border-radius:50% 50% 55% 10%;transform:rotate(35deg);background:linear-gradient(140deg,#f7e7ad,#b68a2c);box-shadow:0 6px 18px #0004}.drop-one{width:16px;height:22px;right:11%;top:26%}.drop-two{width:9px;height:13px;left:13%;top:35%;background:linear-gradient(140deg,#d9ff7b,#5f8419)}.drop-three{width:12px;height:16px;right:18%;bottom:26%;background:linear-gradient(140deg,#d9ff7b,#5f8419)}.hero-bottomline{grid-column:1/-1;display:flex;align-items:center;gap:15px;margin-top:8px;font-size:8px;letter-spacing:.18em;color:#79796c}.bottomline-rule{height:1px;background:#ffffff21;flex:1}
.ticker{overflow:hidden;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;background:#171812;padding:16px 0}.ticker-track{display:flex;justify-content:space-around;align-items:center;gap:35px;white-space:nowrap;font:700 11px var(--display);letter-spacing:.2em;color:#bcb9a9}.ticker-track i{font-style:normal;color:var(--gold);font-size:15px}
.section{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:42px}.section h2,.whitelist-copy h2{font-size:clamp(42px,5.5vw,68px);margin:20px 0 0}.section-aside{max-width:315px;padding-bottom:4px}.section-aside p,.section-intro{font-size:12px;line-height:1.9;color:#aaa99d;margin:0 0 17px}.inline-link{font-size:11px;font-weight:700;color:var(--gold);text-decoration:none;border-bottom:1px solid #e8c86f70;padding-bottom:7px}.inline-link span{margin-left:13px;font-size:15px}.rarity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rarity-card{padding:21px;background:linear-gradient(145deg,#22231b,#171812);border:1px solid #ffffff14;min-height:170px;position:relative;overflow:hidden}.rarity-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-45px;top:-45px;background:var(--tier);opacity:.09;filter:blur(3px)}.common{--tier:#c7c5b7}.rare{--tier:#6dc4a7}.epic{--tier:#b8a0ff}.legendary{--tier:#e8c86f}.rarity-top{display:flex;align-items:center;justify-content:space-between}.rarity-symbol{font-size:23px;color:var(--tier)}.rarity-index{font-size:8px;letter-spacing:.13em;color:#77786a}.rarity-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:32px}.rarity-bottom>div{display:flex;flex-direction:column;gap:5px}.rarity-name{font-size:10px;color:#aaa99d}.rarity-bottom strong{font:600 29px var(--display);letter-spacing:-.06em}.rarity-percent{font-size:10px;color:var(--tier);padding-bottom:4px}.rarity-track{height:3px;background:#ffffff13;margin-top:18px}.rarity-track i{display:block;height:100%;background:var(--tier);width:var(--w)}.common .rarity-track i{width:60%}.rare .rarity-track i{width:25%}.epic .rarity-track i{width:12%}.legendary .rarity-track i{width:3%}.collection-foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:19px;font-size:9px;color:#77786b}.collection-foot>span:first-child{display:flex;align-items:center;gap:8px;letter-spacing:.12em;color:#c7c4b4}.process-section{background:#e8c86f;color:#181810;padding-top:90px;padding-bottom:100px}.process-section .eyebrow{color:#62501f}.process-section .eyebrow-line{background:#796023}.process-section h2 span{color:#8d681c}.process-section .section-intro{max-width:290px;color:#625d4a}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.process-card{background:#f6e6b4;padding:25px;min-height:250px;position:relative;display:flex;flex-direction:column}.process-card-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.14em;font-weight:700;color:#77612b}.process-icon{font-size:23px;color:#9d7725}.process-card h3{font:600 26px/1.08 var(--display);letter-spacing:-.06em;margin:35px 0 13px}.process-card p{font-size:11px;line-height:1.8;color:#6e654d;max-width:260px;margin:0 0 25px}.process-line{margin-top:auto;height:2px;background:#d5bd7c}.process-line i{display:block;width:30%;height:100%;background:#a67d27}.process-card:nth-child(2) .process-line i{width:60%}.process-card:nth-child(3) .process-line i{width:100%}
.whitelist-section{position:relative;padding:100px 0 110px;overflow:hidden}.whitelist-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 12% 60%,#caa13b17,transparent 42%),radial-gradient(ellipse at 90% 20%,#caff4c09,transparent 35%);pointer-events:none}.whitelist-layout{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}.whitelist-copy{padding-top:20px}.whitelist-copy h2{font-size:clamp(44px,5.5vw,68px);margin:22px 0}.whitelist-copy>p{font-size:13px;line-height:1.9;color:#aaa99d;max-width:400px}.whitelist-perks{display:flex;flex-direction:column;gap:20px;margin-top:37px}.whitelist-perks>div{display:flex;gap:13px;align-items:flex-start}.perk-icon{width:29px;height:29px;border:1px solid #ffffff24;display:grid;place-items:center;color:var(--gold);font:600 9px var(--display);flex-shrink:0}.whitelist-perks>div>div{display:flex;flex-direction:column;gap:5px}.whitelist-perks strong{font-size:11px}.whitelist-perks small{font-size:10px;line-height:1.6;color:#858578}.form-card{background:#f5f1e7;color:#191a13;padding:30px;border-radius:5px;box-shadow:0 25px 80px #0003;border:1px solid #ffffff24}.form-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:29px}.form-kicker{font-size:8px;font-weight:700;letter-spacing:.17em;color:#87764a}.form-card h3{font:700 29px var(--display);letter-spacing:-.06em;margin:12px 0 4px}.form-card-header p{font-size:11px;color:#817d6e;margin:0}.form-emblem{width:48px;height:48px;background:#1b1c16;color:var(--gold);display:grid;place-items:center;position:relative;font:700 13px var(--display);border-radius:3px}.form-emblem i{position:absolute;right:-5px;top:-6px;color:#99c52b;font-size:14px;font-style:normal}.form-card label:not(.consent-row){display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;margin:18px 0 8px}.form-card label:not(.consent-row)>span{font-size:8px;color:#aaa18a;letter-spacing:.1em}.input-wrap{height:47px;display:flex;align-items:center;border:1px solid #ded8c8;background:#fffdf8;border-radius:3px;transition:border .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#b08b35;box-shadow:0 0 0 3px #e8c86f35}.input-prefix{width:39px;text-align:center;color:#a28743;font-size:11px;border-right:1px solid #e9e3d5}.input-wrap input{width:calc(100% - 39px);height:100%;border:0;background:transparent;padding:0 12px;font:11px var(--font);color:#171811;outline:none}.input-hint{font-size:9px;line-height:1.6;color:#827e70;margin:7px 0 10px}.turnstile-slot{margin:15px 0;min-height:10px}.consent-row{display:flex;align-items:flex-start;gap:9px;font-size:9px;line-height:1.6;color:#686557;margin:16px 0}.consent-row input{accent-color:#191a13;margin:2px 0 0}.submit-button{width:100%;min-height:49px;margin-top:2px}.submit-button span{flex:1;text-align:left}.form-message{font-size:10px;line-height:1.7;margin-top:11px}.form-message.error{color:#a2392c}.form-message.success{color:#35712a}.form-security{border-top:1px solid #ded8c8;padding-top:14px;margin-top:17px;display:flex;align-items:flex-start;gap:9px}.form-security>span{color:#9b792c}.form-security p{font-size:9px;line-height:1.7;color:#827e70;margin:0}.site-footer{min-height:94px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px}.footer-middle{font-size:8px;letter-spacing:.15em;color:#77786b}.footer-right{display:flex;align-items:center;gap:22px;font-size:9px;color:#8e8e80}.footer-right a{text-decoration:none}.footer-right a:hover{color:var(--gold)}
@media(max-width:850px){.site-header,.page-wrap,.site-footer{padding-left:6%;padding-right:6%}.main-nav{gap:17px}.nav-link{font-size:10px}.hero{grid-template-columns:1fr .85fr;gap:5px;padding-top:55px;min-height:570px}.hero h1{font-size:clamp(55px,8vw,76px)}.hero-visual{transform:scale(.9)}.hero-description{font-size:12px}.whitelist-layout{gap:35px}.rarity-card{padding:16px}.rarity-bottom strong{font-size:25px}}
@media(max-width:650px){.site-header{height:70px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;border:1px solid #ffffff25;border-radius:3px;background:transparent;cursor:pointer}.menu-toggle span{height:1px;width:16px;background:var(--ink);margin:auto}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:18px 6% 22px;background:#171812;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.nav-link{padding:14px 0;border-bottom:1px solid #ffffff12;font-size:12px}.nav-link.active:after{display:none}.nav-cta{justify-content:space-between;margin-top:15px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:28px;padding-bottom:30px;gap:0}.hero-visual{order:0;height:340px;transform:none;margin-bottom:20px}.hero-copy{order:1;padding-bottom:25px}.hero h1{font-size:clamp(58px,15vw,78px);margin:22px 0 17px}.hero-description{max-width:100%;font-size:13px}.hero-buttons{gap:13px;margin-top:23px}.button{min-height:45px;padding:0 13px;gap:15px}.button-quiet{font-size:10px}.hero-proof{margin-top:30px}.hero-bottomline{margin-top:5px}.mascot{transform:scale(.82) rotate(-5deg)}.visual-label{font-size:7px}.ring-a{width:100%;height:150px}.ring-b{height:310px;width:270px}.ticker-track{justify-content:flex-start;gap:24px;padding-left:20px}.section{padding-top:68px;padding-bottom:68px}.section-heading{display:block;margin-bottom:30px}.section h2,.whitelist-copy h2{font-size:clamp(43px,11vw,60px)}.section-aside{margin-top:22px}.rarity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rarity-card{min-height:150px;padding:15px}.rarity-bottom{margin-top:23px}.rarity-bottom strong{font-size:24px}.collection-foot{font-size:8px}.process-section{padding-top:68px;padding-bottom:70px}.process-grid{grid-template-columns:1fr}.process-card{min-height:205px;padding:22px}.process-card h3{font-size:25px;margin-top:24px}.process-card p{max-width:100%}.whitelist-section{padding:70px 0}.whitelist-layout{grid-template-columns:1fr;gap:34px}.whitelist-copy{padding-top:0}.whitelist-copy h2{margin:20px 0}.whitelist-perks{margin-top:27px;gap:17px}.form-card{padding:22px 18px}.form-card h3{font-size:26px}.site-footer{align-items:flex-start;flex-wrap:wrap}.footer-middle{order:3;width:100%}.footer-right{margin-left:auto;gap:12px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Official MELTCORE mascot artwork (transparent PNG) */
.mascot-image{position:relative;z-index:1;display:block;width:min(100%,430px);height:auto;max-height:410px;object-fit:contain;filter:drop-shadow(0 24px 34px #0008);transform:translateY(4px);}
@media(max-width:650px){.mascot-image{width:min(90%,320px);max-height:300px;margin:0 auto;}}

/* Hero atmosphere: soft lime glow with restrained warm-gold highlights */
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-4;background:radial-gradient(ellipse at 78% 42%,rgba(202,255,76,.075),transparent 31%),radial-gradient(ellipse at 68% 70%,rgba(232,200,111,.045),transparent 38%);}
.hero .ring-a{border-color:rgba(232,200,111,.2)}
.hero .ring-b{border-color:rgba(202,255,76,.16)}

/* Refined navigation and more editorial, purpose-led hero copy */
.site-header{backdrop-filter:blur(18px)}
.main-nav{gap:8px;padding:7px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff05}
.nav-link{padding:11px 13px;border-radius:999px;font-size:11px;letter-spacing:.01em}
.nav-link:hover{background:#ffffff0a;color:#f7f2e4}
.nav-link.active{background:#ffffff0d;color:var(--lime)}
.nav-link.active:after{display:none}
.nav-cta{margin-left:5px;border-radius:999px;padding:13px 17px;background:var(--lime);box-shadow:0 0 22px #caff4c13}
.nav-cta:hover{background:#d8ff83}
.hero h1{max-width:650px;font-size:clamp(58px,6.6vw,86px);line-height:.99;letter-spacing:-.075em}
.hero h1 span{color:var(--lime);text-shadow:0 0 34px #caff4c1c}
.hero-description{max-width:475px;font-size:14px;line-height:1.95;color:#c0c0b5}
.button{border-radius:999px;min-height:49px;padding-left:21px;padding-right:21px}
.button-primary{background:var(--lime);box-shadow:0 8px 30px #caff4c13}
.button-primary:hover{background:#d8ff83}
.button-quiet{border:1px solid #ffffff22;padding-left:17px}
.hero-proof{border-top:1px solid #ffffff15;padding-top:20px;max-width:410px}
.hero-proof strong{font-size:11px;letter-spacing:.01em}
.hero-proof small{font-size:10px;line-height:1.6}
@media(max-width:850px){.main-nav{gap:2px}.nav-link{padding:10px 9px}.nav-cta{padding:12px 13px}}
@media(max-width:650px){.main-nav{border:0;border-radius:0;padding:18px 6% 22px;background:#151610;backdrop-filter:blur(18px)}.nav-link{padding:14px 12px;border-radius:8px;font-size:12px}.nav-link.active{background:#caff4c0d}.nav-cta{border-radius:999px;margin-left:0;text-align:center}.hero h1{font-size:clamp(57px,14vw,76px)}.button{border-radius:999px}.button-quiet{padding-left:13px}}

/* UX refinement: cleaner hierarchy, less decorative copy, stronger mobile rhythm */
.site-header{position:sticky;top:0;background:rgba(17,18,14,.9);backdrop-filter:blur(20px);}
.brand-symbol{border-radius:9px;box-shadow:0 0 20px rgba(202,255,76,.12)}
.main-nav{gap:5px}
.nav-link{font-size:12px;padding:12px 15px;color:#b9bbae}
.nav-cta{font-size:12px;letter-spacing:.01em}
.hero{padding-top:48px;min-height:570px;gap:36px}
.hero-copy{max-width:590px}
.hero .eyebrow{font-size:10px;letter-spacing:.14em}
.hero h1{font-size:clamp(58px,6.1vw,78px);line-height:1.02;letter-spacing:-.065em;margin:22px 0 18px;max-width:600px}
.hero-description{font-size:15px;line-height:1.7;max-width:430px;color:#b9bcb2}
.hero-buttons{margin-top:26px;gap:12px}
.button{font-size:12px;min-height:50px;padding:0 20px;gap:20px}
.hero-visual{height:420px}
.mascot-image{width:min(100%,400px);max-height:390px}
.visual-label,.hero-bottomline{display:none}
.hero .visual-ring{opacity:.6}
.ticker{display:none}
.section{padding-top:82px;padding-bottom:82px}
.section-heading{margin-bottom:30px}
.section-aside p,.section-intro{font-size:13px;line-height:1.7}
@media(max-width:850px){.hero{gap:14px;padding-top:35px}.hero h1{font-size:clamp(52px,7vw,70px)}.hero-description{font-size:14px}.main-nav{gap:1px}.nav-link{padding:10px 9px;font-size:11px}.nav-cta{padding:12px 13px}}
@media(max-width:650px){
  .site-header{height:64px;padding-left:5%;padding-right:5%}
  .brand{gap:8px}.brand-symbol{width:27px;height:27px}.brand-word{font-size:16px}
  .menu-toggle{width:42px;height:42px;border-radius:12px;border-color:#ffffff24}
  .main-nav{top:63px;padding:12px 5% 18px;background:rgba(17,18,14,.98);border-bottom:1px solid #ffffff16;gap:4px}
  .nav-link{font-size:14px;padding:14px 13px;border-radius:10px;border:0}
  .nav-link.active{background:#caff4c10;color:var(--lime)}
  .nav-cta{justify-content:center;min-height:47px;margin-top:8px;font-size:13px}
  .hero{padding-top:34px;padding-bottom:36px;display:flex;flex-direction:column;gap:0;min-height:0}
  .hero-copy{order:0;padding:0;width:100%}
  .hero-visual{order:1;width:100%;height:auto;min-height:0;margin:22px 0 0;transform:none;overflow:visible}
  .hero .eyebrow{font-size:9px;letter-spacing:.13em}
  .hero h1{font-size:clamp(48px,12.5vw,64px);line-height:1.02;letter-spacing:-.07em;margin:19px 0 14px}
  .hero-description{font-size:14px;line-height:1.65;max-width:35ch;margin:0;color:#b9bcb2}
  .hero-buttons{margin-top:21px;display:grid;grid-template-columns:1fr;gap:10px}
  .button{width:100%;min-height:49px;padding:0 18px;font-size:12px;justify-content:space-between}
  .button-quiet{padding-left:18px;border:1px solid #ffffff22}
  .mascot-image{width:min(82%,300px);max-height:none;margin:0 auto;transform:none}
  .visual-glow{width:280px;height:280px}
  .ring-a{width:90%;height:120px}.ring-b{height:270px;width:220px}
  .floating-drop{opacity:.65}
  .hero-proof{display:none}
  .section{padding-top:60px;padding-bottom:60px}
  .section-heading{margin-bottom:24px}
  .section-aside{margin-top:15px}
}

/* Refined hero calls to action */
.hero-buttons{display:flex;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap}
.button{min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:650;letter-spacing:-.01em;transition:transform .2s ease,background .2s ease,border-color .2s ease;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--lime);color:#15170f;box-shadow:0 8px 28px #caff4c18}
.button-primary:hover{background:#d8ff83;box-shadow:0 10px 34px #caff4c27}
.button-arrow{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#171b0e15;font-size:16px}
.button-quiet{background:rgba(255,255,255,.025);border:1px solid #ffffff26;color:#eeeee5}
.button-quiet:hover{border-color:#caff4c75;background:#caff4c0a}
.quiet-arrow{color:var(--lime);font-size:17px;transition:transform .2s ease}
.button-quiet:hover .quiet-arrow{transform:translateX(3px)}
@media(max-width:650px){.hero-buttons{display:grid;grid-template-columns:1fr;gap:10px;margin-top:23px}.button{width:100%;min-height:52px;padding:0 18px;justify-content:space-between;font-size:13px}.button-quiet{padding-left:18px}.button-arrow{width:28px;height:28px}}


/* App-like navigation: views change from the menu instead of a long scrolling page */
html, body { height:100%; overflow:hidden; }
body { min-height:100%; }
.site-header { position:relative; z-index:50; }
#home { height:calc(100dvh - var(--header-height, 78px)); min-height:0; overflow:hidden; }
.view-panel { display:none !important; }
.view-panel.active-panel { display:flex !important; animation:viewFade .22s ease both; }
#home > .hero.active-panel { height:100%; min-height:0; max-height:100%; overflow:hidden; align-items:center; }
#home > .collection-section.active-panel,
#home > .process-section.active-panel,
#home > .whitelist-section.active-panel { height:100%; max-height:100%; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.ticker, .site-footer { display:none !important; }
@keyframes viewFade { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:650px) {
  #home { height:calc(100dvh - 68px); }
  #home > .hero.active-panel { padding-top:10px; padding-bottom:14px; justify-content:center; gap:0; }
  #home > .hero.active-panel .hero-copy { flex:0 0 auto; }
  #home > .hero.active-panel .hero h1 { font-size:clamp(40px, 10.5vw, 56px); margin:12px 0 10px; }
  #home > .hero.active-panel .hero-description { font-size:13px; line-height:1.48; max-width:38ch; }
  #home > .hero.active-panel .hero-buttons { margin-top:15px; gap:8px; }
  #home > .hero.active-panel .button { min-height:46px; }
  #home > .hero.active-panel .hero-visual { width:100%; flex:1 1 auto; min-height:0; height:auto; margin:8px 0 0; display:flex; align-items:center; justify-content:center; }
  #home > .hero.active-panel .mascot-image { width:auto; height:100%; max-height:34dvh; max-width:100%; object-fit:contain; }
  #home > .hero.active-panel .visual-glow, #home > .hero.active-panel .visual-ring, #home > .hero.active-panel .floating-drop { pointer-events:none; }
}

/* Use the official MELTCORE mascot in the top-right navigation control. */
.menu-toggle{align-items:center;justify-content:center;overflow:hidden;padding:5px}
.menu-toggle img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
.menu-toggle span{display:none}

/* Header correction: logo on the left, hamburger menu on the right */
.brand-logo{display:block;width:34px;height:34px;object-fit:contain;border-radius:9px;flex:0 0 auto}
.menu-toggle{align-items:center;justify-content:center;overflow:hidden;padding:5px}
.menu-toggle span{display:block;height:1px;width:18px;background:var(--ink);margin:3px auto}
.menu-toggle img{display:none}
@media(max-width:650px){.brand-logo{width:34px;height:34px}.menu-toggle{display:flex;flex-direction:column;gap:5px;width:42px;height:42px;border-radius:12px;border-color:#ffffff24}.menu-toggle span{display:block;width:18px;margin:0 auto}}



/* Clean final layout rules: one source of truth for the app shell and Overview panel. */
html, body {
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
body { position: relative; }
.site-header {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-left: clamp(20px, 5.5vw, 68px);
  padding-right: clamp(20px, 5.5vw, 68px);
  box-sizing: border-box;
}
#home {
  display: block;
  position: relative;
  width: 100%;
  max-width: none;
  min-width: 0;
  height: calc(100dvh - 82px);
  margin: 0;
  overflow: hidden;
  box-sizing: border-box;
}
#home > .view-panel {
  display: none !important;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
}
#home > .view-panel.active-panel {
  display: block !important;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  animation: viewFade .22s ease both;
}
#home > .hero.active-panel {
  display: flex !important;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  padding-left: clamp(22px, 5.5vw, 68px);
  padding-right: clamp(22px, 5.5vw, 68px);
  overflow: hidden;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: clamp(20px, 4vw, 54px);
}
#home > .hero.active-panel .hero-copy,
#home > .hero.active-panel .hero-visual {
  min-width: 0;
  max-width: 100%;
}
#home > .hero.active-panel .hero-copy { flex: 1 1 52%; width: 52%; }
#home > .hero.active-panel .hero-visual { flex: 1 1 48%; width: 48%; }
#home > .hero.active-panel .hero h1 { max-width: 100%; overflow-wrap: normal; word-break: normal; }
#home > .hero.active-panel .hero-description { width: 100%; max-width: 38ch; }
#home > .hero.active-panel .hero-buttons { display: flex; flex-wrap: wrap; align-items: center; width: 100%; }
#home > .hero.active-panel .button { width: auto; max-width: 100%; flex: 0 0 auto; justify-content: center; }
#home > .hero.active-panel .mascot-image { display: block; width: min(100%, 400px); height: auto; max-width: 100%; max-height: 54dvh; margin: 0 auto; object-fit: contain; }
#home > .collection-section.active-panel,
#home > .process-section.active-panel,
#home > .whitelist-section.active-panel {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.ticker, .site-footer { display: none !important; }
@keyframes viewFade { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 850px) {
  #home > .hero.active-panel { gap: 14px; }
  #home > .hero.active-panel .hero h1 { font-size: clamp(48px, 7vw, 70px); }
}
@media (max-width: 650px) {
  .site-header {
    width: 100%;
    height: 70px;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }
  #home { width: 100%; height: calc(100dvh - 70px); }
  #home > .hero.active-panel {
    width: 100%;
    height: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 24px 22px 14px;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
  }
  #home > .hero.active-panel .hero-copy {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
    padding: 0;
    order: 0;
  }
  #home > .hero.active-panel .hero h1 {
    width: 100%;
    max-width: 100%;
    font-size: clamp(42px, 11.5vw, 58px);
    line-height: 1.02;
    letter-spacing: -.07em;
    margin: 18px 0 14px;
  }
  #home > .hero.active-panel .hero-description {
    width: 100%;
    max-width: 38ch;
    font-size: 14px;
    line-height: 1.6;
  }
  #home > .hero.active-panel .hero-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    margin-top: 20px;
  }
  #home > .hero.active-panel .button {
    width: 252px;
    min-width: 252px;
    max-width: 100%;
    min-height: 48px;
    padding: 0 22px;
    justify-content: center;
    white-space: nowrap;
  }
  @media (max-width: 320px) {
    #home > .hero.active-panel .button {
      width: 100%;
      min-width: 0;
    }
  }
  #home > .hero.active-panel .hero-visual {
    order: 1;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    height: auto;
    margin: 14px 0 0;
    overflow: hidden;
  }
  #home > .hero.active-panel .mascot-image {
    width: min(82%, 300px);
    height: auto;
    max-width: 100%;
    max-height: 32dvh;
    margin: 0 auto;
    object-fit: contain;
    transform: none;
  }
  #home > .hero.active-panel .visual-glow { width: 260px; height: 260px; }
  #home > .hero.active-panel .ring-a { width: 90%; height: 110px; }
  #home > .hero.active-panel .ring-b { width: 220px; height: 260px; }
}

/* MELTCORE hero polish: subtle motion, no extra copy or clutter. */
@keyframes meltcore-float {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -7px, 0); }
}
@keyframes meltcore-glow-breathe {
  0%, 100% { opacity: .72; transform: scale(.98); }
  50% { opacity: 1; transform: scale(1.04); }
}
@keyframes meltcore-ring-drift {
  0%, 100% { transform: rotate(-30deg) scale(1); }
  50% { transform: rotate(-26deg) scale(1.015); }
}
.hero-visual .mascot-image {
  animation: meltcore-float 5.8s ease-in-out infinite;
  will-change: transform;
}
.hero-visual .visual-glow {
  animation: meltcore-glow-breathe 6.5s ease-in-out infinite;
  will-change: opacity, transform;
}
.hero-visual .ring-a {
  animation: meltcore-ring-drift 14s ease-in-out infinite;
}
.hero-visual .floating-drop {
  transition: filter .25s ease;
}
.hero-visual:hover .floating-drop {
  filter: brightness(1.12);
}
.hero .button {
  transition: transform .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.hero .button:focus-visible,
.menu-toggle:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .hero-visual .mascot-image,
  .hero-visual .visual-glow,
  .hero-visual .ring-a {
    animation: none !important;
    will-change: auto;
  }
  .hero .button { transition: none; }
}


/* Featured Genesis NFT: MELTCORE #0001 Legendary */
.featured-nft-card{display:grid;grid-template-columns:minmax(0, .95fr) minmax(0, 1fr);align-items:center;gap:clamp(20px,4vw,52px);padding:clamp(14px,2.5vw,28px);margin:0 0 28px;background:linear-gradient(135deg,#1c1b12,#11120e 68%);border:1px solid #e8c86f30;border-radius:5px;overflow:hidden}
.featured-nft-artwork{width:100%;max-width:390px;justify-self:center;overflow:hidden;border-radius:3px;background:#d7a82f;line-height:0}
.featured-nft-artwork img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.featured-nft-info{padding:18px 10px 18px 0;min-width:0}
.featured-nft-kicker{display:flex;align-items:center;gap:9px;color:#aaa99d;font-size:9px;letter-spacing:.16em;font-weight:700}
.featured-nft-kicker i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#c7ff55;box-shadow:0 0 12px #c7ff5570}
.featured-nft-info h3{font:600 clamp(28px,4vw,46px)/1.05 var(--display);letter-spacing:-.06em;margin:20px 0 17px;color:#f4f1e7;overflow-wrap:anywhere}
.featured-nft-info h3 span{color:#c7c5b7}
.featured-nft-rarity{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #e8c86f60;border-radius:3px;color:#e8c86f;font-size:10px;letter-spacing:.13em;font-weight:700;background:#e8c86f0a}
.crown-mark{font-size:17px;line-height:1}

/* Unique NFT display name and collection serial */
.featured-nft-info .nft-serial{margin:0;color:#aaa99d;font-size:12px;letter-spacing:.08em;font-weight:600;line-height:1.5}
.featured-nft-info .nft-serial + .featured-nft-rarity{margin-top:15px}
.featured-nft-info p{font-size:12px;line-height:1.8;color:#aaa99d;max-width:29ch;margin:18px 0 0}
@media(max-width:650px){.featured-nft-card{grid-template-columns:minmax(0,1fr);gap:17px;padding:13px;margin-bottom:22px}.featured-nft-artwork{width:min(100%,340px)}.featured-nft-info{padding:4px 5px 12px}.featured-nft-info h3{font-size:32px;margin:13px 0}.featured-nft-info p{max-width:100%;margin-top:12px}.featured-nft-kicker{font-size:8px}}


/* Collection page rebuild: panels flow vertically; never render section children as a horizontal flex row. */
#home > .collection-section.active-panel {
  display: block !important;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  padding-top: clamp(28px, 5vh, 54px);
  padding-bottom: 40px;
}
#home > .collection-section .section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, .72fr);
  align-items: end;
  gap: 28px;
  margin-bottom: 30px;
}
#home > .collection-section .section-heading > div:first-child { min-width: 0; }
#home > .collection-section .section-heading h2 {
  font-size: clamp(42px, 6vw, 68px);
  line-height: .98;
  letter-spacing: -.065em;
  overflow-wrap: normal;
  word-break: normal;
}
#home > .collection-section .section-aside { min-width: 0; max-width: 300px; }
#home > .collection-section .featured-nft-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
  align-items: center;
  gap: clamp(18px, 4vw, 42px);
  width: 100%;
  box-sizing: border-box;
  padding: clamp(14px, 2.5vw, 28px);
  margin: 0 0 24px;
}
#home > .collection-section .featured-nft-artwork { width: 100%; max-width: 380px; }
#home > .collection-section .featured-nft-info { min-width: 0; }
#home > .collection-section .featured-nft-info h3 { overflow-wrap: normal; word-break: normal; font-size: clamp(26px, 3.5vw, 44px); }
#home > .collection-section .rarity-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
#home > .collection-section .rarity-card { min-width: 0; }
@media (max-width: 650px) {
  #home > .collection-section.active-panel { padding: 28px 22px 36px; }
  #home > .collection-section .section-heading { display: block; margin-bottom: 25px; }
  #home > .collection-section .section-heading h2 { font-size: clamp(43px, 11.5vw, 58px); line-height: .98; margin-top: 17px; }
  #home > .collection-section .section-aside { max-width: 100%; margin-top: 17px; }
  #home > .collection-section .section-aside p { font-size: 13px; line-height: 1.65; margin-bottom: 12px; }
  #home > .collection-section .featured-nft-card { grid-template-columns: minmax(0, 1fr); gap: 17px; padding: 13px; margin-bottom: 18px; }
  #home > .collection-section .featured-nft-artwork { width: min(100%, 320px); justify-self: center; }
  #home > .collection-section .featured-nft-info { padding: 4px 5px 12px; }
  #home > .collection-section .featured-nft-info h3 { font-size: 32px; line-height: 1.05; margin: 13px 0; }
  #home > .collection-section .featured-nft-info p { max-width: 100%; margin-top: 12px; font-size: 13px; }
  #home > .collection-section .featured-nft-kicker { font-size: 8px; }
  #home > .collection-section .rarity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  #home > .collection-section .rarity-card { padding: 14px; min-height: 145px; }
  #home > .collection-section .rarity-bottom { margin-top: 22px; }
  #home > .collection-section .rarity-bottom strong { font-size: 25px; }
  #home > .collection-section .collection-foot { display: block; line-height: 1.7; }
  #home > .collection-section .collection-foot span { margin-bottom: 8px; }
}

/* MELTCORE Collection — clean editorial redesign */
#home > .collection-section.active-panel {
  display:block !important; box-sizing:border-box; width:100%; max-width:100%;
  overflow-x:hidden; overflow-y:auto; padding:clamp(24px,4.5vw,58px) clamp(20px,6vw,76px) 40px;
}
#home > .collection-section .collection-title-row { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
#home > .collection-section .collection-supply { display:flex; flex-direction:column; align-items:flex-end; gap:2px; }
#home > .collection-section .collection-supply strong { color:#f7f2e4; font:600 22px/1 var(--display); letter-spacing:-.05em; }
#home > .collection-section .collection-supply span,.collection-note,.rarity-heading>span { color:#8d8c7f; font-size:8px; letter-spacing:.14em; }
#home > .collection-section .collection-title { font-size:clamp(42px,6vw,68px); line-height:.98; letter-spacing:-.065em; margin:0; }
#home > .collection-section .collection-title span { color:#caff4c; }
#home > .collection-section .collection-subtitle { margin:14px 0 28px; color:#aaa99d; font-size:13px; line-height:1.6; }
#home > .collection-section .featured-nft-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.8fr); align-items:center; gap:clamp(18px,4vw,42px); width:100%; box-sizing:border-box; padding:clamp(12px,2vw,22px); margin:0 0 32px; background:linear-gradient(145deg,#1b1b13,#11120e 72%); border:1px solid #e8c86f35; border-radius:8px; overflow:hidden; }
#home > .collection-section .featured-nft-artwork { width:100%; max-width:440px; justify-self:center; border-radius:5px; overflow:hidden; line-height:0; background:#d9aa38; }
#home > .collection-section .featured-nft-artwork img { display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; }
#home > .collection-section .featured-nft-info { min-width:0; padding:12px 8px; }
#home > .collection-section .featured-nft-kicker { display:flex; align-items:center; gap:9px; color:#aaa99d; font-size:9px; letter-spacing:.15em; font-weight:700; }
#home > .collection-section .featured-nft-info h3 { margin:17px 0 16px; font:600 clamp(26px,3.5vw,42px)/1.05 var(--display); letter-spacing:-.055em; overflow-wrap:normal; word-break:normal; }
#home > .collection-section .featured-nft-info h3 span { color:#c7c5b7; }
#home > .collection-section .featured-nft-rarity { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid #e8c86f65; border-radius:4px; color:#e8c86f; background:#e8c86f0b; font-size:10px; letter-spacing:.12em; font-weight:700; }
#home > .collection-section .rarity-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 13px; }
#home > .collection-section .rarity-heading h3 { margin:0; color:#f4f1e7; font:600 20px/1.1 var(--display); letter-spacing:-.04em; }
#home > .collection-section .rarity-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
#home > .collection-section .rarity-card { min-width:0; padding:17px; min-height:135px; border-radius:6px; background:linear-gradient(145deg,#202119,#151610); border:1px solid #ffffff14; }
#home > .collection-section .rarity-bottom { margin-top:22px; }
#home > .collection-section .rarity-bottom strong { font-size:clamp(21px,2.5vw,29px); }
#home > .collection-section .rarity-track { margin-top:14px; }
#home > .collection-section .collection-note { margin:13px 0 0; line-height:1.6; letter-spacing:.02em; font-size:9px; }
@media(max-width:650px) {
  #home > .collection-section.active-panel { padding:25px 20px 34px; }
  #home > .collection-section .collection-title-row { margin-bottom:17px; }
  #home > .collection-section .collection-supply strong { font-size:19px; }
  #home > .collection-section .collection-title { font-size:clamp(42px,11.5vw,56px); }
  #home > .collection-section .collection-subtitle { margin:12px 0 22px; font-size:12px; }
  #home > .collection-section .featured-nft-card { grid-template-columns:minmax(0,1fr); gap:15px; padding:12px; margin-bottom:26px; }
  #home > .collection-section .featured-nft-artwork { width:min(100%,360px); }
  #home > .collection-section .featured-nft-info { padding:3px 4px 8px; }
  #home > .collection-section .featured-nft-info h3 { font-size:30px; margin:12px 0; }
  #home > .collection-section .rarity-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  #home > .collection-section .rarity-card { padding:14px; min-height:130px; }
  #home > .collection-section .rarity-bottom { margin-top:20px; }
  #home > .collection-section .rarity-bottom strong { font-size:24px; }
  #home > .collection-section .collection-note { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { #home > .collection-section * { animation:none !important; transition:none !important; } }

/* Collection refinement: fewer labels, stronger NFT focus */
#home > .collection-section .collection-title-row { align-items:flex-end; margin-bottom:8px; }
#home > .collection-section .collection-title { font-size:clamp(38px,5.4vw,62px); }
#home > .collection-section .collection-title span { color:#caff4c; }
#home > .collection-section .collection-subtitle { margin:9px 0 24px; color:#99998d; }
#home > .collection-section .featured-nft-card { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(18px,3.2vw,36px); background:linear-gradient(135deg,#191a12 0%,#11120e 68%,#17150d 100%); border-color:#d9bd6940; border-radius:12px; }
#home > .collection-section .featured-nft-artwork { border-radius:8px; box-shadow:0 12px 40px #0004; }
#home > .collection-section .featured-nft-info h3 { margin:0 0 10px; font-size:clamp(28px,3.8vw,44px); }
#home > .collection-section .featured-nft-info .nft-serial { margin:0 0 20px; color:#8e9083; font-size:12px; letter-spacing:.08em; }
#home > .collection-section .featured-nft-rarity { border-radius:999px; padding:9px 13px; }
#home > .collection-section .rarity-card { border-radius:10px; transition:transform .2s ease,border-color .2s ease; }
#home > .collection-section .rarity-card:hover { transform:translateY(-2px); border-color:#e8c86f55; }
#home > .collection-section .collection-note { color:#77786d; }
@media(max-width:650px) {
  #home > .collection-section .collection-title-row { align-items:flex-end; gap:10px; }
  #home > .collection-section .collection-title { font-size:clamp(34px,10vw,46px); }
  #home > .collection-section .collection-supply strong { font-size:18px; }
  #home > .collection-section .collection-supply span { font-size:7px; }
  #home > .collection-section .collection-subtitle { margin:9px 0 20px; }
  #home > .collection-section .featured-nft-card { grid-template-columns:minmax(0,1fr); gap:14px; border-radius:12px; }
  #home > .collection-section .featured-nft-artwork { width:min(100%,360px); }
  #home > .collection-section .featured-nft-info h3 { font-size:30px; margin:0 0 8px; }
  #home > .collection-section .featured-nft-info .nft-serial { margin-bottom:15px; }
}

/* Rarity serial ranges */
#home > .collection-section .rarity-bottom>div{gap:5px}
#home > .collection-section .rarity-range{font-size:9px;letter-spacing:.04em;color:#8d8c7f;font-variant-numeric:tabular-nums}

/* Common NFT preview gallery */
#home > .collection-section .common-preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:34px 0 15px}
#home > .collection-section .common-preview-heading h3{margin:0;color:#f0efe7;font-size:clamp(22px,3vw,30px);letter-spacing:-.035em}
#home > .collection-section .common-preview-heading p{margin:6px 0 0;color:#929287;font-size:12px}
#home > .collection-section .common-preview-heading>span{color:#c9b879;font-size:10px;letter-spacing:.08em;white-space:nowrap}
#home > .collection-section .common-nft-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#home > .collection-section .common-nft-card{min-width:0;overflow:hidden;border:1px solid #ffffff12;border-radius:11px;background:#12130f;transition:transform .2s ease,border-color .2s ease}
#home > .collection-section .common-nft-card:hover{transform:translateY(-3px);border-color:#c9e66b55}
#home > .collection-section .common-nft-card>img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#191a15}
#home > .collection-section .common-nft-meta{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:13px}
#home > .collection-section .common-nft-meta h4{margin:0;color:#f0efe7;font-size:15px;font-weight:600}
#home > .collection-section .common-nft-meta span{color:#929287;font-size:10px;letter-spacing:.045em}
#home > .collection-section .common-nft-meta b{color:#c5d98a;font-size:9px;letter-spacing:.12em;font-weight:600}
@media(max-width:650px){#home > .collection-section .common-preview-heading{margin-top:27px}#home > .collection-section .common-nft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#home > .collection-section .common-nft-meta{padding:11px}#home > .collection-section .common-nft-meta h4{font-size:14px}}


/* Common NFT carousel: swipe-friendly on mobile, multi-card track on desktop */
#home > .collection-section .common-preview-heading{align-items:center}
#home > .collection-section .common-carousel-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}
#home > .collection-section .common-carousel-count{color:#aaa99d;font-size:10px;letter-spacing:.1em;font-variant-numeric:tabular-nums;margin-right:4px}
#home > .collection-section .common-carousel-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #ffffff24;background:#191a14;color:#e8c86f;font-size:23px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s}
#home > .collection-section .common-carousel-btn:hover{background:#292a1f;border-color:#c9e66b88}
#home > .collection-section .common-nft-grid{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding:2px 2px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#home > .collection-section .common-nft-grid::-webkit-scrollbar{display:none}
#home > .collection-section .common-nft-card{flex:0 0 calc((100% - 42px)/4);scroll-snap-align:start}
#home > .collection-section .common-nft-card>img{aspect-ratio:1/1;object-fit:cover;object-position:center}
@media(max-width:900px){#home > .collection-section .common-nft-card{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:650px){#home > .collection-section .common-preview-heading{gap:8px}#home > .collection-section .common-preview-heading p{font-size:11px}#home > .collection-section .common-nft-grid{gap:12px;margin-right:-4px;padding-right:16px}#home > .collection-section .common-nft-card{flex:0 0 78%;scroll-snap-align:center}#home > .collection-section .common-nft-card>img{aspect-ratio:1/1;object-fit:contain;background:#191a15}#home > .collection-section .common-carousel-btn{width:31px;height:31px}#home > .collection-section .common-carousel-count{font-size:9px;margin-right:0}}

/* Rarity selection opens a focused gallery panel */
#home > .collection-section .rarity-card{appearance:none;-webkit-appearance:none;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
#home > .collection-section .rarity-card.selected{border-color:var(--tier);background:linear-gradient(145deg,#292a20,#181912);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tier) 28%,transparent)}
#home > .collection-section .rarity-card:focus-visible{outline:2px solid var(--tier);outline-offset:3px}
#home > .collection-section .rarity-gallery{margin-top:30px;scroll-margin-top:20px}
#home > .collection-section [hidden]{display:none!important}
#home > .collection-section .rarity-coming-soon{padding:38px 20px;border:1px solid #ffffff14;border-radius:10px;background:#12130f;color:#a6a699;text-align:center;font-size:13px}
#home > .collection-section .common-nft-grid{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding:2px 2px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#home > .collection-section .common-nft-card{flex:0 0 calc((100% - 42px)/4);scroll-snap-align:start}
#home > .collection-section .common-nft-card>img{aspect-ratio:1/1;object-fit:contain;object-position:center;background:#191a15}
@media(max-width:900px){#home > .collection-section .common-nft-card{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:650px){#home > .collection-section .common-nft-grid{gap:12px;margin-right:-4px;padding-right:16px}#home > .collection-section .common-nft-card{flex:0 0 78%;scroll-snap-align:center}#home > .collection-section .common-nft-card>img{aspect-ratio:1/1;object-fit:contain}#home > .collection-section .rarity-gallery{margin-top:24px}}


/* Collection focus: Common previews only; keep carousel cards geometrically consistent. */
#home > .collection-section .common-nft-grid {
  align-items: stretch;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
#home > .collection-section .common-nft-card {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-width: 0;
  height: auto;
  box-sizing: border-box;
}
#home > .collection-section .common-nft-card > img {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  height: auto !important;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
  background: #191a15;
}
#home > .collection-section .common-nft-meta { flex: 1 0 auto; }
@media (max-width: 650px) {
  #home > .collection-section .common-nft-grid { gap: 12px; padding-left: 2px; padding-right: 12px; margin-right: 0; }
  #home > .collection-section .common-nft-card { flex-basis: min(78%, 320px); }
  #home > .collection-section .common-nft-card > img { height: auto !important; aspect-ratio: 1 / 1; object-fit: contain; }
}


/* Mobile scroll repair: keep rarity controls visible and prevent dark overlay-like panels. */
#home > .collection-section.active-panel {
  position: relative;
  min-height: 0;
  overflow-y: auto;
  overflow-x: clip;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  scroll-padding-top: 16px;
}
#home > .collection-section .rarity-heading,
#home > .collection-section .rarity-grid { position: relative; z-index: 1; }
#home > .collection-section .rarity-gallery { position: relative; clear: both; }
#home > .collection-section .common-nft-grid { background: transparent; }
#home > .collection-section .common-nft-card { background: #12130f; }
#home > .collection-section .common-nft-card > img { background: #191a15; }
#home > .collection-section .rarity-gallery[hidden],
#home > .collection-section [hidden] { display: none !important; }
@media (max-width: 650px) {
  #home > .collection-section.active-panel { padding-top: 24px; padding-bottom: 48px; }
  #home > .collection-section .rarity-heading { margin-top: 24px; }
  #home > .collection-section .rarity-gallery { margin-top: 22px; }
}

/* Collection gallery: vertical grid, no carousel count/arrows. */
#home > .collection-section .rarity-index { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #c8c6b7; }
#home > .collection-section .common-nft-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; overflow: visible !important; scroll-snap-type: none !important; padding: 2px 0 20px !important; }
#home > .collection-section .common-nft-card { flex: initial !important; width: auto !important; min-width: 0; }
#home > .collection-section .common-nft-card > img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; }
#home > .collection-section .common-preview-heading { align-items: flex-end; }
#home > .collection-section .common-carousel-tools { display: none !important; }
@media (max-width: 650px) {
  #home > .collection-section .common-nft-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #home > .collection-section .common-nft-meta { padding: 10px; }
  #home > .collection-section .common-nft-meta h4 { font-size: 13px; }
  #home > .collection-section .rarity-index { font-size: 8px; letter-spacing: .04em; }
}


/* Match the Common rarity marker on the NFT cards to the rarity menu dot */
#home > .collection-section .common-nft-meta .common-rarity-badge{display:inline-flex;align-items:center;gap:7px;color:#c5c4b8;font-size:10px;letter-spacing:.12em;font-weight:600;line-height:1.2}
#home > .collection-section .common-nft-meta .common-rarity-badge::before{content:"";display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#c9c8bc;box-shadow:0 0 0 2px #c9c8bc18}

/* Rare gallery keeps the same premium card layout with a tier-specific gray rarity dot. */
#home > .collection-section .rare-rarity-badge { color: #77cdb4 !important; }
#home > .collection-section .rare-rarity-badge::before { background: #77cdb4 !important; box-shadow: 0 0 0 2px #77cdb418 !important; }

/* Rarity labels: distinguish Common and Rare clearly without mixing galleries. */
.common-rarity-badge{display:inline-flex;align-items:center;gap:7px;}
.common-rarity-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#b9b9ad;display:inline-block;}
.rare-rarity-badge{display:inline-flex;align-items:center;gap:7px;color:#75cdb7;font-size:.72rem;letter-spacing:.12em;font-weight:700;}
.rare-rarity-badge::before{content:"";width:8px;height:8px;background:#75cdb7;display:inline-block;transform:rotate(45deg);}
.rare-nft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.rare-nft-card{min-width:0;}
@media(min-width:760px){.rare-nft-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}


/* Final visibility guard: hidden rarity galleries must never be forced visible by grid display rules. */
#home > .collection-section [data-common-track][hidden],
#home > .collection-section [data-rare-track][hidden],
#home > .collection-section [data-rarity-gallery][hidden],
#home > .collection-section [data-rarity-message][hidden],
#home > .collection-section [data-common-prev][hidden],
#home > .collection-section [data-common-next][hidden] { display: none !important; }


/* Rare NFT badge uses the same diamond shape as the Rare symbol beside “Tap to explore”. */
#home > .collection-section .rare-rarity-badge::before {
  width: 8px !important; height: 8px !important; flex: 0 0 8px !important;
  border-radius: 0 !important; transform: rotate(45deg) !important;
  background: #75cdb7 !important; box-shadow: none !important;
}


/* Epic gallery visibility and violet rarity marker */
#home > .collection-section [hidden] { display: none !important; }
#home > .collection-section .epic-rarity-badge { display:inline-flex; align-items:center; gap:7px; color:#b69cff; font-size:.72rem; letter-spacing:.12em; font-weight:700; }
#home > .collection-section .epic-rarity-badge::before { content:"✦"; display:inline-block; color:#b69cff; font-size:.8rem; line-height:1; }


/* Epic NFT cards: keep the metadata line neutral; use the same violet sparkle as the Epic selector below. */
#home > .collection-section .common-nft-meta .epic-card-label { color: #8f9085 !important; }
#home > .collection-section .common-nft-meta .epic-rarity-badge { color: #b69cff !important; }
#home > .collection-section .common-nft-meta .epic-rarity-badge::before { content: "✦" !important; display: inline-block !important; width: auto !important; height: auto !important; flex: 0 0 auto !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #b69cff !important; font-size: .8rem !important; line-height: 1 !important; transform: none !important; }


/* Keep hidden rarity galleries hidden even when grid styles use !important. */
#home > .collection-section [data-common-track][hidden],
#home > .collection-section [data-rare-track][hidden],
#home > .collection-section [data-epic-track][hidden],
#home > .collection-section [data-legendary-track][hidden],
#home > .collection-section [data-rarity-gallery][hidden] {
  display: none !important;
}

/* Legendary label: gold crown marker, matching the Legendary symbol by Explore. */
#home > .collection-section .legendary-card-label { color: #8f9085 !important; }
#home > .collection-section .legendary-rarity-badge {
  display: inline-flex; align-items: center; gap: 7px;
  color: #d6b568 !important; font-size: .72rem; letter-spacing: .12em; font-weight: 700;
  background: transparent; border: 0; border-radius: 0; padding: 0;
}
#home > .collection-section .legendary-rarity-badge::before {
  content: "♛"; display: inline-block; color: #d6b568 !important; font-size: .85rem; line-height: 1;
  width: auto !important; height: auto !important; flex: 0 0 auto !important;
  border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
}


/* Match the Legendary card badge to the gold crown marker beside Explore. */
#home > .collection-section .legendary-rarity-badge::before {
  content: "♛" !important;
  color: #d9b45b !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: .9rem;
  line-height: 1;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#home > .collection-section .legendary-rarity-badge {
  color: #d9b45b !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Overview draft v1 — intentionally scoped to the Overview panel only. */
#home > .overview-page.active-panel { display:block !important; height:100%; max-height:100%; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; background:radial-gradient(ellipse at 77% 9%,rgba(202,255,76,.07),transparent 28%),#11120e; }
#home > .overview-page .overview-hero { min-height: min(690px, calc(100dvh - 82px)); padding-top:58px; padding-bottom:48px; }
#home > .overview-page .hero h1 span, #home > .overview-page h2 span { color:var(--lime); }
#home > .overview-page .hero h1 { font-size:clamp(52px,6.7vw,86px); }
#home > .overview-page .button-primary { background:var(--lime); border-radius:999px; min-height:50px; padding:0 22px; }
#home > .overview-page .button-primary:hover { background:#d8ff85; }
#home > .overview-page .hero-note { color:#8e907f; font-size:9px; letter-spacing:.13em; }
#home > .overview-page .overview-status { display:flex; align-items:center; gap:10px; margin-top:38px; color:#8f9180; font-size:9px; letter-spacing:.13em; }
#home > .overview-page .overview-visual { min-height:430px; }

#home > .overview-page .overview-collage-visual { min-height:0; display:block; align-self:center; width:100%; }
#home > .overview-page .overview-collage-image { display:block; width:100%; height:auto; object-fit:contain; border:0; outline:0; background:transparent; box-shadow:none; filter:drop-shadow(0 12px 26px #a5ff3010); }

#home > .overview-page .mascot-image { width:min(100%,470px); max-height:480px; object-fit:contain; filter:drop-shadow(0 25px 45px #0009); animation:meltcore-float 6s ease-in-out infinite; }
#home > .overview-page .visual-caption { position:absolute; left:5%; right:5%; bottom:12px; display:flex; justify-content:space-between; color:#777b68; font-size:8px; letter-spacing:.16em; }
#home > .overview-page .overview-intro { display:grid; grid-template-columns:.65fr 1fr .9fr; gap:30px; align-items:center; padding-top:86px; padding-bottom:100px; border-top:1px solid #ffffff14; }
#home > .overview-page .overview-section-label { align-self:start; color:#969786; font-size:9px; letter-spacing:.16em; display:flex; gap:12px; align-items:center; }
#home > .overview-page .overview-section-label span { color:var(--lime); }
#home > .overview-page .overview-intro-copy h2, #home > .overview-page .overview-roadmap h2, #home > .overview-page .overview-community h2 { font:600 clamp(38px,4.7vw,60px)/.98 var(--display); letter-spacing:-.07em; margin:0 0 22px; }
#home > .overview-page .overview-intro-copy p, #home > .overview-page .overview-roadmap-head p, #home > .overview-page .overview-community p { color:#a3a596; font-size:12px; line-height:1.9; max-width:42ch; }
#home > .overview-page .overview-art-card { position:relative; min-width:0; padding:15px; border:1px solid #ffffff16; background:linear-gradient(145deg,#202219,#14150f); }
#home > .overview-page .overview-art-card img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; }
#home > .overview-page .overview-art-meta { display:flex; flex-direction:column; gap:7px; padding:16px 3px 5px; }
#home > .overview-page .overview-art-meta span, #home > .overview-page .art-index { color:#929582; font-size:8px; letter-spacing:.14em; }
#home > .overview-page .overview-art-meta strong { font:500 17px var(--display); }
#home > .overview-page .art-index { position:absolute; top:25px; left:25px; padding:7px 9px; background:#10110de8; }
#home > .overview-page .overview-roadmap { padding-top:75px; padding-bottom:92px; border-top:1px solid #ffffff14; }
#home > .overview-page .overview-roadmap-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin:22px 0 34px; }
#home > .overview-page .overview-roadmap-head p { max-width:34ch; margin:0 0 5px; }
#home > .overview-page .overview-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
#home > .overview-page .overview-step { display:flex; flex-direction:column; min-height:260px; padding:20px; border:1px solid #ffffff16; background:linear-gradient(145deg,#1c1e16,#151610); }
#home > .overview-page .overview-step.current { border-color:#caff4c65; background:linear-gradient(145deg,#242b17,#171812); }
#home > .overview-page .step-top { display:flex; justify-content:space-between; gap:8px; color:#888b79; font-size:8px; letter-spacing:.1em; }
#home > .overview-page .step-state { color:var(--lime); display:flex; align-items:center; gap:6px; }
#home > .overview-page .step-state i { width:5px; height:5px; border-radius:50%; background:var(--lime); box-shadow:0 0 10px #caff4c77; }
#home > .overview-page .step-symbol { margin-top:26px; color:var(--lime); font-size:28px; }
#home > .overview-page .overview-step h3 { margin:10px 0 9px; font:600 22px var(--display); letter-spacing:-.05em; }
#home > .overview-page .overview-step p { color:#999b8d; font-size:10px; line-height:1.8; margin:0 0 22px; }
#home > .overview-page .overview-step a { color:var(--lime); text-decoration:none; font-size:10px; font-weight:700; margin-top:auto; }
#home > .overview-page .overview-step a span { margin-left:8px; }
#home > .overview-page .step-foot { color:#777a69; font-size:8px; letter-spacing:.15em; margin-top:auto; }
#home > .overview-page .overview-community { display:flex; align-items:center; gap:30px; padding-top:42px; padding-bottom:42px; border-top:1px solid #ffffff14; border-bottom:1px solid #ffffff14; background:radial-gradient(ellipse at 20% 50%,#caff4c0c,transparent 45%); }
#home > .overview-page .community-mark { flex:0 0 80px; height:80px; display:grid; place-items:center; border:1px solid #caff4c40; border-radius:50%; color:#f0f1e7; font:600 26px var(--display); }
#home > .overview-page .community-mark span { color:var(--lime); }
#home > .overview-page .overview-community h2 { font-size:clamp(30px,4vw,46px); margin:15px 0 8px; }
#home > .overview-page .overview-community p { margin:0; }
#home > .overview-page .overview-community .button { margin-left:auto; flex-shrink:0; }
#home > .overview-page .overview-footer { display:flex; justify-content:space-between; gap:20px; padding-top:22px; padding-bottom:22px; color:#6f7263; font-size:8px; letter-spacing:.14em; }
@media(max-width:850px) { #home > .overview-page .overview-intro { grid-template-columns:.45fr 1fr; } #home > .overview-page .overview-art-card { grid-column:2; max-width:310px; } #home > .overview-page .overview-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) {
  #home { height:calc(100dvh - 70px); }
  #home > .overview-page.active-panel { height:100%; }
  #home > .overview-page .overview-hero { display:flex !important; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:4px; min-height:0; padding:34px 22px 42px; }
  #home > .overview-page .hero-copy { order:0; width:100%; padding:0; }
  #home > .overview-page .hero h1 { font-size:clamp(48px,13vw,70px); margin:18px 0 16px; line-height:.98; }
  #home > .overview-page .hero-description { font-size:13px; line-height:1.8; max-width:38ch; }
  #home > .overview-page .hero-buttons { flex-direction:row; align-items:center; flex-wrap:wrap; gap:14px; margin-top:23px; }
  #home > .overview-page .hero-note { font-size:8px; }
  #home > .overview-page .overview-status { margin-top:24px; font-size:8px; }
  #home > .overview-page .overview-visual { order:1; width:100%; height:310px; min-height:310px; margin:12px 0 0; }
  #home > .overview-page .mascot-image { width:min(88%,330px); max-height:300px; }
  #home > .overview-page .overview-intro { grid-template-columns:1fr; gap:25px; padding-top:54px; padding-bottom:62px; }
  #home > .overview-page .overview-intro-copy h2, #home > .overview-page .overview-roadmap h2 { font-size:46px; }
  #home > .overview-page .overview-art-card { grid-column:auto; max-width:100%; }
  #home > .overview-page .overview-art-card img { max-height:330px; object-fit:contain; background:#171812; }
  #home > .overview-page .overview-roadmap { padding-top:54px; padding-bottom:62px; }
  #home > .overview-page .overview-roadmap-head { display:block; margin:20px 0 25px; }
  #home > .overview-page .overview-roadmap-head p { margin-top:15px; }
  #home > .overview-page .overview-steps { grid-template-columns:1fr; gap:10px; }
  #home > .overview-page .overview-step { min-height:215px; padding:19px; }
  #home > .overview-page .step-symbol { margin-top:20px; }
  #home > .overview-page .overview-community { align-items:flex-start; flex-wrap:wrap; gap:20px; padding-top:34px; padding-bottom:34px; }
  #home > .overview-page .community-mark { flex-basis:54px; height:54px; font-size:20px; }
  #home > .overview-page .overview-community > div:nth-child(2) { flex:1; min-width:0; }
  #home > .overview-page .overview-community h2 { font-size:34px; }
  #home > .overview-page .overview-community .button { margin-left:74px; }
  #home > .overview-page .overview-footer { font-size:7px; }
}

/* MELTCORE premium NFT Hero copy refinement */
#home > .hero.active-panel .hero h1 {
  font-size: clamp(42px, 5.4vw, 72px);
  line-height: .98;
  letter-spacing: -.065em;
  text-transform: uppercase;
}
#home > .hero.active-panel .hero h1 span {
  color: var(--lime);
}
#home > .hero.active-panel .hero-description {
  max-width: 39ch;
  line-height: 1.7;
}
#home > .hero.active-panel .overview-collage-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 72dvh;
  object-fit: contain;
  mix-blend-mode: screen;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
@media(max-width:650px) {
  #home > .hero.active-panel .hero h1 {
    font-size: clamp(35px, 9.2vw, 48px);
    line-height: .99;
    letter-spacing: -.06em;
  }
  #home > .hero.active-panel .hero-description {
    font-size: 12px;
    line-height: 1.55;
  }
  #home > .hero.active-panel .overview-collage-image {
    max-height: 30dvh;
    width: 100%;
  }
}


/* Final title typography: calm editorial hierarchy, two deliberate lines */
#home > .hero.active-panel .hero h1 {
  font-size: clamp(40px, 5.1vw, 68px);
  line-height: 1.04;
  letter-spacing: -.055em;
  font-weight: 700;
  text-transform: none;
  text-wrap: balance;
  margin-top: 22px;
  margin-bottom: 22px;
}
#home > .hero.active-panel .hero h1 span {
  display: inline-block;
  color: var(--lime);
  text-shadow: 0 0 28px #caff4c15;
}
@media(max-width:650px) {
  #home > .hero.active-panel .hero h1 {
    font-size: clamp(34px, 9.3vw, 39px);
    line-height: 1.08;
    letter-spacing: -.05em;
    margin-top: 17px;
    margin-bottom: 16px;
  }
}

/* Approved Overview heading: single-line What is MELTCORE? */
#home .overview-hero #overview-title {
  font-size: clamp(32px, 5vw, 58px);
  line-height: 1.08;
  letter-spacing: -.045em;
  white-space: nowrap;
}
#home .overview-hero #overview-title span { color: var(--lime); }
@media (max-width: 650px) {
  #home .overview-hero #overview-title { font-size: clamp(27px, 7.3vw, 42px); letter-spacing: -.05em; }
}

/* Compact whitelist CTA; keep the right side free for the future View Collection action */
#home .overview-hero .hero-buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 100%;
}
#home .overview-hero .hero-buttons .button-primary {
  width: auto;
  min-width: 0;
  flex: 0 0 auto;
  min-height: 46px;
  padding: 0 18px;
  gap: 14px;
  justify-content: center;
  border-radius: 999px;
  white-space: nowrap;
}
@media (max-width: 650px) {
  #home .overview-hero .hero-buttons .button-primary {
    min-height: 42px;
    padding: 0 16px;
    font-size: 11px;
  }
}


/* MELTCORE hero polish: single CTA, clean copy, no decorative status label */
#home > .overview-page .overview-hero {
  padding-top: 38px;
  padding-bottom: 28px;
  gap: 12px;
}
#home > .overview-page .hero-copy { max-width: 680px; }
#home > .overview-page #overview-title {
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.06;
  letter-spacing: -.05em;
  white-space: normal;
  text-transform: none;
  margin: 10px 0 15px;
  text-wrap: balance;
}
#home > .overview-page #overview-title span { color: var(--lime); }
#home > .overview-page .hero-description {
  max-width: 48ch;
  font-size: 14px;
  line-height: 1.65;
  margin: 0;
}
#home > .overview-page .hero-buttons { margin-top: 20px; gap: 0; }
#home > .overview-page .hero-buttons .button-primary {
  width: auto;
  min-width: 0;
  min-height: 44px;
  padding: 0 19px;
  justify-content: center;
  border-radius: 999px;
  font-size: 12px;
  box-shadow: 0 8px 28px #caff4c12;
}
#home > .overview-page .overview-status { display: none !important; }
#home > .overview-page .overview-collage-visual { margin-top: 6px; }
#home > .overview-page .overview-collage-image {
  width: 100%;
  max-width: 100%;
  max-height: none;
  margin: 0 auto;
  mix-blend-mode: screen;
  filter: none;
}
@media (max-width: 650px) {
  #home > .overview-page .overview-hero { padding: 30px 22px 34px; gap: 10px; }
  #home > .overview-page #overview-title { font-size: clamp(31px, 8.5vw, 39px); line-height: 1.08; margin: 7px 0 13px; }
  #home > .overview-page .hero-description { font-size: 13px; line-height: 1.6; max-width: 42ch; }
  #home > .overview-page .hero-buttons { margin-top: 18px; }
  #home > .overview-page .hero-buttons .button-primary { min-height: 42px; padding: 0 17px; font-size: 11px; }
  #home > .overview-page .overview-collage-visual { margin-top: 8px; }
  #home > .overview-page .overview-collage-image { width: 100%; max-height: none; }
}


/* Final mobile polish: plain whitelist CTA and a larger, tighter NFT collage */
#home > .overview-page .overview-hero .hero-buttons .button-primary {
  gap: 0;
  justify-content: center;
}
#home > .overview-page .overview-hero .hero-buttons .button-primary b { display: none !important; }
#home > .overview-page .overview-collage-visual {
  margin-top: 0;
  overflow: visible;
}
#home > .overview-page .overview-collage-image {
  width: 108%;
  max-width: none;
  margin-left: -4%;
}
@media (max-width: 650px) {
  #home > .overview-page .overview-hero {
    padding-top: 30px;
    padding-bottom: 6px;
    gap: 4px;
  }
  #home > .overview-page .overview-hero .hero-buttons { margin-top: 18px; }
  #home > .overview-page .overview-collage-visual {
    margin-top: 0;
    margin-bottom: 0;
  }
  #home > .overview-page .overview-collage-image {
    width: 116%;
    max-width: none;
    margin-left: -8%;
  }
  #home > .overview-page .overview-intro {
    padding-top: 48px;
  }
}

/* Hero copy leads the page; the explanatory heading lives beneath the NFT collage. */
.overview-hero .hero-lead {
  display: block;
  max-width: 690px;
  margin: 0 0 24px;
  font-family: 'DM Sans', sans-serif;
  font-size: clamp(17px, 2.1vw, 22px);
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: -0.02em;
  color: var(--muted, #b8b9b0);
}
.overview-intro-copy h2 {
  max-width: 720px;
  font-size: clamp(34px, 5.5vw, 62px);
  line-height: 1.06;
  letter-spacing: -0.055em;
}
.overview-intro-copy h2 span { color: var(--lime, #c9ff4c); }
@media (max-width: 650px) {
  .overview-hero .hero-lead {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 22px;
  }
  .overview-intro-copy h2 {
    font-size: clamp(34px, 9vw, 44px);
    line-height: 1.08;
  }
}

/* Whitelist MELTCORE hero title */
.overview-hero #overview-title {
  margin: 0 0 18px;
  max-width: 700px;
  font-family: inherit;
  font-size: clamp(36px, 7.5vw, 64px);
  line-height: 1.04;
  letter-spacing: -0.055em;
  font-weight: 750;
  color: var(--text, #f5f2e9);
}
.overview-hero #overview-title span { color: var(--lime, #c9ff4c); }
.overview-hero .hero-lead {
  display: block;
  max-width: 690px;
  margin: 0 0 24px;
  font-size: clamp(17px, 2.1vw, 22px);
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: -0.02em;
  color: var(--muted, #b8b9b0);
}
@media (max-width: 650px) {
  .overview-hero #overview-title {
    font-size: clamp(35px, 9vw, 44px);
    line-height: 1.08;
    margin-bottom: 16px;
  }
  .overview-hero .hero-lead {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 22px;
  }
}

/* Seamless transition from the NFT collage into What is MELTCORE */
.hero-gallery,
.nft-collage-section,
.collection-preview,
.hero-art,
.collage-wrap {
  border-bottom: 0 !important;
  box-shadow: none;
}
.hero-gallery::after,
.nft-collage-section::after,
.collection-preview::after,
.hero-art::after,
.collage-wrap::after {
  display: none !important;
  content: none !important;
}
.section-eyebrow,
.section-kicker,
.eyebrow,
.section-label {
  /* Keep other section labels unchanged; the specific "01 THE IDEA" label is removed in markup. */
}

/* Final mobile layout: blend the NFT collage into What is MELTCORE */
#home > .overview-page .overview-intro {
  border-top: 0 !important;
}
#home > .overview-page .overview-section-label {
  display: none !important;
}
@media (max-width: 650px) {
  #home > .overview-page .overview-hero {
    padding-bottom: 12px !important;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
  }
  #home > .overview-page .overview-visual {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }
  #home > .overview-page .overview-intro {
    padding-top: 28px !important;
    margin-top: 0 !important;
    border-top: 0 !important;
  }
}

/* Typography alignment: keep the hero and What is MELTCORE headings/descriptions consistent. */
#home > .overview-page .overview-hero .hero-copy h1,
#home > .overview-page .overview-intro-copy h2 {
  font-size: clamp(40px, 5.2vw, 58px) !important;
  line-height: 1.04 !important;
  font-weight: 600 !important;
  letter-spacing: -0.055em !important;
}
#home > .overview-page .overview-hero .hero-description,
#home > .overview-page .overview-intro-copy p {
  font-size: 14px !important;
  line-height: 1.8 !important;
  font-weight: 400 !important;
}
@media (max-width: 650px) {
  #home > .overview-page .overview-hero .hero-copy h1,
  #home > .overview-page .overview-intro-copy h2 {
    font-size: clamp(32px, 9.2vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.05em !important;
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }
  #home > .overview-page .overview-hero .hero-description,
  #home > .overview-page .overview-intro-copy p {
    font-size: 13px !important;
    line-height: 1.8 !important;
  }
}


/* Latest requested polish: paired green CTAs and a seamless What is MELTCORE section. */
#home > .overview-page .overview-hero .hero-buttons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px !important;
}
#home > .overview-page .overview-hero .hero-buttons .button-primary {
  display: inline-flex;
  width: auto !important;
  min-width: 0;
  min-height: 44px;
  padding: 0 18px;
  flex: 0 0 auto;
  background: var(--lime);
  color: #15170f;
  border-radius: 999px;
  justify-content: center;
  font-size: 12px;
  white-space: nowrap;
  box-shadow: 0 8px 28px #caff4c18;
}
#home > .overview-page .overview-hero .hero-buttons .button-primary:hover { background: #d8ff85; }
#home > .overview-page .overview-intro {
  display: block !important;
  border-top: 0 !important;
  padding-top: 42px;
  padding-bottom: 64px;
}
#home > .overview-page .overview-intro-copy { max-width: 760px; }
#home > .overview-page .overview-art-card { display: none !important; }
#home > .overview-page .overview-roadmap { border-top: 0 !important; }
@media (max-width: 650px) {
  #home > .overview-page .overview-hero .hero-buttons { gap: 10px !important; }
  #home > .overview-page .overview-hero .hero-buttons .button-primary {
    min-height: 42px; padding: 0 15px; font-size: 11px;
  }
  #home > .overview-page .overview-intro { padding-top: 34px; padding-bottom: 48px; }
}


/* View Collection belongs below the What is MELTCORE description. */
#home > .overview-page .intro-view-collection {
  display: inline-flex;
  width: auto;
  min-height: 47px;
  margin-top: 22px;
  padding: 0 22px;
  justify-content: center;
  border-radius: 999px;
  background: var(--lime, #caff4c);
  color: #17180f;
  font-size: 12px;
}
@media (max-width: 650px) {
  #home > .overview-page .intro-view-collection {
    width: auto;
    min-height: 46px;
    margin-top: 18px;
    padding: 0 22px;
    font-size: 12px;
  }
}


/* MELTCORE Genesis NFT mint introduction */
#home > .overview-page .mint-nft-section {
  position: relative; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(190px, .7fr); gap: 44px; align-items: center;
  padding-top: 42px; padding-bottom: 88px; border-top: 0; overflow: hidden;
}
#home > .overview-page .mint-nft-copy { max-width: 650px; position: relative; z-index: 1; }
#home > .overview-page .mint-nft-section h2 { font: 600 clamp(38px,4.7vw,60px)/.98 var(--display); letter-spacing: -.07em; margin: 19px 0 22px; }
#home > .overview-page .mint-nft-section h2 span { color: var(--lime); }
#home > .overview-page .mint-nft-section p { color: #a3a596; font-size: 12px; line-height: 1.9; max-width: 60ch; margin: 0 0 14px; }
#home > .overview-page .mint-nft-section .mint-nft-note { color: #777b6e; font-size: 11px; }
#home > .overview-page .mint-coming-soon { margin-top: 12px; cursor: default; opacity: .82; font-size: 10px; }
#home > .overview-page .mint-nft-mark { justify-self: center; width: min(100%, 255px); aspect-ratio: 1; border: 1px solid #b9f34b30; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; color: var(--lime); background: radial-gradient(circle, #b9f34b0d 0%, #11120e00 68%); }
#home > .overview-page .mint-nft-mark:before, #home > .overview-page .mint-nft-mark:after { content: ""; position: absolute; inset: 13px; border: 1px solid #b9f34b19; border-radius: 50%; }
#home > .overview-page .mint-nft-mark:after { inset: 31px; border-style: dashed; }
#home > .overview-page .mint-nft-mark span { font: 700 66px/.9 var(--display); letter-spacing: -.1em; }
#home > .overview-page .mint-nft-mark i { font-style: normal; font-size: 20px; margin-top: 10px; }
#home > .overview-page .mint-nft-mark small { margin-top: 18px; font-size: 8px; letter-spacing: .2em; color: #9da18f; }
@media(max-width:650px) {
  #home > .overview-page .mint-nft-section { grid-template-columns: 1fr; gap: 30px; padding-top: 55px; padding-bottom: 62px; }
  #home > .overview-page .mint-nft-section h2 { font-size: 46px; }
  #home > .overview-page .mint-nft-mark { width: 185px; grid-row: 1; }
  #home > .overview-page .mint-nft-mark span { font-size: 52px; }
}


/* MELTCORE Genesis NFT mint section */
#home > .overview-page .mint-nft-section { display:block; padding-top:12px; padding-bottom:56px; border-top:0; }
#home > .overview-page .mint-nft-copy { box-sizing:border-box; width:100%; max-width:760px; margin:0 auto; padding:clamp(26px, 5vw, 52px); border:1px solid #ffffff18; border-radius:18px; background:linear-gradient(135deg, #171812 0%, #11120e 100%); }
#home > .overview-page .mint-nft-copy h2 { margin: 20px 0 18px; color: #f3f1e7; font: 600 clamp(34px, 4.5vw, 54px)/1 var(--disp, var(--display)); letter-spacing: -.055em; }
#home > .overview-page .mint-nft-copy h2 span { color: var(--lime, #caff4c); }
#home > .overview-page .mint-nft-copy p { max-width: 680px; color: #aaa99d; font-size: 14px; line-height: 1.85; margin: 0; }
#home > .overview-page .mint-opensea-button { display:flex; width:100%; min-height:54px; margin-top: 26px; padding: 0 22px; border-radius: 999px; justify-content: center; background: var(--lime, #caff4c); color: #17180f; font-size: 12px; }
#home > .overview-page .mint-opensea-button:hover { background: #d9ff78; }
@media (max-width: 650px) { #home > .overview-page .mint-nft-section { display:block; padding-top:12px; padding-bottom:56px; } #home > .overview-page .mint-nft-copy { padding: 24px 20px; } #home > .overview-page .mint-nft-copy p { font-size: 13px; line-height: 1.8; } }


/* MELTCORE token launch section — visually matched to the Mint NFT card */
#home > .overview-page .token-launch-section { position:relative; display:block; padding-top:12px; padding-bottom:56px; border-top:0; }
#home > .overview-page .token-launch-copy { max-width:760px; margin:0 auto; padding:clamp(26px,5vw,52px); border:1px solid #ffffff18; border-radius:18px; background:linear-gradient(135deg,#171812 0%,#11120e 100%); position:relative; z-index:1; }
#home > .overview-page .token-launch-section h2 { margin:20px 0 18px; color:#f3f1e7; font:600 clamp(34px,4.5vw,54px)/1 var(--disp,var(--display)); letter-spacing:-.055em; }
#home > .overview-page .token-launch-section h2 span { color:var(--lime,#caff4c); }
#home > .overview-page .token-launch-section p { max-width:680px; color:#aaa99d; font-size:14px; line-height:1.85; margin:0; }
#home > .overview-page .token-launch-coming-soon { display:flex; align-items:center; justify-content:center; width:100%; min-height:54px; margin-top:24px; cursor:default; opacity:.9; font-size:14px; }
@media(max-width:650px) { #home > .overview-page .token-launch-section { padding-top:12px; padding-bottom:56px; } #home > .overview-page .token-launch-copy { padding:24px 20px; } #home > .overview-page .token-launch-section h2 { font-size:clamp(34px, 4.5vw, 40px); } #home > .overview-page .token-launch-section p { font-size:13px; line-height:1.8; } #home > .overview-page .token-launch-coming-soon { min-height:46px; margin-top:20px; font-size:12px; } }

/* Match both upcoming action buttons */
#home > .overview-page .mint-opensea-button.mint-coming-soon { display:flex; align-items:center; justify-content:center; width:100%; min-height:54px; margin-top:24px; padding:0 22px; cursor:default; opacity:.9; font-size:14px; border-radius:999px; }
@media(max-width:650px){ #home > .overview-page .mint-opensea-button.mint-coming-soon { min-height:46px; margin-top:20px; font-size:12px; } }


/* NFT staking card — visually matched to Mint NFT and Token Launch */
#home > .overview-page .staking-section { position:relative; display:block; padding-top:12px; padding-bottom:100px; border-top:0; }
#home > .overview-page .staking-copy { max-width:760px; margin:0 auto; padding:clamp(26px,5vw,52px); border:1px solid #ffffff18; border-radius:18px; background:linear-gradient(135deg,#171812 0%,#11120e 100%); position:relative; z-index:1; }
#home > .overview-page .staking-section h2 { margin:20px 0 18px; color:#f3f1e7; font:600 clamp(34px,4.5vw,54px)/1 var(--disp,var(--display)); letter-spacing:-.055em; }
#home > .overview-page .staking-section h2 span { color:var(--lime,#caff4c); }
#home > .overview-page .staking-section p { max-width:680px; color:#aaa99d; font-size:14px; line-height:1.85; margin:0; }
#home > .overview-page .staking-coming-soon { display:flex; align-items:center; justify-content:center; width:100%; min-height:54px; margin-top:24px; cursor:default; opacity:.9; font-size:14px; border-radius:999px; }
@media(max-width:650px) { #home > .overview-page .staking-section { padding-top:12px; padding-bottom:56px; } #home > .overview-page .staking-copy { padding:24px 20px; } #home > .overview-page .staking-section h2 { font-size:clamp(34px,4.5vw,40px); } #home > .overview-page .staking-section p { font-size:13px; line-height:1.8; } #home > .overview-page .staking-coming-soon { min-height:46px; margin-top:20px; font-size:12px; } }


/* Whitelist-only layout: keep the site header and show the form as an integrated page section. */
.whitelist-section{padding:54px 0 84px;min-height:calc(100vh - 155px);display:flex;align-items:flex-start}
.whitelist-layout{display:flex;justify-content:center;align-items:flex-start;width:100%;}
.whitelist-layout > .form-card{width:min(100%,650px);margin:0 auto;}
.whitelist-backdrop{background:radial-gradient(ellipse at 50% 5%,#caff4c0b,transparent 48%),radial-gradient(ellipse at 50% 75%,#caa13b12,transparent 55%);}
@media(max-width:650px){.whitelist-section{padding:30px 0 54px;min-height:calc(100vh - 70px)}.whitelist-layout{display:flex;gap:0}.whitelist-layout > .form-card{width:100%;padding:24px 19px}.form-card-header{margin-bottom:24px}}

/* MELTCORE whitelist form: seamless dark theme matching the main site */
.form-card{background:transparent!important;color:var(--ink)!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:30px 0!important;max-width:680px;margin:0 auto}
.form-card-header{margin-bottom:29px}
.form-kicker{color:var(--gold)!important}
.form-card h3{color:var(--ink)!important}
.form-card-header p{color:var(--muted)!important}
.form-emblem{background:var(--panel)!important;color:var(--gold)!important;border:1px solid var(--line)}
.form-card label:not(.consent-row){color:var(--ink)!important}
.form-card label:not(.consent-row)>span{color:#aaa99b!important}
.input-wrap{background:#1b1c16!important;border:1px solid #ffffff24!important;border-radius:5px!important}
.input-wrap:focus-within{border-color:var(--lime)!important;box-shadow:0 0 0 3px #caff4c18!important}
.input-prefix{color:var(--gold)!important;border-right:1px solid #ffffff20!important}
.input-wrap input{color:var(--ink)!important}
.input-wrap input::placeholder{color:#858578!important;opacity:1}
.input-hint{color:var(--muted)!important}
.consent-row{color:var(--muted)!important}
.consent-row input{accent-color:var(--lime)!important}
.form-security{border-top:1px solid var(--line)!important}
.form-security p{color:var(--muted)!important}
.form-message.success{color:var(--lime)!important}
.form-message.error{color:#ff9c8d!important}
@media(max-width:700px){.whitelist-section{padding:36px 0 60px!important}.whitelist-layout{display:block!important;padding-left:22px!important;padding-right:22px!important}.form-card{padding:22px 0!important}.form-card h3{font-size:29px!important}.form-card-header{margin-bottom:25px!important}}


/* Whitelist header refinement: larger split-color kicker and concise collection description */
.form-kicker{display:block;font-size:13px!important;line-height:1.4;letter-spacing:.19em!important;font-weight:800!important;color:var(--ink)!important;margin:0 0 15px!important}
.form-kicker .form-kicker-accent{color:var(--lime)!important}
.form-card-header .form-intro{max-width:520px;font-size:15px!important;line-height:1.8!important;color:var(--muted)!important;margin:0!important}
.form-card-header{align-items:flex-start}
@media(max-width:700px){.form-kicker{font-size:12px!important;margin-bottom:13px!important}.form-card-header .form-intro{font-size:14px!important;line-height:1.75!important;max-width:calc(100% - 4px)}}


/* Final whitelist palette correction: only MELTCORE white, lime and black. */
#home > .whitelist-section .form-kicker,
#home > .whitelist-section .form-kicker-accent { color: var(--lime, #caff4c) !important; }
#home > .whitelist-section .form-kicker { color: var(--ink, #f7f2e4) !important; }
#home > .whitelist-section .form-kicker-accent { color: var(--lime, #caff4c) !important; }
#home > .whitelist-section .form-emblem { color: var(--lime, #caff4c) !important; background: var(--panel, #1b1c16) !important; border-color: #caff4c30 !important; }
#home > .whitelist-section .input-prefix { color: var(--lime, #caff4c) !important; }
#home > .whitelist-section .whitelist-backdrop { background: radial-gradient(ellipse at 50% 5%, #caff4c0b, transparent 48%), radial-gradient(ellipse at 50% 75%, #caff4c07, transparent 55%) !important; }
#home > .whitelist-section .form-security > span { color: var(--lime, #caff4c) !important; }


/* Final requested cleanup: remove MC emblem and security footer; emphasize whitelist title. */
.form-kicker{font-size:18px!important;line-height:1.35!important;letter-spacing:.16em!important;font-weight:800!important;margin:0 0 17px!important}
.form-kicker .form-kicker-accent{color:var(--lime,#caff4c)!important}
.form-card-header{justify-content:flex-start!important}
@media(max-width:700px){.form-kicker{font-size:16px!important;letter-spacing:.14em!important;margin-bottom:16px!important}}

/* Whitelist social task links */
.whitelist-tasks{display:grid;gap:10px;margin:0 0 26px}
.whitelist-task{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border:1px solid #ffffff24;border-radius:5px;background:#171812;color:var(--ink);text-decoration:none;transition:border-color .2s,background .2s}
.whitelist-task:hover{border-color:var(--lime);background:#1b1e15}
.whitelist-task span{display:flex;flex-direction:column;gap:5px}
.whitelist-task strong{font-size:12px;font-weight:700;color:var(--ink)}
.whitelist-task small{font-size:10px;line-height:1.5;color:var(--muted)}
.whitelist-task>b{font-size:17px;color:var(--lime);font-weight:500}
.form-card label:not(.consent-row)>span{display:none!important}
@media(max-width:650px){.whitelist-tasks{gap:8px;margin-bottom:23px}.whitelist-task{padding:13px 12px}.whitelist-task strong{font-size:12px}.whitelist-task small{font-size:9px}}

/* Whitelist form refinements */
.follow-task > b { display:none !important; }
.follow-task { margin-bottom: 18px; }
.quote-task { display:flex; margin: 8px 0 22px; text-decoration:none; }

/* Whitelist task completion indicators and compact inputs */
.whitelist-tasks{gap:9px!important;margin-bottom:10px!important}
.whitelist-task.task-action{justify-content:flex-start!important;gap:12px!important;min-height:66px}
.task-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border:1px solid #73786a;border-radius:50%;color:#11120e;font-size:14px;font-weight:900;line-height:1}
.task-action.is-complete .task-check{background:var(--lime,#caff4c);border-color:var(--lime,#caff4c)}
.task-action.is-complete .task-check::after{content:"✓"}
.task-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.task-input{margin:0 0 18px!important}
.task-input input{font-size:13px!important}
.quote-task{margin:0 0 10px!important}
.task-action>b{display:none!important}

/* Refined grouped task cards: inputs are visually integrated with their task. */
.task-group{border:1px solid #ffffff24;border-radius:7px;background:#171812;overflow:hidden;margin:0 0 14px;transition:border-color .2s,background .2s}
.task-group:focus-within{border-color:var(--lime,#caff4c)}
.task-group .whitelist-task{border:0!important;border-radius:0!important;background:transparent!important;margin:0!important;padding:15px 16px 10px!important;min-height:0!important}
.task-group .whitelist-task:hover{background:transparent!important;border-color:transparent!important}
.task-group .task-input{margin:0 12px 12px!important;border-color:#ffffff20!important;background:#202119!important}
.task-group .task-input:focus-within{border-color:var(--lime,#caff4c)!important;box-shadow:0 0 0 2px #caff4c12!important}
.task-group .task-input .input-prefix{border-color:#ffffff20!important}
.task-group .task-input input{font-size:14px!important}
.task-group .task-input input::placeholder{color:#858578!important}
.task-group .task-copy strong{font-size:13px!important}
.task-group .task-copy small{font-size:10px!important}
.task-group .task-action.is-complete .task-check{box-shadow:0 0 0 3px #caff4c12}
@media(max-width:650px){.task-group{margin-bottom:12px}.task-group .whitelist-task{padding:14px 13px 9px!important}.task-group .task-input{margin:0 10px 10px!important}.task-group .task-copy strong{font-size:12px!important}}

/* Final whitelist form polish */
.form-card .input-prefix{display:none!important}
.form-card .input-wrap input{width:100%!important;padding-left:16px!important}
.form-card .input-wrap{gap:0!important}
.form-card .submit-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
.form-card .submit-button span{flex:initial!important;text-align:center!important}
.form-card .submit-button b{display:none!important}
.form-card.is-submitted{position:relative!important;filter:none!important}
.form-card.is-submitted>*:not(.submission-confirmation){opacity:.22!important;pointer-events:none!important;transition:opacity .25s ease}
.submission-confirmation{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:#000;border-radius:0;color:var(--ink,#f4f1e7);animation:submittedFade .25s ease;min-height:100dvh;width:100vw;box-sizing:border-box}
.submission-check{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--lime,#caff4c);color:#10120d;font-size:40px;font-weight:900;line-height:1;margin-bottom:17px;box-shadow:0 0 0 8px #caff4c20}
.submission-confirmation strong{font-size:24px;letter-spacing:.02em;color:var(--lime,#caff4c)}
.submission-confirmation p{margin:8px 0 0;color:var(--muted,#aaa99d);font-size:14px}
@keyframes submittedFade{from{opacity:0}to{opacity:1}}


/* Header wordmark: white MELT + neon-green CORE, as requested. */
.site-header .brand-word{color:#f7f2e4!important}
.site-header .brand-word span{color:#caff4c!important}

/* MELTCORE social footer */
.site-footer.meltcore-social-footer{display:flex!important;min-height:125px;align-items:center;justify-content:space-between;gap:24px;padding-top:25px;padding-bottom:25px;border-top:1px solid #252820;background:#050605;flex-wrap:wrap}.footer-brand-block{display:flex;flex-direction:column;gap:9px}.footer-brand-block .brand-word{font-size:20px;color:#fff}.footer-brand-block .brand-word span{color:#caff4c}.footer-tagline{font-size:8px;letter-spacing:.14em;color:#85877d}.footer-socials{display:flex;align-items:center;justify-content:center;gap:24px}.footer-social-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#d7d9d0;font-size:11px;transition:color .2s}.footer-social-link:hover{color:#caff4c}.footer-social-link img{width:24px;height:24px;object-fit:cover;border-radius:50%;display:block}.footer-social-pending{cursor:default}.footer-social-pending:hover{color:#d7d9d0}.social-letter{width:24px;height:24px;display:grid;place-items:center;border:1px solid #caff4c;color:#caff4c;font-size:13px;font-weight:700}.meltcore-social-footer .footer-right{font-size:9px;color:#777b72}@media(max-width:650px){.site-footer.meltcore-social-footer{align-items:flex-start;gap:22px}.footer-socials{width:100%;justify-content:flex-start;gap:22px;order:3}.meltcore-social-footer .footer-right{margin-left:auto}.footer-tagline{font-size:7px}}

/* Social footer logo sizing */
.footer-social-link img{width:24px;height:24px;object-fit:contain;border-radius:50%;background:#000;}

/* Final footer: keep all social links together at the very bottom of the page */
.site-footer.meltcore-social-footer{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:190px;margin-top:0;padding-top:32px;padding-bottom:28px;border-top:1px solid #252820;background:#050605;text-align:center}
.meltcore-social-footer .footer-brand-block{align-items:center;gap:7px}
.meltcore-social-footer .footer-socials{display:flex;align-items:center;justify-content:center;gap:30px;order:2}
.meltcore-social-footer .footer-social-link{display:inline-flex;align-items:center;gap:8px;color:#e4e6df;font-size:11px}
.meltcore-social-footer .footer-social-link img{width:25px;height:25px;object-fit:contain;border-radius:50%;display:block}
.meltcore-social-footer .footer-right{order:3;margin:0!important;padding-top:13px;border-top:1px solid #20221d;width:min(100%,500px);justify-content:center;font-size:9px;color:#777b72}
@media(max-width:650px){.site-footer.meltcore-social-footer{align-items:center;gap:17px;min-height:180px}.meltcore-social-footer .footer-socials{width:auto;justify-content:center;gap:20px;order:2}.meltcore-social-footer .footer-social-link{font-size:10px}.meltcore-social-footer .footer-right{margin:0!important;width:100%}}

/* Social footer flows naturally beneath the Earn Rewards section inside the home overview. */
.site-footer.meltcore-social-footer{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:auto!important;width:min(1240px,100%)!important;max-width:1240px!important;min-height:190px!important;height:auto!important;margin:48px auto 0!important;padding:32px 5.5% 28px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:18px!important;flex-wrap:wrap!important;background:#050605!important;border-top:1px solid #252820!important;text-align:center!important}
.meltcore-social-footer .footer-brand-block{display:flex!important;align-items:center!important;gap:7px!important}
.meltcore-social-footer .footer-socials{display:flex!important;width:auto!important;align-items:center!important;justify-content:center!important;gap:clamp(20px,5vw,34px)!important;order:2!important;margin:0!important}
.meltcore-social-footer .footer-right{display:flex!important;order:3!important;margin:0!important;padding-top:13px!important;border-top:1px solid #20221d!important;width:min(100%,500px)!important;justify-content:center!important;font-size:9px!important;color:#777b72!important}
@media(max-width:650px){.site-footer.meltcore-social-footer{align-items:center!important;gap:17px!important;margin-top:36px!important;padding:30px 6% 28px!important}.meltcore-social-footer .footer-socials{width:auto!important;justify-content:center!important;gap:20px!important;order:2!important}.meltcore-social-footer .footer-social-link{font-size:10px!important}.meltcore-social-footer .footer-right{margin:0!important;width:100%!important}}


/* NFT Allocation view — matched to MELTCORE's dark and neon-lime visual system. */
.allocation-section.view-panel{min-height:calc(100dvh - 82px);background:radial-gradient(ellipse at 80% 10%,rgba(202,255,76,.08),transparent 30%),#11120e;color:var(--ink);padding:clamp(42px,7vw,88px) 0 72px}
.allocation-layout{max-width:1050px}
.allocation-heading{max-width:680px;margin:0 auto 42px;text-align:center}
.allocation-kicker{color:var(--lime);font-size:10px;font-weight:700;letter-spacing:.18em}
.allocation-heading h1{font:600 clamp(38px,7vw,68px)/1 var(--display);letter-spacing:-.065em;margin:18px 0}
.allocation-heading h1 span{color:var(--lime)}
.allocation-heading p{max-width:55ch;margin:0 auto;color:#a3a596;font-size:14px;line-height:1.8}
.allocation-total{display:flex;align-items:baseline;justify-content:center;gap:12px;margin-top:26px}
.allocation-total strong{font:600 32px var(--display);color:var(--lime);letter-spacing:-.05em}
.allocation-total span{font-size:9px;color:#9a9d8a;letter-spacing:.15em}
.allocation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.allocation-card{padding:24px;border:1px solid #ffffff18;border-radius:18px;background:linear-gradient(145deg,#1a1c14,#13140f);min-width:0}
.allocation-card-top{display:flex;justify-content:space-between;align-items:center;color:#858875;font-size:10px;letter-spacing:.12em}
.allocation-percent{color:var(--lime);font-weight:700;font-size:13px}
.allocation-card h2{font:600 clamp(21px,3vw,28px)/1.1 var(--display);letter-spacing:-.05em;margin:24px 0 9px}
.allocation-card p{color:#a3a596;font-size:12px;line-height:1.75;min-height:42px;margin:0 0 22px}
.allocation-bar{height:5px;border-radius:99px;background:#ffffff12;overflow:hidden;margin-bottom:14px}
.allocation-bar i{display:block;height:100%;border-radius:99px;background:var(--lime);box-shadow:0 0 16px #caff4c35}
.allocation-count{font-size:12px;color:#f1f2e9}
.allocation-note{text-align:center;color:#777b6c;font-size:10px;line-height:1.7;margin:24px auto 0;max-width:70ch}
@media(max-width:650px){.allocation-section.view-panel{padding-top:42px}.allocation-heading{margin-bottom:30px}.allocation-list{grid-template-columns:1fr}.allocation-card{padding:22px}.allocation-card p{min-height:0}.allocation-total strong{font-size:28px}}


/* NFT Allocation: allow the full view to scroll on mobile and desktop. */
#home:has(.allocation-section.active-panel){height:calc(100dvh - var(--header-height, 78px));overflow:hidden}
.allocation-section.view-panel.active-panel{display:block!important;height:calc(100dvh - var(--header-height, 78px));min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#caff4c #171812;padding-bottom:72px;box-sizing:border-box}
.allocation-layout{width:min(1050px,100%);margin-inline:auto}
.allocation-card-top{justify-content:flex-end}
.allocation-tax-card{display:flex;align-items:center;gap:24px;margin:28px 0 0;padding:clamp(22px,4vw,34px);border:1px solid #caff4c45;border-radius:18px;background:linear-gradient(135deg,#1b2112,#13140f 72%);box-shadow:0 12px 40px #0002}
.allocation-tax-mark{flex:0 0 82px;width:82px;height:82px;display:grid;place-items:center;border:1px solid #caff4c65;border-radius:50%;color:#caff4c;font:700 25px var(--display);box-shadow:inset 0 0 25px #caff4c0d,0 0 30px #caff4c0d}
.allocation-tax-copy{min-width:0}
.allocation-tax-copy h2{font:600 clamp(22px,3.6vw,32px)/1.15 var(--display);letter-spacing:-.045em;margin:10px 0}
.allocation-tax-copy h2 span{color:var(--lime,#caff4c)}
.allocation-tax-copy p{margin:0;color:#a3a596;font-size:12px;line-height:1.85;max-width:75ch}
@media(max-width:650px){.allocation-section.view-panel.active-panel{padding-top:34px;padding-bottom:50px}.allocation-tax-card{flex-direction:column;align-items:flex-start;gap:16px;margin-top:22px}.allocation-tax-mark{width:64px;height:64px;flex-basis:64px;font-size:21px}.allocation-card-top{justify-content:flex-end}}


/* Tokenomics page */
.tokenomics-section.view-panel{min-height:calc(100dvh - 82px);background:radial-gradient(ellipse at 18% 12%,rgba(202,255,76,.07),transparent 32%),#11120e;color:var(--ink);padding:clamp(42px,7vw,88px) 0 72px}
.tokenomics-layout{max-width:1050px;width:min(1050px,100%);margin-inline:auto}
.tokenomics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tokenomics-card{min-height:180px}
.tokenomics-label{color:var(--lime);font-size:10px;font-weight:700;letter-spacing:.16em}
.tokenomics-card h2{font:600 clamp(22px,3vw,30px)/1.15 var(--display);letter-spacing:-.045em;margin:22px 0 10px;overflow-wrap:anywhere}
.tokenomics-card p{color:#a3a596;font-size:12px;line-height:1.8;margin:0}
.tokenomics-disclaimer{margin-top:24px;padding:22px 24px;border:1px solid #ffffff18;border-radius:16px;background:#ffffff05}
.tokenomics-disclaimer strong{color:var(--lime);font:600 17px var(--display)}
.tokenomics-disclaimer p{color:#a3a596;font-size:12px;line-height:1.8;margin:8px 0 0}
#home:has(.tokenomics-section.active-panel){height:calc(100dvh - var(--header-height, 78px));overflow:hidden}
.tokenomics-section.view-panel.active-panel{display:block!important;height:calc(100dvh - var(--header-height, 78px));min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#caff4c #171812;padding-bottom:72px;box-sizing:border-box}
@media(max-width:650px){.tokenomics-section.view-panel.active-panel{padding-top:34px;padding-bottom:50px}.tokenomics-grid{grid-template-columns:1fr}.tokenomics-card{min-height:0}.tokenomics-card h2{margin-top:15px}.tokenomics-tax-card{margin-top:22px}}


/* Restored MELTCORE Collection gallery styles */
:root{--bg:#11120e;--panel:#1b1c16;--panel2:#22231b;--ink:#f7f2e4;--muted:#aaa99b;--gold:#e8c86f;--gold-dark:#ad842e;--lime:#caff4c;--line:#ffffff1b;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);overflow-x:hidden}a{color:inherit}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.11;z-index:-1}.ambient-one{width:400px;height:400px;background:#b88b2e;top:170px;right:-160px}.ambient-two{width:350px;height:350px;background:#a5d52d;top:1200px;left:-230px}.site-header,.page-wrap,.site-footer{width:min(1240px,100%);margin:0 auto;padding-left:5.5%;padding-right:5.5%}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-symbol{position:relative;width:30px;height:30px;display:block;background:linear-gradient(145deg,#f5dc91,#bb8d31);border-radius:10px;transform:rotate(-8deg);overflow:hidden}.brand-symbol i{position:absolute;left:6px;top:6px;width:13px;height:15px;border-radius:50% 50% 45% 45%;background:#161711}.brand-symbol b{position:absolute;right:3px;bottom:3px;width:10px;height:11px;border-radius:50% 50% 40% 40%;background:var(--lime)}.brand-symbol em{position:absolute;right:5px;top:4px;width:4px;height:4px;background:#fff4c7;border-radius:50%}.brand-word{font:700 17px var(--display);letter-spacing:-.07em}.brand-word span{color:var(--gold)}.main-nav{display:flex;align-items:center;gap:30px}.nav-link{font-size:11px;color:#b7b5a8;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--gold)}.nav-cta{display:inline-flex;align-items:center;gap:17px;padding:12px 15px;background:var(--gold);color:#17160f;text-decoration:none;font-size:11px;font-weight:700;border-radius:3px;transition:transform .2s,background .2s}.nav-cta:hover{transform:translateY(-2px);background:#f4d987}.nav-cta span{font-size:16px}.menu-toggle{display:none}
.hero{background:radial-gradient(ellipse at 78% 43%,rgba(202,255,76,.075),transparent 34%),radial-gradient(ellipse at 85% 58%,rgba(232,200,111,.055),transparent 42%),linear-gradient(180deg,rgba(7,8,6,.18),rgba(17,18,14,0));background-repeat:no-repeat;min-height:640px;padding-top:75px;padding-bottom:45px;display:grid;grid-template-columns:1fr .9fr;gap:25px;align-items:center;position:relative}.hero-copy{padding-bottom:15px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:.18em;color:#d4c99e}.eyebrow-line{display:inline-block;width:24px;height:1px;background:var(--gold)}.eyebrow-pill{padding:6px 8px;border:1px solid #ffffff26;border-radius:2px;color:#a9a797;font-size:8px;letter-spacing:.1em;margin-left:5px}.hero h1,.section h2,.whitelist-copy h2{font:700 clamp(56px,7vw,92px)/.96 var(--display);letter-spacing:-.085em;margin:27px 0 23px}.hero h1 span,.section h2 span,.whitelist-copy h2 span{color:var(--gold)}.hero-description{max-width:455px;color:#aaa99d;font-size:14px;line-height:1.85}.hero-buttons{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px}.button{min-height:47px;padding:0 18px;border:0;border-radius:3px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;text-decoration:none;font:700 11px var(--font);cursor:pointer;transition:transform .2s,background .2s;letter-spacing:.01em}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:#17160f}.button-primary:hover{background:#f4d987}.button-primary span,.button-primary b{font-size:17px}.button-quiet{background:transparent;color:#e8e4d6;padding-left:0}.play-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;color:var(--gold)}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:45px}.proof-avatars{display:flex;align-items:center}.proof-avatars span,.proof-avatars b{width:26px;height:26px;margin-left:-5px;border:2px solid var(--bg);border-radius:50%;display:grid;place-items:center;background:#34352a;color:var(--lime);font-size:10px}.proof-avatars span:first-child{margin-left:0;background:#b18a39;color:#15150f}.proof-avatars span:nth-child(2){background:#d3c69b;color:#171711}.proof-avatars b{background:#24251e;color:var(--gold)}.hero-proof>div:last-child{display:flex;flex-direction:column;gap:4px}.hero-proof strong{font-size:10px}.hero-proof small{font-size:9px;color:#888779}.hero-visual{height:450px;position:relative;display:grid;place-items:center;isolation:isolate}.visual-glow{position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(202,255,76,.18) 0,rgba(202,255,76,.07) 30%,rgba(232,200,111,.055) 48%,transparent 72%);filter:blur(4px);z-index:-3}.visual-ring{position:absolute;border:1px solid #d7b45240;border-radius:50%;z-index:-2}.ring-a{width:430px;height:180px;transform:rotate(-30deg)}.ring-b{width:340px;height:390px;transform:rotate(35deg);border-color:#caff4c22}.visual-label{position:absolute;font-size:8px;letter-spacing:.17em;color:#aaa58d;font-weight:700}.label-top{top:13px;left:5%;display:flex;align-items:center;gap:8px}.live-dot,.tiny-green-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #caff4c75}.label-divider{height:12px;width:1px;background:#ffffff30;margin:0 4px}.label-bottom{bottom:13px;left:8%;right:7%;display:flex;align-items:center;gap:9px}.tiny-star{color:var(--gold);font-size:15px}.label-bottom-number{margin-left:auto;color:#777767}.mascot{position:relative;width:270px;height:285px;filter:drop-shadow(0 30px 25px #0008);transform:rotate(-5deg)}.mascot-body{position:absolute;left:26px;top:62px;width:220px;height:190px;border-radius:47% 52% 41% 43%/44% 42% 48% 49%;background:radial-gradient(ellipse at 28% 15%,#66675a 0,#2b2d24 23%,#151610 63%,#070806 100%);box-shadow:inset 13px 8px 15px #ffffff1c,inset -17px -23px 25px #000d,0 0 0 1px #b8a15a35}.mascot-body:before{content:"";position:absolute;left:20px;top:5px;width:65px;height:16px;border-radius:50%;background:#ffffff18;transform:rotate(-30deg);filter:blur(3px)}.mascot-shine{position:absolute;top:20px;left:28px;width:40px;height:9px;background:#fff2;border-radius:50%;transform:rotate(-28deg);filter:blur(2px)}.mascot-eye{position:absolute;top:69px;width:45px;height:54px;border-radius:50%;background:radial-gradient(ellipse at 38% 25%,#f4ffbd 0,#caff4c 42%,#7ba817 100%);box-shadow:0 0 20px #caff4c7d,inset 0 -5px 7px #4d6c0e66;z-index:2}.mascot-eye:after{content:"";position:absolute;top:9px;left:11px;width:11px;height:15px;border-radius:50%;background:#fffde9}.eye-a{left:48px;transform:rotate(7deg)}.eye-b{right:44px;transform:rotate(-7deg)}.mascot-antenna{position:absolute;z-index:3;top:11px;left:124px;width:35px;height:65px;border:12px solid #25271e;border-bottom-color:transparent;border-left-color:#444633;border-radius:55% 55% 0 0;transform:rotate(20deg);filter:drop-shadow(2px 0 0 #caff4c88)}.mascot-antenna:after{content:"";position:absolute;right:-9px;top:-12px;width:14px;height:14px;background:var(--lime);border-radius:50%;box-shadow:0 0 17px #caff4c}.mascot-drip{position:absolute;top:137px;z-index:3;background:linear-gradient(90deg,#171812,#b8ed3b,#2e371b);border-radius:0 0 13px 13px}.drip-a{left:36px;width:18px;height:43px}.drip-b{right:21px;width:15px;height:31px;top:148px}.mascot-foot{position:absolute;z-index:-1;background:linear-gradient(120deg,#282a20,#090a07);border-radius:35% 35% 55% 55%;bottom:1px}.foot-a{left:55px;width:55px;height:45px;transform:rotate(9deg)}.foot-b{right:37px;width:49px;height:35px;transform:rotate(-13deg)}.mascot-pool{position:absolute;z-index:-2;left:1px;right:-5px;bottom:-10px;height:24px;border-radius:50%;background:radial-gradient(ellipse,#a8d63473,#252b1699 55%,transparent 73%);filter:blur(2px)}.floating-drop{position:absolute;border-radius:50% 50% 55% 10%;transform:rotate(35deg);background:linear-gradient(140deg,#f7e7ad,#b68a2c);box-shadow:0 6px 18px #0004}.drop-one{width:16px;height:22px;right:11%;top:26%}.drop-two{width:9px;height:13px;left:13%;top:35%;background:linear-gradient(140deg,#d9ff7b,#5f8419)}.drop-three{width:12px;height:16px;right:18%;bottom:26%;background:linear-gradient(140deg,#d9ff7b,#5f8419)}.hero-bottomline{grid-column:1/-1;display:flex;align-items:center;gap:15px;margin-top:8px;font-size:8px;letter-spacing:.18em;color:#79796c}.bottomline-rule{height:1px;background:#ffffff21;flex:1}
.ticker{overflow:hidden;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;background:#171812;padding:16px 0}.ticker-track{display:flex;justify-content:space-around;align-items:center;gap:35px;white-space:nowrap;font:700 11px var(--display);letter-spacing:.2em;color:#bcb9a9}.ticker-track i{font-style:normal;color:var(--gold);font-size:15px}
.section{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:42px}.section h2,.whitelist-copy h2{font-size:clamp(42px,5.5vw,68px);margin:20px 0 0}.section-aside{max-width:315px;padding-bottom:4px}.section-aside p,.section-intro{font-size:12px;line-height:1.9;color:#aaa99d;margin:0 0 17px}.inline-link{font-size:11px;font-weight:700;color:var(--gold);text-decoration:none;border-bottom:1px solid #e8c86f70;padding-bottom:7px}.inline-link span{margin-left:13px;font-size:15px}.rarity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rarity-card{padding:21px;background:linear-gradient(145deg,#22231b,#171812);border:1px solid #ffffff14;min-height:170px;position:relative;overflow:hidden}.rarity-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-45px;top:-45px;background:var(--tier);opacity:.09;filter:blur(3px)}.common{--tier:#c7c5b7}.rare{--tier:#6dc4a7}.epic{--tier:#b8a0ff}.legendary{--tier:#e8c86f}.rarity-top{display:flex;align-items:center;justify-content:space-between}.rarity-symbol{font-size:23px;color:var(--tier)}.rarity-index{font-size:8px;letter-spacing:.13em;color:#77786a}.rarity-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:32px}.rarity-bottom>div{display:flex;flex-direction:column;gap:5px}.rarity-name{font-size:10px;color:#aaa99d}.rarity-bottom strong{font:600 29px var(--display);letter-spacing:-.06em}.rarity-percent{font-size:10px;color:var(--tier);padding-bottom:4px}.rarity-track{height:3px;background:#ffffff13;margin-top:18px}.rarity-track i{display:block;height:100%;background:var(--tier);width:var(--w)}.common .rarity-track i{width:60%}.rare .rarity-track i{width:25%}.epic .rarity-track i{width:12%}.legendary .rarity-track i{width:3%}.collection-foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:19px;font-size:9px;color:#77786b}.collection-foot>span:first-child{display:flex;align-items:center;gap:8px;letter-spacing:.12em;color:#c7c4b4}.process-section{background:#e8c86f;color:#181810;padding-top:90px;padding-bottom:100px}.process-section .eyebrow{color:#62501f}.process-section .eyebrow-line{background:#796023}.process-section h2 span{color:#8d681c}.process-section .section-intro{max-width:290px;color:#625d4a}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.process-card{background:#f6e6b4;padding:25px;min-height:250px;position:relative;display:flex;flex-direction:column}.process-card-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.14em;font-weight:700;color:#77612b}.process-icon{font-size:23px;color:#9d7725}.process-card h3{font:600 26px/1.08 var(--display);letter-spacing:-.06em;margin:35px 0 13px}.process-card p{font-size:11px;line-height:1.8;color:#6e654d;max-width:260px;margin:0 0 25px}.process-line{margin-top:auto;height:2px;background:#d5bd7c}.process-line i{display:block;width:30%;height:100%;background:#a67d27}.process-card:nth-child(2) .process-line i{width:60%}.process-card:nth-child(3) .process-line i{width:100%}
.whitelist-section{position:relative;padding:100px 0 110px;overflow:hidden}.whitelist-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 12% 60%,#caa13b17,transparent 42%),radial-gradient(ellipse at 90% 20%,#caff4c09,transparent 35%);pointer-events:none}.whitelist-layout{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}.whitelist-copy{padding-top:20px}.whitelist-copy h2{font-size:clamp(44px,5.5vw,68px);margin:22px 0}.whitelist-copy>p{font-size:13px;line-height:1.9;color:#aaa99d;max-width:400px}.whitelist-perks{display:flex;flex-direction:column;gap:20px;margin-top:37px}.whitelist-perks>div{display:flex;gap:13px;align-items:flex-start}.perk-icon{width:29px;height:29px;border:1px solid #ffffff24;display:grid;place-items:center;color:var(--gold);font:600 9px var(--display);flex-shrink:0}.whitelist-perks>div>div{display:flex;flex-direction:column;gap:5px}.whitelist-perks strong{font-size:11px}.whitelist-perks small{font-size:10px;line-height:1.6;color:#858578}.form-card{background:#f5f1e7;color:#191a13;padding:30px;border-radius:5px;box-shadow:0 25px 80px #0003;border:1px solid #ffffff24}.form-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:29px}.form-kicker{font-size:8px;font-weight:700;letter-spacing:.17em;color:#87764a}.form-card h3{font:700 29px var(--display);letter-spacing:-.06em;margin:12px 0 4px}.form-card-header p{font-size:11px;color:#817d6e;margin:0}.form-emblem{width:48px;height:48px;background:#1b1c16;color:var(--gold);display:grid;place-items:center;position:relative;font:700 13px var(--display);border-radius:3px}.form-emblem i{position:absolute;right:-5px;top:-6px;color:#99c52b;font-size:14px;font-style:normal}.form-card label:not(.consent-row){display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;margin:18px 0 8px}.form-card label:not(.consent-row)>span{font-size:8px;color:#aaa18a;letter-spacing:.1em}.input-wrap{height:47px;display:flex;align-items:center;border:1px solid #ded8c8;background:#fffdf8;border-radius:3px;transition:border .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#b08b35;box-shadow:0 0 0 3px #e8c86f35}.input-prefix{width:39px;text-align:center;color:#a28743;font-size:11px;border-right:1px solid #e9e3d5}.input-wrap input{width:calc(100% - 39px);height:100%;border:0;background:transparent;padding:0 12px;font:11px var(--font);color:#171811;outline:none}.input-hint{font-size:9px;line-height:1.6;color:#827e70;margin:7px 0 10px}.turnstile-slot{margin:15px 0;min-height:10px}.consent-row{display:flex;align-items:flex-start;gap:9px;font-size:9px;line-height:1.6;color:#686557;margin:16px 0}.consent-row input{accent-color:#191a13;margin:2px 0 0}.submit-button{width:100%;min-height:49px;margin-top:2px}.submit-button span{flex:1;text-align:left}.form-message{font-size:10px;line-height:1.7;margin-top:11px}.form-message.error{color:#a2392c}.form-message.success{color:#35712a}.form-security{border-top:1px solid #ded8c8;padding-top:14px;margin-top:17px;display:flex;align-items:flex-start;gap:9px}.form-security>span{color:#9b792c}.form-security p{font-size:9px;line-height:1.7;color:#827e70;margin:0}.site-footer{min-height:94px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px}.footer-middle{font-size:8px;letter-spacing:.15em;color:#77786b}.footer-right{display:flex;align-items:center;gap:22px;font-size:9px;color:#8e8e80}.footer-right a{text-decoration:none}.footer-right a:hover{color:var(--gold)}
@media(max-width:850px){.site-header,.page-wrap,.site-footer{padding-left:6%;padding-right:6%}.main-nav{gap:17px}.nav-link{font-size:10px}.hero{grid-template-columns:1fr .85fr;gap:5px;padding-top:55px;min-height:570px}.hero h1{font-size:clamp(55px,8vw,76px)}.hero-visual{transform:scale(.9)}.hero-description{font-size:12px}.whitelist-layout{gap:35px}.rarity-card{padding:16px}.rarity-bottom strong{font-size:25px}}
@media(max-width:650px){.site-header{height:70px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;border:1px solid #ffffff25;border-radius:3px;background:transparent;cursor:pointer}.menu-toggle span{height:1px;width:16px;background:var(--ink);margin:auto}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:18px 6% 22px;background:#171812;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.nav-link{padding:14px 0;border-bottom:1px solid #ffffff12;font-size:12px}.nav-link.active:after{display:none}.nav-cta{justify-content:space-between;margin-top:15px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:28px;padding-bottom:30px;gap:0}.hero-visual{order:0;height:340px;transform:none;margin-bottom:20px}.hero-copy{order:1;padding-bottom:25px}.hero h1{font-size:clamp(58px,15vw,78px);margin:22px 0 17px}.hero-description{max-width:100%;font-size:13px}.hero-buttons{gap:13px;margin-top:23px}.button{min-height:45px;padding:0 13px;gap:15px}.button-quiet{font-size:10px}.hero-proof{margin-top:30px}.hero-bottomline{margin-top:5px}.mascot{transform:scale(.82) rotate(-5deg)}.visual-label{font-size:7px}.ring-a{width:100%;height:150px}.ring-b{height:310px;width:270px}.ticker-track{justify-content:flex-start;gap:24px;padding-left:20px}.section{padding-top:68px;padding-bottom:68px}.section-heading{display:block;margin-bottom:30px}.section h2,.whitelist-copy h2{font-size:clamp(43px,11vw,60px)}.section-aside{margin-top:22px}.rarity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rarity-card{min-height:150px;padding:15px}.rarity-bottom{margin-top:23px}.rarity-bottom strong{font-size:24px}.collection-foot{font-size:8px}.process-section{padding-top:68px;padding-bottom:70px}.process-grid{grid-template-columns:1fr}.process-card{min-height:205px;padding:22px}.process-card h3{font-size:25px;margin-top:24px}.process-card p{max-width:100%}.whitelist-section{padding:70px 0}.whitelist-layout{grid-template-columns:1fr;gap:34px}.whitelist-copy{padding-top:0}.whitelist-copy h2{margin:20px 0}.whitelist-perks{margin-top:27px;gap:17px}.form-card{padding:22px 18px}.form-card h3{font-size:26px}.site-footer{align-items:flex-start;flex-wrap:wrap}.footer-middle{order:3;width:100%}.footer-right{margin-left:auto;gap:12px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Official MELTCORE mascot artwork (transparent PNG) */
.mascot-image{position:relative;z-index:1;display:block;width:min(100%,430px);height:auto;max-height:410px;object-fit:contain;filter:drop-shadow(0 24px 34px #0008);transform:translateY(4px);}
@media(max-width:650px){.mascot-image{width:min(90%,320px);max-height:300px;margin:0 auto;}}

/* Hero atmosphere: soft lime glow with restrained warm-gold highlights */
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-4;background:radial-gradient(ellipse at 78% 42%,rgba(202,255,76,.075),transparent 31%),radial-gradient(ellipse at 68% 70%,rgba(232,200,111,.045),transparent 38%);}
.hero .ring-a{border-color:rgba(232,200,111,.2)}
.hero .ring-b{border-color:rgba(202,255,76,.16)}

/* Refined navigation and more editorial, purpose-led hero copy */
.site-header{backdrop-filter:blur(18px)}
.main-nav{gap:8px;padding:7px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff05}
.nav-link{padding:11px 13px;border-radius:999px;font-size:11px;letter-spacing:.01em}
.nav-link:hover{background:#ffffff0a;color:#f7f2e4}
.nav-link.active{background:#ffffff0d;color:var(--lime)}
.nav-link.active:after{display:none}
.nav-cta{margin-left:5px;border-radius:999px;padding:13px 17px;background:var(--lime);box-shadow:0 0 22px #caff4c13}
.nav-cta:hover{background:#d8ff83}
.hero h1{max-width:650px;font-size:clamp(58px,6.6vw,86px);line-height:.99;letter-spacing:-.075em}
.hero h1 span{color:var(--lime);text-shadow:0 0 34px #caff4c1c}
.hero-description{max-width:475px;font-size:14px;line-height:1.95;color:#c0c0b5}
.button{border-radius:999px;min-height:49px;padding-left:21px;padding-right:21px}
.button-primary{background:var(--lime);box-shadow:0 8px 30px #caff4c13}
.button-primary:hover{background:#d8ff83}
.button-quiet{border:1px solid #ffffff22;padding-left:17px}
.hero-proof{border-top:1px solid #ffffff15;padding-top:20px;max-width:410px}
.hero-proof strong{font-size:11px;letter-spacing:.01em}
.hero-proof small{font-size:10px;line-height:1.6}
@media(max-width:850px){.main-nav{gap:2px}.nav-link{padding:10px 9px}.nav-cta{padding:12px 13px}}
@media(max-width:650px){.main-nav{border:0;border-radius:0;padding:18px 6% 22px;background:#151610;backdrop-filter:blur(18px)}.nav-link{padding:14px 12px;border-radius:8px;font-size:12px}.nav-link.active{background:#caff4c0d}.nav-cta{border-radius:999px;margin-left:0;text-align:center}.hero h1{font-size:clamp(57px,14vw,76px)}.button{border-radius:999px}.button-quiet{padding-left:13px}}

/* UX refinement: cleaner hierarchy, less decorative copy, stronger mobile rhythm */
.site-header{position:sticky;top:0;background:rgba(17,18,14,.9);backdrop-filter:blur(20px);}
.brand-symbol{border-radius:9px;box-shadow:0 0 20px rgba(202,255,76,.12)}
.main-nav{gap:5px}
.nav-link{font-size:12px;padding:12px 15px;color:#b9bbae}
.nav-cta{font-size:12px;letter-spacing:.01em}
.hero{padding-top:48px;min-height:570px;gap:36px}
.hero-copy{max-width:590px}
.hero .eyebrow{font-size:10px;letter-spacing:.14em}
.hero h1{font-size:clamp(58px,6.1vw,78px);line-height:1.02;letter-spacing:-.065em;margin:22px 0 18px;max-width:600px}
.hero-description{font-size:15px;line-height:1.7;max-width:430px;color:#b9bcb2}
.hero-buttons{margin-top:26px;gap:12px}
.button{font-size:12px;min-height:50px;padding:0 20px;gap:20px}
.hero-visual{height:420px}
.mascot-image{width:min(100%,400px);max-height:390px}
.visual-label,.hero-bottomline{display:none}
.hero .visual-ring{opacity:.6}
.ticker{display:none}
.section{padding-top:82px;padding-bottom:82px}
.section-heading{margin-bottom:30px}
.section-aside p,.section-intro{font-size:13px;line-height:1.7}
@media(max-width:850px){.hero{gap:14px;padding-top:35px}.hero h1{font-size:clamp(52px,7vw,70px)}.hero-description{font-size:14px}.main-nav{gap:1px}.nav-link{padding:10px 9px;font-size:11px}.nav-cta{padding:12px 13px}}
@media(max-width:650px){
  .site-header{height:64px;padding-left:5%;padding-right:5%}
  .brand{gap:8px}.brand-symbol{width:27px;height:27px}.brand-word{font-size:16px}
  .menu-toggle{width:42px;height:42px;border-radius:12px;border-color:#ffffff24}
  .main-nav{top:63px;padding:12px 5% 18px;background:rgba(17,18,14,.98);border-bottom:1px solid #ffffff16;gap:4px}
  .nav-link{font-size:14px;padding:14px 13px;border-radius:10px;border:0}
  .nav-link.active{background:#caff4c10;color:var(--lime)}
  .nav-cta{justify-content:center;min-height:47px;margin-top:8px;font-size:13px}
  .hero{padding-top:34px;padding-bottom:36px;display:flex;flex-direction:column;gap:0;min-height:0}
  .hero-copy{order:0;padding:0;width:100%}
  .hero-visual{order:1;width:100%;height:auto;min-height:0;margin:22px 0 0;transform:none;overflow:visible}
  .hero .eyebrow{font-size:9px;letter-spacing:.13em}
  .hero h1{font-size:clamp(48px,12.5vw,64px);line-height:1.02;letter-spacing:-.07em;margin:19px 0 14px}
  .hero-description{font-size:14px;line-height:1.65;max-width:35ch;margin:0;color:#b9bcb2}
  .hero-buttons{margin-top:21px;display:grid;grid-template-columns:1fr;gap:10px}
  .button{width:100%;min-height:49px;padding:0 18px;font-size:12px;justify-content:space-between}
  .button-quiet{padding-left:18px;border:1px solid #ffffff22}
  .mascot-image{width:min(82%,300px);max-height:none;margin:0 auto;transform:none}
  .visual-glow{width:280px;height:280px}
  .ring-a{width:90%;height:120px}.ring-b{height:270px;width:220px}
  .floating-drop{opacity:.65}
  .hero-proof{display:none}
  .section{padding-top:60px;padding-bottom:60px}
  .section-heading{margin-bottom:24px}
  .section-aside{margin-top:15px}
}

/* Refined hero calls to action */
.hero-buttons{display:flex;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap}
.button{min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:650;letter-spacing:-.01em;transition:transform .2s ease,background .2s ease,border-color .2s ease;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--lime);color:#15170f;box-shadow:0 8px 28px #caff4c18}
.button-primary:hover{background:#d8ff83;box-shadow:0 10px 34px #caff4c27}
.button-arrow{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#171b0e15;font-size:16px}
.button-quiet{background:rgba(255,255,255,.025);border:1px solid #ffffff26;color:#eeeee5}
.button-quiet:hover{border-color:#caff4c75;background:#caff4c0a}
.quiet-arrow{color:var(--lime);font-size:17px;transition:transform .2s ease}
.button-quiet:hover .quiet-arrow{transform:translateX(3px)}
@media(max-width:650px){.hero-buttons{display:grid;grid-template-columns:1fr;gap:10px;margin-top:23px}.button{width:100%;min-height:52px;padding:0 18px;justify-content:space-between;font-size:13px}.button-quiet{padding-left:18px}.button-arrow{width:28px;height:28px}}


/* App-like navigation: views change from the menu instead of a long scrolling page */
html, body { height:100%; overflow:hidden; }
body { min-height:100%; }
.site-header { position:relative; z-index:50; }
#home { height:calc(100dvh - var(--header-height, 78px)); min-height:0; overflow:hidden; }
.view-panel { display:none !important; }
.view-panel.active-panel { display:flex !important; animation:viewFade .22s ease both; }
#home > .hero.active-panel { height:100%; min-height:0; max-height:100%; overflow:hidden; align-items:center; }
#home > .collection-section.active-panel,
#home > .process-section.active-panel,
#home > .whitelist-section.active-panel { height:100%; max-height:100%; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.ticker, .site-footer { display:none !important; }
@keyframes viewFade { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:650px) {
  #home { height:calc(100dvh - 68px); }
  #home > .hero.active-panel { padding-top:10px; padding-bottom:14px; justify-content:center; gap:0; }
  #home > .hero.active-panel .hero-copy { flex:0 0 auto; }
  #home > .hero.active-panel .hero h1 { font-size:clamp(40px, 10.5vw, 56px); margin:12px 0 10px; }
  #home > .hero.active-panel .hero-description { font-size:13px; line-height:1.48; max-width:38ch; }
  #home > .hero.active-panel .hero-buttons { margin-top:15px; gap:8px; }
  #home > .hero.active-panel .button { min-height:46px; }
  #home > .hero.active-panel .hero-visual { width:100%; flex:1 1 auto; min-height:0; height:auto; margin:8px 0 0; display:flex; align-items:center; justify-content:center; }
  #home > .hero.active-panel .mascot-image { width:auto; height:100%; max-height:34dvh; max-width:100%; object-fit:contain; }
  #home > .hero.active-panel .visual-glow, #home > .hero.active-panel .visual-ring, #home > .hero.active-panel .floating-drop { pointer-events:none; }
}

/* Use the official MELTCORE mascot in the top-right navigation control. */
.menu-toggle{align-items:center;justify-content:center;overflow:hidden;padding:5px}
.menu-toggle img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
.menu-toggle span{display:none}

/* Header correction: logo on the left, hamburger menu on the right */
.brand-logo{display:block;width:34px;height:34px;object-fit:contain;border-radius:9px;flex:0 0 auto}
.menu-toggle{align-items:center;justify-content:center;overflow:hidden;padding:5px}
.menu-toggle span{display:block;height:1px;width:18px;background:var(--ink);margin:3px auto}
.menu-toggle img{display:none}
@media(max-width:650px){.brand-logo{width:34px;height:34px}.menu-toggle{display:flex;flex-direction:column;gap:5px;width:42px;height:42px;border-radius:12px;border-color:#ffffff24}.menu-toggle span{display:block;width:18px;margin:0 auto}}



/* Clean final layout rules: one source of truth for the app shell and Overview panel. */
html, body {
  width: 100%;
  max-width: 100%;
  min-width: 320px;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
body { position: relative; }
.site-header {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-left: clamp(20px, 5.5vw, 68px);
  padding-right: clamp(20px, 5.5vw, 68px);
  box-sizing: border-box;
}
#home {
  display: block;
  position: relative;
  width: 100%;
  max-width: none;
  min-width: 0;
  height: calc(100dvh - 82px);
  margin: 0;
  overflow: hidden;
  box-sizing: border-box;
}
#home > .view-panel {
  display: none !important;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
}
#home > .view-panel.active-panel {
  display: block !important;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  animation: viewFade .22s ease both;
}
#home > .hero.active-panel {
  display: flex !important;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  padding-left: clamp(22px, 5.5vw, 68px);
  padding-right: clamp(22px, 5.5vw, 68px);
  overflow: hidden;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: clamp(20px, 4vw, 54px);
}
#home > .hero.active-panel .hero-copy,
#home > .hero.active-panel .hero-visual {
  min-width: 0;
  max-width: 100%;
}
#home > .hero.active-panel .hero-copy { flex: 1 1 52%; width: 52%; }
#home > .hero.active-panel .hero-visual { flex: 1 1 48%; width: 48%; }
#home > .hero.active-panel .hero h1 { max-width: 100%; overflow-wrap: normal; word-break: normal; }
#home > .hero.active-panel .hero-description { width: 100%; max-width: 38ch; }
#home > .hero.active-panel .hero-buttons { display: flex; flex-wrap: wrap; align-items: center; width: 100%; }
#home > .hero.active-panel .button { width: auto; max-width: 100%; flex: 0 0 auto; justify-content: center; }
#home > .hero.active-panel .mascot-image { display: block; width: min(100%, 400px); height: auto; max-width: 100%; max-height: 54dvh; margin: 0 auto; object-fit: contain; }
#home > .collection-section.active-panel,
#home > .process-section.active-panel,
#home > .whitelist-section.active-panel {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.ticker, .site-footer { display: none !important; }
@keyframes viewFade { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 850px) {
  #home > .hero.active-panel { gap: 14px; }
  #home > .hero.active-panel .hero h1 { font-size: clamp(48px, 7vw, 70px); }
}
@media (max-width: 650px) {
  .site-header {
    width: 100%;
    height: 70px;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }
  #home { width: 100%; height: calc(100dvh - 70px); }
  #home > .hero.active-panel {
    width: 100%;
    height: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 24px 22px 14px;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
  }
  #home > .hero.active-panel .hero-copy {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
    padding: 0;
    order: 0;
  }
  #home > .hero.active-panel .hero h1 {
    width: 100%;
    max-width: 100%;
    font-size: clamp(42px, 11.5vw, 58px);
    line-height: 1.02;
    letter-spacing: -.07em;
    margin: 18px 0 14px;
  }
  #home > .hero.active-panel .hero-description {
    width: 100%;
    max-width: 38ch;
    font-size: 14px;
    line-height: 1.6;
  }
  #home > .hero.active-panel .hero-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    margin-top: 20px;
  }
  #home > .hero.active-panel .button {
    width: 252px;
    min-width: 252px;
    max-width: 100%;
    min-height: 48px;
    padding: 0 22px;
    justify-content: center;
    white-space: nowrap;
  }
  @media (max-width: 320px) {
    #home > .hero.active-panel .button {
      width: 100%;
      min-width: 0;
    }
  }
  #home > .hero.active-panel .hero-visual {
    order: 1;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    height: auto;
    margin: 14px 0 0;
    overflow: hidden;
  }
  #home > .hero.active-panel .mascot-image {
    width: min(82%, 300px);
    height: auto;
    max-width: 100%;
    max-height: 32dvh;
    margin: 0 auto;
    object-fit: contain;
    transform: none;
  }
  #home > .hero.active-panel .visual-glow { width: 260px; height: 260px; }
  #home > .hero.active-panel .ring-a { width: 90%; height: 110px; }
  #home > .hero.active-panel .ring-b { width: 220px; height: 260px; }
}

/* MELTCORE hero polish: subtle motion, no extra copy or clutter. */
@keyframes meltcore-float {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -7px, 0); }
}
@keyframes meltcore-glow-breathe {
  0%, 100% { opacity: .72; transform: scale(.98); }
  50% { opacity: 1; transform: scale(1.04); }
}
@keyframes meltcore-ring-drift {
  0%, 100% { transform: rotate(-30deg) scale(1); }
  50% { transform: rotate(-26deg) scale(1.015); }
}
.hero-visual .mascot-image {
  animation: meltcore-float 5.8s ease-in-out infinite;
  will-change: transform;
}
.hero-visual .visual-glow {
  animation: meltcore-glow-breathe 6.5s ease-in-out infinite;
  will-change: opacity, transform;
}
.hero-visual .ring-a {
  animation: meltcore-ring-drift 14s ease-in-out infinite;
}
.hero-visual .floating-drop {
  transition: filter .25s ease;
}
.hero-visual:hover .floating-drop {
  filter: brightness(1.12);
}
.hero .button {
  transition: transform .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.hero .button:focus-visible,
.menu-toggle:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .hero-visual .mascot-image,
  .hero-visual .visual-glow,
  .hero-visual .ring-a {
    animation: none !important;
    will-change: auto;
  }
  .hero .button { transition: none; }
}


/* Featured Genesis NFT: MELTCORE #0001 Legendary */
.featured-nft-card{display:grid;grid-template-columns:minmax(0, .95fr) minmax(0, 1fr);align-items:center;gap:clamp(20px,4vw,52px);padding:clamp(14px,2.5vw,28px);margin:0 0 28px;background:linear-gradient(135deg,#1c1b12,#11120e 68%);border:1px solid #e8c86f30;border-radius:5px;overflow:hidden}
.featured-nft-artwork{width:100%;max-width:390px;justify-self:center;overflow:hidden;border-radius:3px;background:#d7a82f;line-height:0}
.featured-nft-artwork img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.featured-nft-info{padding:18px 10px 18px 0;min-width:0}
.featured-nft-kicker{display:flex;align-items:center;gap:9px;color:#aaa99d;font-size:9px;letter-spacing:.16em;font-weight:700}
.featured-nft-kicker i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#c7ff55;box-shadow:0 0 12px #c7ff5570}
.featured-nft-info h3{font:600 clamp(28px,4vw,46px)/1.05 var(--display);letter-spacing:-.06em;margin:20px 0 17px;color:#f4f1e7;overflow-wrap:anywhere}
.featured-nft-info h3 span{color:#c7c5b7}
.featured-nft-rarity{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #e8c86f60;border-radius:3px;color:#e8c86f;font-size:10px;letter-spacing:.13em;font-weight:700;background:#e8c86f0a}
.crown-mark{font-size:17px;line-height:1}

/* Unique NFT display name and collection serial */
.featured-nft-info .nft-serial{margin:0;color:#aaa99d;font-size:12px;letter-spacing:.08em;font-weight:600;line-height:1.5}
.featured-nft-info .nft-serial + .featured-nft-rarity{margin-top:15px}
.featured-nft-info p{font-size:12px;line-height:1.8;color:#aaa99d;max-width:29ch;margin:18px 0 0}
@media(max-width:650px){.featured-nft-card{grid-template-columns:minmax(0,1fr);gap:17px;padding:13px;margin-bottom:22px}.featured-nft-artwork{width:min(100%,340px)}.featured-nft-info{padding:4px 5px 12px}.featured-nft-info h3{font-size:32px;margin:13px 0}.featured-nft-info p{max-width:100%;margin-top:12px}.featured-nft-kicker{font-size:8px}}


/* Collection page rebuild: panels flow vertically; never render section children as a horizontal flex row. */
#home > .collection-section.active-panel {
  display: block !important;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  padding-top: clamp(28px, 5vh, 54px);
  padding-bottom: 40px;
}
#home > .collection-section .section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, .72fr);
  align-items: end;
  gap: 28px;
  margin-bottom: 30px;
}
#home > .collection-section .section-heading > div:first-child { min-width: 0; }
#home > .collection-section .section-heading h2 {
  font-size: clamp(42px, 6vw, 68px);
  line-height: .98;
  letter-spacing: -.065em;
  overflow-wrap: normal;
  word-break: normal;
}
#home > .collection-section .section-aside { min-width: 0; max-width: 300px; }
#home > .collection-section .featured-nft-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
  align-items: center;
  gap: clamp(18px, 4vw, 42px);
  width: 100%;
  box-sizing: border-box;
  padding: clamp(14px, 2.5vw, 28px);
  margin: 0 0 24px;
}
#home > .collection-section .featured-nft-artwork { width: 100%; max-width: 380px; }
#home > .collection-section .featured-nft-info { min-width: 0; }
#home > .collection-section .featured-nft-info h3 { overflow-wrap: normal; word-break: normal; font-size: clamp(26px, 3.5vw, 44px); }
#home > .collection-section .rarity-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
#home > .collection-section .rarity-card { min-width: 0; }
@media (max-width: 650px) {
  #home > .collection-section.active-panel { padding: 28px 22px 36px; }
  #home > .collection-section .section-heading { display: block; margin-bottom: 25px; }
  #home > .collection-section .section-heading h2 { font-size: clamp(43px, 11.5vw, 58px); line-height: .98; margin-top: 17px; }
  #home > .collection-section .section-aside { max-width: 100%; margin-top: 17px; }
  #home > .collection-section .section-aside p { font-size: 13px; line-height: 1.65; margin-bottom: 12px; }
  #home > .collection-section .featured-nft-card { grid-template-columns: minmax(0, 1fr); gap: 17px; padding: 13px; margin-bottom: 18px; }
  #home > .collection-section .featured-nft-artwork { width: min(100%, 320px); justify-self: center; }
  #home > .collection-section .featured-nft-info { padding: 4px 5px 12px; }
  #home > .collection-section .featured-nft-info h3 { font-size: 32px; line-height: 1.05; margin: 13px 0; }
  #home > .collection-section .featured-nft-info p { max-width: 100%; margin-top: 12px; font-size: 13px; }
  #home > .collection-section .featured-nft-kicker { font-size: 8px; }
  #home > .collection-section .rarity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  #home > .collection-section .rarity-card { padding: 14px; min-height: 145px; }
  #home > .collection-section .rarity-bottom { margin-top: 22px; }
  #home > .collection-section .rarity-bottom strong { font-size: 25px; }
  #home > .collection-section .collection-foot { display: block; line-height: 1.7; }
  #home > .collection-section .collection-foot span { margin-bottom: 8px; }
}

/* MELTCORE Collection — clean editorial redesign */
#home > .collection-section.active-panel {
  display:block !important; box-sizing:border-box; width:100%; max-width:100%;
  overflow-x:hidden; overflow-y:auto; padding:clamp(24px,4.5vw,58px) clamp(20px,6vw,76px) 40px;
}
#home > .collection-section .collection-title-row { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
#home > .collection-section .collection-supply { display:flex; flex-direction:column; align-items:flex-end; gap:2px; }
#home > .collection-section .collection-supply strong { color:#f7f2e4; font:600 22px/1 var(--display); letter-spacing:-.05em; }
#home > .collection-section .collection-supply span,.collection-note,.rarity-heading>span { color:#8d8c7f; font-size:8px; letter-spacing:.14em; }
#home > .collection-section .collection-title { font-size:clamp(42px,6vw,68px); line-height:.98; letter-spacing:-.065em; margin:0; }
#home > .collection-section .collection-title span { color:#caff4c; }
#home > .collection-section .collection-subtitle { margin:14px 0 28px; color:#aaa99d; font-size:13px; line-height:1.6; }
#home > .collection-section .featured-nft-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.8fr); align-items:center; gap:clamp(18px,4vw,42px); width:100%; box-sizing:border-box; padding:clamp(12px,2vw,22px); margin:0 0 32px; background:linear-gradient(145deg,#1b1b13,#11120e 72%); border:1px solid #e8c86f35; border-radius:8px; overflow:hidden; }
#home > .collection-section .featured-nft-artwork { width:100%; max-width:440px; justify-self:center; border-radius:5px; overflow:hidden; line-height:0; background:#d9aa38; }
#home > .collection-section .featured-nft-artwork img { display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; }
#home > .collection-section .featured-nft-info { min-width:0; padding:12px 8px; }
#home > .collection-section .featured-nft-kicker { display:flex; align-items:center; gap:9px; color:#aaa99d; font-size:9px; letter-spacing:.15em; font-weight:700; }
#home > .collection-section .featured-nft-info h3 { margin:17px 0 16px; font:600 clamp(26px,3.5vw,42px)/1.05 var(--display); letter-spacing:-.055em; overflow-wrap:normal; word-break:normal; }
#home > .collection-section .featured-nft-info h3 span { color:#c7c5b7; }
#home > .collection-section .featured-nft-rarity { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid #e8c86f65; border-radius:4px; color:#e8c86f; background:#e8c86f0b; font-size:10px; letter-spacing:.12em; font-weight:700; }
#home > .collection-section .rarity-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 13px; }
#home > .collection-section .rarity-heading h3 { margin:0; color:#f4f1e7; font:600 20px/1.1 var(--display); letter-spacing:-.04em; }
#home > .collection-section .rarity-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
#home > .collection-section .rarity-card { min-width:0; padding:17px; min-height:135px; border-radius:6px; background:linear-gradient(145deg,#202119,#151610); border:1px solid #ffffff14; }
#home > .collection-section .rarity-bottom { margin-top:22px; }
#home > .collection-section .rarity-bottom strong { font-size:clamp(21px,2.5vw,29px); }
#home > .collection-section .rarity-track { margin-top:14px; }
#home > .collection-section .collection-note { margin:13px 0 0; line-height:1.6; letter-spacing:.02em; font-size:9px; }
@media(max-width:650px) {
  #home > .collection-section.active-panel { padding:25px 20px 34px; }
  #home > .collection-section .collection-title-row { margin-bottom:17px; }
  #home > .collection-section .collection-supply strong { font-size:19px; }
  #home > .collection-section .collection-title { font-size:clamp(42px,11.5vw,56px); }
  #home > .collection-section .collection-subtitle { margin:12px 0 22px; font-size:12px; }
  #home > .collection-section .featured-nft-card { grid-template-columns:minmax(0,1fr); gap:15px; padding:12px; margin-bottom:26px; }
  #home > .collection-section .featured-nft-artwork { width:min(100%,360px); }
  #home > .collection-section .featured-nft-info { padding:3px 4px 8px; }
  #home > .collection-section .featured-nft-info h3 { font-size:30px; margin:12px 0; }
  #home > .collection-section .rarity-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  #home > .collection-section .rarity-card { padding:14px; min-height:130px; }
  #home > .collection-section .rarity-bottom { margin-top:20px; }
  #home > .collection-section .rarity-bottom strong { font-size:24px; }
  #home > .collection-section .collection-note { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { #home > .collection-section * { animation:none !important; transition:none !important; } }

/* Collection refinement: fewer labels, stronger NFT focus */
#home > .collection-section .collection-title-row { align-items:flex-end; margin-bottom:8px; }
#home > .collection-section .collection-title { font-size:clamp(38px,5.4vw,62px); }
#home > .collection-section .collection-title span { color:#caff4c; }
#home > .collection-section .collection-subtitle { margin:9px 0 24px; color:#99998d; }
#home > .collection-section .featured-nft-card { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(18px,3.2vw,36px); background:linear-gradient(135deg,#191a12 0%,#11120e 68%,#17150d 100%); border-color:#d9bd6940; border-radius:12px; }
#home > .collection-section .featured-nft-artwork { border-radius:8px; box-shadow:0 12px 40px #0004; }
#home > .collection-section .featured-nft-info h3 { margin:0 0 10px; font-size:clamp(28px,3.8vw,44px); }
#home > .collection-section .featured-nft-info .nft-serial { margin:0 0 20px; color:#8e9083; font-size:12px; letter-spacing:.08em; }
#home > .collection-section .featured-nft-rarity { border-radius:999px; padding:9px 13px; }
#home > .collection-section .rarity-card { border-radius:10px; transition:transform .2s ease,border-color .2s ease; }
#home > .collection-section .rarity-card:hover { transform:translateY(-2px); border-color:#e8c86f55; }
#home > .collection-section .collection-note { color:#77786d; }
@media(max-width:650px) {
  #home > .collection-section .collection-title-row { align-items:flex-end; gap:10px; }
  #home > .collection-section .collection-title { font-size:clamp(34px,10vw,46px); }
  #home > .collection-section .collection-supply strong { font-size:18px; }
  #home > .collection-section .collection-supply span { font-size:7px; }
  #home > .collection-section .collection-subtitle { margin:9px 0 20px; }
  #home > .collection-section .featured-nft-card { grid-template-columns:minmax(0,1fr); gap:14px; border-radius:12px; }
  #home > .collection-section .featured-nft-artwork { width:min(100%,360px); }
  #home > .collection-section .featured-nft-info h3 { font-size:30px; margin:0 0 8px; }
  #home > .collection-section .featured-nft-info .nft-serial { margin-bottom:15px; }
}

/* Rarity serial ranges */
#home > .collection-section .rarity-bottom>div{gap:5px}
#home > .collection-section .rarity-range{font-size:9px;letter-spacing:.04em;color:#8d8c7f;font-variant-numeric:tabular-nums}

/* Common NFT preview gallery */
#home > .collection-section .common-preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:34px 0 15px}
#home > .collection-section .common-preview-heading h3{margin:0;color:#f0efe7;font-size:clamp(22px,3vw,30px);letter-spacing:-.035em}
#home > .collection-section .common-preview-heading p{margin:6px 0 0;color:#929287;font-size:12px}
#home > .collection-section .common-preview-heading>span{color:#c9b879;font-size:10px;letter-spacing:.08em;white-space:nowrap}
#home > .collection-section .common-nft-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#home > .collection-section .common-nft-card{min-width:0;overflow:hidden;border:1px solid #ffffff12;border-radius:11px;background:#12130f;transition:transform .2s ease,border-color .2s ease}
#home > .collection-section .common-nft-card:hover{transform:translateY(-3px);border-color:#c9e66b55}
#home > .collection-section .common-nft-card>img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#191a15}
#home > .collection-section .common-nft-meta{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:13px}
#home > .collection-section .common-nft-meta h4{margin:0;color:#f0efe7;font-size:15px;font-weight:600}
#home > .collection-section .common-nft-meta span{color:#929287;font-size:10px;letter-spacing:.045em}
#home > .collection-section .common-nft-meta b{color:#c5d98a;font-size:9px;letter-spacing:.12em;font-weight:600}
@media(max-width:650px){#home > .collection-section .common-preview-heading{margin-top:27px}#home > .collection-section .common-nft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#home > .collection-section .common-nft-meta{padding:11px}#home > .collection-section .common-nft-meta h4{font-size:14px}}


/* Common NFT carousel: swipe-friendly on mobile, multi-card track on desktop */
#home > .collection-section .common-preview-heading{align-items:center}
#home > .collection-section .common-carousel-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}
#home > .collection-section .common-carousel-count{color:#aaa99d;font-size:10px;letter-spacing:.1em;font-variant-numeric:tabular-nums;margin-right:4px}
#home > .collection-section .common-carousel-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #ffffff24;background:#191a14;color:#e8c86f;font-size:23px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s}
#home > .collection-section .common-carousel-btn:hover{background:#292a1f;border-color:#c9e66b88}
#home > .collection-section .common-nft-grid{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding:2px 2px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#home > .collection-section .common-nft-grid::-webkit-scrollbar{display:none}
#home > .collection-section .common-nft-card{flex:0 0 calc((100% - 42px)/4);scroll-snap-align:start}
#home > .collection-section .common-nft-card>img{aspect-ratio:1/1;object-fit:cover;object-position:center}
@media(max-width:900px){#home > .collection-section .common-nft-card{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:650px){#home > .collection-section .common-preview-heading{gap:8px}#home > .collection-section .common-preview-heading p{font-size:11px}#home > .collection-section .common-nft-grid{gap:12px;margin-right:-4px;padding-right:16px}#home > .collection-section .common-nft-card{flex:0 0 78%;scroll-snap-align:center}#home > .collection-section .common-nft-card>img{aspect-ratio:1/1;object-fit:contain;background:#191a15}#home > .collection-section .common-carousel-btn{width:31px;height:31px}#home > .collection-section .common-carousel-count{font-size:9px;margin-right:0}}

/* Rarity selection opens a focused gallery panel */
#home > .collection-section .rarity-card{appearance:none;-webkit-appearance:none;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
#home > .collection-section .rarity-card.selected{border-color:var(--tier);background:linear-gradient(145deg,#292a20,#181912);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tier) 28%,transparent)}
#home > .collection-section .rarity-card:focus-visible{outline:2px solid var(--tier);outline-offset:3px}
#home > .collection-section .rarity-gallery{margin-top:30px;scroll-margin-top:20px}
#home > .collection-section [hidden]{display:none!important}
#home > .collection-section .rarity-coming-soon{padding:38px 20px;border:1px solid #ffffff14;border-radius:10px;background:#12130f;color:#a6a699;text-align:center;font-size:13px}
#home > .collection-section .common-nft-grid{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;padding:2px 2px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#home > .collection-section .common-nft-card{flex:0 0 calc((100% - 42px)/4);scroll-snap-align:start}
#home > .collection-section .common-nft-card>img{aspect-ratio:1/1;object-fit:contain;object-position:center;background:#191a15}
@media(max-width:900px){#home > .collection-section .common-nft-card{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:650px){#home > .collection-section .common-nft-grid{gap:12px;margin-right:-4px;padding-right:16px}#home > .collection-section .common-nft-card{flex:0 0 78%;scroll-snap-align:center}#home > .collection-section .common-nft-card>img{aspect-ratio:1/1;object-fit:contain}#home > .collection-section .rarity-gallery{margin-top:24px}}


/* Collection focus: Common previews only; keep carousel cards geometrically consistent. */
#home > .collection-section .common-nft-grid {
  align-items: stretch;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
#home > .collection-section .common-nft-card {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-width: 0;
  height: auto;
  box-sizing: border-box;
}
#home > .collection-section .common-nft-card > img {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  height: auto !important;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
  background: #191a15;
}
#home > .collection-section .common-nft-meta { flex: 1 0 auto; }
@media (max-width: 650px) {
  #home > .collection-section .common-nft-grid { gap: 12px; padding-left: 2px; padding-right: 12px; margin-right: 0; }
  #home > .collection-section .common-nft-card { flex-basis: min(78%, 320px); }
  #home > .collection-section .common-nft-card > img { height: auto !important; aspect-ratio: 1 / 1; object-fit: contain; }
}


/* Mobile scroll repair: keep rarity controls visible and prevent dark overlay-like panels. */
#home > .collection-section.active-panel {
  position: relative;
  min-height: 0;
  overflow-y: auto;
  overflow-x: clip;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  scroll-padding-top: 16px;
}
#home > .collection-section .rarity-heading,
#home > .collection-section .rarity-grid { position: relative; z-index: 1; }
#home > .collection-section .rarity-gallery { position: relative; clear: both; }
#home > .collection-section .common-nft-grid { background: transparent; }
#home > .collection-section .common-nft-card { background: #12130f; }
#home > .collection-section .common-nft-card > img { background: #191a15; }
#home > .collection-section .rarity-gallery[hidden],
#home > .collection-section [hidden] { display: none !important; }
@media (max-width: 650px) {
  #home > .collection-section.active-panel { padding-top: 24px; padding-bottom: 48px; }
  #home > .collection-section .rarity-heading { margin-top: 24px; }
  #home > .collection-section .rarity-gallery { margin-top: 22px; }
}

/* Collection gallery: vertical grid, no carousel count/arrows. */
#home > .collection-section .rarity-index { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #c8c6b7; }
#home > .collection-section .common-nft-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; overflow: visible !important; scroll-snap-type: none !important; padding: 2px 0 20px !important; }
#home > .collection-section .common-nft-card { flex: initial !important; width: auto !important; min-width: 0; }
#home > .collection-section .common-nft-card > img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; }
#home > .collection-section .common-preview-heading { align-items: flex-end; }
#home > .collection-section .common-carousel-tools { display: none !important; }
@media (max-width: 650px) {
  #home > .collection-section .common-nft-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #home > .collection-section .common-nft-meta { padding: 10px; }
  #home > .collection-section .common-nft-meta h4 { font-size: 13px; }
  #home > .collection-section .rarity-index { font-size: 8px; letter-spacing: .04em; }
}


/* Match the Common rarity marker on the NFT cards to the rarity menu dot */
#home > .collection-section .common-nft-meta .common-rarity-badge{display:inline-flex;align-items:center;gap:7px;color:#c5c4b8;font-size:10px;letter-spacing:.12em;font-weight:600;line-height:1.2}
#home > .collection-section .common-nft-meta .common-rarity-badge::before{content:"";display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#c9c8bc;box-shadow:0 0 0 2px #c9c8bc18}

/* Rare gallery keeps the same premium card layout with a tier-specific gray rarity dot. */
#home > .collection-section .rare-rarity-badge { color: #77cdb4 !important; }
#home > .collection-section .rare-rarity-badge::before { background: #77cdb4 !important; box-shadow: 0 0 0 2px #77cdb418 !important; }

/* Rarity labels: distinguish Common and Rare clearly without mixing galleries. */
.common-rarity-badge{display:inline-flex;align-items:center;gap:7px;}
.common-rarity-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#b9b9ad;display:inline-block;}
.rare-rarity-badge{display:inline-flex;align-items:center;gap:7px;color:#75cdb7;font-size:.72rem;letter-spacing:.12em;font-weight:700;}
.rare-rarity-badge::before{content:"";width:8px;height:8px;background:#75cdb7;display:inline-block;transform:rotate(45deg);}
.rare-nft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.rare-nft-card{min-width:0;}
@media(min-width:760px){.rare-nft-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}


/* Final visibility guard: hidden rarity galleries must never be forced visible by grid display rules. */
#home > .collection-section [data-common-track][hidden],
#home > .collection-section [data-rare-track][hidden],
#home > .collection-section [data-rarity-gallery][hidden],
#home > .collection-section [data-rarity-message][hidden],
#home > .collection-section [data-common-prev][hidden],
#home > .collection-section [data-common-next][hidden] { display: none !important; }


/* Rare NFT badge uses the same diamond shape as the Rare symbol beside “Tap to explore”. */
#home > .collection-section .rare-rarity-badge::before {
  width: 8px !important; height: 8px !important; flex: 0 0 8px !important;
  border-radius: 0 !important; transform: rotate(45deg) !important;
  background: #75cdb7 !important; box-shadow: none !important;
}


/* Epic gallery visibility and violet rarity marker */
#home > .collection-section [hidden] { display: none !important; }
#home > .collection-section .epic-rarity-badge { display:inline-flex; align-items:center; gap:7px; color:#b69cff; font-size:.72rem; letter-spacing:.12em; font-weight:700; }
#home > .collection-section .epic-rarity-badge::before { content:"✦"; display:inline-block; color:#b69cff; font-size:.8rem; line-height:1; }


/* Epic NFT cards: keep the metadata line neutral; use the same violet sparkle as the Epic selector below. */
#home > .collection-section .common-nft-meta .epic-card-label { color: #8f9085 !important; }
#home > .collection-section .common-nft-meta .epic-rarity-badge { color: #b69cff !important; }
#home > .collection-section .common-nft-meta .epic-rarity-badge::before { content: "✦" !important; display: inline-block !important; width: auto !important; height: auto !important; flex: 0 0 auto !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: #b69cff !important; font-size: .8rem !important; line-height: 1 !important; transform: none !important; }


/* Keep hidden rarity galleries hidden even when grid styles use !important. */
#home > .collection-section [data-common-track][hidden],
#home > .collection-section [data-rare-track][hidden],
#home > .collection-section [data-epic-track][hidden],
#home > .collection-section [data-legendary-track][hidden],
#home > .collection-section [data-rarity-gallery][hidden] {
  display: none !important;
}

/* Legendary label: gold crown marker, matching the Legendary symbol by Explore. */
#home > .collection-section .legendary-card-label { color: #8f9085 !important; }
#home > .collection-section .legendary-rarity-badge {
  display: inline-flex; align-items: center; gap: 7px;
  color: #d6b568 !important; font-size: .72rem; letter-spacing: .12em; font-weight: 700;
  background: transparent; border: 0; border-radius: 0; padding: 0;
}
#home > .collection-section .legendary-rarity-badge::before {
  content: "♛"; display: inline-block; color: #d6b568 !important; font-size: .85rem; line-height: 1;
  width: auto !important; height: auto !important; flex: 0 0 auto !important;
  border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
}


/* Match the Legendary card badge to the gold crown marker beside Explore. */
#home > .collection-section .legendary-rarity-badge::before {
  content: "♛" !important;
  color: #d9b45b !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: .9rem;
  line-height: 1;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#home > .collection-section .legendary-rarity-badge {
  color: #d9b45b !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Desktop polish: center the Overview hero copy and place the NFT collage beneath it. */
@media (min-width: 651px) {
  #home > .overview-page .overview-hero,
  #home > .overview-page .overview-hero.active-panel {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;
    text-align: center !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: clamp(56px, 7vw, 96px) clamp(24px, 5vw, 68px) 28px !important;
    margin: 0 auto !important;
  }
  #home > .overview-page .overview-hero .hero-copy {
    order: 0 !important;
    width: 100% !important;
    max-width: 900px !important;
    flex: 0 1 auto !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  #home > .overview-page .overview-hero #overview-title,
  #home > .overview-page .overview-hero .hero-description,
  #home > .overview-page .overview-hero .hero-lead {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 780px !important;
  }
  #home > .overview-page .overview-hero .hero-buttons {
    justify-content: center !important;
    width: 100% !important;
    margin-top: 22px !important;
  }
  #home > .overview-page .overview-hero .overview-visual {
    order: 1 !important;
    width: min(100%, 820px) !important;
    max-width: 820px !important;
    height: clamp(260px, 32vw, 420px) !important;
    flex: 0 0 auto !important;
    margin: 0 auto !important;
  }
  #home > .overview-page .overview-hero .overview-visual img,
  #home > .overview-page .overview-hero .overview-visual .nft-collage-image {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }
  #home > .overview-page .overview-intro {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 42px 28px 64px !important;
  }
  #home > .overview-page .overview-intro-copy {
    width: 100% !important;
    max-width: 780px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  #home > .overview-page .overview-intro-copy h2,
  #home > .overview-page .overview-intro-copy p {
    width: 100% !important;
    max-width: 760px !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #home > .overview-page .intro-view-collection {
    align-self: center !important;
    margin: 22px auto 0 !important;
  }
}

/* Desktop whitelist: center the form in the content area for a balanced layout. */
@media (min-width: 851px){
  .whitelist-layout{display:flex;justify-content:center;align-items:flex-start;gap:0;}
  .whitelist-layout #whitelist-form{width:min(100%,760px);max-width:760px;margin-inline:auto;}
}