:root{--lime:#c8ff00;--blood:#e10600;--gold:#ffb800;--turq:#00d4aa;--pink:#ff2d6a;--night:#070b08;--cream:#fff4e0;--ink:#0b120e;--glass:#080c0a6b;--glass-border:#fff4e038;--font-display:"Bungee", "Archivo Black", system-ui, sans-serif;--font-poster:"Lilita One", "Protest Strike", system-ui, sans-serif;--font-body:"Bricolage Grotesque", system-ui, sans-serif;--font-strike:"Protest Strike", Impact, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--night);color:var(--cream);font-family:var(--font-body);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}#app{min-height:100vh;position:relative}.scroll-progress{transform-origin:0;background:linear-gradient(90deg, var(--lime), var(--gold), var(--blood));z-index:60;pointer-events:none;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.cursor-glow{pointer-events:none;z-index:45;mix-blend-mode:screen;background:radial-gradient(circle,#c8ff0024,#0000 68%);border-radius:50%;width:280px;height:280px;margin:-140px 0 0 -140px;transition:opacity .2s;position:fixed;top:0;left:0}.noise{z-index:50;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.section-bg{isolation:isolate;background-color:#0a0806;background-image:var(--bg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;position:relative}.section-bg>.veil{z-index:0;pointer-events:none;background:linear-gradient(#04060547,#0406057a),radial-gradient(70% 50% at 20% 20%,#ff6b352e,#0000 55%);position:absolute;inset:0}.section-bg>.veil.dark{background:linear-gradient(#03080661,#0308068c),radial-gradient(at 80% 10%,#00d4aa1f,#0000 45%)}.section-bg>.veil.red{background:linear-gradient(135deg,#3c06066b,#0804048c),radial-gradient(circle at 30% 40%,#e1060038,#0000 50%)}.section-bg>.veil.gold{background:radial-gradient(#ffb80033,#0000 55%),linear-gradient(#08060259,#0504028c)}.section-bg>:not(.veil){z-index:1;position:relative}.glass{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px)saturate(1.2);box-shadow:0 12px 40px #00000040}.glass-soft{-webkit-backdrop-filter:blur(10px);background:#060a0847;border:1px solid #fff4e01f;border-radius:4px;padding:1rem 1.2rem}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;background:linear-gradient(#070b08b8,#070b0847 75%,#0000);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 4vw;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:.04em;color:var(--lime);text-shadow:3px 3px 0 var(--blood);font-size:clamp(1.4rem,3vw,2rem)}.nav nav{text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;gap:1.25rem;font-size:.92rem;font-weight:700;display:flex}.nav nav a{opacity:.75;transition:all .2s;position:relative}.nav nav a:hover,.nav nav a.active{opacity:1;color:var(--gold)}.nav nav a.active:after{content:"";background:var(--lime);height:2px;position:absolute;bottom:-6px;left:0;right:0}.music-btn{border:2px solid var(--lime);color:var(--lime);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#c8ff0014;align-items:center;gap:.4rem;padding:.55rem .9rem;font-weight:800;transition:all .2s;display:inline-flex}.music-btn[aria-pressed=true]{background:var(--lime);color:var(--ink);box-shadow:0 0 24px #c8ff0059}.music-btn:hover{transform:translateY(-1px)}.hero{align-items:center;min-height:100vh;padding:6vh 5vw 8vh;display:flex}.hero-inner{grid-template-columns:1.15fr .85fr;align-items:center;gap:3vw;width:100%;display:grid}.pulse-dot{background:var(--lime);vertical-align:middle;border-radius:50%;width:.55rem;height:.55rem;margin-right:.35rem;animation:1.6s infinite pulse;display:inline-block;box-shadow:0 0 #c8ff0099}@keyframes pulse{0%{box-shadow:0 0 #c8ff008c}70%{box-shadow:0 0 0 12px #c8ff0000}to{box-shadow:0 0 #c8ff0000}}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 10px #000000b3;margin:0 0 1rem;font-size:.85rem;font-weight:800}.hero h1{font-family:var(--font-display);text-transform:uppercase;text-shadow:0 4px 24px #0000008c;margin:0;font-size:clamp(2.6rem,7.2vw,6.2rem);line-height:.95}.hero h1 .line{display:block}.hero h1 .accent{color:var(--lime);text-shadow:4px 4px 0 var(--blood), -1px 0 0 var(--gold), 0 0 40px #c8ff0059}.lede{color:#fff4e0f2;text-shadow:0 2px 14px #000000bf;max-width:36rem;margin:1.4rem 0 1.8rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55}.cta-row{flex-wrap:wrap;gap:.8rem;display:flex}.btn{font-family:var(--font-poster);letter-spacing:.03em;cursor:pointer;border:3px solid #0000;justify-content:center;align-items:center;padding:.95rem 1.4rem;font-size:1.15rem;transition:all .2s;display:inline-flex}.btn.primary{background:var(--blood);color:var(--cream);border-color:var(--gold);box-shadow:4px 4px 0 var(--lime)}.btn.primary:hover{box-shadow:6px 6px 0 var(--lime);transform:translate(-2px,-2px)}.btn.ghost{color:var(--cream);border-color:var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000047}.btn.ghost:hover{border-color:var(--turq);color:var(--turq)}.hero-stage{position:relative}.stage-frame{background:var(--lime);box-shadow:0 0 0 4px var(--blood), 12px 12px 0 var(--gold), 0 20px 60px #00000073;padding:1rem;position:relative;transform:rotate(1.5deg)}.stage-frame.floaty{animation:4.5s ease-in-out infinite floaty}@keyframes floaty{0%,to{transform:rotate(1.5deg)translateY(0)}50%{transform:rotate(1.5deg)translateY(-10px)}}.stage-frame img{aspect-ratio:1;object-fit:cover;width:100%;image-rendering:pixelated;background:#000;display:block}.stage-meta{color:var(--ink);font-family:var(--font-poster);justify-content:space-between;align-items:baseline;margin-top:.75rem;display:flex}.stage-meta span{letter-spacing:.12em;font-size:.8rem}.papel{background:repeating-linear-gradient(90deg, var(--pink) 0 12px, var(--gold) 12px 24px, var(--turq) 24px 36px, var(--blood) 36px 48px, var(--lime) 48px 60px);clip-path:polygon(0 40%,5% 0,10% 40%,15% 0,20% 40%,25% 0,30% 40%,35% 0,40% 40%,45% 0,50% 40%,55% 0,60% 40%,65% 0,70% 40%,75% 0,80% 40%,85% 0,90% 40%,95% 0,100% 40%,100% 100%,0 100%);opacity:.9;z-index:-1;height:28%;position:absolute;inset:auto -8% -10%}.marquee{border-block:3px solid var(--lime);background:#00000073;padding:.55rem 0;overflow:hidden}.marquee-track{gap:.55rem;width:max-content;animation:40s linear infinite marquee;display:flex}.marquee-track img{object-fit:cover;width:72px;height:72px;image-rendering:pixelated;background:var(--lime);padding:3px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.stats{background:#fff4e026;border-block:1px solid #fff4e033;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#0a100cb8;padding:1.6rem 1.2rem}.stat em{font-family:var(--font-display);color:var(--lime);font-size:clamp(1.6rem,3vw,2.4rem);font-style:normal;display:block}.stat span{letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-top:.35rem;font-size:.78rem;display:block}.sec-wrap{padding:8vh 4vw}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem;display:flex}.sec-head h2{font-family:var(--font-poster);color:var(--lime);text-shadow:3px 3px #000;margin:0;font-size:clamp(2.4rem,5vw,4.2rem)}.sec-head p{opacity:.95;text-shadow:0 2px 10px #000000b3;max-width:28rem;margin:0}.sec-head.dark h2{color:var(--gold)}.gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.gal-card{background:var(--lime);margin:0;padding:.4rem;transition:transform .25s,box-shadow .25s;box-shadow:0 8px #00000040}.gal-card:hover{z-index:2;transform:translateY(-8px)rotate(-2deg)scale(1.03);box-shadow:0 16px #e1060073}.gal-card img{aspect-ratio:1;object-fit:cover;width:100%;image-rendering:pixelated;background:#000;display:block}.gal-card figcaption{color:var(--ink);font-family:var(--font-poster);margin-top:.3rem;font-size:.9rem}.art{padding:10vh 5vw;overflow:hidden}.art-inner{max-width:52rem;padding:2rem 1.6rem}.art h2{font-family:var(--font-strike);color:var(--lime);text-shadow:3px 3px #000;margin:0 0 1rem;font-size:clamp(2.8rem,6vw,5rem);line-height:.95}.art p{text-shadow:0 2px 12px #000000b3;max-width:40rem;font-size:1.15rem;line-height:1.6}.traits{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.traits li{border:2px solid var(--gold);font-family:var(--font-poster);background:#00000059;padding:.85rem 1rem}.mint-strip{text-align:center;border-block:4px solid var(--lime);padding:8vh 5vw}.mint-inner{max-width:42rem;margin:0 auto;padding:2rem 1.5rem}.mint-ticker{white-space:nowrap;font-family:var(--font-display);letter-spacing:.12em;color:var(--lime);margin:0 0 1rem;font-size:.75rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.mint-strip h2{font-family:var(--font-display);color:var(--gold);text-shadow:3px 3px #000;margin:0 0 .8rem;font-size:clamp(1.8rem,4vw,3rem)}.mint-strip p{text-shadow:0 2px 10px #000000b3}.mint-strip a{color:var(--turq);text-decoration:underline}.mint-bar{border:2px solid var(--gold);background:#ffffff1f;height:10px;margin-top:1.4rem;overflow:hidden}.mint-bar span{background:linear-gradient(90deg, var(--blood), var(--lime), var(--gold));background-size:200% 100%;width:28%;height:100%;animation:2.4s linear infinite loadbar;display:block}@keyframes loadbar{0%{background-position:0 0;transform:translate(-30%)}to{background-position:200% 0;transform:translate(280%)}}.wallet-panel{padding:1.8rem 1.5rem;box-shadow:10px 10px #e1060047}.wallet-top{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.soon-pill{font-family:var(--font-poster);letter-spacing:.04em;border:2px dashed var(--gold);color:var(--gold);background:#ffb80014;padding:.45rem .85rem;font-size:.95rem}.wallet-status{opacity:.92;margin:0 0 1.2rem;line-height:1.5}.my-nfts{background:0 0;border:none;min-height:120px;padding:0}.contract-line{opacity:.75;word-break:break-all;margin:0 0 1rem;font-size:.82rem}.contract-line code,.wallet-status code,.wallet-empty code{color:var(--lime);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.bag-summary{border:2px solid var(--lime);background:#c8ff0014;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;padding:.85rem 1rem;font-weight:800;display:flex}.bag-summary strong{font-family:var(--font-display);color:var(--lime);font-size:1.15rem}.owned-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem;display:grid}.owned-card{background:#0006;border:2px solid #fff4e033;padding:.5rem;transition:transform .2s,border-color .2s}.owned-card:hover{border-color:var(--lime);transform:translateY(-4px)}.owned-card img{aspect-ratio:1;object-fit:cover;width:100%;image-rendering:pixelated;background:var(--lime);display:block}.owned-meta{padding:.55rem .2rem .3rem}.owned-meta strong{font-family:var(--font-poster);font-size:1.05rem;display:block}.owned-type{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-top:.25rem;font-size:.75rem;font-weight:800;display:inline-block}.owned-rares{flex-wrap:wrap;gap:.3rem;min-height:1.4rem;margin:.45rem 0;display:flex}.rare-chip{border:1px solid var(--pink);color:var(--pink);background:#ff2d6a1a;padding:.15rem .4rem;font-size:.68rem}.rare-chip.muted{color:#fff4e08c;background:0 0;border-color:#fff4e040}.owned-x{font-family:var(--font-display);color:#fff4e08c;font-size:1.6rem;line-height:1}.owned-x.hot{color:var(--lime);text-shadow:0 0 18px #c8ff0059}.owned-hint{letter-spacing:.06em;text-transform:uppercase;opacity:.55;font-size:.68rem}.wallet-empty{text-align:center;opacity:.85;background:#00000047;border:2px solid #c8ff0040;grid-column:1/-1;margin:0;padding:1.5rem .5rem;line-height:1.55}.wallet-empty a{color:var(--turq)}.wallet-note{opacity:.8;margin:1rem 0 0;font-size:.9rem}#connectWallet.connected{background:var(--turq);color:var(--ink);border-color:var(--cream);box-shadow:4px 4px 0 var(--blood)}.staking .stake-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.4rem;display:grid}.holder-tl{border:3px solid var(--turq);margin-bottom:1.4rem;padding:1.4rem 1.3rem}.holder-tl h3{font-family:var(--font-display);color:var(--turq);margin:0 0 .8rem;font-size:clamp(1.1rem,2.2vw,1.5rem)}.holder-tl ol{gap:.55rem;margin:0;padding-left:1.2rem;display:grid}.holder-tl li{line-height:1.45}.rare-list{border-left:4px solid var(--gold);background:#ffb80014;margin:1rem 0 0;padding:.85rem 1rem;font-size:.92rem;line-height:1.45}.stake-step{border:3px solid #ffb8008c;min-height:180px;padding:1.4rem 1.2rem}.stake-n{font-family:var(--font-display);color:var(--lime);letter-spacing:.08em;font-size:.95rem}.stake-step h3{font-family:var(--font-poster);margin:.5rem 0 .7rem;font-size:1.25rem}.stake-step p{opacity:.92;margin:0;font-size:.95rem;line-height:1.45}.sim{border:3px solid var(--lime);margin-bottom:1.4rem;padding:1.6rem 1.4rem}.sim h3{font-family:var(--font-display);color:var(--lime);margin:0 0 .4rem;font-size:clamp(1.2rem,2.5vw,1.7rem)}.sim-lead{opacity:.9;margin:0 0 1.2rem}.sim-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.sim-controls label{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:800;display:flex}.sim-controls select,.sim-controls input[type=number]{font:inherit;letter-spacing:0;text-transform:none;color:var(--cream);background:#00000073;border:2px solid #fff4e040;padding:.65rem .7rem;font-weight:700}.sim-controls .check{text-transform:none;letter-spacing:0;color:var(--cream);flex-direction:row;align-items:center;gap:.55rem;margin-top:1.4rem;font-size:.95rem}.sim-out{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.2rem;display:grid}.sim-out div{text-align:center;background:#00000059;border:2px solid #c8ff0059;padding:1rem}.sim-out span{letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:.35rem;font-size:.75rem;display:block}.sim-out strong{font-family:var(--font-display);color:var(--lime);font-size:clamp(1.3rem,2.5vw,1.8rem)}.sim-note{opacity:.7;margin:.9rem 0 0;font-size:.82rem}.mech-panel{border:3px solid #c8ff008c;padding:2rem 1.6rem;box-shadow:8px 8px #e1060047}.mech-panel>h3{font-family:var(--font-display);color:var(--lime);margin:0 0 1.4rem;font-size:clamp(1.3rem,3vw,1.8rem)}.mech-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;display:grid}.mech-cols h4{font-family:var(--font-poster);color:var(--gold);margin:0 0 .5rem;font-size:1.1rem}.mech-cols p,.mech-cols li{opacity:.92;margin:0;font-size:.92rem;line-height:1.45}.mech-cols ul{margin:0;padding-left:1.1rem}.mech-cols li+li{margin-top:.35rem}.rarity-block{border-top:2px solid #c8ff0040;margin-top:1.6rem;padding-top:1.4rem}.rarity-block>h4{font-family:var(--font-poster);color:var(--lime);margin:0 0 .6rem;font-size:1.25rem}.rarity-lead,.rarity-note{opacity:.9;margin:0 0 1rem;font-size:.95rem;line-height:1.5}.rarity-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin-bottom:1rem;display:grid}.rarity-grid article{text-align:center;background:#00000059;border:2px solid #ffb80080;padding:.9rem .7rem}.rarity-grid strong{font-family:var(--font-poster);color:var(--gold);margin-bottom:.3rem;display:block}.rarity-grid span{opacity:.8;margin-bottom:.35rem;font-size:.78rem;display:block}.rarity-grid em{font-style:normal;font-family:var(--font-display);color:var(--lime);font-size:1.1rem}.extra-mechs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1.4rem;display:grid}.extra-mechs article{border:2px solid #ff2d6a66;padding:1.1rem}.extra-mechs h4{font-family:var(--font-poster);color:var(--pink);margin:0 0 .45rem}.extra-mechs p{opacity:.92;margin:0;font-size:.92rem;line-height:1.45}.mech-formula{border-left:4px solid var(--lime);background:#c8ff001a;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:1.6rem;padding:1rem 1.2rem;display:flex}.mech-formula span{text-transform:uppercase;letter-spacing:.06em;color:var(--gold);font-size:.8rem;font-weight:800}.mech-formula code{color:var(--lime);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem}.mech-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.6rem;display:grid}.mech-rules article{background:#00000047;border:2px solid #ffb80073;padding:1.1rem}.mech-rules h4{font-family:var(--font-poster);color:var(--pink);margin:0 0 .5rem}.mech-rules p{opacity:.9;margin:0;font-size:.9rem;line-height:1.45}.road-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.road-card{border:3px solid #0000;min-height:220px;padding:1.6rem 1.4rem;transition:transform .25s}.road-card:hover{transform:translateY(-6px)}.road-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.road-phase{font-family:var(--font-display);letter-spacing:.1em;opacity:.85;font-size:.95rem}.road-tag{letter-spacing:.1em;text-transform:uppercase;border:1px solid;padding:.25rem .5rem;font-size:.7rem;font-weight:800}.road-card h3{font-family:var(--font-poster);margin:.7rem 0 .8rem;font-size:clamp(1.3rem,2.2vw,1.75rem)}.road-card p{opacity:.92;margin:0;line-height:1.5}.road-plaza{border-color:var(--turq)}.road-mint{border-color:var(--blood)}.road-stake{border-color:var(--lime)}.road-token{border-color:var(--gold)}.road-cantina{border-color:var(--pink)}.faq-list{gap:.7rem;max-width:820px;display:grid}.faq-item{border:2px solid #ffb80066;padding:.2rem 1rem .8rem}.faq-item summary{cursor:pointer;font-family:var(--font-poster);padding:.9rem 0;font-size:1.2rem;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+ ";color:var(--lime)}.faq-item[open] summary:before{content:"– "}.faq-item p{opacity:.9;margin:0 0 .6rem;line-height:1.5}.token{padding:10vh 5vw}.token-card{text-align:center;border:4px solid var(--gold);max-width:720px;margin:0 auto;padding:3rem 2rem;box-shadow:0 0 0 8px #e1060038}.token-card h2{font-family:var(--font-display);margin:.4rem 0 1rem;font-size:clamp(1.8rem,4vw,3rem)}.eyebrow.gold{color:var(--gold)}.token-badge{font-family:var(--font-poster);background:var(--lime);color:var(--ink);letter-spacing:.04em;margin-top:1.5rem;padding:.7rem 1.1rem;display:inline-block}.foot{border-top:3px solid var(--blood);background:#050705eb;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:2.5rem 5vw;display:flex}.foot .brand{margin-bottom:.3rem;display:block}.foot p{opacity:.7;margin:0}.foot-links{flex-wrap:wrap;gap:1.2rem;font-weight:700;display:flex}.foot-links a:hover{color:var(--lime)}@media (width<=1100px){.staking .stake-grid,.mech-cols,.mech-rules,.sim-controls,.sim-out,.extra-mechs,.rarity-grid,.road-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.hero-inner{grid-template-columns:1fr}.nav nav,.cursor-glow{display:none}.stats{grid-template-columns:repeat(2,1fr)}.staking .stake-grid,.mech-cols,.mech-rules,.rarity-grid,.road-grid,.traits,.sim-controls,.sim-out,.extra-mechs{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.marquee-track,.stage-frame.floaty,.mint-bar span,.pulse-dot{animation:none!important}}