@font-face{font-family:'Big Shoulders Display';font-weight:800;font-style:normal;font-display:swap;src:url(assets/fonts/BigShouldersDisplay-800.woff2) format('woff2')}
@font-face{font-family:'Big Shoulders Display';font-weight:900;font-style:normal;font-display:swap;src:url(assets/fonts/BigShouldersDisplay-900.woff2) format('woff2')}
@font-face{font-family:'Chakra Petch';font-weight:500;font-style:normal;font-display:swap;src:url(assets/fonts/ChakraPetch-500.woff2) format('woff2')}
@font-face{font-family:'Chakra Petch';font-weight:600;font-style:normal;font-display:swap;src:url(assets/fonts/ChakraPetch-600.woff2) format('woff2')}
@font-face{font-family:'Chakra Petch';font-weight:700;font-style:normal;font-display:swap;src:url(assets/fonts/ChakraPetch-700.woff2) format('woff2')}
:root{--lt:#4ff5d8;--lv:#9a6bff;--lamber:#ffb347;--lcream:#e9fff9}
#landing{position:fixed;inset:0;z-index:45;background:#03080a;overflow:hidden;color:var(--lcream);font-family:'Chakra Petch',system-ui,sans-serif;cursor:none;user-select:none}
#landing.off{display:none}
#landing *{cursor:none}
body.lh #launcher{visibility:hidden}
#lbgw{position:absolute;inset:-5%;will-change:transform}
#lbg{position:absolute;inset:0;background:#03080a url(assets/hero.webp) 68% 50%/cover no-repeat;filter:saturate(1.08) contrast(1.05);animation:lbgin 2.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes lbgin{from{transform:scale(1.22);filter:brightness(.2) saturate(.4)}to{transform:scale(1)}}
#lfog{position:absolute;inset:0;pointer-events:none;overflow:hidden}
#lfog i{position:absolute;left:-30%;width:160%;height:46%;background:radial-gradient(ellipse at 50% 50%,#7fe9d933 0,#7a5cff1c 40%,transparent 70%);filter:blur(24px);opacity:.9;animation:fogd 46s linear infinite}
#lfog i:nth-child(1){bottom:-8%}#lfog i:nth-child(2){bottom:12%;animation-duration:70s;animation-direction:reverse;opacity:.6;height:36%}#lfog i:nth-child(3){bottom:-14%;animation-duration:34s;opacity:.8;background:radial-gradient(ellipse,#0b2a2acc,transparent 68%)}
@keyframes fogd{from{transform:translateX(-14%)}to{transform:translateX(14%)}}
#lfx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#lshade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#02070a 0%,#02070aee 22%,#02070a99 42%,#02070a22 62%,transparent 78%),linear-gradient(0deg,#02070aee 0%,transparent 26%),linear-gradient(180deg,#02070acc 0%,transparent 16%),radial-gradient(ellipse at 50% 50%,transparent 55%,#000a 100%)}
#lflash{position:absolute;inset:0;background:radial-gradient(ellipse at 66% 18%,#e8e0ffcc,#8ad8ff55 40%,transparent 70%);opacity:0;pointer-events:none;mix-blend-mode:screen}
#lgrain{position:absolute;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 3px)}
/* status bar */
#lstatus{position:absolute;z-index:6;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px clamp(16px,3.4vw,48px);animation:ldrop .8s 1.5s both}
@keyframes ldrop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.lbrand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--lcream)}.lbrand b{font:900 24px 'Big Shoulders Display',Impact,sans-serif;letter-spacing:3px}
.lst{display:flex;align-items:center;gap:clamp(10px,1.6vw,24px);font-size:12px;letter-spacing:1.6px;color:#9fc4bd;flex-wrap:wrap;justify-content:flex-end}
.si{display:flex;align-items:center;gap:7px;white-space:nowrap}.si b{color:var(--lcream);font-weight:600}.si b.big{font-size:16px;color:#fff;min-width:1ch;text-shadow:0 0 12px #4ff5d899}.si b.soon{color:var(--lamber)}.peak{color:#6e8f89;font-style:italic;text-transform:lowercase}.peak b{color:#9fc4bd}
.dot{width:8px;height:8px;border-radius:50%;background:#3dff8b;box-shadow:0 0 10px #3dff8b;animation:pulse 2s infinite}.dot.amber{background:var(--lamber);box-shadow:0 0 10px var(--lamber)}.dot.off{background:#ff4a5a;box-shadow:0 0 10px #ff4a5a}.dot.live{background:#ff4a5a;box-shadow:0 0 10px #ff4a5a}
@keyframes pulse{50%{opacity:.35}}
.lbtn{font:600 12px 'Chakra Petch',sans-serif;letter-spacing:1.8px;color:var(--lcream);background:#06131488;border:1px solid #4ff5d877;padding:9px 14px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:.18s}
.lbtn:hover{background:#4ff5d822;border-color:var(--lt);box-shadow:0 0 18px #4ff5d855;color:#fff}.lbtn.ico{padding:9px 12px;font-size:15px;line-height:1}.lbtn.ico.mut{opacity:.55;text-decoration:line-through;color:#8aa}
/* hero layout */
#lhero{position:absolute;z-index:4;left:0;right:0;top:56px;bottom:46px;display:flex;justify-content:space-between;gap:20px;padding:0 clamp(16px,3.4vw,48px);align-items:center}
#lleft{width:min(660px,52vw);display:flex;flex-direction:column;min-width:0;will-change:transform}
.kick{margin:0 0 4px;font-size:13px;letter-spacing:4px;color:var(--lv);font-weight:600;animation:lslide .7s 1.7s both}
.title{margin:0;line-height:.8;font:900 clamp(96px,17.5vh,190px)/.82 'Big Shoulders Display',Impact,sans-serif;letter-spacing:2px;display:flex;flex-direction:column;filter:drop-shadow(0 6px 0 #000a)}
.title span{display:block;animation:ltslam .8s cubic-bezier(.2,1.3,.3,1) both}
.t1{color:var(--lcream);text-shadow:0 0 40px #8ff7e655;animation-delay:1.8s!important}
.t2{background:linear-gradient(95deg,#4ff5d8 0%,#6fb8ff 38%,#9a6bff 72%,#c487ff 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:ltslam .8s 2s cubic-bezier(.2,1.3,.3,1) both,lshine 7s 3s linear infinite!important;filter:drop-shadow(0 0 26px #7a5cff77)}
@keyframes ltslam{from{opacity:0;transform:translateX(-60px) scale(1.08);filter:blur(10px)}to{opacity:1;transform:none}}
@keyframes lshine{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.tag{margin:16px 0 20px;max-width:470px;font-size:clamp(14px,1.9vh,17px);line-height:1.5;color:#bfe3dc;animation:lslide .7s 2.3s both}
@keyframes lslide{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
#lmenu{display:flex;flex-direction:column;gap:7px;max-width:600px}
.mi{position:relative;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:6px;text-align:left;color:var(--lcream);background:linear-gradient(90deg,#0a1a1ccc,#07121499);border:0;border-left:3px solid #1d4a47;padding:clamp(7px,1.35vh,13px) 16px 8px 10px;overflow:hidden;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;animation:lslide .5s both;font-family:inherit}
.mi:nth-child(1){animation-delay:2.4s}.mi:nth-child(2){animation-delay:2.48s}.mi:nth-child(3){animation-delay:2.56s}.mi:nth-child(4){animation-delay:2.64s}.mi:nth-child(5){animation-delay:2.72s}.mi:nth-child(6){animation-delay:2.8s}
.mi::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#4ff5d833,#9a6bff1a 60%,transparent);transform:translateX(-101%);transition:transform .28s}
.mi::after{content:'▶';position:absolute;right:12px;top:50%;transform:translate(10px,-50%);opacity:0;color:var(--lt);font-size:12px;transition:.2s}
.mi .n{position:relative;font-size:13px;color:#4a7b76;padding-left:6px;transition:color .2s}
.mi .t{position:relative;font:900 clamp(22px,3.6vh,34px)/1 'Big Shoulders Display',Impact,sans-serif;letter-spacing:1.5px;white-space:nowrap;transition:transform .2s,color .2s}
.mi .s{position:relative;font-size:12px;letter-spacing:.8px;color:#6f9a93;text-align:right;transition:color .2s,transform .2s;padding-right:2px}
.mi:hover,.mi.sel,.mi:focus-visible{outline:0;border-left-color:var(--lt);box-shadow:0 0 28px #4ff5d826,inset 0 0 0 1px #4ff5d822;transform:translateX(8px)}
.mi:hover::before,.mi.sel::before,.mi:focus-visible::before{transform:none}
.mi:hover::after,.mi.sel::after,.mi:focus-visible::after{opacity:1;transform:translate(0,-50%)}
.mi:hover .n,.mi.sel .n{color:var(--lt)}.mi:hover .t,.mi.sel .t{color:#fff;transform:translateX(4px);text-shadow:0 0 18px #4ff5d8aa}.mi:hover .s,.mi.sel .s{color:#bfe9e2}
.mi:first-child{border-left-color:var(--lt)}.mi:first-child .t{color:var(--lt)}
.mi:active{transform:translateX(8px) scale(.99)}
/* right column */
#lright{width:min(390px,34vw);display:flex;flex-direction:column;gap:12px;align-self:flex-start;margin-top:12px;animation:lslide2 .7s 2.6s both;will-change:transform}
@keyframes lslide2{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}
.feed,.zones{background:linear-gradient(180deg,#06121499,#040c0eb3);border:1px solid #4ff5d833;border-top:2px solid var(--lt);backdrop-filter:blur(5px);font-size:12.5px}
.fh,.zh{display:flex;gap:10px;align-items:center;padding:9px 12px;letter-spacing:2.2px;font-size:11px;color:#6f9a93;border-bottom:1px solid #4ff5d81a}.fh b{display:flex;align-items:center;gap:7px;color:#ff6a78}
#lfeed{list-style:none;margin:0;padding:4px 0;min-height:60px}
#lfeed li{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:7px 12px;border-bottom:1px dashed #4ff5d812;animation:fin .5s both;line-height:1.3}
#lfeed li.empty{display:block;color:#6f9a93;font-style:italic;padding:14px 12px}
@keyframes fin{from{opacity:0;transform:translateX(18px);background:#4ff5d822}to{opacity:1;transform:none}}
.tg{font-size:10px;letter-spacing:1.4px;font-weight:700;padding:2px 6px;border:1px solid;min-width:58px;text-align:center}
.tg.apex{color:#ff7ab0;border-color:#ff7ab0aa;background:#ff7ab01c;text-shadow:0 0 8px #ff7ab0}.tg.kill{color:var(--lamber);border-color:#ffb347aa;background:#ffb3471a}.tg.mission{color:var(--lt);border-color:#4ff5d8aa;background:#4ff5d812}.tg.join{color:#9fc4bd;border-color:#9fc4bd66}
#lfeed .tx{color:#d8f5ef;overflow:hidden;text-overflow:ellipsis}#lfeed .tm{color:#5b807a;font-size:11px;white-space:nowrap}
#lzones{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#4ff5d81a}
.zc{background:#050e10;padding:8px 10px;font-size:11px;color:#6f9a93;letter-spacing:1px}.zc b{display:block;color:var(--lcream);font-size:15px;letter-spacing:0;margin-top:2px}.zc i{display:block;height:3px;background:#12302e;margin-top:5px}.zc i u{display:block;height:100%;background:linear-gradient(90deg,var(--lt),var(--lv));text-decoration:none}.zc.apex b{color:#ff7ab0}.zc.apex::after{content:'APEX';float:right;color:#ff7ab0;font-size:9px;margin-top:-30px}
/* footer */
#lfoot{position:absolute;z-index:6;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:14px;padding:12px clamp(16px,3.4vw,48px);font-size:12px;letter-spacing:1.2px;color:#628781;animation:ldrop .8s 3s both}
#lfoot b{color:#9fc4bd}kbd{border:1px solid #4a7b76;padding:0 5px;margin:0 2px;color:#9fc4bd;font:inherit;font-size:11px}
/* Voidmaw reticle on the art */
.vmret{position:absolute;left:62%;top:31%;width:64px;height:64px;margin:-32px 0 0 -32px;border:1px solid #ff7ab044;border-radius:50%;pointer-events:none;animation:vmfade 1s 3.2s both}
.vmret::before,.vmret::after{content:'';position:absolute;background:#ff7ab0cc}.vmret::before{left:50%;top:-14px;bottom:-14px;width:1px}.vmret::after{top:50%;left:-14px;right:-14px;height:1px}
.vmret b{position:absolute;inset:-4px;border:1.5px dashed #ff7ab0;border-radius:50%;animation:vmspin 12s linear infinite;box-shadow:0 0 14px #ff7ab055}
.vmret span{position:absolute;right:82px;top:50%;transform:translateY(-50%);white-space:nowrap;text-align:right;font-size:11px;letter-spacing:1.6px;color:#ff9cc4;line-height:1.35;text-shadow:0 1px 6px #000}.vmret span em{display:block;font-style:normal;font-weight:700;color:#ffd0e2}.vmret span u{text-decoration:none;opacity:.9}
.vmret.hot{border-color:#ff4a5a}.vmret.hot b{animation-duration:2.5s;border-color:#ff4a5a}.vmret.hot span u{color:#ff6a78;font-weight:700}
@keyframes vmspin{to{transform:rotate(360deg)}}@keyframes vmfade{from{opacity:0}to{opacity:1}}
/* custom reticle cursor */
.lret{position:fixed;left:0;top:0;width:46px;height:46px;margin:-23px 0 0 -23px;z-index:70;pointer-events:none;border:1.5px solid #4ff5d8cc;border-radius:50%;box-shadow:0 0 14px #4ff5d855,inset 0 0 8px #4ff5d822;transition:width .18s,height .18s,margin .18s,border-color .18s,opacity .2s;opacity:0}
.lret.on{opacity:1}
.lret u{position:absolute;background:#4ff5d8;transition:.18s}.lret u:nth-child(1){left:50%;top:-9px;width:1.5px;height:12px}.lret u:nth-child(2){left:50%;bottom:-9px;width:1.5px;height:12px}.lret u:nth-child(3){top:50%;left:-9px;height:1.5px;width:12px}.lret u:nth-child(4){top:50%;right:-9px;height:1.5px;width:12px}
.lret::after{content:'';position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;background:#fff;border-radius:50%;box-shadow:0 0 8px #fff}
.lret.over{width:30px;height:30px;margin:-15px 0 0 -15px;border-color:var(--lamber);transform:rotate(45deg)}.lret.over u{background:var(--lamber)}
.lret.fire{width:60px;height:60px;margin:-30px 0 0 -30px;border-color:#fff}
.lring{position:fixed;z-index:69;pointer-events:none;width:20px;height:20px;margin:-10px;border:2px solid #4ff5d8;border-radius:50%;animation:lring .6s ease-out forwards}
@keyframes lring{to{transform:scale(6);opacity:0}}
/* intro */
#lintro{position:absolute;inset:0;z-index:90;background:#010405;display:flex;align-items:center;justify-content:center;transition:opacity .7s .1s}
#lintro.done{opacity:0;pointer-events:none}
#lilines{font:500 clamp(13px,1.8vh,17px)/1.9 'Chakra Petch',monospace;letter-spacing:3px;color:#4ff5d8;min-width:min(420px,80vw);text-shadow:0 0 10px #4ff5d8aa}
#lilines div{opacity:0;animation:lil .01s forwards}#lilines .w{color:#ff7ab0}#lilines .y{color:#fff}
.lskip{position:absolute;bottom:18px;right:24px;font-size:11px;letter-spacing:2px;color:#2f5a56}
@keyframes lil{to{opacity:1}}
#landing.skipi #lintro{display:none}#landing.skipi *{animation-delay:0s!important}#landing.skipi #lbg{animation-duration:.01s}
#lnav .home{color:var(--lt)}
@media(max-width:860px){#ssrv{display:none}#lstatus{padding:10px 12px;gap:8px}.lbrand b{display:none}.lst{gap:8px;font-size:10px;flex-wrap:nowrap}.lst .lbtn{padding:7px 8px;font-size:10px;letter-spacing:1px}.si{gap:5px}.lst .lbtn.ico{padding:7px 9px}#lhero{flex-direction:column;justify-content:flex-start;overflow:auto;align-items:stretch;top:62px;gap:10px;padding-top:6px}#lleft,#lright{width:100%}#lright{align-self:stretch}.title{font-size:25vw}.mi{grid-template-columns:34px 1fr}.mi .s{display:none}.hide-s{display:none!important}#landing,#landing *{cursor:auto}.lret{display:none}#lshade{background:linear-gradient(0deg,#02070a 0%,#02070acc 40%,#02070a66)}}
@media(prefers-reduced-motion:reduce){#lfog i,.vmret b{animation:none}}
/* ================= FOUNDING PASS ================= */
:root{--fg:#ffd36b;--fh1:#ffc94d;--fh2:#fff1b8}
.passbtn{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;max-width:600px;margin:0 0 12px;padding:8px 14px 8px 12px;color:var(--lcream);text-align:left;font-family:inherit;border:1px solid #ffd36b88;background:linear-gradient(100deg,#2a1c05cc,#1a0f02cc 55%,#2a1c05cc);overflow:hidden;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);animation:lslide .6s 2.2s both,pbglow 3.2s 3s ease-in-out infinite;transition:transform .2s}
.passbtn::before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#ffffff44 48%,#ffb93833 52%,transparent 70%);transform:translateX(-120%);animation:pbsweep 3.6s 3s ease-in-out infinite;pointer-events:none}
.passbtn:hover,.passbtn:focus-visible{outline:0;transform:translateX(8px) scale(1.01);border-color:#fff}
@keyframes pbsweep{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes pbglow{0%,100%{box-shadow:0 0 14px #ffd36b33,inset 0 0 18px #ffd36b11}50%{box-shadow:0 0 30px #ffd36b88,inset 0 0 26px #ffb93822}}
.pb-art{display:block;width:50px;height:66px;margin:-14px 0 -14px 0;transform:rotate(-6deg);filter:drop-shadow(0 6px 10px #000c) drop-shadow(0 0 12px #ffd36b66);transition:transform .25s}
.passbtn:hover .pb-art{transform:rotate(3deg) scale(1.12)}
.pb-art img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px;border:1px solid #ffd36bcc}
.pb-tx{display:flex;flex-direction:column;gap:1px;min-width:0}.pb-tx em{font-style:normal;font-size:10px;letter-spacing:3px;color:var(--fh1);font-weight:700}
.pb-tx b{font:900 clamp(19px,2.9vh,27px)/1.05 'Big Shoulders Display',Impact,sans-serif;letter-spacing:1.5px;background:linear-gradient(90deg,#fff3c4,#ffd36b 40%,#ffcf6a 75%,#ffe9a8);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;white-space:nowrap}.pb-tx b u{text-decoration:none;opacity:.6;-webkit-text-fill-color:#ffd36b}
.pb-tx small{font-size:12px;letter-spacing:1.4px;color:#cdbf94}
.pb-st{display:flex;flex-direction:column;align-items:flex-end;font-size:11px;letter-spacing:1.6px;font-weight:700;color:var(--fg);border:1px solid #ffd36b99;padding:5px 9px;background:#00000066;white-space:nowrap}.pb-st i{font-style:normal;font-size:9px;letter-spacing:2px;color:#a89968;font-weight:500}
.pb-st.live{color:#3dff8b;border-color:#3dff8b99}
/* right teaser (tall screens only) */
.teaser{display:none;position:relative;gap:14px;align-items:center;padding:14px 16px;text-align:left;color:var(--lcream);font-family:inherit;border:1px solid #ffd36b66;border-top:2px solid var(--fg);background:linear-gradient(180deg,#1d1305cc,#0d0803cc);backdrop-filter:blur(5px);overflow:hidden;transition:.2s}
.teaser:hover{border-color:#fff;box-shadow:0 0 28px #ffd36b55}
.tz-card{position:relative;flex:none;display:block;width:104px;height:139px;border-radius:7px;overflow:hidden;border:1px solid #ffd36bcc;box-shadow:0 10px 24px #000c,0 0 22px #ffd36b44;animation:tzfloat 5s ease-in-out infinite}
.tz-card img{display:block;width:100%;height:100%;object-fit:cover}
.tz-holo{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#ffb93855 38%,#fff1b866 50%,#ffd36b55 62%,transparent 80%);background-size:250% 100%;mix-blend-mode:color-dodge;animation:tzh 4s linear infinite}
@keyframes tzfloat{50%{transform:translateY(-6px) rotate(1.5deg)}}@keyframes tzh{from{background-position:120% 0}to{background-position:-120% 0}}
.tz-tx{display:flex;flex-direction:column;gap:4px}.tz-tx em{font-style:normal;font:900 24px/1 'Big Shoulders Display',Impact,sans-serif;letter-spacing:2px;color:var(--fg)}
.tz-tx b{font-size:18px;letter-spacing:1px;color:#fff}.tz-tx small{font-size:11px;letter-spacing:1.4px;color:#d3c08a}.tz-tx u{text-decoration:none;margin-top:6px;font-size:11px;letter-spacing:2px;color:var(#ffd36b);font-weight:700}
@media(min-height:800px) and (min-width:1000px){.teaser{display:flex}#lfeed li:nth-child(n+6){display:none}}
/* overlay */
#fpass{position:absolute;inset:0;z-index:20;background:#04030c;color:var(--lcream);opacity:0;pointer-events:none;transform:scale(1.03);transition:opacity .45s,transform .45s;overflow:hidden}
#fpass.on{opacity:1;pointer-events:auto;transform:none}
#fpass.off{display:none}
.fp-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 76% 42%,#b8860b55,transparent 55%),radial-gradient(ellipse at 20% 80%,#8a5a0a55,transparent 55%),radial-gradient(ellipse at 50% 0%,#ffd36b22,transparent 50%),url(assets/hero.webp) 68% 50%/cover;filter:saturate(1.1)}
.fp-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#04030cf2 0%,#04030ccc 40%,#04030c88 100%)}
.fp-stars{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 33% 64%,#ffd36b,transparent),radial-gradient(1.5px 1.5px at 58% 14%,#ffe9a8,transparent),radial-gradient(1px 1px at 81% 72%,#fff,transparent),radial-gradient(1.5px 1.5px at 92% 28%,#ffcf6a,transparent),radial-gradient(1px 1px at 70% 88%,#fff,transparent),radial-gradient(1px 1px at 45% 40%,#fff,transparent);animation:fptw 5s ease-in-out infinite alternate}
@keyframes fptw{from{opacity:.4}to{opacity:1}}
.fp-back{position:absolute;z-index:3;left:clamp(14px,3vw,40px);top:14px;font:600 13px 'Chakra Petch',sans-serif;letter-spacing:2px;color:var(--lcream);background:#1a110499;border:1px solid #ffd36b77;padding:9px 16px}.fp-back small{opacity:.6;margin-left:6px;font-size:10px}.fp-back:hover{background:#ffd36b22;border-color:var(#ffd36b)}
.fp-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;padding:56px clamp(16px,4vw,64px) 48px;scrollbar-width:thin;scrollbar-color:#ffd36b66 transparent;user-select:text}
.fp-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(18px,4vw,56px);align-items:center;max-width:1280px;margin:0 auto;min-height:calc(100vh - 100px)}
.fp-kick{margin:0 0 6px;font-size:13px;letter-spacing:4px;color:var(--fh1);font-weight:700}
.fp-title{margin:0;display:flex;flex-direction:column;font:900 clamp(60px,min(12vw,16vh),160px)/.84 'Big Shoulders Display',Impact,sans-serif;letter-spacing:2px;filter:drop-shadow(0 6px 0 #000a)}
.fp-title .a{color:#fff;text-shadow:0 0 40px #ffffff44}
.fp-title .b{background:linear-gradient(95deg,#ffe9a8,#ffd36b 25%,#ffb938 55%,#fff1b8 85%,#ffe9a8);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:lshine 6s linear infinite;filter:drop-shadow(0 0 24px #ffb93866)}
.fp-en{margin:8px 0 10px;font:700 clamp(14px,1.9vw,20px) 'Chakra Petch',sans-serif;letter-spacing:7px;color:var(--fg)}
.fp-lead{margin:0 0 14px;max-width:560px;font-size:clamp(15px,1.5vw,18px);line-height:1.55;color:#f1e8cf}.fp-lead b{color:#fff}.fp-lead small,.fp-note small{display:block;margin-top:6px;font-size:.82em;color:#b3a578;line-height:1.45}.fp-lead small b{color:#c9c5e6}
.fp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:660px}
.fp-st{position:relative;padding:8px 12px;border:1px solid #ffd36b44;background:linear-gradient(180deg,#1a1205cc,#0d0803cc);backdrop-filter:blur(4px)}
.fp-st.big{grid-column:1/-1;padding:8px 14px;border-color:#ffd36b99;background:linear-gradient(100deg,#2a1d06dd,#1f1404dd)}.fp-st.cd{grid-column:span 2}
.fp-st>span{display:block;font-size:11px;letter-spacing:2.4px;color:#d3c08a;font-weight:600}.fp-st small{opacity:.7;letter-spacing:1.4px;font-size:.9em}
.fp-st b{display:block;margin:2px 0;font:900 clamp(26px,3.4vw,40px)/1 'Big Shoulders Display',Impact,sans-serif;letter-spacing:1.5px;color:#fff;text-shadow:0 0 18px #ffd36b66;font-variant-numeric:tabular-nums}.fp-st b u{text-decoration:none;font-size:.5em;color:var(--fg);letter-spacing:2px;margin-left:2px}
.fp-st.big b{font-size:clamp(34px,4.6vw,56px);color:var(--fg)}.fp-st.big b.live{color:#fff}
.fp-st em{display:block;font-style:normal;font-size:12px;color:#a89968;line-height:1.4}.fp-st em small{display:block}
.fp-bar{height:6px;background:#2f2410;margin:6px 0 8px;overflow:hidden}.fp-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd36b,#ffb938,#fff1b8);box-shadow:0 0 12px #ffb938;transition:width .8s}
.fp-cta{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 10px}
.fp-mint{position:relative;font:900 clamp(18px,2.2vw,26px) 'Big Shoulders Display',Impact,sans-serif;letter-spacing:3px;color:#1a1100;border:0;padding:16px 30px;background:linear-gradient(95deg,#ffe9a8,#ffd36b 50%,#ffb347);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);box-shadow:0 0 30px #ffd36b88;transition:.2s}
.fp-mint:not(:disabled):hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.12)}
.fp-mint:disabled{background:linear-gradient(95deg,#4a4538,#3a362c);color:#a69f88;box-shadow:none;cursor:not-allowed}#landing .fp-mint:disabled{cursor:none}
.fp-wal{font:700 13px 'Chakra Petch',sans-serif;letter-spacing:2px;color:var(--lcream);background:#1a110488;border:1px solid #ffd36b99;padding:0 22px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.fp-wal small{display:block;opacity:.6;font-size:10px;letter-spacing:2px;margin-top:2px}.fp-wal:hover{background:#ffd36b22;border-color:var(#ffd36b)}
.fp-note{margin:0;max-width:560px;font-size:12.5px;color:#c2b48a;line-height:1.5}
/* tilt card */
.fp-cardw{display:flex;flex-direction:column;align-items:center;gap:16px;perspective:1100px}
.fp-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;position:relative;width:min(100%,432px);aspect-ratio:3/4;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .12s;animation:fpsway 7s ease-in-out infinite}
.fp-card.act{animation:none}
@keyframes fpsway{0%,100%{transform:rotateX(4deg) rotateY(-9deg) translateY(0)}50%{transform:rotateX(-3deg) rotateY(9deg) translateY(-12px)}}
.fp-card::before{content:'';position:absolute;inset:-6%;z-index:-1;background:radial-gradient(ellipse,#ffb93866,#b8860b44 40%,transparent 68%);filter:blur(28px)}
.fp-cin{position:absolute;inset:0;border-radius:18px;overflow:hidden;border:2px solid #ffd36bdd;box-shadow:0 30px 70px #000d,0 0 50px #ffd36b44,inset 0 0 0 1px #fff3}
.fp-cin img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.fp-cin .h1{position:absolute;inset:0;background:linear-gradient(calc(110deg + var(--ry)*3),transparent 18%,#ffb30055 34%,#fff0a066 48%,#ffe45a55 62%,#ff9d0055 74%,transparent 90%);background-size:260% 260%;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;opacity:.85}
.fp-cin .h2{position:absolute;inset:0;background:repeating-linear-gradient(115deg,#ffffff00 0 6px,#ffffff10 6px 7px);mix-blend-mode:overlay;opacity:.7}
.fp-cin .h3{position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),#ffffff00 0,#00000066 100%);mix-blend-mode:multiply}
.fp-cin .gl{position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),#ffffffaa 0,#ffffff22 22%,transparent 46%);mix-blend-mode:overlay}
.fp-cap{font-size:12px;letter-spacing:2px;color:#d3c08a;text-align:center;line-height:1.6}.fp-cap b{color:#fff}.fp-cap small{display:block;color:#7d7a96;letter-spacing:1px;font-size:11px}
/* perks etc */
.fp-h{max-width:1280px;margin:clamp(40px,7vw,90px) auto 18px;font:900 clamp(30px,4.4vw,52px) 'Big Shoulders Display',Impact,sans-serif;letter-spacing:3px;color:#fff}.fp-h small{display:block;font:600 12px 'Chakra Petch',sans-serif;letter-spacing:4px;color:var(--fh1);margin-top:4px}
.fp-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1280px;margin:0 auto}
.pk{position:relative;padding:20px 20px 18px;border:1px solid #ffd36b33;border-left:3px solid var(--fg);background:linear-gradient(135deg,#1a1205bb,#0d0803bb);overflow:hidden;transition:.2s}
.pk:hover{border-color:#ffd36b;transform:translateY(-4px);box-shadow:0 14px 34px #000a,0 0 24px #ffd36b33}
.pk i{position:absolute;right:12px;top:6px;font:900 54px 'Big Shoulders Display',sans-serif;font-style:normal;color:#ffd36b14}
.pk b{display:block;font:900 24px 'Big Shoulders Display',Impact,sans-serif;letter-spacing:1.5px;color:var(--fg);margin-bottom:6px}.pk span{display:block;font-size:14px;line-height:1.5;color:#f1e8cf}.pk small{display:block;margin-top:6px;font-size:12px;color:#a89968}
.fp-worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1280px;margin:0 auto}
.wd{padding:26px 22px;border:1px solid #ffffff22;position:relative;overflow:hidden}.wd b{display:block;font:900 clamp(28px,3.4vw,42px) 'Big Shoulders Display',sans-serif;letter-spacing:3px}.wd span{font-size:13px;color:#d6d3ea}
.wd.o{background:linear-gradient(135deg,#3a2a08cc,#1a110488)}.wd.o b{color:#ffd36b}.wd.b{background:linear-gradient(135deg,#3b1a08cc,#140a0288)}.wd.b b{color:#ffa14d}.wd.r{background:linear-gradient(135deg,#2e220acc,#140a0288)}.wd.r b{color:#ffe9a8}
.fp-legal{max-width:1280px;margin:36px auto 0;font-size:12.5px;line-height:1.6;color:#a89968;border-top:1px solid #ffffff1a;padding-top:18px}.fp-legal b{color:#c9c5e6}.fp-legal i{display:block;margin-top:6px;font-style:normal;color:#76728f}
@media(max-width:860px){.fp-scroll{padding-top:66px}.fp-hero{grid-template-columns:1fr;min-height:0;padding-top:10px}.fp-cardw{order:-1}.fp-card{width:min(78vw,340px)}.fp-stats{grid-template-columns:1fr 1fr}.fp-st.cd{grid-column:1/-1}.fp-perks,.fp-worlds{grid-template-columns:1fr}.fp-title{font-size:21vw}.fp-bg::after{background:#04030ccc}.passbtn{grid-template-columns:auto 1fr;max-width:none}.pb-st{grid-column:1/-1;flex-direction:row;gap:8px;justify-content:center}.pb-tx b{white-space:normal}.fp-cta{flex-direction:column}.fp-wal{padding:12px}.fp-mint{width:100%}}
@media(max-height:820px) and (min-width:861px){.title{font-size:clamp(80px,14vh,190px)}.tag{margin:10px 0 12px}.passbtn{margin-bottom:8px;padding-top:6px;padding-bottom:6px}.mi{padding-top:clamp(5px,1vh,10px);padding-bottom:6px}}
@media(prefers-reduced-motion:reduce){.fp-card,.passbtn,.passbtn::before,.tz-card,.tz-holo{animation:none}}

/* ===== GOLD THEME v2 ===== */
:root{--fg:#ffd36b;--gold1:#fff3c4;--gold2:#ffd36b;--gold3:#e0a21f;--gold4:#8a5a0a}
.fp-bg{background:radial-gradient(ellipse at 74% 42%,#d9a02a55,transparent 55%),radial-gradient(ellipse at 18% 85%,#8a5a0a44,transparent 55%),radial-gradient(ellipse at 50% 0%,#ffd36b33,transparent 50%),url(assets/hero.webp) 68% 50%/cover;filter:saturate(.9) sepia(.35)}
.fp-title .a{color:#fff7dc;text-shadow:0 0 40px #ffd36b66}
.fp-title .b{background:linear-gradient(95deg,#fff3c4,#ffd36b 25%,#e0a21f 50%,#fff3c4 70%,#ffd36b 90%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:lshine 5s linear infinite;filter:drop-shadow(0 0 28px #ffb30088)}
.fp-kick{color:#ffc94d}
.fp-en{color:#ffd36b;text-shadow:0 0 18px #ffb30066}
.fp-st{border-color:#ffd36b66;box-shadow:inset 0 0 0 1px #ffd36b10}
.fp-st.big{border-color:#ffd36bcc;box-shadow:0 0 26px #ffb30033,inset 0 0 22px #ffd36b14}
.fp-st b{text-shadow:0 0 20px #ffb30088}
.fp-bar i{background:linear-gradient(90deg,#8a5a0a,#ffd36b,#fff3c4);box-shadow:0 0 14px #ffd36b}
.fp-mint{background:linear-gradient(95deg,#fff3c4,#ffd36b 35%,#e0a21f 70%,#ffd36b);background-size:200% 100%;color:#241600;box-shadow:0 0 40px #ffb300aa,0 0 90px #ffd36b44;animation:fpgoldbtn 3.5s linear infinite}
@keyframes fpgoldbtn{to{background-position:-200% 0}}
.fp-mint:disabled{background:linear-gradient(95deg,#fff3c4,#ffd36b 40%,#c98f1a);color:#2a1b00;opacity:.78;filter:saturate(.85);box-shadow:0 0 34px #ffb30066;animation:fpgoldbtn 6s linear infinite}
.fp-wal{color:#ffe9a8;border-color:#ffd36bcc;background:#2a1c0566}.fp-wal:hover{background:#ffd36b22;border-color:#fff3c4;box-shadow:0 0 22px #ffd36b66}
.fp-back{color:#ffe9a8;border-color:#ffd36b88;background:#1a110499}.fp-back:hover{background:#ffd36b22;border-color:#fff3c4}
.fp-card::before{background:radial-gradient(ellipse,#ffc93daa,#b8860b55 40%,transparent 68%);filter:blur(32px)}
.fp-cin{border:3px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#fff3c4,#e0a21f 25%,#fff3c4 50%,#b8860b 75%,#ffd36b) border-box;box-shadow:0 30px 70px #000d,0 0 60px #ffb30077,0 0 120px #ffd36b33}
.fp-cin .h1{background:linear-gradient(calc(110deg + var(--ry)*3),transparent 16%,#ffb30077 32%,#fff3c488 46%,#ffd36b77 58%,#e0a21f66 72%,transparent 90%);background-size:260% 260%;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;opacity:.95}
.fp-cin .h3{background:radial-gradient(circle at var(--mx) var(--my),#ffffff00 0,#1a0f0066 100%)}
.fp-cin .gl{background:radial-gradient(circle at var(--mx) var(--my),#fff3c4cc 0,#ffd36b33 24%,transparent 48%)}
.fp-cin::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,#fff3c455 50%,transparent 60%);background-size:250% 100%;animation:fpfoil 4.5s ease-in-out infinite;mix-blend-mode:overlay;pointer-events:none}
@keyframes fpfoil{0%{background-position:150% 0}100%{background-position:-150% 0}}
.fp-cap b{color:#ffd36b}
.fp-h{color:#fff3c4}.fp-h small{color:#ffc94d}
.pk{border-color:#ffd36b44;border-left-color:#ffd36b}.pk b{color:#ffd36b}.pk i{color:#ffd36b18}
.fp-legal b{color:#ffe9a8}.fp-legal i{color:#8f8160}
.passbtn{border-color:#ffd36bcc;background:linear-gradient(100deg,#2e1d03dd,#150d02dd 55%,#2e1d03dd)}
.passbtn::before{background:linear-gradient(105deg,transparent 30%,#fff3c488 48%,#ffd36b44 52%,transparent 70%)}
.pb-tx b{background:linear-gradient(90deg,#fff3c4,#ffd36b 45%,#e0a21f 80%,#ffd36b);-webkit-background-clip:text;background-clip:text}
.pb-tx em{color:#ffc94d}
.teaser{border-color:#ffd36b88;box-shadow:0 0 24px #ffb30022}
.tz-holo{background:linear-gradient(115deg,transparent 20%,#ffb30066 38%,#fff3c488 50%,#ffd36b66 62%,transparent 80%);background-size:250% 100%;mix-blend-mode:color-dodge;animation:tzh 4s linear infinite}
.tz-tx em{color:#ffd36b;text-shadow:0 0 14px #ffb30088}

.fp-bonus{margin:14px 0 0;padding:12px 16px;border:1px solid #ffd36b66;border-left:3px solid #ffd36b;background:linear-gradient(135deg,#2a1d06cc,#120c03cc);color:#ffe9a8;font-size:15px;line-height:1.5}.fp-bonus b{color:#ffd36b}.fp-bonus small{display:block;margin-top:4px;font-size:12px;color:#a89968}
.fp-cr{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;gap:18px;padding:18px 20px;border:1px solid #ffd36b33;border-left:3px solid #ffd36b;background:linear-gradient(135deg,#1a1205bb,#0d0803bb)}
.fp-cr b{display:block;font:900 40px 'Big Shoulders Display',Impact,sans-serif;color:#ffd36b;letter-spacing:1.5px}.fp-cr u{text-decoration:none;font-size:22px}.fp-cr span{display:block;font-size:14px;line-height:1.55;color:#f1e8cf}.fp-cr span b{display:inline;font:700 14px inherit;color:#ffd36b;letter-spacing:0}.fp-cr small{display:block;margin-top:6px;font-size:12px;color:#a89968}
@media(max-width:760px){.fp-cr{grid-template-columns:1fr}}

.fp-card{position:relative}
.fp-bundle{margin-top:14px;padding:10px 14px;border:2px solid #f5c542;border-radius:10px;background:linear-gradient(90deg,rgba(245,197,66,.18),rgba(245,197,66,.06));color:#ffd966;font-weight:800;letter-spacing:1px;text-align:center;font-size:15px}.fp-bundle u{text-decoration:none;color:#fff}.fp-bundle small{display:block;margin-top:4px;color:#e8d9a8;font-weight:500;letter-spacing:0;font-size:12px}
.fp-mintline{margin-top:8px;color:#ffd966;font-weight:700;font-size:14px;letter-spacing:.5px}