@font-face{font-family:Silk;src:url(fonts/Silkscreen-Regular.ttf)}
@font-face{font-family:Silk;font-weight:700;src:url(fonts/Silkscreen-Bold.ttf)}
@font-face{font-family:V;src:url(fonts/VT323-Regular.ttf)}
:root{--sea:#2a6f97;--ink:#1d1a16;--panel:#cdd2d8;--hi:#f7f8fa;--lo:#6a717b;--bar:#16506b;--gold:#f4b400;--buy:#2e9e4f}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--sea);font-family:V,monospace;font-feature-settings:'liga' 0,'calt' 0,'clig' 0;font-variant-ligatures:none;color:var(--ink);font-size:21px;display:flex;flex-direction:column;min-height:100vh}
a{color:#0b4f78}
.bev{background:var(--panel);border:3px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);box-shadow:0 0 0 2px var(--ink)}
.top{display:flex;align-items:center;gap:16px;padding:8px 14px;margin:2px 4px 6px;flex-wrap:wrap}
.logo{font:700 28px Silk;letter-spacing:1px;color:var(--ink);display:flex;align-items:center;gap:10px;text-decoration:none}
.mark{width:34px;height:34px;box-shadow:0 0 0 2px var(--ink)}
.menu{display:flex;gap:20px;font-size:23px;margin-left:8px}.menu u{text-decoration:none;border-bottom:3px solid var(--ink)}.menu a{color:var(--ink);text-decoration:none}
.clocks{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.clock{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#e9ecef;border:2px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);font-size:20px}
.led{width:10px;height:10px;box-shadow:0 0 0 2px var(--ink)}
.btn{padding:7px 16px;font:700 18px V,monospace;font-feature-settings:'liga' 0;background:var(--panel);border:3px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);box-shadow:0 0 0 2px var(--ink);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-block}
.btn:active{border-color:var(--lo) var(--hi) var(--hi) var(--lo)}
.btn.go{background:var(--gold)}.btn.buy{background:var(--buy);color:#fff}
.chip{font-size:17px;padding:3px 8px;background:#e9ecef;box-shadow:0 0 0 2px var(--ink)}.chip.g{background:var(--gold)}.chip.r{background:#ff8a80}.chip.ok{background:#8be0a4}
.banner{margin:0 6px 6px;padding:8px 12px;background:#fff0c9;border:3px solid var(--ink);font-size:20px}
.stage{position:relative;flex:none;height:max(640px,calc(100vh - 130px));margin:0 4px}
.viewport{position:absolute;inset:0;overflow:auto;cursor:grab;background:var(--sea);scrollbar-width:thin}
.viewport.drag{cursor:grabbing}
svg#map{display:block}
svg#map text{font-feature-settings:'liga' 0,'calt' 0,'clig' 0}
.zoom{position:absolute;left:12px;top:12px;z-index:2;display:flex;flex-direction:column;gap:10px}.zoom .btn{width:42px;padding:2px 0;font-size:24px;text-align:center}
.panels{position:absolute;right:12px;top:10px;width:350px;max-height:calc(100% - 20px);overflow:auto;display:flex;flex-direction:column;gap:12px;scrollbar-width:none}
.win .tb{background:var(--bar);color:#fff;font:15px Silk;padding:7px 10px}
.win .body{padding:9px 12px;font-size:20px}
.feed .row{display:flex;gap:10px;align-items:flex-start;padding:6px 0;border-bottom:2px dotted #9aa1aa;line-height:1.25}
.feed .row:last-child{border-bottom:none}
.feed .t small,.sub{display:block;color:#4a515a;font-size:17px}
.ico{width:24px;font-size:18px;text-align:center}
.wx{display:grid;grid-template-columns:30px 1fr auto;gap:4px 8px;align-items:center}
.sel .head,.tv-panel .head{display:flex;gap:12px;align-items:center}
.sel .av,.tv-panel .av{width:50px;height:50px;background:#ffc61a;box-shadow:inset -6px -6px 0 #c98a00,0 0 0 2px var(--ink);display:grid;place-items:center;font:700 16px Silk;color:#000}
.sel .nm,.tv-panel .nm{font:19px Silk}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#e9ecef;border:2px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);padding:8px 10px;font-size:17px;color:#4a515a}
.stats b{display:block;font-size:21px;color:var(--ink);word-break:break-all}
.acts{display:flex;gap:10px;margin-top:10px}.acts .btn{flex:1;text-align:center;font-size:20px;padding:7px 4px}
.tools{display:flex;align-items:stretch;margin:8px 6px 8px;overflow-x:auto}
.tools .lbl{writing-mode:vertical-rl;transform:rotate(180deg);background:var(--bar);color:#fff;font:14px Silk;padding:10px 6px;text-align:center;flex:none}
.tool{flex:1 0 150px;padding:6px 10px 8px;display:flex;flex-direction:column;align-items:center;gap:1px;border-left:2px solid var(--lo)}
.tool svg{display:block}.tool b{font:16px Silk}.tool span{font-size:17px;color:#4a515a;text-align:center}
.how{margin:6px 6px 10px}.how .tb{background:var(--bar);color:#fff;font:15px Silk;padding:7px 10px}.how .body{padding:10px 14px;max-width:900px}.how p{margin:0 0 9px}
.note{padding:4px 12px 14px;font-size:18px;color:#e4f0f7;text-align:center}
@media(max-width:900px){
  .stage{height:auto;display:flex;flex-direction:column}
  .viewport{position:relative;height:62vh}
  .panels{position:static;width:auto;max-height:none;margin:10px 4px}
  .menu{display:none}.clocks{margin-left:0}
}

@media(max-width:900px){.top{gap:8px;padding:6px 10px}.logo{font-size:22px}.clock{font-size:17px;padding:2px 6px}.clocks{gap:6px}.btn{font-size:20px;padding:5px 12px}}

#find{width:100%;font:22px V,monospace;padding:6px 8px;border:3px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);background:#fff;color:var(--ink);margin-bottom:4px}

.tabs{display:flex;gap:6px;margin-bottom:8px}.tab{flex:1;font-size:18px;padding:5px 4px;text-align:center}.tab.on{background:var(--gold)}
.pick{display:grid;gap:4px;max-height:190px;overflow:auto;margin:6px 0;font-size:19px}.pick label{display:flex;gap:8px;align-items:center}
.mnote{font-size:17px;color:#4a515a;margin:6px 0}.btn[disabled]{opacity:.5;cursor:not-allowed}

.logo img{display:block;height:46px;width:auto;image-rendering:auto}
.xlink{display:grid;place-items:center;width:40px;height:40px;background:#000;color:#fff;border:3px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);box-shadow:0 0 0 2px var(--ink)}
.xlink:hover{color:var(--gold)}
.note a{color:#ffd34d}
@media(max-width:900px){.logo img{height:38px}}

.modal{position:fixed;inset:0;background:#0009;z-index:50;display:grid;place-items:center;padding:12px}
.modal[hidden]{display:none}
.lm{width:min(560px,100%);max-height:calc(100vh - 24px);overflow:auto}
.lmtb{display:flex;align-items:center;justify-content:space-between}
.lmx{background:var(--panel);border:2px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);font:20px V,monospace;width:30px;height:26px;line-height:18px;cursor:pointer}
#lmForm label{display:block;font-size:18px;margin:6px 0}
#lmForm input:not([type=checkbox]),#lmForm select,#lmForm textarea{display:block;width:100%;font:20px V,monospace;padding:5px 8px;margin-top:2px;border:3px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);background:#fff;color:var(--ink)}
#lmForm input[type=file]{font-size:16px;padding:4px}
.lmgrid{display:grid;grid-template-columns:2fr 1fr;gap:10px}.lmgrid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
#lmForm label.chk{display:flex;gap:8px;align-items:center;margin:2px 0}
.lmlog{margin:8px 0 0;padding-left:22px;font-size:18px;max-height:180px;overflow:auto}.lmlog li{margin:2px 0;word-break:break-word}
.btn:disabled{opacity:.55;cursor:wait}
@media(max-width:600px){.lmgrid,.lmgrid3{grid-template-columns:1fr}}

/* header / footer */
#connect.on{background:#8be0a4}
.foot{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 12px 16px}
.chainbadge{display:inline-flex;align-items:center;gap:8px;background:#000;color:#f3ba2f;font:14px Silk;padding:8px 12px;border:3px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);box-shadow:0 0 0 2px var(--ink)}
.chainbadge i{width:12px;height:12px;background:#f3ba2f;transform:rotate(45deg);display:inline-block}
/* launch panel */
.mcards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.mcard{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:#e9ecef;border:3px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);box-shadow:0 0 0 2px var(--ink);cursor:pointer;font-family:V,monospace;color:var(--ink)}
.mcard b{font:15px Silk}.mcard small{font-size:16px;color:#4a515a}
.mcard.on{background:var(--gold);border-color:var(--lo) var(--hi) var(--hi) var(--lo)}
.mcard.on small{color:#3a2a00}
.pickrow{display:flex;align-items:center;justify-content:space-between;margin:2px 0 10px;font-size:19px}
.stockchip{font:15px Silk;background:#000;color:var(--gold);padding:6px 10px;box-shadow:0 0 0 2px var(--ink)}
.stockchip.empty{background:#e9ecef;color:#6a717b}
.bigbtn{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;font:16px Silk;letter-spacing:.5px;color:#1d1a16;background:var(--gold);border:3px solid var(--ink);padding:12px 10px;cursor:pointer;box-shadow:inset -4px -4px 0 #c98a00,inset 4px 4px 0 #ffe27a,0 5px 0 var(--ink);transition:transform .05s,box-shadow .05s;margin-top:6px}
.bigbtn i{font-style:normal;font-size:14px}
.bigbtn:hover{filter:brightness(1.05)}
.bigbtn:active{transform:translateY(4px);box-shadow:inset -4px -4px 0 #c98a00,inset 4px 4px 0 #ffe27a,0 1px 0 var(--ink)}
.bigbtn:disabled{background:#cdd2d8;box-shadow:inset -4px -4px 0 #9aa1aa,inset 4px 4px 0 #f7f8fa,0 5px 0 var(--ink);color:#6a717b;cursor:not-allowed;transform:none}
.allrow{display:flex;gap:8px;align-items:center;font-size:19px;margin-bottom:4px}.allrow b{margin-left:auto;font:13px Silk;background:#000;color:var(--gold);padding:3px 6px}
/* landing */
body.landing{display:block;background:var(--sea)}
.lnav{display:flex;gap:20px;font-size:22px;margin-left:12px}.lnav a{color:var(--ink);text-decoration:none}.lnav a:hover{text-decoration:underline}
.lapp{margin-left:auto}
.land{max-width:1180px;margin:0 auto;padding:0 16px 24px}
.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:center;padding:30px 0 20px}
.hero h1{font:700 clamp(24px,3.2vw,40px)/1.25 Silk;color:#fff;margin:0 0 16px;text-shadow:3px 3px 0 var(--ink)}
.hero h1 span{color:var(--gold)}
.hero p{font-size:24px;color:#eaf4fa;margin:0 0 18px;line-height:1.35}
.cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cta .bigbtn{width:auto;padding:14px 22px;margin:0;text-decoration:none}
.hero-img{width:100%;height:auto;display:block}
.lsec{padding:26px 0 6px}.lsec h2,.final h2{font:700 24px Silk;color:#fff;text-shadow:3px 3px 0 var(--ink);margin:0 0 14px}
.card{padding:14px 16px}.card h3{font:15px Silk;margin:0 0 6px}.card p{margin:0;font-size:20px;line-height:1.3}.card .ic{font-size:28px;margin-bottom:4px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card .tag{display:inline-block;font:13px Silk;background:#000;color:var(--gold);padding:4px 8px;margin:0 0 8px}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.steps b{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--gold);font:16px Silk;box-shadow:0 0 0 2px var(--ink);margin-bottom:8px}
.tiers{width:100%;height:auto;display:block}
.lead{font-size:22px;color:#eaf4fa;margin:12px 0 0}
.final{text-align:center;padding:34px 0 10px}.final .bigbtn{width:auto;display:inline-flex;padding:16px 28px;text-decoration:none}
.risk{color:#cfe3ee;font-size:18px;margin:16px 0 0}
@media(max-width:900px){.hero{grid-template-columns:1fr}.cards3,.cards2,.facts,.steps{grid-template-columns:1fr 1fr}.lnav{display:none}}
@media(max-width:560px){.cards3,.cards2,.facts,.steps{grid-template-columns:1fr}.hero p{font-size:21px}}
body>*{flex-shrink:0}
html{scroll-behavior:smooth}

.brandrow{display:flex;align-items:center;gap:18px}
.brandrow .xlink{width:38px;height:38px}
/* custom stock list */
.combo{position:relative}
.flist{list-style:none;margin:6px 0 0;padding:4px;max-height:280px;overflow:auto;background:#1d1a16;border:3px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);scrollbar-width:thin;scrollbar-color:var(--gold) #1d1a16}
.flist li{display:grid;grid-template-columns:18px 78px 1fr auto;align-items:center;gap:8px;padding:6px 8px;color:#f3ead0;cursor:pointer;border-bottom:1px dashed #3a3530}
.flist li:last-child{border-bottom:0}
.flist li b{font:13px Silk;color:#fff;letter-spacing:.5px}
.flist li small{font-size:17px;color:#cfc6a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.flist li em{font-style:normal;font-size:15px;color:#8f8a7a;white-space:nowrap}
.flist li .sw{width:14px;height:14px;box-shadow:0 0 0 2px #000,inset -3px -3px 0 rgba(0,0,0,.25)}
.flist li.hi,.flist li:hover{background:var(--gold);color:#1d1a16}
.flist li.hi b,.flist li:hover b{color:#1d1a16}.flist li.hi small,.flist li:hover small{color:#3a2a00}.flist li.hi em,.flist li:hover em{color:#5a4500}
.flist li.none{display:block;color:#8f8a7a;cursor:default}

.cs{display:none}
/* ---------- phones ---------- */
@media(max-width:600px){
  body{font-size:17px}
  .top{flex-wrap:wrap;gap:6px 8px;padding:6px 8px;margin:2px 2px 4px}
  .logo img{height:28px}
  .brandrow{gap:8px}.brandrow .xlink{width:30px;height:30px}.brandrow .xlink svg{width:14px;height:14px}
  #connect,.lapp{order:2;margin-left:auto;font-size:15px;padding:4px 9px;white-space:nowrap}
  .clocks{order:3;width:100%;margin-left:0;gap:6px;flex-wrap:nowrap}
  .clock{font-size:14px;padding:1px 6px;gap:5px;flex:1;justify-content:center;white-space:nowrap}
  .clock .led{width:8px;height:8px}
  .cn,.co{display:none}.cs{display:inline}
  .viewport{height:56vh}
  .zoom{left:8px;top:8px;gap:6px}.zoom .btn{width:32px;font-size:18px;padding:0}
  .panels{margin:8px 2px;gap:8px}
  .win .tb{font-size:12px;padding:5px 8px}
  .win .body{font-size:16px;padding:7px 9px}
  .mcards{gap:6px;margin-bottom:8px}.mcard{padding:6px 4px}.mcard svg{width:24px;height:24px}
  .mcard b{font-size:11px}.mcard small{font-size:13px}
  .pickrow{font-size:16px;margin:0 0 6px}.stockchip{font-size:11px;padding:4px 8px}
  .bigbtn{font-size:12px;padding:9px 8px;box-shadow:inset -3px -3px 0 #c98a00,inset 3px 3px 0 #ffe27a,0 4px 0 var(--ink)}
  .allrow{font-size:16px}.pick{font-size:16px;max-height:150px}
  #find{font-size:17px;padding:4px 7px}
  .flist{max-height:220px}.flist li{grid-template-columns:12px 62px 1fr;gap:6px;padding:5px 6px}
  .flist li b{font-size:10px}.flist li small{font-size:14px}.flist li em{display:none}.flist li .sw{width:10px;height:10px}
  .feed .row{padding:4px 0}.feed .t small,.sub{font-size:13px}.ico{width:18px;font-size:14px}
  .wx{font-size:15px}
  .stats{font-size:13px;gap:5px;padding:6px 8px}.stats b{font-size:16px}
  .sel .av{width:38px;height:38px;font-size:12px}.sel .nm{font-size:14px}
  .chip{font-size:13px}
  .tools{margin:6px 2px}.tools .lbl{font-size:10px;padding:6px 3px}
  .tool{flex:0 0 96px;padding:3px 4px 5px}.tool svg{transform:scale(.7);transform-origin:center bottom;margin-top:-18px}
  .tool b{font-size:10px}.tool span{font-size:12px}
  .lm .tb{font-size:12px}#lmForm label{font-size:15px;margin:4px 0}
  #lmForm input:not([type=checkbox]),#lmForm select,#lmForm textarea{font-size:17px;padding:4px 7px}
  .lmlog{font-size:15px}.mnote{font-size:14px}
  /* landing */
  .hero{padding:16px 0 10px;gap:16px}.hero h1{font-size:20px;line-height:1.3}.hero p{font-size:17px}
  .lsec{padding:16px 0 4px}.lsec h2,.final h2{font-size:16px;margin-bottom:10px}
  .card{padding:10px 12px}.card h3{font-size:12px}.card p{font-size:16px}.card .ic{font-size:22px}
  .steps b{width:26px;height:26px;font-size:12px}.lead{font-size:16px}.risk{font-size:14px}
  .cta .bigbtn,.final .bigbtn{padding:11px 16px}
}

/* smaller X button */
.brandrow .xlink{width:30px;height:30px;border-width:2px}.brandrow .xlink svg{width:15px;height:15px}
@media(max-width:600px){.brandrow .xlink{width:24px;height:24px}.brandrow .xlink svg{width:12px;height:12px}}
/* ================= landing v2 ================= */
body.lp{display:block;background:#2a6f97;overflow-x:hidden}
body.lock{overflow:hidden}
#intro{position:fixed;inset:0;z-index:100;background:#0d1020;display:grid;place-items:center;transition:opacity .55s,transform .55s}
#intro.out{opacity:0;transform:scale(1.04);pointer-events:none}
.in-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(440px,92vw)}
.in-logo{width:min(300px,70vw);height:auto;animation:inpop .5s steps(5) both}
#inCity{width:100%;height:auto;overflow:visible}
.in-bar{width:100%;height:16px;background:#1d2238;border:3px solid #f4b400;box-shadow:0 0 0 2px #000;padding:2px}
.in-bar i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#f4b400 0 10px,#ffd75e 10px 14px);transition:width 2.6s steps(26)}
.in-txt{font:12px Silk;color:#f4efd8;letter-spacing:1px;min-height:16px}
.in-skip{background:none;border:0;color:#8f96b3;font:11px Silk;cursor:pointer;margin-top:4px}
.in-skip:hover{color:#f4b400}
@keyframes inpop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
.rise{transform-box:fill-box;transform-origin:center bottom;animation:rise .55s steps(6) both}
@keyframes rise{from{transform:translateY(40px) scaleY(.1);opacity:0}to{transform:none;opacity:1}}
.twinkle{animation:tw 2.4s steps(2) infinite}@keyframes tw{50%{opacity:.15}}
.fw{transform-box:fill-box;transform-origin:center;animation:fwp 1.4s ease-out forwards}
@keyframes fwp{0%{transform:scale(.2);opacity:0}25%{opacity:1}100%{transform:scale(1.25);opacity:0}}
.pop{transform-box:fill-box;transform-origin:center bottom;animation:rise .45s steps(5) both}

.lp-top{position:sticky;top:0;z-index:20;margin:0 0 0}
.lp-hero{max-width:1200px;margin:0 auto;padding:34px 18px 26px;display:grid;grid-template-columns:1fr 1.1fr;gap:26px;align-items:center}
.lp-kicker{font:12px Silk;color:#f4b400;letter-spacing:1px;margin:0 0 12px}
.lp-hero h1{font:700 clamp(24px,3vw,40px)/1.3 Silk;color:#fff;margin:0 0 14px;text-shadow:3px 3px 0 #1d1a16}
.swap{display:inline-block;background:#f4b400;color:#1d1a16;padding:0 10px;text-shadow:none;box-shadow:4px 4px 0 #1d1a16}
.swap.flip{animation:flip .35s steps(4)}@keyframes flip{from{transform:rotateX(90deg)}to{transform:none}}
.lp-sub{font-size:22px;color:#e6f2f9;margin:0 0 20px;max-width:520px}
.lp-hero .bigbtn{width:auto;display:inline-flex;padding:13px 22px;text-decoration:none}
.lp-stage{border:4px solid #1d1a16;box-shadow:8px 8px 0 #1d1a16;background:#173a57}
#heroCity{display:block;width:100%;height:auto}

.lp-tape{background:#0d0d0d;border-top:3px solid #f4b400;border-bottom:3px solid #f4b400;overflow:hidden;white-space:nowrap}
.lp-tape-in{display:inline-block;padding:9px 0;animation:tape 60s linear infinite}
.lp-tape span{display:inline-flex;align-items:center;gap:8px;margin:0 18px;font:13px Silk;color:#ffd75e;letter-spacing:1px}
.lp-tape span i{width:9px;height:9px;box-shadow:0 0 0 2px #000}
@keyframes tape{to{transform:translateX(-50%)}}

.lp-sec{padding:46px 18px}
.lp-sec>*{max-width:1100px;margin-left:auto;margin-right:auto}
.lp-h{font:700 22px Silk;color:#fff;text-shadow:3px 3px 0 #1d1a16;margin-bottom:26px;display:flex;align-items:center;gap:12px}
.lp-h span{font-size:13px;background:#f4b400;color:#1d1a16;text-shadow:none;padding:5px 7px;box-shadow:3px 3px 0 #1d1a16}
.lp-h em{font-style:normal;color:#f4b400}

.lp-ground{background:linear-gradient(#2a6f97 0 70%,#a3c86a 70% 100%)}
.lp-plots{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lp-plot{text-align:center}
.lp-plot svg{width:210px;height:auto;display:block;margin:0 auto 10px;overflow:visible}
.lp-plot h3{display:inline-block;font:14px Silk;background:#fdfaf2;color:#1d1a16;padding:6px 12px;border:2px solid #1d1a16;box-shadow:3px 3px 0 #1d1a16;margin:0 0 10px}
.lp-plot p{font-size:20px;color:#fff;margin:0 auto;max-width:280px;text-shadow:2px 2px 0 #1d1a16}

.lp-night{background:#152336;position:relative}
.lp-road{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:30px}
.lp-road:before{content:"";position:absolute;left:4%;right:4%;top:52px;height:14px;background:repeating-linear-gradient(90deg,#f4b400 0 22px,transparent 22px 40px),#3b3f52;background-size:auto 4px,auto;background-repeat:repeat-x;background-position:0 5px,0 0}
.lp-stop{position:relative;text-align:center}
.lp-stop b{position:relative;z-index:1;display:inline-grid;place-items:center;width:48px;height:48px;background:#f4b400;font:18px Silk;color:#1d1a16;border:3px solid #1d1a16;box-shadow:4px 4px 0 #000}
.lp-stop h3{font:14px Silk;color:#f4b400;margin:14px 0 6px}
.lp-stop p{font-size:19px;color:#cfd9e6;margin:0}

.lp-vs-sec{background:#2a6f97}
.lp-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}
.lp-side{background:#fdfaf2;border:3px solid #1d1a16;box-shadow:6px 6px 0 #1d1a16;padding:16px;text-align:center}
.lp-side svg{width:100%;max-width:260px;height:auto;overflow:visible}
.lp-side h3{font:16px Silk;margin:6px 0}
.lp-side .tag{display:inline-block;font:12px Silk;background:#000;color:#f4b400;padding:4px 8px;margin:0 0 8px}
.lp-side p{margin:0;font-size:19px}
.lp-vsbadge{font:700 26px Silk;color:#1d1a16;background:#f4b400;width:66px;height:66px;display:grid;place-items:center;border:3px solid #1d1a16;box-shadow:4px 4px 0 #1d1a16;transform:rotate(-8deg)}

.lp-grow{background:#173a57}
.lp-evo{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:center}
#evoBig{width:100%;height:auto;overflow:visible}
.lp-evo-name{font:700 30px Silk;color:#f4b400;text-shadow:3px 3px 0 #000}
.lp-evo-rule{font-size:24px;color:#e6f2f9;margin:6px 0 16px}
.lp-evo-steps{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.lp-evo-steps li{font:11px Silk;color:#cfd9e6;background:#22344a;padding:7px 10px;border:2px solid #000;cursor:pointer}
.lp-evo-steps li.on{background:#f4b400;color:#1d1a16}

.lp-boardsec{background:#2a6f97}
.lp-board{display:grid;grid-template-columns:repeat(4,1fr);background:#0d0d0d;border:4px solid #1d1a16;box-shadow:8px 8px 0 #1d1a16}
.lp-board div{padding:20px 12px;text-align:center;border-right:2px dashed #2b2b2b}.lp-board div:last-child{border-right:0}
.lp-board b{display:block;font:700 34px Silk;color:#ffd75e;text-shadow:0 0 10px rgba(255,215,94,.55)}
.lp-board span{font:11px Silk;color:#8f8a7a;letter-spacing:1px}

.lp-term-sec{background:#152336}
.lp-term{background:#0b0f0b;border:3px solid #1d1a16;box-shadow:8px 8px 0 #000;max-width:760px}
.lp-term-bar{background:#cdd2d8;color:#1d1a16;font:11px Silk;padding:6px 10px;display:flex;align-items:center;gap:6px}
.lp-term-bar i{width:10px;height:10px;background:#ff5a4e;box-shadow:0 0 0 1px #000}.lp-term-bar i:nth-child(2){background:#f4b400}.lp-term-bar i:nth-child(3){background:#4cd964;margin-right:6px}
.lp-term pre{margin:0;padding:16px 18px;min-height:150px;color:#7dff9a;font:20px/1.5 V,monospace;white-space:pre-wrap;word-break:break-word}

.lp-final{background:#0d1020;text-align:center;padding:60px 18px 46px}
.lp-coin{font:12px Silk;color:#8f96b3;letter-spacing:2px;margin-bottom:16px}
.lp-start{display:inline-block;font:700 22px Silk;color:#1d1a16;background:#f4b400;padding:16px 28px;border:3px solid #000;box-shadow:inset -4px -4px 0 #c98a00,inset 4px 4px 0 #ffe27a,0 6px 0 #000;text-decoration:none;animation:blink 1.1s steps(2) infinite}
.lp-start:hover{animation:none;filter:brightness(1.08)}
@keyframes blink{50%{opacity:.55}}
.lp-final .risk{color:#8f96b3;font-size:17px;margin-top:22px}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s,transform .5s}
.reveal.in{opacity:1;transform:none}

@media(max-width:900px){
  .lp-hero{grid-template-columns:1fr}
  .lp-plots{grid-template-columns:1fr;gap:30px}.lp-ground{background:linear-gradient(#2a6f97 0 82%,#a3c86a 82%)}
  .lp-road{grid-template-columns:1fr;gap:22px;padding-top:0}
  .lp-road:before{left:23px;right:auto;top:10px;bottom:10px;width:14px;height:auto;background:repeating-linear-gradient(180deg,#f4b400 0 18px,transparent 18px 32px),#3b3f52;background-size:4px auto,auto;background-repeat:repeat-y;background-position:5px 0,0 0}
  .lp-stop{text-align:left;display:grid;grid-template-columns:60px 1fr;column-gap:12px;align-items:start}
  .lp-stop b{grid-row:span 2}.lp-stop h3{margin:4px 0 2px}
  .lp-vs{grid-template-columns:1fr}.lp-vsbadge{margin:0 auto}
  .lp-evo{grid-template-columns:1fr;justify-items:center;text-align:center}.lp-evo-steps{justify-content:center}#evoBig{max-width:220px}
  .lp-board{grid-template-columns:1fr 1fr}.lp-board div:nth-child(2){border-right:0}.lp-board div:nth-child(-n+2){border-bottom:2px dashed #2b2b2b}
}
@media(max-width:600px){
  .lp-hero{padding:20px 14px 18px}.lp-hero h1{font-size:20px}.lp-sub{font-size:17px}
  .lp-sec{padding:34px 14px}.lp-h{font-size:16px;margin-bottom:18px}.lp-h span{font-size:10px}
  .lp-plot p,.lp-stop p,.lp-side p{font-size:17px}.lp-board b{font-size:24px}.lp-evo-name{font-size:22px}.lp-evo-rule{font-size:18px}
  .lp-term pre{font-size:16px;min-height:130px}.lp-start{font-size:16px;padding:13px 20px}
  .lp-tape span{font-size:11px;margin:0 12px}
}
@media(prefers-reduced-motion:reduce){.rise,.pop,.fw,.twinkle,.lp-tape-in,.lp-start,.swap.flip{animation:none!important}.reveal{opacity:1;transform:none}}
#intro[hidden]{display:none!important}

@media(min-width:900px){.stage{max-height:1000px}}
/* tall screens wider than 900px (phone in desktop mode, portrait tablets): map full width, panels below */
@media(min-width:900px) and (max-aspect-ratio:4/5){
  .stage{height:auto!important;max-height:none;display:flex;flex-direction:column}
  .viewport{position:relative;inset:auto;height:auto}
  .panels{position:static;width:auto;max-height:none;display:grid;grid-template-columns:1fr 1fr;align-items:start;margin:12px 4px}
}

/* toasts */
#toasts{position:fixed;right:14px;top:84px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 28px))}
.toast{background:#1d1a16;color:#f3ead0;font:17px V,monospace;padding:10px 12px 10px 14px;border:3px solid #ff5a4e;box-shadow:4px 4px 0 #000;cursor:pointer;animation:tin .25s steps(3)}
.toast.ok{border-color:#4cd964}.toast.info{border-color:#f4b400}
.toast.bye{opacity:0;transform:translateX(20px);transition:opacity .35s,transform .35s}
@keyframes tin{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:600px){#toasts{top:auto;bottom:14px;right:10px;left:10px;max-width:none}}

/* tax */
.taxbox{border:2px dashed #9aa1aa;padding:8px 10px;margin:8px 0}
.taxhead{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.taxhead>span{font:14px Silk}
.tchips{display:flex;gap:6px;flex-wrap:wrap}
.tchip{font:12px Silk;padding:6px 9px;background:#e9ecef;border:2px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);cursor:pointer;color:var(--ink)}
.tchip.on{background:var(--gold);border-color:var(--lo) var(--hi) var(--hi) var(--lo)}
.lmgrid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.taxsplit{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media(max-width:600px){.taxsplit{grid-template-columns:1fr 1fr}.tchip{font-size:10px;padding:5px 7px}}

/* trade panel */
.trade{margin-top:12px;border-top:3px solid var(--ink);padding-top:10px}
.trtabs{display:grid;grid-template-columns:1fr 1fr;border:3px solid var(--ink);margin-bottom:10px}
.trtab{font:13px Silk;padding:8px;background:#fdfaf2;border:0;cursor:pointer;color:var(--ink)}
.trtab.on{background:var(--ink);color:var(--gold)}
.trrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0;flex-wrap:wrap}
.trlbl{font:11px Silk}.trbal{font-size:16px;color:#4a515a}
.trin{display:flex;border:3px solid var(--ink);background:#fff}
.trin input{flex:1;min-width:0;border:0;font:22px V,monospace;padding:6px 8px;outline:none}
.trin button{font:10px Silk;border:0;border-left:2px solid var(--ink);background:#e9ecef;padding:0 8px;cursor:pointer}
.trin span{display:grid;place-items:center;font:11px Silk;padding:0 10px;background:var(--gold);border-left:3px solid var(--ink)}
.trslip{display:flex;gap:4px;flex-wrap:wrap}
.trslip button{font:11px Silk;padding:5px 7px;border:2px solid var(--ink);background:#fdfaf2;cursor:pointer}
.trslip button.on{background:var(--ink);color:var(--gold)}
.trslip input{width:70px;font:16px V,monospace;border:2px solid var(--ink);padding:2px 6px}
.trinfo{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:16px;margin:8px 0}
.trinfo dt{color:#4a515a}.trinfo dd{margin:0;text-align:right;word-break:break-word}
.trmsg{font-size:16px;margin-top:8px;min-height:1em;color:#b3261e}.trmsg.ok{color:#16733a}
@media(max-width:600px){.trin input{font-size:18px}.trinfo{font-size:14px}}

/* launch: stock picker tiles */
.spk{margin:8px 0 6px}
.spk-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:18px;margin-bottom:4px}
.spk-sel{font-size:18px;color:#4a515a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}
.spk-sel b{font:12px Silk;color:#1d1a16;background:var(--gold);padding:2px 6px;box-shadow:2px 2px 0 #000;margin-right:4px}
.spk-sel em{font-style:normal;color:#8a8f96}
.spk-bar{display:flex;gap:6px}
#lmForm .spk-bar input{flex:1;margin:0;background:#1d1a16;color:#f3ead0;border-color:#000 #5a544a #5a544a #000}
#lmForm .spk-bar input::placeholder{color:#8f8a7a}
.spk-all{font:11px Silk;padding:0 10px;border:3px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);background:#e9e4d6;cursor:pointer}
.spk-all.on{background:var(--gold)}
.spk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px;max-height:232px;overflow:auto;margin-top:6px;padding:6px;background:#1d1a16;border:3px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);scrollbar-width:thin;scrollbar-color:var(--gold) #1d1a16}
.spk-t{position:relative;display:grid;grid-template-columns:12px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;text-align:left;padding:6px 7px 5px;cursor:pointer;color:#f3ead0;background:#2a2621;border:2px solid #000;box-shadow:inset 0 -4px 0 color-mix(in srgb,var(--c) 55%,#000),inset 0 2px 0 rgba(255,255,255,.08);transition:transform .08s}
.spk-t i{grid-row:1/3;width:12px;height:26px;background:var(--c);box-shadow:0 0 0 2px #000,inset -3px -3px 0 rgba(0,0,0,.28)}
.spk-t b{font:11px Silk;letter-spacing:.4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spk-t small{font-size:15px;line-height:1;color:#b9b19a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spk-t:hover{transform:translateY(-1px);background:#35302a}
.spk-t.on{background:var(--c);color:#1d1a16;box-shadow:inset 0 -4px 0 rgba(0,0,0,.3),3px 3px 0 #000;transform:translate(-1px,-1px)}
.spk-t.on b{color:#1d1a16}.spk-t.on small{color:#2b2620}
.spk-t.on i{background:#fff}
.spk-t.on::after{content:"✓";position:absolute;top:2px;right:5px;font:11px Silk;color:#1d1a16}
.spk-t[hidden]{display:none}
@media (max-width:899px){
  .spk-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:5px;max-height:196px;padding:5px}
  .spk-t{padding:5px 6px 4px;column-gap:5px}.spk-t b{font-size:9px}.spk-t small{font-size:13px}.spk-t i{width:9px;height:22px}
  .spk-head,.spk-sel{font-size:15px}.spk-sel b{font-size:10px}
}
.spk-t{font-family:V,monospace}.spk-t small{font-family:V,monospace}

/* wallet menu */
.wmenu{position:fixed;z-index:60;width:280px;max-width:calc(100vw - 16px);padding:10px;background:#e9e4d6;font-size:18px;box-shadow:4px 4px 0 #000}
.wm-addr{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:2px dashed #b8b2a2}
.wm-addr b{font:12px Silk;flex:1}
.wm-dot{width:10px;height:10px;background:#3fbf6a;box-shadow:0 0 0 2px #000}
.wm-copy{font:10px Silk;padding:3px 7px;cursor:pointer;background:#fff;border:2px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi)}
.wm-bal{display:flex;justify-content:space-between;align-items:baseline;margin:10px 0 6px;padding:8px 10px;background:#1d1a16;color:#f3ead0;border:3px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo)}
.wm-bal span{font:11px Silk;color:var(--gold)}.wm-bal b{font:16px Silk;color:#fff}
.wm-sub{font:10px Silk;letter-spacing:1px;color:#5a544a;margin:8px 0 4px}
.wm-stocks{max-height:150px;overflow:auto;display:grid;gap:3px}
.wm-row{display:grid;grid-template-columns:12px 1fr auto;gap:7px;align-items:center;padding:3px 4px;background:#fff;border:2px solid #000}
.wm-row i{width:10px;height:16px;box-shadow:0 0 0 2px #000}.wm-row span{font:10px Silk}.wm-row b{font-size:17px;font-weight:normal}
.wm-muted{color:#8a8f96;font-size:16px}
.wm-btns{display:flex;gap:6px;margin-top:10px}.wm-btns .btn{flex:1;text-align:center;font-size:15px;padding:6px 4px}
.wm-out{background:#f0a8a8}
@media (max-width:899px){.wmenu{width:250px;font-size:15px}.wm-bal b{font-size:13px}}

/* token list */
.tl-count{display:inline-block;min-width:22px;margin-left:6px;padding:0 5px;background:var(--gold);color:#1d1a16;text-align:center;box-shadow:2px 2px 0 #000}
.tl-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}
.tl-tab{font:11px Silk;padding:7px 4px;cursor:pointer;background:#e9e4d6;border:3px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi)}
.tl-tab.on{background:var(--gold);border-color:var(--lo) var(--hi) var(--hi) var(--lo)}
.tl-list{display:grid;gap:4px;max-height:300px;overflow:auto;padding:4px;background:#1d1a16;border:3px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);scrollbar-width:thin;scrollbar-color:var(--gold) #1d1a16}
.tl-empty{color:#b9b19a;font-size:17px;padding:10px 6px}
.tl-row{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;width:100%;text-align:left;padding:6px;cursor:pointer;background:#2a2621;color:#f3ead0;border:2px solid #000;font-family:V,monospace}
.tl-row:hover,.tl-row.on{background:#3a342c}.tl-row.on{box-shadow:inset 0 0 0 2px var(--gold)}
.tl-av{display:grid;place-items:center;width:32px;height:32px;font:10px Silk;color:#1d1a16;box-shadow:0 0 0 2px #000,inset -3px -3px 0 rgba(0,0,0,.25)}
.tl-main{min-width:0;display:grid}.tl-main b{font-weight:normal;font-size:18px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-main small,.tl-side small{font-size:14px;color:#b9b19a;white-space:nowrap}
.tl-side{display:grid;justify-items:end;gap:2px}
.tl-side em{font:normal 9px Silk;padding:2px 5px;background:var(--c);color:#1d1a16;box-shadow:1px 1px 0 #000}
@media (max-width:899px){.tl-list{max-height:240px}.tl-main b{font-size:15px}.tl-main small,.tl-side small{font-size:12px}.tl-tab{font-size:9px}}

/* view switch + tokens page */
.vnav{display:flex;gap:6px;margin:0 4px 6px;padding:0 4px}
.vtab{font:12px Silk;padding:9px 14px;cursor:pointer;background:#e9e4d6;border:3px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);box-shadow:3px 3px 0 #000}
.vtab.on{background:var(--gold);transform:translate(1px,1px);box-shadow:2px 2px 0 #000}
.tokview{margin:0 4px 10px;padding:0 4px}
.tokview[hidden],.stage[hidden],.tools[hidden]{display:none!important}
.tv-bar .body{display:grid;gap:8px}
.tv-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tv-tab{font:11px Silk;padding:9px 4px;cursor:pointer;background:#e9e4d6;border:3px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi)}
.tv-tab.on{background:var(--gold);border-color:var(--lo) var(--hi) var(--hi) var(--lo)}
.tv-q{font:20px V,monospace;padding:7px 10px;background:#1d1a16;color:#f3ead0;border:3px solid;border-color:#000 #5a544a #5a544a #000}
.tv-q::placeholder{color:#8f8a7a}
.tv-pairs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.tv-chip{flex:none;display:flex;align-items:center;gap:6px;font:10px Silk;padding:6px 9px;cursor:pointer;background:#fff;border:2px solid #000}
.tv-chip i{width:9px;height:14px;background:var(--c);box-shadow:0 0 0 2px #000}
.tv-chip.on{background:var(--gold);box-shadow:2px 2px 0 #000}
.tv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-top:10px}
.tv-grid .tl-empty{grid-column:1/-1;background:#1d1a16;border:3px solid #000}
.tv-card{display:grid;gap:8px;padding:10px;cursor:pointer;background:#2a2621;color:#f3ead0;border:3px solid #000;box-shadow:inset 0 -5px 0 color-mix(in srgb,var(--c) 60%,#000),4px 4px 0 #000;transition:transform .08s}
.tv-card:hover{transform:translate(-1px,-1px)}
.tv-top{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center}
.tv-nm{min-width:0;display:grid}.tv-nm b{font-weight:normal;font-size:20px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-nm small{font-size:15px;color:#b9b19a}
.tv-pair{font:normal 10px Silk;padding:3px 6px;background:var(--c);color:#1d1a16;box-shadow:2px 2px 0 #000}
.tv-stats{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:16px;color:#cfc6a8}.tv-stats b{color:#fff;font-weight:normal}
.tv-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tv-st{font:9px Silk;padding:3px 6px;background:#3a342c;color:#cfc6a8;border:2px solid #000}.tv-st.g{background:#5fd38d;color:#1d1a16}
.tv-trade{margin-left:auto;font-size:16px;padding:5px 14px;background:var(--gold)}
.tv-drawer{position:fixed;inset:0;z-index:70;background:rgba(10,12,16,.55);display:flex;justify-content:flex-end}
.tv-drawer[hidden]{display:none}
.tv-panel{width:440px;max-width:100%;height:100%;overflow:auto;margin:0;border-radius:0}
.tv-panel .tb{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center}
.tv-ca{display:flex;gap:6px;align-items:center;margin:8px 0;padding:6px;background:#1d1a16;color:#f3ead0;border:2px solid #000}
.tv-ca code{flex:1;font-size:13px;word-break:break-all}
@media (max-width:899px){
  .vtab{font-size:10px;padding:7px 10px}.tv-tab{font-size:9px;padding:7px 2px}.tv-q{font-size:16px}
  .tv-grid{grid-template-columns:1fr;gap:8px}.tv-nm b{font-size:17px}.tv-stats{font-size:14px}
  .tv-drawer{align-items:flex-end}.tv-panel{width:100%;height:88vh}
}