/* $BAWSAQ — Vice City Stock Exchange. Synthwave trading-floor theme from Dan's official logo + banner. */
:root{
  --pink:#ff2e9a;--hot:#ff4fd8;--orange:#ff8a3d;--sun:#ffc65c;--purple:#7b2cff;--violet:#b07cff;--sky:#8fe3ff;--mint:#5cffb0;
  --red:#ff3b5c;--green:#3dffa0;--gold:#ffd23d;--night:#0e0019;--ink:#1a0630;--deep:#22073f;--line:rgba(255,79,216,.28);
  --txt:#fbeaff;--dim:#c9a9e6;
  --f-word:'Bungee',Impact,sans-serif;--f-inline:'Bungee Inline','Bungee',Impact,sans-serif;--f-led:'VT323',ui-monospace,monospace;
  --f-ui:'Chakra Petch','Space Grotesk',system-ui,sans-serif;--f-body:'Space Grotesk',system-ui,sans-serif;--f-neon:'Monoton',cursive;--f-script:'Mr Dafoe',cursive;
  --tape:28px;--hdr:62px;--r:14px;
  --e-out:cubic-bezier(.16,1,.3,1);--e-back:cubic-bezier(.34,1.56,.64,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
html,body{overflow-x:clip;max-width:100%}
body{background:var(--night);color:var(--txt);font:16px/1.55 var(--f-body);min-height:100vh;
  background-image:radial-gradient(1200px 700px at 80% -10%,rgba(123,44,255,.35),transparent 60%),radial-gradient(900px 600px at -10% 40%,rgba(255,46,154,.18),transparent 60%),linear-gradient(180deg,#14002a,#0e0019 40%,#100020);}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
code{font-family:var(--f-led)}
.skip{position:absolute;left:-999px;top:0;z-index:999;background:var(--mint);color:#000;padding:8px 12px}
.skip:focus{left:8px;top:8px}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
body.is-loading{overflow:hidden}
.led{font-family:var(--f-led);letter-spacing:.06em}
.lamp{display:inline-block;width:8px;height:8px;border-radius:50%;background:#555;box-shadow:0 0 0 2px rgba(0,0,0,.4)}
.lamp.is-on{background:var(--mint);box-shadow:0 0 10px var(--mint),0 0 2px #fff inset;animation:blink 1.6s steps(2) infinite}
.lamp.is-off{background:var(--red);box-shadow:0 0 10px var(--red)}
@keyframes blink{50%{opacity:.35}}

/* ---------- loader ---------- */
.loader{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#0b0016;overflow:hidden}
.loader__grid{position:absolute;inset:-50% -50% 0;background:
  linear-gradient(transparent 0 49%,rgba(255,46,154,.55) 50%,transparent 51%) 0 0/100% 60px,
  linear-gradient(90deg,transparent 0 49%,rgba(255,46,154,.55) 50%,transparent 51%) 0 0/60px 100%;
  transform:perspective(500px) rotateX(64deg) translateY(30%);animation:gridrun 1.4s linear infinite;opacity:.55;
  mask:linear-gradient(transparent,#000 45%)}
@keyframes gridrun{to{background-position:0 60px,0 0}}
.loader__inner{position:relative;text-align:center;padding:20px}
.loader__logo{width:110px;height:110px;margin:0 auto 18px;border-radius:50%;box-shadow:0 0 40px rgba(255,46,154,.8);animation:spinY 2.4s linear infinite}
@keyframes spinY{to{transform:rotateY(360deg)}}
.flap{display:flex;gap:6px;justify-content:center;perspective:400px}
.flap__c{position:relative;width:clamp(38px,11vw,74px);height:clamp(54px,15vw,100px);background:linear-gradient(#24063f 50%,#1a0430 50%);border-radius:6px;
  font:clamp(34px,10vw,70px)/clamp(54px,15vw,100px) var(--f-word);color:var(--sky);text-shadow:0 0 12px rgba(143,227,255,.7);box-shadow:0 4px 0 #07000d,inset 0 0 0 1px rgba(255,255,255,.08);overflow:hidden}
.flap__c::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#07000d}
.flap__c.is-set{color:#fff;background:linear-gradient(#ff2e9a 50%,#d61b80 50%);text-shadow:0 2px 0 #5a0638}
.loader__sub{margin-top:16px;font:600 12px/1 var(--f-ui);letter-spacing:.35em;color:var(--mint)}
.loader__bar{margin:18px auto 6px;width:min(320px,70vw);height:6px;border-radius:9px;background:#2a0a44;overflow:hidden}
.loader__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--orange),var(--sun));box-shadow:0 0 12px var(--pink)}
.loader__pct{font:22px var(--f-led);color:var(--sun)}
.loader__wipe{position:absolute;inset:0;background:linear-gradient(120deg,var(--pink),var(--purple));clip-path:polygon(0 0,0 0,0 100%,0 100%)}
.loader.is-done{pointer-events:none}

/* ---------- cursor ---------- */
.cursor{position:fixed;left:0;top:0;z-index:300;pointer-events:none;display:none}
.cursor i{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border:2px solid var(--mint);border-radius:50%;box-shadow:0 0 12px var(--mint);transition:width .25s,height .25s,margin .25s,border-color .25s}
.cursor b{position:absolute;margin:-10px 0 0 -5px;font:700 16px var(--f-led);color:var(--sun);text-shadow:0 0 8px var(--orange)}
.cursor.is-hot i{width:58px;height:58px;margin:-29px 0 0 -29px;border-color:var(--pink);box-shadow:0 0 18px var(--pink)}
@media (pointer:fine){.cursor{display:block}}

/* ---------- top tape ---------- */
.tape{position:fixed;top:0;left:0;right:0;height:var(--tape);z-index:60;display:flex;align-items:center;background:#07000e;border-bottom:1px solid var(--line);overflow:hidden}
.tape__tag{flex:none;height:100%;display:grid;place-items:center;padding:0 10px;background:var(--pink);color:#fff;font:600 11px/1 var(--f-ui);letter-spacing:.12em;z-index:2}
.tape__track{display:flex;white-space:nowrap;will-change:transform}
.tk{display:inline-flex;gap:6px;align-items:baseline;padding:0 16px;font:20px/var(--tape) var(--f-led);color:#e8d4ff}
.tk b{color:#fff;font-weight:400}
.tk .up{color:var(--green)}.tk .dn{color:var(--red)}
.tk.is-flash{animation:tkflash .6s}
@keyframes tkflash{30%{background:rgba(255,255,255,.12)}}

/* ---------- header ---------- */
.hdr{position:fixed;top:var(--tape);left:0;right:0;height:var(--hdr);z-index:55;display:flex;align-items:center;gap:10px;padding:0 clamp(10px,2.4vw,28px);
  transition:background .3s,box-shadow .3s,backdrop-filter .3s}
.hdr.is-solid{background:rgba(16,0,30,.82);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line),0 10px 30px rgba(0,0,0,.35)}
.hdr__brand{display:flex;align-items:center;gap:8px;flex:none}
.hdr__brand img{width:40px;height:40px;border-radius:50%;box-shadow:0 0 14px rgba(255,46,154,.7);transition:transform .6s var(--e-back)}
.hdr__brand:hover img{transform:rotate(360deg) scale(1.08)}
.hdr__name{display:flex;flex-direction:column;line-height:1}
.hdr__name b{font:17px/1 var(--f-word);background:linear-gradient(180deg,#d8f6ff 0 50%,#a77bff 51%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.5px #2a0640}
.hdr__name small{font:600 10px var(--f-ui);letter-spacing:.3em;color:var(--mint)}
.hdr__nav{display:flex;gap:4px;margin-left:14px}
.hdr__nav a{position:relative;padding:8px 12px;font:600 13px var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);transition:color .2s}
.hdr__nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;background:var(--mint);box-shadow:0 0 8px var(--mint);transform:scaleX(0);transition:transform .35s var(--e-out)}
.hdr__nav a:hover{color:#fff}.hdr__nav a:hover::after{transform:scaleX(1)}
.hdr__clock{margin-left:auto;display:flex;align-items:center;gap:7px;padding:4px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.35);font:20px/1 var(--f-led);color:var(--sun)}
.hdr__clock small{font:600 10px var(--f-ui);color:var(--dim);letter-spacing:.15em}
.chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:9px;border:1px dashed rgba(92,255,176,.6);background:rgba(10,0,20,.55);font:600 12px var(--f-ui);letter-spacing:.1em;color:var(--mint);transition:translate .2s,background .2s}
.chip span{font:18px var(--f-led);color:#fff}
.chip:hover{background:rgba(92,255,176,.12);translate:0 -2px}
.appicon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font:700 18px var(--f-ui);color:#fff;flex:none;
  background:linear-gradient(145deg,#2b2b3a,#000);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 0 #000,0 0 0 1px rgba(255,255,255,.1);transition:translate .2s var(--e-back),rotate .2s}
.appicon--snd{background:linear-gradient(145deg,#7b2cff,#3a0a7a)}
.appicon:hover{translate:0 -3px;rotate:-6deg}
.appicon:active{translate:0 2px}

/* LED keyboard keys */
.ledkey{position:relative;display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 18px 0 14px;border-radius:10px;font:700 14px/1 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:#fff;
  background:linear-gradient(180deg,#3a1460,#250a42);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.4),0 5px 0 #12001f,0 7px 16px rgba(0,0,0,.5);
  transition:translate .12s,box-shadow .12s,filter .2s;white-space:nowrap}
.ledkey__led{width:8px;height:8px;border-radius:2px;background:var(--mint);box-shadow:0 0 8px var(--mint);flex:none}
.ledkey:hover{filter:brightness(1.18);translate:0 -2px}
.ledkey:active{translate:0 4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 #12001f}
.ledkey--buy,.ledkey--hot{background:linear-gradient(180deg,#ff5fb5,#e01d82);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.25),0 5px 0 #7a0a45,0 0 26px rgba(255,46,154,.55)}
.ledkey--buy .ledkey__led,.ledkey--hot .ledkey__led{background:var(--sun);box-shadow:0 0 8px var(--sun)}
.ledkey--buy .sm{display:none}
.ledkey--g .ledkey__led{background:var(--green)}.ledkey--r .ledkey__led{background:var(--red);box-shadow:0 0 8px var(--red)}
.ledkey--sm{height:38px;font-size:12px;padding:0 14px 0 11px;margin-top:12px}
.hdr .ledkey{height:42px;flex:none}

/* stock-slip buttons (perforated ticket) */
.slip{--c1:#ff5fb5;--c2:#ff8a3d;position:relative;display:inline-flex;align-items:stretch;height:64px;filter:drop-shadow(0 6px 0 #5a0638) drop-shadow(0 0 22px rgba(255,46,154,.5));transition:translate .2s var(--e-back),rotate .2s,filter .2s}
.slip__stub,.slip__body{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,var(--c1),var(--c2))}
.slip__stub{padding:0 12px;font:700 11px/1.1 var(--f-ui);letter-spacing:.14em;color:#3a0020;border-radius:10px 0 0 10px;
  -webkit-mask:radial-gradient(circle at 100% 8px,transparent 4px,#000 4.5px) 0 0/100% 16px;mask:radial-gradient(circle at 100% 8px,transparent 4px,#000 4.5px) 0 0/100% 16px}
.slip__body{padding:0 22px 0 16px;border-radius:0 10px 10px 0;border-left:2px dashed rgba(58,0,32,.5);
  -webkit-mask:radial-gradient(circle at 100% 50%,transparent 9px,#000 9.5px);mask:radial-gradient(circle at 100% 50%,transparent 9px,#000 9.5px)}
.slip__body b{font:20px/1 var(--f-word);color:#fff;text-shadow:0 2px 0 rgba(90,6,56,.7)}
.slip__body small{font:600 11px var(--f-ui);letter-spacing:.12em;color:#3a0020;margin-top:4px;text-transform:uppercase}
.slip:hover{translate:0 -3px;rotate:-1.5deg}
.slip:active{translate:0 3px}
.slip--g{--c1:#5cffb0;--c2:#1fd38a;filter:drop-shadow(0 5px 0 #0a5a36)}
.slip--r{--c1:#ff6b84;--c2:#ff3b5c;filter:drop-shadow(0 5px 0 #6a0a1c)}
.slip--g .slip__body b,.slip--r .slip__body b{font-size:17px}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;padding:calc(var(--tape) + var(--hdr) + 20px) clamp(16px,4vw,56px) 70px;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.hero__world{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hero__layer{position:absolute;inset:-6%;background-size:cover;background-position:30% 60%;will-change:transform}
.hero__sky{animation:kenburns 26s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.16) translate3d(-2%,1%,0)}}
.hero__candles{position:absolute;inset:0;pointer-events:none;perspective:900px}
.c3{position:absolute;bottom:0;width:14px;transform-style:preserve-3d;animation:candle 6s ease-in-out infinite}
.c3 i{position:absolute;left:0;right:0;border-radius:2px}
.c3 .w{left:6px;right:6px;top:-18%;bottom:-18%;background:currentColor;opacity:.8}
.c3 .b{top:0;bottom:0;background:currentColor;box-shadow:0 0 16px currentColor,0 0 2px #fff inset}
.c3.up{color:var(--green)}.c3.dn{color:var(--red)}
@keyframes candle{0%,100%{transform:translateY(0) rotateY(0)}50%{transform:translateY(-22px) rotateY(180deg)}}
.hero__sea{position:absolute;left:0;right:0;bottom:0;height:22%;background:repeating-linear-gradient(180deg,rgba(255,255,255,.0) 0 6px,rgba(255,210,240,.10) 7px 8px);mix-blend-mode:screen;animation:shimmer 3s linear infinite;mask:linear-gradient(transparent,#000)}
@keyframes shimmer{to{background-position:0 32px}}
.hero__scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);pointer-events:none;mix-blend-mode:multiply}
.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,0,25,.88) 0%,rgba(14,0,25,.55) 42%,rgba(14,0,25,.05) 75%),linear-gradient(0deg,var(--night),transparent 30%)}
.hero__grid{position:relative;width:100%;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(18px,3vw,48px);align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:rgba(0,0,0,.45);border:1px solid var(--line);font:600 12px var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.eyebrow b{color:var(--sun)}
.title{margin:18px 0 10px;line-height:.86}
.title__word{display:block;font:clamp(64px,13.2vw,210px)/.86 var(--f-word);letter-spacing:-.01em;white-space:nowrap}
.title__word .ch{display:inline-block;background:linear-gradient(180deg,#e9fbff 0%,#9fe2ff 49%,#c39bff 50%,#7b2cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:clamp(2px,.35vw,5px) #24063b;filter:drop-shadow(0 6px 0 #24063b) drop-shadow(0 0 24px rgba(255,46,154,.65));transform-origin:50% 100%;will-change:transform}
.title{position:relative}
.wd{display:inline-block;white-space:nowrap}
.title__script{position:absolute;right:clamp(-10px,1vw,30px);top:-.38em;font:clamp(40px,6.4vw,104px)/1 var(--f-script);color:#ff7cd0;rotate:-9deg;text-shadow:0 0 6px #fff,0 0 18px var(--pink),0 0 42px var(--pink),3px 4px 0 #3a0030;pointer-events:none;animation:neonflick 5s infinite}
@keyframes neonflick{0%,18%,22%,62%,64%,100%{opacity:1}20%,63%{opacity:.45}}
.title__sub{display:block;margin-top:12px;font:clamp(14px,2.4vw,32px)/1 var(--f-word);letter-spacing:.08em;color:var(--mint);text-shadow:0 0 14px rgba(92,255,176,.8),0 3px 0 #0c3b26;white-space:nowrap}
.title__sub .ch{display:inline-block}
.lede{max-width:560px;font-size:clamp(15px,1.4vw,19px);color:#f1dcff;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.lede b{color:var(--sun)}
.cta{display:flex;flex-wrap:wrap;gap:14px 12px;align-items:center;margin:22px 0 18px}
.ca{max-width:600px;padding:12px 14px;border-radius:var(--r);background:rgba(12,0,24,.78);border:1px solid rgba(92,255,176,.35);box-shadow:0 0 0 4px rgba(92,255,176,.06),0 14px 40px rgba(0,0,0,.45);backdrop-filter:blur(8px)}
.ca__lbl{display:flex;justify-content:space-between;gap:10px;font:600 11px var(--f-ui);letter-spacing:.18em;color:var(--mint)}
.ca__lbl em{font-style:normal;color:var(--sun);letter-spacing:.06em}
.ca__row{display:flex;gap:8px;align-items:center;margin-top:6px}
.ca__val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;border-radius:8px;background:#05000b;border:1px solid rgba(255,255,255,.08);font-size:20px;color:#fff}
.ca__copy{flex:none;height:40px;padding:0 16px;border-radius:8px;font:700 13px var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:#062615;background:linear-gradient(180deg,#8dffc9,#2ee59a);box-shadow:0 4px 0 #0a5a36;transition:translate .12s}
.ca__copy:active{translate:0 3px;box-shadow:0 1px 0 #0a5a36}
.ca__warn{margin-top:6px;font-size:12px;color:var(--dim)}
.hero__coin{position:relative;display:grid;justify-items:center;gap:10px}
.coinstage{position:relative;width:min(100%,520px);aspect-ratio:1}
.coin{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab;z-index:2}
.coin:active{cursor:grabbing}
.coinstage__halo{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,46,154,.55),rgba(123,44,255,.25) 45%,transparent 70%);filter:blur(10px);animation:halo 4s ease-in-out infinite}
@keyframes halo{50%{transform:scale(1.12);opacity:.7}}
.coinstage__hint{position:absolute;bottom:4%;left:0;right:0;text-align:center;font:18px var(--f-led);color:var(--sky);z-index:3;pointer-events:none}
.hero__index{display:flex;gap:10px;align-items:baseline;padding:8px 14px;border-radius:10px;background:rgba(0,0,0,.55);border:1px solid var(--line);font:600 11px var(--f-ui);letter-spacing:.12em;color:var(--dim)}
.hero__index em{font-style:normal;color:var(--orange)}
.hero__index b{font:26px/1 var(--f-led);color:#fff}
.hero__index i{font:20px var(--f-led);font-style:normal}
.up{color:var(--green)!important}.dn{color:var(--red)!important}
.hero__scroll{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font:600 10px var(--f-ui);letter-spacing:.3em;color:var(--dim)}
.hero__scroll i{width:2px;height:34px;background:linear-gradient(var(--mint),transparent);animation:drip 1.6s ease-in-out infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- rails ---------- */
.rails{position:relative;padding:26px 0;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(123,44,255,.12),transparent)}
.rail{overflow:hidden;white-space:nowrap}
.rail--a{transform:rotate(-2.2deg);background:#05000b;border-block:2px solid var(--pink);box-shadow:0 0 30px rgba(255,46,154,.35)}
.rail--b{transform:rotate(1.6deg);margin-top:-6px;background:linear-gradient(90deg,var(--mint),var(--sky));color:#0b1a2a}
.rail__track{display:inline-flex;will-change:transform}
.rail__item{display:inline-flex;align-items:center;gap:16px;padding:10px 24px;font:clamp(30px,5vw,64px)/1 var(--f-led)}
.rail--a .rail__item{color:#fff}
.rail--a .rail__item .up{text-shadow:0 0 10px var(--green)}
.rail--b .rail__item{font:clamp(22px,3.4vw,44px)/1 var(--f-word);padding:12px 26px}
.rail--b .rail__item::after{content:"✦";color:var(--pink)}

/* ---------- pinned floor ---------- */
.floor{position:relative}
.floor__pin{position:relative;height:100vh;height:100svh;overflow:hidden;background:#05000b}
.floor__frames{position:absolute;inset:0}
.frame{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 0 0 0)}
.frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);will-change:transform}
.frame[data-frame="0"] img{object-position:20% 50%;transform-origin:22% 55%}
.frame figcaption{position:absolute;right:14px;top:calc(var(--tape) + var(--hdr) + 10px);padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.6);font:600 10px var(--f-ui);letter-spacing:.2em;color:var(--sun)}
.frame::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,0,16,.92),rgba(8,0,16,.1) 55%),repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px)}
.floor__hud{position:absolute;left:clamp(16px,5vw,72px);right:clamp(16px,5vw,72px);bottom:clamp(40px,9vh,90px);z-index:3;max-width:900px}
.floor__step{display:inline-flex;gap:10px;align-items:center;padding:6px 12px;border-radius:8px;background:rgba(0,0,0,.6);border:1px solid var(--line);font:600 12px var(--f-ui);letter-spacing:.2em;color:var(--mint)}
.floor__step .led{font-size:22px;color:var(--sun)}
.floor__big{margin:14px 0 8px;font:clamp(40px,8vw,120px)/.9 var(--f-word);color:#fff;-webkit-text-stroke:2px #24063b;text-shadow:0 6px 0 #24063b,0 0 30px rgba(255,46,154,.8)}
.floor__sub{max-width:620px;font:clamp(16px,1.6vw,22px)/1.4 var(--f-ui);color:#ffe9fb;background:rgba(0,0,0,.55);display:inline;padding:2px 8px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.floor__meter{margin-top:18px;height:6px;width:min(420px,80%);background:rgba(255,255,255,.12);border-radius:9px;overflow:hidden}
.floor__meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--sky),var(--pink))}
.floor__chips{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.floor__chips span{padding:4px 10px;border-radius:6px;font:600 11px var(--f-ui);letter-spacing:.16em;color:var(--dim);border:1px solid rgba(255,255,255,.15);transition:all .3s}
.floor__chips span.is-on{color:#1a0630;background:var(--mint);border-color:var(--mint);box-shadow:0 0 14px var(--mint)}
.floor__ghost{position:absolute;top:calc(var(--tape) + var(--hdr) + 18px);left:0;white-space:nowrap;font:clamp(60px,12vw,200px)/1 var(--f-inline);color:transparent;-webkit-text-stroke:1.5px rgba(255,79,216,.45);z-index:2;pointer-events:none}

/* ---------- section heads ---------- */
section{position:relative}
.board,.desk,.quote,.buy,.toko,.gallery,.faq{padding:clamp(70px,10vw,140px) clamp(16px,4vw,56px) 20px;max-width:1440px;margin:0 auto}
.sechead{position:relative;margin-bottom:clamp(26px,4vw,48px);overflow-x:clip;overflow-y:visible}
.sechead__ghost{position:absolute;left:-.04em;top:-.62em;font:clamp(54px,11vw,170px)/1 var(--f-inline);color:transparent;-webkit-text-stroke:1px rgba(176,124,255,.35);white-space:nowrap;pointer-events:none;z-index:-1;will-change:transform}
.kicker{font:20px var(--f-led);color:var(--mint);letter-spacing:.06em}
.sechead h2,.phonesec h2{font:clamp(40px,6.8vw,96px)/.92 var(--f-word);background:linear-gradient(180deg,#e9fbff 0%,#9fe2ff 49%,#c39bff 50%,#7b2cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #24063b;filter:drop-shadow(0 5px 0 #24063b) drop-shadow(0 0 18px rgba(255,46,154,.45))}
.sechead h2 .ch,.phonesec h2 .ch{display:inline-block;background:linear-gradient(180deg,#e9fbff 0%,#9fe2ff 49%,#c39bff 50%,#7b2cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:inherit}
.sechead__p{max-width:720px;margin-top:12px;color:var(--dim)}
.sechead__p b{color:var(--sun)}

/* ---------- terminal / board ---------- */
.term{border-radius:18px;background:linear-gradient(180deg,#14002a,#0a0014);border:1px solid var(--line);box-shadow:0 0 0 6px rgba(255,46,154,.05),0 30px 80px rgba(0,0,0,.55),inset 0 0 120px rgba(123,44,255,.12);overflow:hidden}
.term__bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 14px;background:#07000e;border-bottom:1px solid var(--line)}
.term__bar .led{font-size:20px;color:var(--sun)}
.term__dots{display:flex;gap:6px}.term__dots i{width:11px;height:11px;border-radius:50%;background:var(--red)}.term__dots i:nth-child(2){background:var(--sun)}.term__dots i:nth-child(3){background:var(--green)}
.term__filters{display:flex;gap:6px;flex-wrap:wrap}
.term__live{margin-left:auto;display:flex;gap:6px;align-items:center;font:600 11px var(--f-ui);letter-spacing:.16em;color:var(--mint)}
.tabkey{padding:6px 10px;border-radius:7px;font:600 12px var(--f-ui);letter-spacing:.1em;color:var(--dim);background:#1d0836;box-shadow:0 3px 0 #000;transition:all .15s}
.tabkey.is-on{color:#1a0630;background:var(--sky);box-shadow:0 3px 0 #2b5f78,0 0 14px rgba(143,227,255,.5)}
.tabkey:active{translate:0 2px}
.term__body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.bigboard{max-height:560px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--pink) transparent;background:
  radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1.5px) 0 0/6px 6px}
.bb{width:100%;border-collapse:collapse;font-family:var(--f-led)}
.bb th{position:sticky;top:0;z-index:2;background:#12002a;text-align:left;padding:10px 10px;font:600 11px var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line)}
.bb th button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
.bb th button:hover,.bb th button.is-on{color:var(--mint)}
.bb th i{font-style:normal}
.bb td{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.05);font-size:22px;white-space:nowrap}
.bb tr{transition:background .2s}
.bb tbody tr{cursor:pointer}
.bb tbody tr:hover{background:rgba(255,46,154,.08)}
.bb tbody tr.is-sel{background:rgba(143,227,255,.1);box-shadow:inset 3px 0 0 var(--sky)}
.bb__co b{display:block;color:#fff;font-weight:400;line-height:1}
.bb__co small{display:block;font:500 11px var(--f-ui);color:var(--dim);letter-spacing:.04em;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.bb .star{font-size:18px;color:#5a3a78;transition:transform .2s var(--e-back),color .2s}
.bb .star.is-on{color:var(--sun);text-shadow:0 0 10px var(--orange);transform:scale(1.2)}
.bb canvas{display:block;width:90px;height:28px}
.bb td.flash-up{animation:fu .7s}.bb td.flash-dn{animation:fd .7s}
@keyframes fu{0%{background:rgba(61,255,160,.35)}}@keyframes fd{0%{background:rgba(255,59,92,.35)}}
.detail{padding:16px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,rgba(123,44,255,.08),transparent)}
.detail__hd{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.detail__sym{display:block;font:34px/1 var(--f-word);color:var(--sky);text-shadow:0 0 14px rgba(143,227,255,.6)}
.detail__name{font:600 13px var(--f-ui);color:var(--dim)}
.detail__px{text-align:right}.detail__px b{display:block;font:40px/1 var(--f-led);color:#fff}.detail__px i{font:22px var(--f-led);font-style:normal}
.detail__ranges{display:flex;gap:6px}
.detail__chart{width:100%;height:220px;border-radius:10px;background:#07000e;border:1px solid rgba(255,255,255,.06)}
.detail__blurb{font-size:14px;color:var(--dim);min-height:44px}
.detail__act{display:flex;gap:10px;flex-wrap:wrap}
.wire{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#07000e;border-top:1px solid var(--line);overflow:hidden}
.wire__tag{flex:none;padding:4px 8px;border-radius:5px;background:var(--orange);color:#2a0a00;font:700 11px var(--f-ui);letter-spacing:.16em}
.wire__txt{flex:1;min-width:0;font:600 15px var(--f-ui);color:#fff}
.wire__fx{flex:none;font:22px var(--f-led)}

/* ---------- panels / desk ---------- */
.panel{border-radius:18px;padding:18px;background:linear-gradient(160deg,rgba(40,8,72,.9),rgba(12,0,24,.95));border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)}
.panel__hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}
.panel__hd .led{font-size:22px;color:var(--mint)}
.panel__hd b{font:30px/1 var(--f-led);color:var(--sun)}
.desk__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}
.desk__side{display:grid;gap:18px;align-content:start}
.pf__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pf__stats div{padding:10px;border-radius:10px;background:#07000e;border:1px solid rgba(255,255,255,.06)}
.pf__stats small{display:block;font:600 10px var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.pf__stats b{font:24px/1.1 var(--f-led);color:#fff;font-weight:400}
.pf__order{display:grid;gap:12px;margin:16px 0}
.pf__sel{display:flex;align-items:center;gap:10px;font:600 12px var(--f-ui);letter-spacing:.12em;color:var(--dim);text-transform:uppercase}
.pf__sel select{flex:1;min-width:0;height:42px;padding:0 10px;border-radius:9px;background:#07000e;color:#fff;border:1px solid var(--line);font:20px var(--f-led)}
.pf__qty{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.key{min-width:44px;height:40px;padding:0 10px;border-radius:8px;font:20px var(--f-led);color:#fff;background:linear-gradient(180deg,#3a1460,#250a42);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 0 #0a0014;transition:translate .1s}
.key:active{translate:0 3px;box-shadow:0 1px 0 #0a0014}
.key--max{background:linear-gradient(180deg,#ffb36b,#ff7a2a);color:#2a0a00}
.pf__qty output{min-width:70px;text-align:center;font:32px/40px var(--f-led);color:var(--sun);background:#07000e;border-radius:8px;border:1px solid rgba(255,255,255,.08)}
.pf__btns{display:flex;gap:14px;flex-wrap:wrap}
.pf__hold{list-style:none;display:grid;gap:6px;max-height:220px;overflow:auto}
.pf__hold li{display:grid;grid-template-columns:70px 1fr auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:9px;background:#07000e;font:20px var(--f-led)}
.pf__hold li small{font:500 12px var(--f-ui);color:var(--dim)}
.pf__hold .pf__empty{display:block;color:var(--dim);font:500 14px var(--f-ui)}
.linkbtn{margin-top:10px;font:600 12px var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-decoration:underline;text-underline-offset:3px}
.linkbtn:hover{color:var(--pink)}
.risk__stars{display:flex;gap:6px;font-size:clamp(34px,4vw,48px);line-height:1}
.risk__stars i{font-style:normal;color:#3a1f55;text-shadow:0 2px 0 #000;transition:color .3s,transform .4s var(--e-back),text-shadow .3s}
.risk__stars i.is-on{color:var(--sun);text-shadow:0 0 16px var(--orange),0 2px 0 #6a3a00;transform:scale(1.1) rotate(-8deg)}
.risk__stars.is-max i.is-on{animation:wanted .5s steps(2) infinite}
@keyframes wanted{50%{color:#fff;text-shadow:0 0 20px var(--sky)}}
.risk__p{margin-top:10px;font-size:14px;color:var(--dim)}
.lever__keys{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bigkey{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;border-radius:14px;text-align:center;transition:translate .12s,filter .2s}
.bigkey span{font-size:34px;line-height:1}
.bigkey b{font:20px var(--f-word);color:#fff}
.bigkey small{font:500 11px var(--f-ui);color:rgba(255,255,255,.8)}
.bigkey--crash{background:linear-gradient(180deg,#ff6b84,#c3123a);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 7px 0 #5a0718,0 0 26px rgba(255,59,92,.4)}
.bigkey--moon{background:linear-gradient(180deg,#5cffb0,#14a86a);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 7px 0 #064a2c,0 0 26px rgba(61,255,160,.35)}
.bigkey:hover{filter:brightness(1.12);translate:0 -2px}
.bigkey:active{translate:0 6px}
.bigkey[disabled]{filter:grayscale(.7) brightness(.7);cursor:wait}
.bell{margin-top:12px;width:100%;height:52px;border-radius:12px;font:20px var(--f-word);color:#2a1600;background:linear-gradient(180deg,#ffe58a,#ffb12b);box-shadow:inset 0 1px 0 #fff,0 6px 0 #7a4a00,0 0 26px rgba(255,198,92,.45);transition:translate .12s}
.bell:active{translate:0 5px}
.bell.is-ring .bell__ico{display:inline-block;animation:ring .12s 8 alternate}
@keyframes ring{from{transform:rotate(-24deg)}to{transform:rotate(24deg)}}

/* ---------- phone ---------- */
.phonesec{overflow-x:clip;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,5vw,80px);align-items:center;padding:clamp(70px,10vw,140px) clamp(16px,4vw,56px) 20px;max-width:1240px;margin:0 auto}
.phonesec p{color:var(--dim);margin-top:12px;max-width:560px}.phonesec p b{color:var(--sun)}
.phonesec__list{list-style:none;margin-top:18px;display:grid;gap:8px}
.phonesec__list li{display:flex;gap:10px;align-items:center;font:600 15px var(--f-ui)}
.phonesec__list li::before{content:"▲";color:var(--green);font-size:12px}
.phone{perspective:1200px}
.phone__body{position:relative;width:min(340px,86vw);aspect-ratio:9/18.6;border-radius:44px;padding:14px;background:linear-gradient(145deg,#ff5fb5,#7b2cff 55%,#2a0a5a);box-shadow:0 0 0 2px rgba(255,255,255,.2) inset,0 40px 90px rgba(0,0,0,.6),0 0 60px rgba(255,46,154,.35);transform:rotateY(-14deg) rotateX(6deg);transform-style:preserve-3d;transition:transform .6s var(--e-out)}
.phone__body:hover{transform:rotateY(-4deg) rotateX(2deg)}
.phone__notch{position:absolute;top:22px;left:50%;width:90px;height:22px;margin-left:-45px;border-radius:20px;background:#000;z-index:5}
.phone__status{position:absolute;top:24px;left:34px;right:34px;z-index:4;display:flex;justify-content:space-between;font:16px var(--f-led);color:#fff}
.phone__screen{position:absolute;inset:14px;border-radius:32px;overflow:hidden;background:#0b0016;padding:56px 14px 30px}
.phone__screen[hidden]{display:none}
.phone__wall{position:absolute;inset:0;background:url(assets/official/logo-256.webp) center 62%/120% no-repeat,linear-gradient(180deg,#2a0a5a,#ff2e9a);filter:saturate(1.2);opacity:.55}
.phone__widget{position:relative;padding:12px;border-radius:18px;background:rgba(10,0,20,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12)}
.phone__widget small{display:block;font:600 10px var(--f-ui);letter-spacing:.1em;color:var(--dim)}
.phone__widget b{font:34px/1 var(--f-led);color:#fff;font-weight:400}.phone__widget i{margin-left:8px;font:20px var(--f-led);font-style:normal}
.phone__widget canvas{display:block;width:100%;height:50px;margin-top:6px}
.apps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px;margin-top:20px}
.app{display:flex;flex-direction:column;align-items:center;gap:5px;font:600 10px var(--f-ui);color:#fff;text-shadow:0 1px 3px #000}
.app__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;font:700 20px var(--f-ui);font-style:normal;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 14px rgba(0,0,0,.4);transition:transform .25s var(--e-back)}
.app:hover .app__ic{transform:translateY(-4px) scale(1.08)}
.app:active .app__ic{transform:scale(.9)}
.app__ic--board{background:linear-gradient(145deg,#8fe3ff,#2b7bd6)}.app__ic--desk{background:linear-gradient(145deg,#5cffb0,#0e9a5c)}
.app__ic--wire{background:linear-gradient(145deg,#ffb36b,#ff5a2a)}.app__ic--game{background:linear-gradient(145deg,#ff5fb5,#a3125c);font-size:15px}
.app__ic--chart{background:linear-gradient(145deg,#b07cff,#4a12a8)}.app__ic--x{background:linear-gradient(145deg,#333,#000)}
.app__ic--buy{background:linear-gradient(145deg,#ffe58a,#ff8a3d);color:#3a1600;font-family:var(--f-word)}.app__ic--bell{background:linear-gradient(145deg,#fff,#c9a9e6)}
.phone__home{position:absolute;bottom:22px;left:50%;width:110px;height:5px;margin-left:-55px;border-radius:9px;background:rgba(255,255,255,.7);z-index:5}
.phone__apphd{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.phone__apphd b{font:18px var(--f-word);color:#fff}
.phone__back{font:600 13px var(--f-ui);color:var(--sky)}
.phone__wire{list-style:none;display:grid;gap:8px;max-height:100%;overflow:auto}
.phone__wire li{padding:10px;border-radius:12px;background:#1a0630;font:500 13px/1.35 var(--f-ui)}
.phone__wire li small{display:block;font:16px var(--f-led);color:var(--orange)}
.game{display:flex;flex-direction:column;gap:9px}
.game__hd{display:flex;justify-content:space-between;font:600 10px var(--f-ui);letter-spacing:.08em;color:var(--dim)}
.game__hd b{font:20px var(--f-led);color:#fff;font-weight:400}
.game__stock b{font:26px/1 var(--f-word);color:var(--sky)}.game__stock small{display:block;font:500 12px var(--f-ui);color:var(--dim)}
.game__chart{width:100%;height:auto;aspect-ratio:2/1;border-radius:10px;background:#07000e}
.game__timer{height:6px;border-radius:9px;background:#2a0a44;overflow:hidden}.game__timer i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--sun),var(--pink))}
.game__msg{font:600 13px var(--f-ui);min-height:36px;color:#fff;margin:0!important}
.game__btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gkey{height:50px;border-radius:12px;font:16px var(--f-word);color:#fff;transition:translate .1s,filter .2s}
.gkey--up{background:linear-gradient(180deg,#5cffb0,#14a86a);box-shadow:0 5px 0 #064a2c}
.gkey--down{background:linear-gradient(180deg,#ff6b84,#c3123a);box-shadow:0 5px 0 #5a0718}
.gkey:active{translate:0 4px}
.gkey[disabled]{filter:grayscale(.8) brightness(.6);cursor:not-allowed}
.ledkey--start{justify-content:center;width:100%}

/* ---------- quote ---------- */
.quote__stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.quote__stats div{padding:10px;border-radius:10px;background:#07000e;border:1px solid rgba(255,255,255,.06)}
.quote__stats small{display:block;font:600 10px var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.quote__stats b{font:24px var(--f-led);font-weight:400}
.quote__chart{position:relative;margin-top:14px;height:min(520px,62vh);border-radius:12px;overflow:hidden;background:
  linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/100% 40px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/60px 100%,#07000e}
.quote__chart iframe{width:100%;height:100%;border:0}
.quote__lock{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:20px;backdrop-filter:blur(3px);background:radial-gradient(circle,rgba(123,44,255,.25),transparent 70%)}
.quote__lockico{font-size:52px;animation:bob 2.4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px) rotate(-6deg)}}
.quote__lock b{font:clamp(18px,2.4vw,28px) var(--f-word);color:#fff}
.quote__lock p{max-width:460px;color:var(--dim);font-size:14px}
.quote__lock code{color:var(--mint);font-size:18px}
.quote__src{margin-top:10px;font:600 12px var(--f-ui);color:var(--dim)}

/* ---------- how to buy slips ---------- */
.slips{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;perspective:1000px}
.tslip{display:flex;flex-direction:column;border-radius:14px;transform-style:preserve-3d;filter:drop-shadow(0 16px 30px rgba(0,0,0,.45));transition:transform .4s var(--e-out)}
.tslip__stub{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,var(--pink),var(--orange));
  -webkit-mask:radial-gradient(circle at 8px 100%,transparent 4px,#000 4.5px) -8px 0/16px 100% repeat-x;mask:radial-gradient(circle at 8px 100%,transparent 4px,#000 4.5px) -8px 0/16px 100% repeat-x}
.tslip__stub b{font:44px/1 var(--f-word);color:#fff;text-shadow:0 3px 0 #5a0638}
.tslip__stub small{font:600 10px var(--f-ui);letter-spacing:.2em;color:#3a0020}
.tslip__body{flex:1;padding:16px;border-radius:0 0 14px 14px;background:#fff4e0 repeating-linear-gradient(0deg,transparent 0 23px,rgba(123,44,255,.12) 23px 24px);color:#2a0640;border-top:2px dashed rgba(42,6,64,.35)}
.tslip__body h3{font:22px/1 var(--f-word);color:#7b2cff}
.tslip__body p{margin-top:8px;font-size:14px;line-height:1.5}
.tslip:nth-child(2) .tslip__stub{background:linear-gradient(90deg,var(--purple),var(--pink))}
.tslip:nth-child(3) .tslip__stub{background:linear-gradient(90deg,var(--sky),var(--purple))}
.tslip:nth-child(4) .tslip__stub{background:linear-gradient(90deg,var(--mint),var(--sky))}

/* ---------- tokenomics ---------- */
.toko__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;perspective:1000px}
.led-card{position:relative;padding:22px 18px;border-radius:16px;overflow:hidden;background:#05000b radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1.5px) 0 0/6px 6px;border:1px solid var(--line);box-shadow:inset 0 0 40px rgba(255,46,154,.12);transition:transform .4s var(--e-out)}
.led-card::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-100%);transition:transform .8s}
.led-card:hover::before{transform:translateX(100%)}
.led-card small{font:600 11px var(--f-ui);letter-spacing:.2em;color:var(--mint)}
.led-card b{display:block;margin:8px 0;font:clamp(28px,3vw,44px)/1 var(--f-led);color:var(--sun);text-shadow:0 0 14px rgba(255,138,61,.7);word-break:break-word}
.led-card em{font:500 13px var(--f-ui);color:var(--dim);font-style:normal}
.toko__note{margin-top:14px;font-size:13px;color:var(--dim)}

/* ---------- gallery ---------- */
.gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(160px,auto);gap:14px}
.gal__item{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#000;clip-path:inset(0 0 0 0 round 16px)}
.gal__item img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e-out)}
.gal__item:hover img{transform:scale(1.08)}
.gal__item--wide{grid-column:span 3;aspect-ratio:3/1}
.gal__item--sq{aspect-ratio:1}
.gal__item:not(.gal__item--wide):not(.gal__item--sq){aspect-ratio:16/9;grid-column:span 2}
.badge{position:absolute;left:10px;top:10px;padding:4px 8px;border-radius:6px;font:700 10px var(--f-ui);letter-spacing:.2em;background:rgba(0,0,0,.7);color:var(--sky)}
.badge--off{background:var(--pink);color:#fff}
.lb{position:fixed;inset:0;z-index:150;display:grid;place-items:center;background:rgba(5,0,11,.92);padding:20px}
.lb[hidden]{display:none}
.lb img{max-height:86vh;border-radius:14px;box-shadow:0 0 60px rgba(255,46,154,.4)}
.lb__x{position:absolute;top:18px;right:18px;width:46px;height:46px;border-radius:50%;background:var(--pink);font-size:20px}

/* ---------- faq ---------- */
.faq__list{display:grid;gap:10px;max-width:900px}
.faq details{border-radius:14px;background:linear-gradient(160deg,rgba(40,8,72,.8),rgba(12,0,24,.9));border:1px solid var(--line);overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:16px 50px 16px 18px;position:relative;font:700 16px var(--f-ui)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font:30px var(--f-led);color:var(--mint);transition:transform .3s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{padding:0 18px 16px;color:var(--dim)}
.faq details p b{color:var(--sun)}

/* ---------- footer ---------- */
.ftr{position:relative;margin-top:clamp(60px,8vw,120px);overflow:hidden;padding:clamp(80px,12vw,160px) clamp(16px,4vw,56px) calc(40px + env(safe-area-inset-bottom));text-align:center;isolation:isolate}
.ftr__bg{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center 60%;filter:saturate(1.1) brightness(.5)}
.ftr__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(var(--night),rgba(14,0,25,.4) 40%,rgba(14,0,25,.92))}
.ftr__in{max-width:960px;margin:0 auto;display:grid;justify-items:center;gap:14px}
.ftr__logo{width:120px;height:120px;border-radius:50%;box-shadow:0 0 40px rgba(255,46,154,.7)}
.ftr__word{font:clamp(60px,14vw,200px)/.85 var(--f-word);background:linear-gradient(180deg,#e9fbff 0%,#9fe2ff 49%,#c39bff 50%,#7b2cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:3px #24063b;filter:drop-shadow(0 6px 0 #24063b)}
.ftr__sub{font:clamp(13px,2vw,22px) var(--f-word);color:var(--mint);letter-spacing:.08em;text-shadow:0 0 12px rgba(92,255,176,.7)}
.ftr__ca{display:flex;gap:8px;align-items:center;max-width:100%;padding:8px;border-radius:12px;background:rgba(0,0,0,.6);border:1px solid rgba(92,255,176,.35)}
.ftr__ca code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;padding:0 8px}
.ftr__links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:6px}
.disclaimer{max-width:820px;font-size:13px;color:#d8c3ec;background:rgba(0,0,0,.5);padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.ftr__cr{font:600 11px var(--f-ui);letter-spacing:.12em;color:var(--dim)}

/* ---------- overlays ---------- */
.dock{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:70;display:none;gap:8px;padding:8px;border-radius:18px;background:rgba(16,0,30,.9);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 10px 40px rgba(0,0,0,.6);transform:translateY(140%);transition:transform .45s var(--e-out)}
.dock.is-on{transform:none}
.dock__ca{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 12px;border-radius:12px;background:#07000e;border:1px dashed rgba(92,255,176,.5)}
.dock__ca small{font:600 9px var(--f-ui);letter-spacing:.2em;color:var(--mint)}.dock__ca span{font:18px var(--f-led)}
.dock__btn,.dock__buy{height:48px;padding:0 16px;border-radius:12px;display:grid;place-items:center;font:700 14px var(--f-ui);letter-spacing:.1em;text-transform:uppercase}
.dock__btn{background:#2a0a4a}
.dock__buy{background:linear-gradient(180deg,#ff5fb5,#e01d82);box-shadow:0 0 20px rgba(255,46,154,.5);padding:0 22px}
.toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));z-index:180;transform:translate(-50%,30px);opacity:0;pointer-events:none;max-width:min(92vw,520px);padding:12px 18px;border-radius:12px;background:#07000e;border:1px solid var(--mint);box-shadow:0 0 30px rgba(92,255,176,.35);font:600 14px var(--f-ui);color:#fff;text-align:center;transition:all .35s var(--e-out)}
.toast.is-on{opacity:1;transform:translate(-50%,0)}
.fx{position:fixed;inset:0;z-index:120;pointer-events:none;overflow:hidden}
.fxp{position:absolute;top:-40px;will-change:transform}
.fxp--red{width:10px;background:var(--red);box-shadow:0 0 12px var(--red);border-radius:2px}
.fxp--grn{width:10px;background:var(--green);box-shadow:0 0 12px var(--green);border-radius:2px}
.fxp--emoji{font-size:30px}
.flash{position:fixed;inset:0;z-index:130;display:grid;place-content:center;justify-items:center;pointer-events:none;opacity:0;text-align:center}
.flash b{font:clamp(48px,11vw,170px)/.9 var(--f-word);color:#fff;-webkit-text-stroke:3px #24063b;text-shadow:0 8px 0 #24063b}
.flash small{font:clamp(18px,2.4vw,30px) var(--f-led);color:#fff;background:#000;padding:2px 10px;margin-top:10px}
.flash.is-crash{background:radial-gradient(circle,rgba(255,59,92,.45),rgba(60,0,10,.7))}
.flash.is-crash b{background:linear-gradient(180deg,#ffd0d8,#ff3b5c);-webkit-background-clip:text;background-clip:text;color:transparent}
.flash.is-moon{background:radial-gradient(circle,rgba(61,255,160,.35),rgba(0,40,20,.55))}
.flash.is-moon b{background:linear-gradient(180deg,#eafff4,#3dffa0);-webkit-background-clip:text;background-clip:text;color:transparent}
body.is-shake main{animation:shake .5s 2}
@keyframes shake{20%{transform:translate(-8px,4px) rotate(-.4deg)}40%{transform:translate(7px,-5px)}60%{transform:translate(-5px,3px) rotate(.3deg)}80%{transform:translate(4px,-2px)}}
.progress{position:fixed;left:0;right:0;top:calc(var(--tape) - 2px);height:2px;z-index:61}
.progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--mint),var(--sky),var(--pink))}
.burst{position:fixed;z-index:190;pointer-events:none;font:22px var(--f-led);color:var(--sun);text-shadow:0 0 8px var(--orange)}
body.insider{--pink:#ffd23d;--line:rgba(255,210,61,.4)}
body.insider .term,body.insider .panel{box-shadow:0 0 0 2px var(--gold),0 0 50px rgba(255,210,61,.35)}

/* ---------- responsive ---------- */
@media (max-width:1180px){.hdr__nav{display:none}.slips{grid-template-columns:repeat(2,minmax(0,1fr))}.toko__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote__stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:960px){
  .hero__grid{grid-template-columns:1fr}
  .hero__coin{order:2}.coinstage{width:min(100%,380px)}
  .term__body{grid-template-columns:1fr}.detail{border-left:0;border-top:1px solid var(--line)}
  .desk__grid{grid-template-columns:1fr}
  .phonesec{grid-template-columns:1fr;justify-items:center}
  .gal{grid-template-columns:repeat(2,minmax(0,1fr))}.gal__item--wide{grid-column:span 2}.gal__item--sq{grid-column:span 2;aspect-ratio:16/9}.gal__item--sq img{object-fit:contain}
  .gal__item:not(.gal__item--wide):not(.gal__item--sq){grid-column:span 1}
}
@media (max-width:760px){
  :root{--tape:26px;--hdr:56px}
  .hdr{gap:6px}
  .hdr__clock{display:none}
  .hdr__name small{display:none}
  .hdr__name b{font-size:14px}
  .hdr__brand img{width:34px;height:34px}
  .chip{height:34px;padding:0 8px;margin-left:auto}
  .chip span{font-size:16px}
  .appicon{width:34px;height:34px;border-radius:10px;font-size:15px}
  .hdr .ledkey{height:36px;padding:0 12px 0 10px}
  .ledkey--buy .lg{display:none}.ledkey--buy .sm{display:inline}
  .ftr .ledkey--buy .lg{display:inline}
  .hero{padding-top:calc(var(--tape) + var(--hdr) + 12px);padding-bottom:40px;align-items:flex-start;min-height:auto}
  .hero__layer{background-position:22% 60%}
  .hero__shade{background:linear-gradient(180deg,rgba(14,0,25,.55),rgba(14,0,25,.78) 45%,var(--night) 92%)}
  .eyebrow{font-size:10px;padding:5px 10px}
  .title{margin:12px 0 6px}
  .title__word{font-size:clamp(56px,19vw,96px)}
  .title__sub{font-size:clamp(13px,4.3vw,20px);margin-top:8px}
  .lede{font-size:14px;line-height:1.45}
  .cta{margin:14px 0 12px;gap:10px}
  .slip{height:56px;flex:1 1 100%}.slip__body{flex:1}.slip__body b{font-size:18px}
  .cta .ledkey{flex:1;justify-content:center;height:44px}
  .ca{padding:10px}.ca__val{font-size:17px}
  .hero__scroll{display:none}
  .dock{display:flex}
  .floor__ghost{font-size:60px}
  .bb td{font-size:19px;padding:6px 6px}.bb th{padding:8px 6px}
  .bb__trend,.bb .bb__mv,.bb td:nth-child(3),.bb td:nth-child(5){display:none}
  .bb__co small{max-width:130px}
  .pf__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quote__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .slips{grid-template-columns:1fr}.toko__grid{grid-template-columns:1fr 1fr}
  .gal{grid-template-columns:1fr}.gal__item--wide,.gal__item--sq,.gal__item:not(.gal__item--wide):not(.gal__item--sq){grid-column:span 1}
  .gal__item--wide{aspect-ratio:2/1}
  .toast{bottom:calc(84px + env(safe-area-inset-bottom))}
  .ftr{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
  .phone__body{transform:none}
}
@media (max-width:400px){.hdr__name{display:none}.title__word{font-size:clamp(52px,18.5vw,80px)}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .hero__sky{animation:none}.loader{display:none}
}