:root{
  --bg:#0B0B0B; --bg2:#0F0F10; --s1:#121212; --s2:#18181A; --s3:#1E1E1F;
  --line:#232324; --line2:#2A2A2B;
  --text:#E7E7EB; --soft:#C9C9CF; --muted:#8C8C96; --faint:#7E7E88;
  --ice:#E8E8EA; --ice-d:#9A9CA3; --gem:#A3B1C2;
  --up:#3DDC97; --down:#F2708A; --yellow:#FFD15C; --orange:#FF9A4D; --pink:#FF6B8B;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --disp:'Unbounded','Manrope',system-ui,sans-serif; --acc-ink:#0A0A0A;
  --r:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Manrope',system-ui,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(232,232,234,.07) 1px,transparent 1px);background-size:22px 22px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0,transparent 70%);mask-image:linear-gradient(to bottom,#000 0,transparent 70%)}
body::after{content:"";position:fixed;left:50%;top:-260px;width:900px;height:520px;transform:translateX(-50%);z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(232,232,234,.07),transparent)}
button{font-family:inherit;cursor:pointer;color:inherit}
input,textarea{font-family:inherit}
a{color:var(--ice);text-decoration:none}
:focus-visible{outline:2px solid var(--ice);outline-offset:2px;border-radius:6px}
input[type=range]{accent-color:var(--ice);width:100%;height:28px;cursor:pointer}
.mono{font-family:var(--mono)} .muted{color:var(--muted)} .faint{color:var(--faint)}
.up{color:var(--up)} .down{color:var(--down)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1480px;margin:0 auto;padding:0 24px}
.row{display:flex;flex-wrap:wrap;gap:16px}

/* ---------- buttons ---------- */
.btn{white-space:nowrap;min-height:44px;padding:0 18px;border-radius:12px;border:0;font-weight:700;font-size:14.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease,box-shadow .2s ease,filter .2s}
.btn:active{transform:scale(.97)}
.btn.pri{background:var(--ice);color:#04111A;box-shadow:0 0 0 1px rgba(232,232,234,.35),0 10px 30px -12px rgba(232,232,234,.7)}
.btn.pri:hover{box-shadow:0 0 0 1px rgba(232,232,234,.6),0 12px 36px -10px rgba(232,232,234,.9);filter:brightness(1.05)}
.btn.sec{background:var(--s2);border:1px solid var(--line2);color:var(--text)}
.btn.sec:hover{border-color:#444446;background:var(--s3)}
.btn.up-b{background:var(--up);color:#04140C}.btn.down-b{background:var(--down);color:#1A0409}
.iconbtn{width:40px;height:40px;border-radius:10px;border:1px solid var(--line2);background:var(--s2);display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}
.iconbtn:hover{border-color:#444446;background:var(--s3)}
.link{background:transparent;border:0;color:var(--muted);font-size:14.5px;min-height:44px;padding:0;display:inline-flex;align-items:center;gap:6px}
.link:hover{color:var(--text)}

/* ---------- ticker tape ---------- */
.tape{border-bottom:1px solid var(--line);background:#080808;overflow:hidden;height:36px;display:flex;align-items:center;position:relative}
.tape::before,.tape::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:1;pointer-events:none}
.tape::before{left:0;background:linear-gradient(90deg,#080808,transparent)}.tape::after{right:0;background:linear-gradient(-90deg,#080808,transparent)}
.tape-track{display:flex;gap:28px;white-space:nowrap;animation:tape 60s linear infinite;padding-left:28px}
.tape:hover .tape-track{animation-play-state:paused}
@keyframes tape{to{transform:translateX(-50%)}}
.tape-item{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-family:var(--mono);color:var(--soft);background:none;border:0;padding:0}
.tape-item .av{width:20px;height:20px}
.tape-item b{color:var(--text);font-weight:700}

/* ---------- header ---------- */
header{position:sticky;top:0;z-index:10;background:rgba(5,5,5,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hdr{display:flex;align-items:center;gap:18px;min-height:68px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;min-height:44px}
.brand svg{width:34px;height:34px;filter:drop-shadow(0 4px 14px rgba(232,232,234,.45))}
.brand-name{white-space:nowrap;font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1}
.brand-name span{color:var(--ice)}
.beta{font-family:var(--mono);font-size:10px;padding:3px 6px;border-radius:6px;background:rgba(163,177,194,.14);color:#C9C0FF;border:1px solid rgba(163,177,194,.3)}
.navlinks{display:flex;gap:4px}
.navlinks button{background:none;border:0;color:var(--muted);font-weight:600;font-size:14px;padding:0 12px;min-height:40px;border-radius:10px}
.navlinks button:hover,.navlinks button.on{color:var(--text);background:var(--s1)}
.searchbtn{flex:1 1 220px;max-width:460px;display:flex;align-items:center;gap:10px;background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:0 10px 0 14px;min-height:44px;color:var(--faint);font-size:14px;text-align:left}
.searchbtn:hover{border-color:var(--line2)}
.kbd{margin-left:auto;font-family:var(--mono);font-size:11px;padding:3px 7px;border-radius:6px;border:1px solid var(--line2);color:var(--muted);background:var(--bg2)}
.hdr-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}
.wpill{display:flex;align-items:center;gap:10px;padding:0 6px 0 10px;min-height:44px;border-radius:12px;background:var(--s1);border:1px solid var(--line2)}
.wpill img{width:22px;height:22px;border-radius:6px}
.net{font-family:var(--mono);font-size:10.5px;padding:3px 7px;border-radius:6px;background:rgba(163,177,194,.14);color:#C9C0FF}
.dot{width:8px;height:8px;border-radius:99px;background:var(--up);box-shadow:0 0 0 3px rgba(52,227,154,.18)}
.livedot{width:8px;height:8px;border-radius:99px;background:var(--up);position:relative;display:inline-block}
.livedot::after{content:"";position:absolute;inset:0;border-radius:99px;background:var(--up);animation:ping 1.6s cubic-bezier(0,0,.2,1) infinite}
@keyframes ping{75%,100%{transform:scale(2.6);opacity:0}}

/* ---------- avatars ---------- */
.av{border-radius:999px;overflow:hidden;flex:none;display:block;background:var(--s2)}
.av svg,.av img{width:100%;height:100%;display:block;object-fit:cover}

/* ---------- hero ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;padding-top:28px}
@media (max-width:1000px){.hero{grid-template-columns:minmax(0,1fr)}}
.card-s{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent),var(--s1);border:1px solid var(--line);border-radius:20px}
.feat{position:relative;overflow:hidden;padding:24px;display:flex;flex-direction:column;gap:18px;min-height:340px}
.feat-top{display:flex;gap:20px;align-items:center;flex-wrap:wrap;position:relative;z-index:1}
.ring{position:relative;width:112px;height:112px;flex:none;border-radius:999px;padding:4px}
.ring::before{content:"";position:absolute;inset:0;border-radius:999px;background:conic-gradient(from 0deg,var(--ice),var(--gem),transparent 55%,var(--ice));animation:spin 4s linear infinite}
.ring .av{position:relative;width:104px;height:104px;border:4px solid var(--s1)}
@keyframes spin{to{transform:rotate(360deg)}}
.kicker{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--ice);display:inline-flex;align-items:center;gap:8px}
.title-xl{font-family:var(--disp);font-weight:700;font-size:34px;letter-spacing:-.02em;line-height:1.1;margin:6px 0 6px}
.title-xl .tk{color:var(--muted);font-size:18px;font-weight:500;font-family:var(--mono);letter-spacing:0}
.feat-stats{display:flex;gap:26px;flex-wrap:wrap;align-items:flex-end;margin-left:auto}
.stat .l{color:var(--muted);font-size:12.5px;margin-bottom:4px}
.stat .v{font-family:var(--mono);font-size:24px;font-weight:700;letter-spacing:-.02em}
.feat-chart{position:absolute;left:0;right:0;bottom:0;height:74%;pointer-events:none}
.feat-chart path.flow{stroke-dasharray:8 6;animation:flow 1.6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-56}}
.feat-actions{position:relative;z-index:1;margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}

.side-stack{display:flex;flex-direction:column;gap:16px}
.stats4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.stats4 div{background:var(--s1);padding:14px 18px}
.stats4 .l{color:var(--muted);font-size:12.5px}
.stats4 .v{font-family:var(--disp);font-size:22px;font-weight:700;margin-top:6px;letter-spacing:-.01em}
.feed{padding:16px 18px;display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}
.feed-h{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:6px}
.feed-list{display:flex;flex-direction:column;gap:2px;overflow:hidden;max-height:240px}
.feed-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;font-size:13px;background:none;border:0;text-align:left;width:100%;color:var(--soft)}
.feed-row:hover{background:var(--s2)}
.feed-row .av{width:26px;height:26px}
.feed-row .amt{margin-left:auto;font-family:var(--mono);font-weight:700}
.feed-row.enter{animation:feedIn .5s cubic-bezier(.2,.8,.2,1)}
@keyframes feedIn{from{opacity:0;transform:translateY(-14px);background:rgba(232,232,234,.12)}to{opacity:1;transform:none}}

/* ---------- toolbar ---------- */
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:28px 0 14px}
.h2{font-family:var(--disp);font-size:20px;font-weight:700;margin:0 10px 0 0;letter-spacing:-.01em}
.seg{display:inline-flex;gap:4px;background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:4px}
.seg button{min-height:36px;padding:0 14px;border-radius:9px;border:0;background:none;color:var(--muted);font-weight:600;font-size:13.5px}
.seg button.on{background:var(--s3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)}
.seg button:hover{color:var(--text)}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;min-height:36px;padding:0 13px;border-radius:99px;font-size:13px;font-weight:600;border:1px solid var(--line);background:var(--s1);color:var(--soft);display:inline-flex;align-items:center;gap:6px}
.chip:hover{border-color:var(--line2)}
.chip.on{background:rgba(232,232,234,.12);border-color:rgba(232,232,234,.55);color:var(--ice)}

/* ---------- layout + filters ---------- */
.layout{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.filters{flex:1 1 270px;max-width:100%;padding:20px;display:flex;flex-direction:column;gap:22px;position:sticky;top:90px}
@media (min-width:900px){.filters{max-width:300px}}
@media (max-width:899px){.filters{position:static}}
.field{display:flex;flex-direction:column;gap:8px}
.field .lbl{display:flex;justify-content:space-between;font-weight:700;font-size:14px}
.field .lbl span{font-family:var(--mono);color:var(--ice);font-weight:500}
.switch{display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:0;font-size:14.5px;padding:6px 0;min-height:44px;text-align:left;width:100%;color:var(--soft)}
.track{flex:none;width:44px;height:24px;border-radius:99px;padding:3px;display:flex;background:var(--line2);transition:background .2s}
.track i{width:18px;height:18px;border-radius:99px;background:var(--muted);transition:transform .2s,background .2s}
.switch.on .track{background:var(--ice)}.switch.on .track i{background:#04111A;transform:translateX(20px)}

/* ---------- token cards ---------- */
.grid{flex:999 1 560px;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;align-content:start}
.tcard{position:relative;isolation:isolate;background:var(--s1);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:14px;transition:transform .18s ease,border-color .18s,box-shadow .18s;overflow:hidden}
.tcard::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .25s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(232,232,234,.10),transparent 45%)}
.tcard:hover{transform:translateY(-3px);border-color:#3A3A3C;box-shadow:0 18px 40px -24px rgba(0,0,0,.8)}
.tcard:hover::before{opacity:1}
.tcard.is-new{animation:newPulse 2.4s ease-out}
@keyframes newPulse{0%{box-shadow:0 0 0 0 rgba(232,232,234,.8);border-color:var(--ice);transform:scale(.97)}20%{transform:none}100%{box-shadow:0 0 0 18px rgba(232,232,234,0)}}
.tc-top{display:flex;gap:14px;align-items:center}
.tc-id{flex:1;min-width:0;display:flex;gap:14px;align-items:center;background:none;border:0;padding:0;text-align:left}
.tc-id .av{width:58px;height:58px;box-shadow:0 0 0 2px var(--s1),0 0 0 3px var(--line2)}
.tc-name{display:flex;flex-direction:column;gap:3px;min-width:0}
.tc-name b{font-size:16.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
.tc-name span{font-family:var(--mono);color:var(--muted);font-size:12.5px;display:flex;align-items:center;gap:6px}
.tax{display:flex;flex-direction:column;align-items:center;border-radius:12px;padding:6px 10px;color:#0B0D12;flex:none;min-width:56px}
.tax small{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.12em}
.tax b{font-family:var(--mono);font-size:19px;line-height:1.05}
.tc-mid{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.tc-mc .l{color:var(--faint);font-size:11.5px;margin-bottom:2px}
.tc-mc .v{font-family:var(--mono);font-size:22px;font-weight:700;letter-spacing:-.02em}
.chgpill{font-family:var(--mono);font-size:12px;font-weight:700;padding:3px 7px;border-radius:7px;margin-left:8px;vertical-align:middle}
.chgpill.up{background:rgba(52,227,154,.12)}.chgpill.down{background:rgba(255,92,124,.12)}
.spark{width:110px;height:40px;flex:none}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.tag{font-family:var(--mono);font-size:11.5px;padding:4px 8px;border-radius:7px;background:var(--s2);color:var(--soft);display:inline-flex;align-items:center;gap:5px}
.tag.v{background:rgba(163,177,194,.12);color:#C3CCD8}
.tag.i{background:rgba(232,232,234,.10);color:var(--ice)}
.prog .l{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-bottom:6px}
.bar{height:7px;border-radius:99px;background:#1E1E1F;overflow:hidden}
.bar i{display:block;height:100%;border-radius:99px;position:relative;overflow:hidden;background:linear-gradient(90deg,var(--ice-d),var(--ice))}
.bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-100%);animation:shimmer 2.2s infinite}
.bar i.done{background:linear-gradient(90deg,#1FBF7A,var(--up))}
@keyframes shimmer{to{transform:translateX(100%)}}
.tc-act{display:flex;gap:8px}
.tc-act .btn{flex:1}
.copy{background:none;border:0;padding:2px 4px;border-radius:6px;color:var(--faint);display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:11.5px}
.copy:hover{color:var(--ice);background:var(--s2)}
[data-tip]{position:relative}
[data-tip]:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#F2F2F2;color:#0A0A0A;font-size:12px;font-weight:600;padding:6px 9px;border-radius:8px;z-index:20;pointer-events:none;font-family:'Manrope',sans-serif;letter-spacing:0}
.empty{grid-column:1/-1;border:1px dashed var(--line2);border-radius:20px;padding:56px 24px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}

/* skeleton */
.sk{background:linear-gradient(90deg,var(--s2) 0,#202024 40%,var(--s2) 80%);background-size:200% 100%;animation:sk 1.2s linear infinite;border-radius:10px}
@keyframes sk{to{background-position:-200% 0}}

/* digit roll + flash */
.roll{display:inline-flex;overflow:hidden;vertical-align:bottom}
.roll>span{display:inline-block}
.roll>span.u{animation:dUp .38s cubic-bezier(.2,.8,.2,1)}
.roll>span.d{animation:dDown .38s cubic-bezier(.2,.8,.2,1)}
@keyframes dUp{from{transform:translateY(100%)}to{transform:none}}
@keyframes dDown{from{transform:translateY(-100%)}to{transform:none}}
.flash-up{animation:fUp 1s ease-out}.flash-down{animation:fDown 1s ease-out}
@keyframes fUp{0%{color:var(--up);text-shadow:0 0 14px rgba(52,227,154,.6)}100%{color:inherit}}
@keyframes fDown{0%{color:var(--down);text-shadow:0 0 14px rgba(255,92,124,.6)}100%{color:inherit}}

/* ---------- token page ---------- */
.tp-head{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:22px}
.tp-head .av{width:92px;height:92px;box-shadow:0 0 0 3px var(--s1),0 0 0 4px var(--line2)}
.socials{display:flex;gap:8px}
.tp-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;margin-top:16px}
.tp-main{flex:999 1 600px;min-width:0;display:flex;flex-direction:column;gap:16px}
.tp-side{flex:1 1 340px;display:flex;flex-direction:column;gap:16px;position:sticky;top:90px}
@media (max-width:980px){.tp-side{position:static}}
.panel{padding:20px}
.chartbox{position:relative;height:340px;cursor:crosshair}
.chartbox svg{width:100%;height:100%;display:block}
.xh{position:absolute;top:0;bottom:0;width:1px;background:rgba(194,204,224,.35);pointer-events:none;display:none}
.xh-dot{position:absolute;width:10px;height:10px;border-radius:99px;border:2px solid var(--bg);transform:translate(-50%,-50%);pointer-events:none;display:none}
.xh-tip{position:absolute;top:8px;background:#F2F2F2;color:#0A0A0A;font-family:var(--mono);font-size:12px;font-weight:700;padding:6px 9px;border-radius:8px;pointer-events:none;display:none;white-space:nowrap}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:6px}
.tabs button{background:none;border:0;color:var(--muted);font-weight:700;padding:10px 12px;min-height:44px;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs button.on{color:var(--text);border-color:var(--ice)}
.tbl{overflow-x:auto}
.tr{min-width:520px;display:grid;grid-template-columns:70px 1.2fr 1fr 1fr 1fr 80px;gap:8px;padding:10px 4px;font-family:var(--mono);font-size:13px;border-bottom:1px solid #17171A;align-items:center}
.tr.h{font-family:'Manrope',sans-serif;color:var(--faint);font-size:12px}
.tr.enter{animation:feedIn .5s ease-out}
.holder{display:grid;grid-template-columns:28px 1fr 64px;gap:10px;align-items:center;padding:8px 2px;font-size:13px}
.holder .hb{height:6px;border-radius:99px;background:#1E1E1F;overflow:hidden;margin-top:6px}
.holder .hb i{display:block;height:100%;background:var(--gem)}
.tradebox{display:flex;flex-direction:column;gap:14px}
.bs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:var(--bg2);border-radius:14px;padding:4px;border:1px solid var(--line)}
.bs button{min-height:44px;border-radius:10px;border:0;font-size:15px;font-weight:800;background:transparent;color:var(--muted)}
.bs .b.on{background:var(--up);color:#04140C}.bs .s.on{background:var(--down);color:#1A0409}
.inp{background:var(--bg2);border:1px solid var(--line2);border-radius:12px;min-height:48px;padding:0 14px;color:var(--text);font-size:16px;width:100%;transition:border-color .15s,box-shadow .15s}
.inp:focus{outline:none;border-color:var(--ice);box-shadow:0 0 0 3px rgba(232,232,234,.15)}
textarea.inp{padding:12px 14px;resize:vertical;min-height:90px}
.amtwrap{position:relative}
.amtwrap .inp{min-height:58px;font-size:22px;font-family:var(--mono);padding-right:70px}
.amtwrap>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-family:var(--mono);color:var(--muted);font-weight:700}
.presets{display:flex;gap:6px}
.presets button{flex:1;min-height:36px;border-radius:9px;border:1px solid var(--line2);background:var(--s2);color:var(--soft);font-family:var(--mono);font-size:12.5px;font-weight:700}
.presets button:hover{border-color:#444446}
.quote{display:flex;flex-direction:column;gap:9px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px;font-size:13.5px}
.quote div{display:flex;justify-content:space-between}
.quote div span:last-child{font-family:var(--mono)}
.big-btn{min-height:56px;border-radius:14px;border:0;font-weight:800;font-size:16.5px;width:100%;transition:transform .12s,filter .15s}
.big-btn:hover{filter:brightness(1.06)}.big-btn:active{transform:scale(.98)}
.note{color:var(--faint);font-size:12px;text-align:center;line-height:1.5}

/* ---------- create ---------- */
.create-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.builder{display:flex;flex-direction:column;gap:12px}
.optrow{display:flex;gap:6px;flex-wrap:wrap}
.opt{min-height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--line2);background:var(--s2);color:var(--soft);font-size:13px;font-weight:600;text-transform:capitalize}
.opt.on{border-color:var(--ice);color:var(--ice);background:rgba(232,232,234,.10)}
.sw{width:34px;height:34px;border-radius:99px;border:2px solid transparent;padding:0}
.sw.on{border-color:var(--text);box-shadow:0 0 0 2px var(--bg)}
.upload{border:1px dashed var(--line2);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13.5px;cursor:pointer}
.upload:hover{border-color:var(--ice);color:var(--soft)}

/* ---------- modals, palette, toasts ---------- */
.overlay{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;animation:fade .15s ease-out}
.overlay.center{align-items:center;padding-top:16px}
@keyframes fade{from{opacity:0}}
.modal{width:100%;max-width:420px;background:var(--s1);border:1px solid var(--line2);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px;animation:pop .2s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}}
.wopt{display:flex;align-items:center;gap:14px;min-height:60px;padding:0 16px;border-radius:14px;border:1px solid var(--line2);background:var(--s2);font-size:15.5px;font-weight:700;text-align:left;width:100%;transition:border-color .15s,background .15s}
.wopt img{width:34px;height:34px;border-radius:10px;flex:none}
.wopt:hover{border-color:var(--ice);background:var(--s3)}
.wopt[disabled]{opacity:.6;cursor:wait}
.palette{width:100%;max-width:620px;background:var(--s1);border:1px solid var(--line2);border-radius:18px;overflow:hidden;animation:pop .18s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
.palette-in{display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line)}
.palette-in input{flex:1;background:none;border:0;outline:none;color:var(--text);font-size:17px;min-height:60px}
.palette-list{max-height:420px;overflow-y:auto;padding:8px}
.pal-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:12px;border:0;background:none;text-align:left}
.pal-row.on,.pal-row:hover{background:var(--s3)}
.pal-row .av{width:36px;height:36px}
#toasts{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:none}
.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;background:#F2F2F2;color:#0A0A0A;padding:12px 16px;border-radius:14px;font-weight:700;font-size:14px;max-width:min(420px,calc(100vw - 40px));box-shadow:0 16px 40px -14px rgba(0,0,0,.6);animation:toastIn .35s cubic-bezier(.2,.8,.2,1)}
.toast .av{width:26px;height:26px}
.toast.out{animation:toastOut .3s ease-in forwards}
@keyframes toastIn{from{opacity:0;transform:translateX(30px) scale(.96)}}
@keyframes toastOut{to{opacity:0;transform:translateX(30px)}}

footer{border-top:1px solid var(--line);margin-top:56px;padding:28px 0 40px;color:var(--faint);font-size:13px}
.foot{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.foot a{color:var(--muted)}.foot a:hover{color:var(--text)}

@media (max-width:720px){
  .navlinks,.beta,.kbd,.searchbtn span,.wpill .net,.wpill .mono+.mono{display:none}
  .hdr{gap:10px;min-height:60px;flex-wrap:nowrap}
  .brand-name{font-size:14px}
  .searchbtn{flex:0 0 44px;padding:0;justify-content:center;margin-left:auto}
  .hdr-right{margin-left:0;flex-wrap:nowrap;gap:8px}
  .hdr-right .btn.pri{display:none}
  .hdr-right .btn,.wpill{padding:0 10px;font-size:13px}
  .title-xl{font-size:26px}
  .feat-stats{margin-left:0}
  .wrap{padding:0 16px}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}

/* ===================== v3: pairing tiles, swipe, bubbles, motion ===================== */
.coin{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#05080F;font-weight:800;font-family:var(--mono);flex:none;letter-spacing:-.04em;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),inset 0 2px 0 rgba(255,255,255,.35)}
.pairtag{padding:3px 8px 3px 3px}
.pairtag .av,.pairtag .coin{width:16px!important;height:16px!important}
.pair-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:6px 0 12px}
.drag-scroll{cursor:grab;user-select:none;-webkit-user-select:none}
.drag-scroll.dragging{cursor:grabbing}
.drag-scroll.dragging *{pointer-events:none}
.cats{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:6px 2px 14px;scroll-snap-type:x proximity}
.cats::-webkit-scrollbar{display:none}
.cat{flex:none;width:226px;min-height:168px;text-align:left;padding:16px;border-radius:20px;border:1px solid var(--line);position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(160deg,color-mix(in srgb,var(--cc) 16%,transparent),transparent 60%),var(--s1);
  display:flex;flex-direction:column;gap:4px;transition:transform .2s ease,border-color .2s,box-shadow .25s;scroll-snap-align:start;animation:catIn .6s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:var(--d)}
@keyframes catIn{from{opacity:0;transform:translateY(18px) scale(.96)}}
.cat::after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:99px;background:var(--cc);opacity:.14;filter:blur(30px);z-index:-1;transition:opacity .3s,transform .5s}
.cat:hover::after{opacity:.3;transform:scale(1.3)}
.cat:hover{border-color:color-mix(in srgb,var(--cc) 55%,var(--line))}
.cat.on{border-color:var(--cc);box-shadow:0 0 0 1px var(--cc),0 18px 40px -18px var(--cc)}
.cat-coins{display:flex;height:44px;margin-bottom:8px}
.cat-coin{margin-left:-10px;animation:bob 3.2s ease-in-out infinite;animation-delay:calc(var(--k) * -0.6s);filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
.cat-coin:first-child{margin-left:0}
.cat-coin .av,.cat-coin .coin{border:3px solid var(--s1)}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.cat-name{font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:-.01em}
.cat-sub{color:var(--muted);font-size:12.5px}
.cat-foot{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:10px;font-size:12.5px}
.cat-avs{display:flex}
.cat-avs .av{margin-left:-7px;border:2px solid var(--s1)}
.cat-avs .av:first-child{margin-left:0}
.cat-foot .mono:nth-child(2){margin-left:auto;color:var(--soft)}
.chip.asset{padding:0 12px 0 5px;gap:8px;min-height:40px}
.chip.asset .cnt{font-family:var(--mono);font-size:11px;color:var(--faint);background:var(--bg2);padding:1px 6px;border-radius:99px}
.chip.asset.on .cnt{color:var(--ice)}
.chip{transition:transform .15s,border-color .15s,background .15s}
.chip:hover{transform:translateY(-2px)}

/* swipe deck */
.swipe-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;padding:28px;margin-top:16px;overflow:hidden;position:relative}
.swipe-sec::before{content:"";position:absolute;right:10%;top:50%;width:420px;height:420px;transform:translateY(-50%);border-radius:999px;background:radial-gradient(closest-side,rgba(232,232,234,.12),transparent);pointer-events:none}
@media (max-width:860px){.swipe-sec{grid-template-columns:minmax(0,1fr)}}
.swipe-copy{display:flex;flex-direction:column;gap:12px}
.swipe-btns{display:flex;gap:14px;margin-top:6px}
.sbtn{width:60px;height:60px;border-radius:999px;border:1px solid var(--line2);background:var(--s2);font-size:22px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s,background .2s,box-shadow .2s}
.sbtn.nope{color:var(--down)}.sbtn.go{color:var(--ice)}.sbtn.like{color:var(--yellow)}
.sbtn.nope:hover{box-shadow:0 0 0 6px rgba(255,92,124,.12)}.sbtn.go:hover{box-shadow:0 0 0 6px rgba(232,232,234,.12)}.sbtn.like:hover{box-shadow:0 0 0 6px rgba(255,209,92,.12)}
.sbtn svg{width:24px;height:24px}
.deck{position:relative;height:400px;max-width:340px;width:100%;margin:0 auto;touch-action:none}
.swipe-card{position:absolute;inset:0;border-radius:24px;background:linear-gradient(180deg,#151516,#141415);border:1px solid var(--line2);padding:22px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;
  transform:translateY(calc(var(--depth) * 14px)) scale(calc(1 - var(--depth) * .05));opacity:calc(1 - var(--depth) * .25);box-shadow:0 30px 60px -30px rgba(0,0,0,.9);transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s;user-select:none;-webkit-user-select:none}
.swipe-card.top{cursor:grab;animation:deckIn .4s cubic-bezier(.2,.8,.2,1)}
.swipe-card.grab{cursor:grabbing}
@keyframes deckIn{from{transform:translateY(14px) scale(.95)}}
.sc-av .av{box-shadow:0 0 0 4px #151516,0 0 0 6px var(--line2),0 20px 40px -10px rgba(0,0,0,.7)}
.sc-name{font-family:var(--disp);font-size:22px;font-weight:700;margin-top:8px}
.sc-stats{display:flex;gap:18px;align-items:center;margin-top:8px}
.sc-stats>div:not(.tax){display:flex;flex-direction:column;gap:2px;font-size:12px}
.sc-stats b{font-size:17px}
.sc-spark{width:100%;height:56px;margin-top:auto}
.stamp{position:absolute;top:22px;font-family:var(--disp);font-weight:800;font-size:22px;padding:4px 12px;border-radius:10px;border:3px solid;opacity:0;pointer-events:none;letter-spacing:.06em}
.stamp.like{left:20px;color:var(--up);transform:rotate(-14deg)}
.stamp.nope{right:20px;color:var(--down);transform:rotate(14deg)}
.stamp.go{left:50%;top:auto;bottom:90px;transform:translateX(-50%);color:var(--ice)}

/* bubbles */
.bubbles{position:relative;height:620px;border-radius:20px;border:1px solid var(--line);background:radial-gradient(circle at 50% 45%,rgba(232,232,234,.06),transparent 60%),var(--s1);overflow:hidden;touch-action:none}
.bubble{position:absolute;left:0;top:0;border-radius:999px;border:2px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;cursor:grab;will-change:transform;user-select:none;-webkit-user-select:none;overflow:hidden}
.bubble.pos{border-color:rgba(52,227,154,.65);background:radial-gradient(circle at 35% 30%,rgba(52,227,154,.32),rgba(52,227,154,.08) 70%)}
.bubble.neg{border-color:rgba(255,92,124,.65);background:radial-gradient(circle at 35% 30%,rgba(255,92,124,.32),rgba(255,92,124,.08) 70%)}
.bubble.grab{cursor:grabbing;z-index:5}
.bubble .av{pointer-events:none;flex:none;max-width:56%;max-height:56%}
.bubble .bt{font-family:var(--mono);font-size:11.5px;font-weight:700;pointer-events:none}
.bubble .bc{font-family:var(--mono);font-size:11px;font-weight:700;pointer-events:none}
.bubble.hit{animation:bhit .5s ease-out}
@keyframes bhit{0%{box-shadow:0 0 0 0 rgba(232,232,234,.6)}100%{box-shadow:0 0 0 14px rgba(232,232,234,0)}}
.bub-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);font-size:12px;color:var(--faint);pointer-events:none;white-space:nowrap}
@media (max-width:720px){.bubbles{height:520px}.bub-hint{white-space:normal;text-align:center;width:90%}}

/* % slider */
.pct{margin-top:4px}
.pct input[type=range]{-webkit-appearance:none;appearance:none;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--ice) var(--p,0%),#1E1E1F var(--p,0%));outline:none;margin:10px 0 6px}
.pct input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:99px;background:#fff;border:4px solid var(--ice);box-shadow:0 4px 14px rgba(232,232,234,.5);cursor:grab;transition:transform .15s}
.pct input[type=range]::-webkit-slider-thumb:active{transform:scale(1.25);cursor:grabbing}
.pct input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:99px;background:#fff;border:4px solid var(--ice);cursor:grab}
.pct-l{display:flex;justify-content:space-between;font-size:10.5px;color:var(--faint)}

/* reveal */
.rv{opacity:0;transform:translateY(22px) scale(.98)}
.rv.in{opacity:1;transform:none;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1),border-color .18s,box-shadow .18s}
.rv.in.instant{transition:transform .18s ease,border-color .18s,box-shadow .18s}

/* create page pair picker */
.pairgroup{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.popt{text-transform:none;display:inline-flex;align-items:center;gap:7px;padding:0 12px 0 5px}
.btn.pri,.sbtn{will-change:transform}

/* ===================== v4: hero carousel + visual stat tiles ===================== */
.hero-car{padding:0;min-height:440px;display:block}
.hero-track{display:flex;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.hero-track:active{cursor:grabbing}
.hslide{flex:0 0 100%;position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;padding:26px 26px 76px;min-height:440px;overflow:hidden}
.hslide .feat-chart{height:46%;opacity:.9}
.hs-left{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;min-width:0}
.hs-title{margin:0}
.rank{color:#04111A;background:var(--ice);padding:1px 6px;border-radius:6px;font-weight:700}
.hs-pills{display:flex;gap:8px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 5px;min-height:30px;border-radius:99px;background:rgba(20,20,22,.85);border:1px solid var(--line);font-size:12.5px;color:var(--soft);backdrop-filter:blur(6px)}
.pill.i{color:var(--ice);padding-left:10px}
.pill.copy2{font-family:var(--mono);font-size:11.5px;padding-left:11px;cursor:pointer}
.pill.copy2:hover{border-color:var(--ice);color:var(--ice)}
.hs-stats{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}
.press{max-width:440px;background:rgba(10,10,12,.7);border:1px solid var(--line);border-radius:14px;padding:10px 12px;backdrop-filter:blur(6px)}
.press-l{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700}
.press-l .muted{font-weight:500}
.press-bar{position:relative;height:9px;border-radius:99px;background:linear-gradient(90deg,#B83A55,var(--down));margin:8px 0 6px}
.press-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1FBF7A,var(--up));transition:width .7s cubic-bezier(.2,.8,.2,1)}
.press-knob{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:99px;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.14),0 4px 12px rgba(0,0,0,.5);transition:left .7s cubic-bezier(.2,.8,.2,1)}
.hs-right{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}
.hs-mascot{position:relative;width:240px;height:240px;transition:transform .3s ease-out}
.hs-av{position:absolute;inset:20px;animation:float 5s ease-in-out infinite}
.hs-av .av{box-shadow:0 0 0 6px rgba(255,255,255,.05),0 0 0 7px rgba(232,232,234,.25),0 34px 70px -20px rgba(0,0,0,.85)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}
.glow{position:absolute;inset:16px;border-radius:999px;filter:blur(48px);opacity:.42;animation:glowp 4s ease-in-out infinite}
@keyframes glowp{0%,100%{transform:scale(1);opacity:.35}50%{transform:scale(1.18);opacity:.55}}
.orbit{position:absolute;inset:-12px;border-radius:999px;border:1px dashed rgba(232,232,234,.28);animation:spin 12s linear infinite}
.orbit.o2{inset:-44px;animation-duration:20s;animation-direction:reverse;border-color:rgba(163,177,194,.2)}
.orb{position:absolute;top:-23px;left:50%;margin-left:-23px;display:block;animation:spin 12s linear infinite reverse}
.orb .coin,.orb .av{box-shadow:0 0 0 4px var(--s1),0 10px 24px rgba(0,0,0,.6)}
.orb.small{width:32px;height:32px;top:-16px;margin-left:-16px;border-radius:99px;background:var(--s2);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;color:var(--gem);animation:spin 20s linear infinite}
.spark{position:absolute;width:10px;height:10px;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:twinkle 2.4s ease-in-out infinite}
.spark.s1{top:4%;right:6%}.spark.s2{bottom:10%;left:0;animation-delay:-.8s;width:7px;height:7px}.spark.s3{top:40%;right:-14%;animation-delay:-1.6s;width:8px;height:8px;background:var(--ice)}
@keyframes twinkle{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(45deg)}}
.hero-nav{position:absolute;right:20px;bottom:18px;display:flex;align-items:center;gap:8px;z-index:3}
.dots{display:flex;gap:4px}
.dotb{width:28px;height:40px;background:none;border:0;padding:0;display:flex;align-items:center}
.dotb i{display:block;width:100%;height:4px;border-radius:99px;background:var(--line2);overflow:hidden;position:relative}
.dotb.on i::after{content:"";position:absolute;inset:0;background:var(--ice);animation:dotfill 5s linear forwards}
@keyframes dotfill{from{transform:translateX(-100%)}}
@media (max-width:760px){
  .hslide{grid-template-columns:minmax(0,1fr);padding:20px 18px 76px}
  .hs-right{order:-1;height:200px}
  .hs-mascot{transform:scale(.72)!important}
}
/* visual stat tiles */
.vstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vtile{background:var(--s1);border:1px solid var(--line);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-height:128px;overflow:hidden;position:relative;transition:border-color .2s,transform .2s}
.vtile:hover{border-color:var(--line2);transform:translateY(-2px)}
.vtile .l{color:var(--muted);font-size:12.5px;display:flex;align-items:center;gap:7px}
.vtile .v{font-family:var(--disp);font-size:24px;font-weight:700;letter-spacing:-.01em}
.avstack{display:flex;margin-top:auto}
.avstack span{margin-left:-9px;animation:popIn .5s cubic-bezier(.2,1.6,.4,1) both;animation-delay:calc(var(--i) * 70ms)}
.avstack span:first-child{margin-left:0}
.avstack .av{border:2px solid var(--s1)}
@keyframes popIn{from{transform:scale(0) translateY(10px)}}
.vbars{display:flex;align-items:flex-end;gap:3px;height:36px;margin-top:auto}
.vbars i{flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,var(--ice),rgba(232,232,234,.18));transition:height .5s cubic-bezier(.2,.8,.2,1)}
.vbars i:last-child{background:linear-gradient(180deg,#fff,var(--ice));box-shadow:0 0 12px rgba(232,232,234,.6)}
.tline{width:100%;height:38px;margin-top:auto;overflow:visible}
.ring-t{flex-direction:row;align-items:center;justify-content:space-between}
.ring2{width:68px;height:68px;flex:none}
.ringarc{animation:ringIn 1.4s cubic-bezier(.2,.8,.2,1)}
@keyframes ringIn{from{stroke-dasharray:0 200}}
/* richer live feed */
.feed-list{max-height:none;gap:4px}
.feed-row{position:relative;overflow:hidden;padding:7px 10px;border-radius:12px;gap:11px;isolation:isolate}
.feed-row::before{content:"";position:absolute;top:0;bottom:0;right:0;width:var(--w);z-index:-1;border-radius:12px;opacity:.16;transition:width .4s}
.feed-row.b::before{background:linear-gradient(90deg,transparent,var(--up))}
.feed-row.s::before{background:linear-gradient(90deg,transparent,var(--down))}
.feed-row .av{width:32px!important;height:32px!important}
.fr-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.fr-main b{color:var(--text);font-size:13.5px}
.fr-sub{font-family:var(--mono);font-size:11px;color:var(--faint)}
.fr-amt{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:10.5px;font-weight:800;letter-spacing:.06em}
.fr-amt b{font-size:13px;color:var(--text);letter-spacing:0}
.whale{display:inline-block;margin-left:6px;font-size:9.5px;font-weight:800;letter-spacing:.08em;padding:1px 5px;border-radius:5px;background:rgba(163,177,194,.2);color:#C3CCD8;vertical-align:middle}
.whale{align-self:flex-start;margin:2px 0 0}

/* hero: dragging pauses the progress bar */
.hero-car.dragging .dotb.on i::after{animation-play-state:paused}

/* ===================== THE MACHINE ===================== */
.machine{margin-top:16px;padding:26px;overflow:hidden;position:relative}
.machine::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(232,232,234,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(232,232,234,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
.m-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;position:relative}
.m-stage{position:relative;width:100%;height:460px;margin-top:10px}
.m-inner{position:absolute;left:0;top:0;width:1200px;height:460px;transform-origin:0 0}
.m-svg{position:absolute;inset:0;width:1200px;height:460px}
.mpath{fill:none;stroke:#2A2A2B;stroke-width:2.5;stroke-dasharray:6 7;stroke-linecap:round;transition:stroke .3s}
.mpath.flow{stroke:#4A4A52;animation:mflow .9s linear infinite}
@keyframes mflow{to{stroke-dashoffset:-26}}
.mnode{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:6px;border-radius:16px;color:var(--text);cursor:pointer;transition:transform .25s}
.mnode:hover{transform:translate(-50%,-50%) scale(1.06)}
.mnode.right{flex-direction:row;transform:translate(-14%,-50%);gap:10px}
.mnode.right:hover{transform:translate(-14%,-50%) scale(1.06)}
.mnode.right .mlabel{text-align:left}
.mnode.right{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;row-gap:0;align-items:center}
.mnode.right .mic{grid-row:1/3}
.mnode.right .mcount{justify-self:start}
.mic{width:64px;height:64px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--s2);border:1px solid var(--line2);position:relative;transition:box-shadow .3s,border-color .3s}
.mic.big{width:76px;height:76px;padding:4px;background:linear-gradient(135deg,var(--ice),var(--gem))}
.mic.big .av{border:3px solid var(--s1)}
.mic.stack{width:auto;height:auto;padding:6px 10px;border-radius:99px;background:var(--s2);display:flex}
.mic.stack .av{margin-left:-8px;border:2px solid var(--s2);animation:bob 2.6s ease-in-out infinite}
.mic.stack .av:nth-child(2){animation-delay:-.8s}.mic.stack .av:nth-child(3){animation-delay:-1.6s}
.mic.stack .av:first-child{margin-left:0}
.mic.sm{width:44px;height:44px;color:var(--mc);background:color-mix(in srgb,var(--mc) 14%,var(--s2));border-color:color-mix(in srgb,var(--mc) 45%,var(--line2))}
.mic.sm svg{width:18px;height:18px}
.mic.gear{width:96px;height:96px;background:none;border:0}
.mic.gear svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 9s linear infinite}
.mic.gear svg.spin{animation:spin 9s linear infinite,gearKick .6s ease-out}
@keyframes gearKick{0%{filter:drop-shadow(0 0 0 #FFD15C)}40%{filter:drop-shadow(0 0 14px #FFD15C)}100%{filter:none}}
.mic.gear b{position:relative;font-family:var(--mono);font-size:13px;color:var(--yellow);letter-spacing:.1em}
.mcurve{display:flex;flex-direction:column;gap:4px;width:200px;padding:12px 14px 10px;border-radius:18px;background:linear-gradient(180deg,#131316,#141415);border:1px solid var(--line2);box-shadow:0 20px 40px -20px rgba(0,0,0,.8)}
.mcurve svg{width:100%;height:84px;overflow:visible}
.mc-line{fill:none;stroke:var(--ice);stroke-width:2.5}
.mc-fill{fill:rgba(232,232,234,.08)}
#mc-dot{fill:#fff;stroke:var(--ice);stroke-width:3;transition:cx .6s,cy .6s;filter:drop-shadow(0 0 6px var(--ice))}
.mc-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--soft)}
.mlabel{font-weight:800;font-size:13.5px;white-space:nowrap}
.mcount{font-size:11.5px;color:var(--ice);background:rgba(232,232,234,.08);padding:2px 8px;border-radius:99px;white-space:nowrap}
.mnode.hit .mic,.mnode.hit .mcurve{animation:mhit .55s ease-out}
@keyframes mhit{0%{box-shadow:0 0 0 0 rgba(232,232,234,.7)}100%{box-shadow:0 0 0 16px rgba(232,232,234,0)}}
.mnode.lit .mic,.mnode.lit .mcurve{border-color:var(--ice);box-shadow:0 0 0 3px rgba(232,232,234,.25),0 0 30px rgba(232,232,234,.25)}
.mnode.lit .mlabel{color:var(--ice)}
.m-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;position:relative}
.m-step{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--line);background:var(--s2);color:var(--soft);font-weight:700;font-size:13px;transition:all .2s}
.m-step .mono{color:var(--faint);font-size:11px}
.m-step.on{border-color:var(--ice);color:var(--ice);background:rgba(232,232,234,.1)}
.m-step.on .mono{color:var(--ice)}
.m-info{margin-top:12px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;padding:14px 16px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);position:relative;min-height:52px;line-height:1.5}
.m-info.swap{animation:infoIn .4s ease-out}
@keyframes infoIn{from{opacity:0;transform:translateY(6px)}}

.m-stage{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.m-stage::-webkit-scrollbar{display:none}
@media (max-width:760px){.m-stage::after{content:'drag to explore →';position:sticky;left:0;display:block;font-size:11px;color:var(--faint)}}

/* ===================== THE DIAMOND FACTORY ===================== */
.factory{margin-top:16px;padding:26px;overflow:hidden;position:relative}
.f-wrap{margin-top:20px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.f-wrap::-webkit-scrollbar{display:none}
.f-row{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:14px;min-width:1100px}
.fpanel{position:relative;text-align:left;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:22px;border:2px solid var(--line);background:linear-gradient(180deg,#111112,#121212);color:var(--text);transition:transform .3s cubic-bezier(.2,1.4,.4,1),border-color .3s,box-shadow .3s;animation:catIn .6s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:var(--d)}
.fpanel:hover{transform:translateY(-4px) rotate(-.5deg)}
.fpanel.here{border-color:var(--ice);box-shadow:0 0 0 4px rgba(232,232,234,.15),0 24px 50px -24px rgba(232,232,234,.6);transform:translateY(-6px)}
.fnum{position:absolute;top:12px;left:12px;width:30px;height:30px;border-radius:99px;background:var(--s3);color:var(--muted);font-family:var(--disp);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:2}
.fpanel.here .fnum{background:var(--ice);color:#04111A;transform:scale(1.15)}
.fart{position:relative;height:150px;display:block;border-radius:16px;background:rgba(5,5,5,.5);overflow:hidden;margin-bottom:6px}
.ftitle{font-family:var(--disp);font-weight:800;font-size:18px;letter-spacing:-.01em}
.ftext{color:var(--soft);font-size:13.5px;line-height:1.5}
.fstat{margin-top:auto;padding-top:8px;font-family:var(--mono);font-size:11.5px;color:var(--ice)}
/* 1 machine */
.f-machine{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center}
.fm-box{position:relative;width:110px;height:56px;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#A3B1C2,#6C5CE0);margin-bottom:14px;box-shadow:inset 0 -6px 0 rgba(0,0,0,.2);z-index:2;display:flex;gap:10px;align-items:center;justify-content:center}
.fm-light{width:10px;height:10px;border-radius:99px;background:#FFD15C;animation:blink 1s infinite}
.fm-light.l2{background:#3DDC97;animation-delay:.33s}.fm-light.l3{background:#FF6B8B;animation-delay:.66s}
@keyframes blink{50%{opacity:.25}}
.fm-pop{position:absolute;bottom:52px;left:50%;margin-left:-32px;z-index:1;animation:popUp 2.4s cubic-bezier(.2,1.6,.4,1) infinite}
.fm-pop.go{animation:popBig .9s cubic-bezier(.2,1.6,.4,1),popUp 2.4s cubic-bezier(.2,1.6,.4,1) .9s infinite}
@keyframes popUp{0%,100%{transform:translateY(16px) scale(.92)}40%,70%{transform:translateY(-8px) scale(1)}}
@keyframes popBig{0%{transform:translateY(40px) scale(.3)}60%{transform:translateY(-22px) scale(1.25)}100%{transform:translateY(0) scale(1)}}
.fm-spark{position:absolute;width:12px;height:12px;background:#FFE38A;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:twinkle 1.8s infinite}
.fm-spark.a{top:18px;left:22%}.fm-spark.b{top:30px;right:20%;animation-delay:-.6s}.fm-spark.c{top:8px;right:38%;animation-delay:-1.2s;background:var(--ice)}
/* 2 hill */
.f-hill{position:absolute;inset:0}
.f-hill svg{position:absolute;inset:0;width:100%;height:100%}
.hill-fill{fill:rgba(52,227,154,.12)}
.hill-line{fill:none;stroke:var(--up);stroke-width:2.5;vector-effect:non-scaling-stroke}
.flag{position:absolute;right:6px;top:6px;font-family:var(--mono);font-size:10px;font-weight:800;color:#04111A;background:var(--yellow);padding:2px 6px;border-radius:5px}
.climber{position:absolute;transform:translate(-50%,0);transition:left .8s cubic-bezier(.2,.8,.2,1),bottom .8s cubic-bezier(.2,.8,.2,1)}
.climber .av{box-shadow:0 0 0 3px #121212,0 0 0 5px var(--up);animation:waddle .5s ease-in-out infinite alternate}
@keyframes waddle{from{transform:rotate(-8deg) translateY(0)}to{transform:rotate(8deg) translateY(-3px)}}
/* 3 rain */
.f-rain{position:absolute;inset:0}
.bucket{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:96px;height:46px;border-radius:6px 6px 22px 22px;background:linear-gradient(180deg,#2A2A2B,#1E1E1F);border:2px solid #444446;display:flex;align-items:center;justify-content:center}
.bucket b{font-family:var(--mono);font-size:12px;color:var(--gem)}
.fcoin{position:absolute;top:-30px;width:var(--sz);height:var(--sz);border-radius:99px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:calc(var(--sz) * .6);color:#05080F;animation:fall 1.2s cubic-bezier(.5,0,.8,.6) forwards;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)}
.fcoin.b{background:var(--up)}.fcoin.s{background:var(--down)}
@keyframes fall{to{top:calc(100% - 50px);transform:rotate(320deg) scale(.6);opacity:.2}}
/* 4 jars */
.f-jars{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:10px 10px 8px}
.jar{position:relative;width:46px;height:100px;border:2px solid color-mix(in srgb,var(--jc) 60%,#444446);border-top-width:5px;border-radius:8px 8px 14px 14px;overflow:hidden;background:rgba(255,255,255,.03);margin-bottom:16px}
.jar-liq{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,color-mix(in srgb,var(--jc) 80%,#fff),var(--jc));transition:height .8s cubic-bezier(.2,.8,.2,1)}
.jar-liq::before{content:"";position:absolute;left:-50%;top:-6px;width:200%;height:12px;background:radial-gradient(circle at 25% 100%,transparent 6px,color-mix(in srgb,var(--jc) 80%,#fff) 7px) 0 0/24px 12px;animation:wave 1.4s linear infinite}
@keyframes wave{to{transform:translateX(24px)}}
.jar.drip{animation:jarDrip .4s ease-out}
@keyframes jarDrip{40%{transform:scale(1.08,.95)}}
.jar-pct{position:absolute;top:6px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.jar-lbl{position:absolute;bottom:-1px;left:50%;transform:translate(-50%,100%);font-size:11px;font-weight:700;color:var(--soft);white-space:nowrap}
.f-jars .jar{overflow:visible}.f-jars .jar .jar-liq{border-radius:0 0 10px 10px}
/* 5 rocket */
.f-rocket{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.stars{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 70%,#E8E8EA,transparent),radial-gradient(1px 1px at 85% 60%,#fff,transparent),radial-gradient(1px 1px at 10% 80%,#fff,transparent);animation:starfall 2s linear infinite}
@keyframes starfall{from{background-position:0 -150px}to{background-position:0 150px}}
.rk{width:62px;height:94px;position:relative;z-index:2;animation:hover 1.6s ease-in-out infinite}
.rk-win{position:absolute;left:50%;top:50%;margin:-27px 0 0 -13px;z-index:3;animation:hover 1.6s ease-in-out infinite}
.flame{position:absolute;left:50%;top:50%;margin:36px 0 0 -9px;width:18px;height:30px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:linear-gradient(180deg,#FFD15C,#FF6B8B 70%,transparent);z-index:1;animation:flick .12s infinite alternate,hover 1.6s ease-in-out infinite}
@keyframes flick{to{transform:scaleY(1.25) scaleX(.85)}}
@keyframes hover{0%,100%{translate:0 0}50%{translate:0 -6px}}
.f-rocket.launch .rk,.f-rocket.launch .rk-win,.f-rocket.launch .flame{animation:blast 1.6s cubic-bezier(.6,0,.4,1)}
@keyframes blast{0%{translate:0 0}25%{translate:0 6px}70%{translate:0 -190px}71%{translate:0 190px}100%{translate:0 0}}
/* conveyor belt + rider */
.belt{position:relative;height:56px;margin-top:6px;min-width:1100px}
.belt-track{position:absolute;left:0;right:0;top:34px;height:12px;border-radius:99px;background:repeating-linear-gradient(90deg,#2A2A2B 0 14px,#1E1E1F 14px 28px);animation:beltmove .8s linear infinite;box-shadow:inset 0 2px 4px rgba(0,0,0,.5)}
@keyframes beltmove{to{background-position:28px 0}}
.rider{position:absolute;top:-4px;transform:translateX(-50%);transition:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}
.rider .av{box-shadow:0 0 0 3px var(--ice)}
.rider.hop .av{animation:hop .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes hop{50%{transform:translateY(-14px) rotate(-10deg)}}

.jarw{display:flex;flex-direction:column;align-items:center;gap:6px}
.f-jars .jar{overflow:hidden;margin-bottom:0;height:96px}
.jar-lbl{position:static;transform:none}
/* paired token — big & first */
.pairbig{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:16px;background:linear-gradient(135deg,rgba(163,177,194,.22),rgba(232,232,234,.12));border:1px solid rgba(163,177,194,.45);cursor:pointer;transition:transform .2s,border-color .2s;box-shadow:0 10px 30px -14px rgba(163,177,194,.6)}
.pairbig:hover{transform:translateY(-2px) scale(1.03);border-color:var(--ice)}
.pairbig .coin,.pairbig .av{animation:bob 3s ease-in-out infinite;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.pairbig div{display:flex;flex-direction:column;line-height:1.1}
.pairbig small{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.12em;color:#C3CCD8}
.pairbig b{font-family:var(--disp);font-size:22px;font-weight:700;letter-spacing:-.01em}
.pairbig span{font-size:11.5px;color:var(--muted)}
.pairmini{flex:none;display:grid;grid-template-columns:auto;justify-items:center;align-content:center;gap:1px;min-width:56px;padding:5px 6px;border-radius:12px;background:linear-gradient(160deg,rgba(163,177,194,.25),rgba(163,177,194,.08));border:1px solid rgba(163,177,194,.4);margin-left:auto}
.pairmini small{font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.12em;color:#C3CCD8;margin-top:2px}
.pairmini b{font-family:var(--mono);font-size:11.5px;line-height:1.05;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tc-top .tax{align-self:stretch;justify-content:center}
.tc-top{gap:8px}

/* real pair logos */
.coin.img{background:#fff;padding:0;overflow:hidden;box-shadow:none}
.coin.img img{width:100%;height:100%;display:block}
.pairbig .coin.img{box-shadow:0 0 0 3px rgba(255,255,255,.12)}

/* ===================== 3 simple steps ===================== */
.steps3{display:flex;align-items:stretch;gap:0;margin-top:22px}
.scard{flex:1;min-width:0;align-items:center;text-align:center;padding:18px 18px 16px}
.scard .fart{width:100%;height:170px}
.snum{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:99px;background:var(--s3);border:2px solid var(--line2);color:var(--soft);font-family:var(--disp);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:3}
.scard.here .snum{background:var(--ice);border-color:var(--ice);color:#04111A;transform:translateX(-50%) scale(1.15)}
.scard{overflow:visible;margin-top:14px}
.stitle{font-family:var(--disp);font-weight:800;font-size:24px;letter-spacing:-.01em;margin-top:4px}
.stext{color:var(--soft);font-size:14.5px;line-height:1.5}
.scard .fstat{margin-top:8px}
.s-arrow{flex:none;width:56px;display:flex;align-items:center;justify-content:center;gap:2px}
.s-arrow i{width:10px;height:10px;border-top:3px solid var(--ice);border-right:3px solid var(--ice);transform:rotate(45deg);opacity:.2;animation:chev 1.2s infinite}
.s-arrow i:nth-child(2){animation-delay:.2s}.s-arrow i:nth-child(3){animation-delay:.4s}
@keyframes chev{40%{opacity:1}}
@media (max-width:820px){
  .steps3{flex-direction:column;gap:6px}
  .s-arrow{width:auto;height:34px;transform:rotate(90deg)}
}
.split{margin-top:20px;padding:16px 18px;border-radius:18px;background:var(--bg2);border:1px solid var(--line)}
.split-h{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin-bottom:12px}
.split-h b{font-size:16px}
.split-tot{margin-left:auto;color:var(--ice);font-size:12.5px}
.split-bar{display:flex;gap:4px;height:46px;border-radius:14px;overflow:hidden}
.sp{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:14px;color:#05080F;position:relative;overflow:hidden;min-width:0;white-space:nowrap}
.sp b{font-family:var(--disp);font-size:17px}
.sp.c{background:#A3B1C2}.sp.h{background:var(--up)}.sp.v{background:var(--orange)}
.sp::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-100%);animation:shimmer 3s infinite}
.sp.h::after{animation-delay:.5s}.sp.v::after{animation-delay:1s}
@media (max-width:520px){.sp{font-size:11px}.sp b{font-size:14px}}

/* ===================== UNDERDOG black theme tweaks ===================== */
body{background:#0B0B0B}
.card-s{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 40%),#121212;border-color:#232324}
.btn.pri{color:#0A0A0A;box-shadow:0 0 0 1px rgba(232,232,234,.4),0 10px 34px -12px rgba(232,232,234,.55)}
.brand-name{letter-spacing:.06em}
.brand-name span{color:var(--text)}
.beta{background:rgba(232,232,234,.1);color:var(--ice);border-color:rgba(232,232,234,.3)}
header{background:rgba(5,5,5,.8)}
.tape{background:#000}
.tcard{background:#121212}
.tcard:hover{border-color:#3A3A3C;box-shadow:0 18px 40px -24px rgba(232,232,234,.25)}
.chip.on,.opt.on{background:rgba(232,232,234,.1);border-color:rgba(232,232,234,.55);color:var(--ice)}
.rank{color:#0A0A0A}
.pairbig{background:linear-gradient(135deg,rgba(163,177,194,.18),rgba(232,232,234,.07));border-color:rgba(163,177,194,.4)}
.slogan{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:34px}
.slogan h1{font-family:var(--disp);font-weight:800;font-size:clamp(34px,5.4vw,68px);line-height:1;letter-spacing:-.04em;margin:0}
.slogan h1 em{font-style:normal;color:var(--ice);position:relative;display:inline-block}
.slogan h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.12em;background:var(--ice);opacity:.35;border-radius:2px;transform-origin:left;animation:underl 1.2s cubic-bezier(.2,.8,.2,1) .3s backwards}
@keyframes underl{from{transform:scaleX(0)}}
.slogan p{margin:10px 0 0;color:var(--soft);font-size:17px}
.slogan .zero{font-family:var(--mono);font-size:12px;color:var(--faint);display:flex;gap:10px;align-items:center}

/* ===================== PRO TOKEN PAGE ===================== */
.tp-head2{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:20px;margin-top:8px}
.tp-head2 .av{box-shadow:0 0 0 3px #121212,0 0 0 4px #3A3A3C}
.tp-id{flex:1 1 320px;min-width:0}
.tp-id .iconbtn{width:30px;height:30px;border-radius:8px}
.tp-key{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.tp-key .tax{justify-content:center}
.mcrow{display:flex;gap:24px;flex-wrap:wrap;align-items:center;padding:18px 20px}
.mc-main{flex:1 1 280px}
.mc-big{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:36px;font-weight:700;letter-spacing:-.03em;margin:2px 0 8px}
.mc-big .chgpill{font-size:14px}
.ath-l{display:flex;justify-content:space-between;font-size:11.5px;margin-bottom:5px}
.ath-bar{height:8px;border-radius:99px;background:#1E1E1F;overflow:hidden}
.ath-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ice-d),var(--ice));border-radius:99px;transition:width .6s}
.mstats{flex:2 1 420px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#232324;border-radius:14px;overflow:hidden;border:1px solid #232324}
.mstats>div{background:#141415;padding:10px 12px;display:flex;flex-direction:column;gap:3px}
.mstats .muted{font-size:11.5px}.mstats b{font-size:14px}
.chart-tb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.chartbox{height:400px}
.ylab{position:absolute;right:6px;transform:translateY(-50%);font-family:var(--mono);font-size:10.5px;color:var(--faint);pointer-events:none}
.lastlab{position:absolute;right:0;transform:translateY(-50%);font-family:var(--mono);font-size:11px;font-weight:700;color:#0B0B0B;padding:2px 6px;border-radius:5px;pointer-events:none}
.lastc{animation:lastc 1s ease-in-out infinite alternate}
@keyframes lastc{to{opacity:.55}}
.wm{position:absolute;left:14px;top:10px;display:flex;align-items:center;gap:6px;font-family:var(--disp);font-weight:800;font-size:13px;color:rgba(255,255,255,.07);pointer-events:none;letter-spacing:.08em}
.wm svg{width:18px;height:18px;opacity:.12}
.xh-tip b{font-weight:700}
.xh-tip .up{color:#0E9F5B}.xh-tip .down{color:#D93355}
.tfilters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}
.minsol{display:flex;align-items:center;gap:8px;font-size:12.5px}
.minsol .inp{width:80px;min-height:36px;padding:0 10px;font-size:13px;font-family:var(--mono)}
.paused{font-size:12.5px;color:var(--yellow);background:rgba(255,209,92,.1);border:1px solid rgba(255,209,92,.35);padding:6px 10px;border-radius:9px;cursor:pointer}
.trow{position:relative;display:grid;grid-template-columns:76px 72px 90px 80px 90px 104px minmax(150px,1fr) 44px;gap:8px;align-items:center;padding:8px 6px;font-family:var(--mono);font-size:12.5px;border-bottom:1px solid #151516;min-width:780px;isolation:isolate}
.trow::before{content:"";position:absolute;top:2px;bottom:2px;left:0;width:var(--w);z-index:-1;border-radius:4px;opacity:.09}
.trow.b::before{background:var(--up)}.trow.s::before{background:var(--down)}
.trow.b .ty{color:var(--up);font-weight:700}.trow.s .ty{color:var(--down);font-weight:700}
.trow.big{font-weight:700}
.trow.h{font-family:'Manrope',sans-serif;color:var(--faint);font-size:12px;position:sticky;top:0;background:#121212;z-index:1}
.trow.h::before{display:none}
.trow:not(.h):hover{background:#18181A}
.trow.enter{animation:rowIn .6s ease-out}
.trow.b.enter{--fl:rgba(34,229,138,.22)}.trow.s.enter{--fl:rgba(255,92,124,.22)}
@keyframes rowIn{from{background:var(--fl);transform:translateY(-6px);opacity:0}to{opacity:1}}
.r{text-align:right}
.tbl{max-height:560px;overflow:auto;scrollbar-width:thin}
.maker{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:2px 4px;border-radius:7px;color:var(--soft);font-family:var(--mono);font-size:12px;cursor:pointer;max-width:100%}
.maker:hover{background:#1E1E1F;color:var(--text)}
.maker span:not(.av):not(.bdg){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bdg{font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.06em;padding:1px 5px;border-radius:4px}
.bdg.dev{background:rgba(255,154,77,.18);color:var(--orange)}
.bdg.you{background:rgba(232,232,234,.16);color:var(--ice)}
.bdg.pool{background:#1E1E1F;color:var(--soft)}
.bdg.whale2{display:inline-flex;color:var(--gem);background:rgba(163,177,194,.15);padding:2px 3px}
.bdg.whale2 svg{width:10px;height:10px}
.txb{width:28px;height:28px;border-radius:7px;border:1px solid #2A2A2B;background:#18181A;color:var(--faint);display:inline-flex;align-items:center;justify-content:center}
.txb:hover{color:var(--ice);border-color:var(--ice)}
.composer{display:flex;gap:10px;align-items:flex-start;margin:6px 0 14px;flex-wrap:wrap}
.composer textarea{flex:1 1 300px;min-height:60px}
.composer>span{align-self:center}
.cmt{display:flex;gap:12px;padding:12px 4px;border-bottom:1px solid #151516}
.cmt.enter{animation:feedIn .5s ease-out}
.cmt-b{flex:1;min-width:0}
.cmt-h{display:flex;gap:8px;align-items:center;font-size:13px;flex-wrap:wrap}
.cmt-h .mono{font-size:11px}
.cmt-r{font-size:11.5px;color:var(--gem);margin-top:2px}
.cmt-t{margin-top:4px;color:var(--text);line-height:1.5;word-wrap:break-word}
.cmt-a{display:flex;gap:6px;margin-top:6px}
.cmt-a button{background:none;border:1px solid transparent;color:var(--faint);font-size:12px;padding:3px 8px;border-radius:7px}
.cmt-a button:hover{border-color:#2A2A2B;color:var(--text)}
.cmt-a button.on{color:var(--pink)}
.hdist{display:flex;height:16px;border-radius:99px;overflow:hidden;gap:2px;margin-top:6px}
.hdist i{display:block;height:100%;transition:flex .5s}
.hrow{display:grid;grid-template-columns:28px minmax(140px,1fr) minmax(80px,1.2fr) 70px;gap:10px;align-items:center;padding:7px 2px;font-size:12.5px;border-bottom:1px solid #151516}
.hbar{height:6px;border-radius:99px;background:#1E1E1F;overflow:hidden}
.hbar i{display:block;height:100%;border-radius:99px}
.ttop{display:grid;grid-template-columns:28px minmax(150px,1.4fr) repeat(4,minmax(70px,1fr)) 50px;gap:8px;align-items:center;padding:9px 4px;font-size:12.5px;border-bottom:1px solid #151516;min-width:640px}
.ttop.h{color:var(--faint);font-size:12px}
.tb-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.slipbtn{background:#18181A;border:1px solid #2A2A2B;color:var(--soft);font-size:12px;font-weight:700;padding:5px 10px;border-radius:8px}
.slipbtn:hover{border-color:var(--ice);color:var(--ice)}
.slipbox{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#0F0F10;border:1px solid #232324;animation:pop .15s ease-out}
.presets button.on{border-color:var(--ice);color:var(--ice)}
.presets button[disabled]{opacity:.35;cursor:not-allowed}
.amtwrap span{display:flex;align-items:center;gap:6px}
.amtwrap .inp{padding-right:120px}
.poscard{display:flex;flex-direction:column;gap:6px;border-color:rgba(232,232,234,.3)}
.pos-v{display:flex;align-items:center;gap:10px}
/* board juice */
.tcard.shake{animation:shake .45s cubic-bezier(.36,.07,.19,.97)}
.tcard.shake-s{animation:shake .45s cubic-bezier(.36,.07,.19,.97)}
.tcard.shake{box-shadow:0 0 0 1px rgba(34,229,138,.6),0 0 24px -6px rgba(34,229,138,.5)}
.tcard.shake-s{box-shadow:0 0 0 1px rgba(255,92,124,.55),0 0 24px -6px rgba(255,92,124,.45)}
@keyframes shake{10%,90%{translate:-1px 0}20%,80%{translate:2px 0}30%,50%,70%{translate:-4px 0}40%,60%{translate:4px 0}}
.hot{display:inline-block;font-family:var(--mono);font-size:9.5px;font-weight:800;letter-spacing:.08em;color:#0A0A0A;background:linear-gradient(90deg,#FFD15C,#FF9A4D);padding:2px 5px;border-radius:5px;vertical-align:middle;animation:hotp 1.2s ease-in-out infinite}
@keyframes hotp{50%{filter:brightness(1.25)}}

/* ===================== CONVEYOR LINE ===================== */
.line-wrap{margin-top:18px;overflow-x:auto;scrollbar-width:none}
.line-wrap::-webkit-scrollbar{display:none}
.line{position:relative;height:330px;min-width:980px;border-radius:18px;background:radial-gradient(ellipse at 50% 100%,rgba(232,232,234,.06),transparent 60%),#0E0E0F;border:1px solid #1E1E1F;overflow:hidden}
.hopper{position:absolute;left:0;top:70px;width:9%;min-width:80px;height:110px;clip-path:polygon(0 0,100% 0,78% 100%,22% 100%);background:linear-gradient(180deg,#2A2A2B,#1E1E1F);display:flex;align-items:flex-start;justify-content:center;padding-top:22px}
.hopper span{font-family:var(--mono);font-size:10px;font-weight:800;color:var(--faint);text-align:center;letter-spacing:.1em}
.exit{position:absolute;right:0;top:0;bottom:0;width:6%;background:linear-gradient(90deg,transparent,rgba(232,232,234,.12));display:flex;align-items:flex-start;justify-content:center;padding-top:14px}
.exit span{font-family:var(--mono);font-size:10px;font-weight:800;color:var(--ice);writing-mode:vertical-rl;letter-spacing:.2em}
.belt2{position:absolute;left:4%;right:2%;top:206px;height:22px}
.belt2-track{position:absolute;inset:0;border-radius:99px;background:repeating-linear-gradient(90deg,#262627 0 18px,#18181A 18px 36px);animation:belt2 .55s linear infinite;box-shadow:inset 0 3px 6px rgba(0,0,0,.6),0 2px 0 #2A2A2B}
@keyframes belt2{to{background-position:36px 0}}
.roller{position:absolute;top:22px;width:16px;height:16px;border-radius:99px;background:#1E1E1F;border:2px solid #2A2A2B}
.roller::after{content:"";position:absolute;left:50%;top:1px;bottom:1px;width:2px;margin-left:-1px;background:#3A3A3C;animation:spin .6s linear infinite}
.roller.r1{left:2%}.roller.r2{left:26%}.roller.r3{left:50%}.roller.r4{left:74%}.roller.r5{left:97%}
.mach{position:absolute;top:18px;transform:translateX(-50%);width:120px;height:150px;z-index:3}
.mach-body{position:relative;height:92px;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--mc) 30%,#1E1E1F),#18181A);border:2px solid color-mix(in srgb,var(--mc) 55%,#2A2A2B);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 14px 30px -14px color-mix(in srgb,var(--mc) 60%,transparent)}
.mach-name{font-family:var(--mono);font-size:10.5px;font-weight:800;letter-spacing:.1em;color:var(--mc)}
.mach-lights{display:flex;gap:6px}
.mach-lights i{width:8px;height:8px;border-radius:99px;background:var(--mc);opacity:.3;animation:blink 1.2s infinite}
.mach-lights i:nth-child(2){animation-delay:.4s}.mach-lights i:nth-child(3){animation-delay:.8s}
.piston{position:absolute;left:50%;top:90px;width:16px;margin-left:-8px;height:22px;background:linear-gradient(90deg,#3A3A3C,#55555E,#3A3A3C);transition:height .12s}
.piston i{position:absolute;left:50%;bottom:-8px;width:44px;margin-left:-22px;height:10px;border-radius:4px;background:color-mix(in srgb,var(--mc) 70%,#3A3A3C)}
.mach.hit .piston{animation:press .5s cubic-bezier(.3,1.6,.5,1)}
.mach.hit .mach-body{animation:machShake .35s}
.mach.hit .mach-lights i{opacity:1}
@keyframes press{0%{height:22px}35%{height:62px}100%{height:22px}}
@keyframes machShake{30%{transform:translateY(2px)}60%{transform:translateY(-1px)}}
.gauge{width:60px;height:8px;border-radius:99px;background:#0A0A0A;overflow:hidden;display:flex;align-items:flex-end}
.gauge i{display:block;height:100%;width:100%;background:var(--mc);transform-origin:left;transition:height .3s}
.m-launch .ramp{position:absolute;right:-20px;bottom:-60px;width:60px;height:60px;border-right:3px dashed rgba(232,232,234,.4);border-top:3px dashed rgba(232,232,234,.4);border-radius:0 60px 0 0}
.mlab{position:absolute;top:250px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;width:170px}
.mlab b{font-size:15px}
.mlab span:last-child{font-size:12px;color:var(--muted)}
.mstepn{width:24px;height:24px;border-radius:99px;background:var(--ice);color:#0A0A0A;font-family:var(--disp);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}
#coins{position:absolute;inset:0;pointer-events:none;z-index:2}
.lcoin{position:absolute;top:160px;width:48px;height:48px;transform:translateX(-50%) scale(var(--grow,1));transform-origin:50% 100%;transition:transform .3s}
.lc-raw{position:absolute;inset:0;border-radius:99px;background:radial-gradient(circle at 35% 30%,#8C8C96,#4A4A52);border:3px solid #6A6A72;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;color:#2A2A2B;font-size:20px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.3)}
.lc-face{position:absolute;inset:0;opacity:0;transform:scale(.4);transition:all .35s cubic-bezier(.2,1.6,.4,1)}
.lc-face .av{width:48px!important;height:48px!important;box-shadow:0 0 0 3px #A3B1C2}
.lc-tax{position:absolute;right:-12px;top:-10px;font-family:var(--mono);font-size:10px;font-weight:800;color:#0A0A0A;padding:2px 5px;border-radius:6px;opacity:0;transform:scale(0) rotate(-20deg);transition:all .35s cubic-bezier(.2,1.6,.4,1)}
.lc-mc{position:absolute;left:50%;top:-22px;transform:translateX(-50%);font-size:10.5px;font-weight:700;color:var(--up);opacity:0;white-space:nowrap;transition:opacity .3s}
.lcoin.s1 .lc-raw,.lcoin.s2 .lc-raw,.lcoin.s3 .lc-raw,.lcoin.s4 .lc-raw{opacity:0}
.lcoin.s1 .lc-face,.lcoin.s2 .lc-face,.lcoin.s3 .lc-face,.lcoin.s4 .lc-face{opacity:1;transform:none}
.lcoin.s2 .lc-tax,.lcoin.s3 .lc-tax,.lcoin.s4 .lc-tax{opacity:1;transform:none}
.lcoin.s3 .lc-mc{opacity:1}
.lcoin.s3 .lc-face .av{box-shadow:0 0 0 3px var(--up),0 0 18px rgba(34,229,138,.6)}
.lcoin.s4{animation:flyoff 1.3s cubic-bezier(.5,0,.6,1) forwards}
.lcoin.s4 .lc-face .av{box-shadow:0 0 0 3px var(--ice),0 0 24px rgba(232,232,234,.8)}
@keyframes flyoff{0%{translate:0 0}20%{translate:20px -10px}100%{translate:160px -220px;opacity:0;rotate:30deg}}

/* ===================== RACE TO RAYDIUM ===================== */
.race{margin-top:16px;padding:24px;overflow:hidden}
.race-stats{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.race-stats>div{display:flex;flex-direction:column;gap:2px;padding:8px 14px;border-radius:12px;background:#0F0F10;border:1px solid #232324;font-size:12px}
.race-stats b{font-size:20px}
.race-lead{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:12px;background:rgba(232,232,234,.08);border:1px solid rgba(232,232,234,.35);text-align:left}
.race-lead small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--ice)}
.race-lead b{font-size:14px}
.race-stage{position:relative;height:380px;margin-top:16px;border-radius:18px;background:radial-gradient(ellipse at 90% 10%,rgba(232,232,234,.08),transparent 50%),#0E0E0F;border:1px solid #1E1E1F;overflow:hidden}
.race-stage svg{position:absolute;inset:0;width:100%;height:100%}
.hill-path{filter:drop-shadow(0 0 6px rgba(232,232,234,.5))}
.rmark{position:absolute;transform:translate(-50%,0);display:flex;flex-direction:column;align-items:center;pointer-events:none}
.rmark i{width:1px;height:60px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.18) 0 4px,transparent 4px 8px)}
.rmark b{font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-top:4px}
.startline{position:absolute;left:1.5%;top:91%;font-family:var(--mono);font-size:10px;font-weight:800;color:var(--faint);letter-spacing:.12em}
.summit{position:absolute;left:87.5%;top:calc(18% - 46px);pointer-events:none;z-index:1}
.flagpole{position:absolute;left:0;top:0;width:3px;height:44px;background:#C9C9CF;border-radius:2px}
.flagcloth{position:absolute;left:3px;top:2px;font-family:var(--mono);font-size:10px;font-weight:800;color:#0A0A0A;background:var(--ice);padding:3px 8px 3px 6px;clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%);animation:wave2 1.6s ease-in-out infinite;transform-origin:left}
@keyframes wave2{50%{transform:skewY(-4deg) scaleX(.96)}}
.rb{position:absolute;transform:translate(-50%,-100%);width:var(--sz);height:var(--sz);padding:0;border:0;background:none;border-radius:99px;transition:left 1s cubic-bezier(.2,.8,.2,1),top 1s cubic-bezier(.2,.8,.2,1);z-index:2;cursor:pointer}
.rb .av{width:100%!important;height:100%!important;box-shadow:0 0 0 2px #0E0E0F,0 0 0 3.5px #3A3A3C;animation:climb 1.4s ease-in-out infinite alternate}
.rb:nth-child(2n) .av{animation-delay:-.5s}.rb:nth-child(3n) .av{animation-delay:-.9s}
@keyframes climb{from{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-4px) rotate(6deg)}}
.rb-pct{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:3px;font-size:9.5px;font-weight:700;color:var(--soft);background:rgba(0,0,0,.6);padding:0 4px;border-radius:4px;white-space:nowrap;pointer-events:none}
.rb:hover{z-index:5}
.rb:hover .av{box-shadow:0 0 0 2px #0E0E0F,0 0 0 4px var(--ice);animation-play-state:paused;transform:scale(1.15)}
.rb.up-hit .av{animation:hitUp .6s ease-out}
.rb.down-hit .av{animation:hitDown .6s ease-out}
@keyframes hitUp{0%{box-shadow:0 0 0 2px #0E0E0F,0 0 0 4px var(--up),0 0 20px var(--up);transform:translateY(-8px) scale(1.12)}100%{transform:none}}
@keyframes hitDown{0%{box-shadow:0 0 0 2px #0E0E0F,0 0 0 4px var(--down),0 0 20px var(--down);transform:translateY(4px) scale(.94)}100%{transform:none}}
.rb.done .av{box-shadow:0 0 0 2px #0E0E0F,0 0 0 3.5px var(--ice),0 0 16px rgba(232,232,234,.5);animation:party 1s ease-in-out infinite alternate}
@keyframes party{from{transform:translateY(0) rotate(-10deg)}to{transform:translateY(-8px) rotate(10deg)}}
.rb.done .rb-pct{color:var(--ice)}
@media (max-width:720px){.race-stage{height:300px}}

/* ===================== softer GIGAPAD theme ===================== */
:root{--up:#3DDC97;--down:#F2708A;--text:#E7E7EB;--soft:#C4C4CC;--muted:#9696A0;--faint:#80808A}
body{background:#0B0B0B}
body::before{opacity:.5}
.btn.pri{box-shadow:0 0 0 1px rgba(232,232,234,.3),0 8px 24px -14px rgba(232,232,234,.45)}
.btn.pri:hover{box-shadow:0 0 0 1px rgba(232,232,234,.5),0 10px 28px -12px rgba(232,232,234,.55)}
.brand-name span{color:var(--ice)}
.card-s{background:#121212;border-color:#232324}
.tcard{background:#121212;border-color:#232324}
.hill-path{filter:none}
.slogan h1 em::after{opacity:.25}
.chgpill.up{background:rgba(61,220,151,.12)}.chgpill.down{background:rgba(242,112,138,.12)}
/* card mini chart */
.tc-mid{align-items:center}
.tc-vol{text-align:right}
.tc-vol .l{color:var(--faint);font-size:11.5px}
.tc-vol b{display:block;font-size:14px;margin-top:2px}
.tc-chart{position:relative;height:58px;margin:-4px -4px 0;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}
.tc-chart svg{position:absolute;inset:0;width:100%;height:100%}
.tc-chart .cc-l{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.tc-chart.up .cc-l{stroke:#3DDC97}.tc-chart.down .cc-l{stroke:#F2708A}
.tc-chart.up .cc-a{fill:url(#ccUp)}.tc-chart.down .cc-a{fill:url(#ccDn)}
.cc-dot{position:absolute;right:0;width:8px;height:8px;margin:-4px -2px 0 0;border-radius:99px;background:currentColor;box-shadow:0 0 0 4px rgba(255,255,255,.06)}
.tc-chart.up .cc-dot{color:#3DDC97;background:#3DDC97}.tc-chart.down .cc-dot{color:#F2708A;background:#F2708A}
.spark{display:none}
.tc-name .hot{display:inline-block;width:auto;font-family:var(--mono);font-size:9.5px;color:#0A0A0A;margin-left:4px}
/* top traders podium */
.podium{display:flex;justify-content:center;align-items:flex-end;gap:14px;padding:18px 0 6px;flex-wrap:wrap}
.pod{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;padding:0;width:170px;cursor:pointer}
.pod-av{position:relative;animation:bob 3s ease-in-out infinite}
.pod.p1 .pod-av{animation-delay:-1s}.pod.p3 .pod-av{animation-delay:-2s}
.pod-av .av{box-shadow:0 0 0 3px #121212,0 0 0 5px var(--md),0 10px 30px -8px var(--md)}
.medal{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;border-radius:99px;background:var(--md);color:#0B0B0B;font-family:var(--disp);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid #121212}
.pod-name{font-size:14px;margin-top:6px}
.pod-pnl{font-size:17px;font-weight:700}
.pod-sub{font-size:11px;color:var(--faint)}
.pod-base{margin-top:8px;width:100%;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,color-mix(in srgb,var(--md) 30%,#18181A),#141415);border:1px solid color-mix(in srgb,var(--md) 40%,#232324);display:flex;align-items:flex-start;justify-content:center;padding-top:8px;font-family:var(--disp);font-weight:800;font-size:22px;color:var(--md)}
.pod.p1 .pod-base{height:96px}.pod.p2 .pod-base{height:66px}.pod.p3 .pod-base{height:46px}
.pod:hover .pod-av .av{transform:scale(1.06)}
.tlist{margin-top:14px}
.tl{display:grid;grid-template-columns:28px minmax(140px,1.2fr) minmax(150px,1.2fr) minmax(170px,1.4fr) 90px;gap:12px;align-items:center;padding:9px 4px;border-bottom:1px solid #1A1A1F;font-size:12.5px}
.tl.h{color:var(--faint);font-size:12px}
.bs-bars{display:flex;flex-direction:column;gap:4px}
.bsb{position:relative;height:12px;border-radius:4px;background:#18181A;overflow:hidden}
.bsb i{position:absolute;left:0;top:0;bottom:0;border-radius:4px}
.bsb i.b{background:rgba(61,220,151,.45)}.bsb i.s{background:rgba(242,112,138,.45)}
.bsb em{position:absolute;right:4px;top:-1px;font-style:normal;font-size:10px;color:var(--soft)}
.pnlbar{position:relative;height:22px;border-radius:6px;background:#18181A}
.pnlbar .mid{position:absolute;left:50%;top:3px;bottom:3px;width:1px;background:#3A3A3C}
.pnlbar i{position:absolute;top:4px;bottom:4px;border-radius:4px}
.pnlbar i.p{left:50%;background:linear-gradient(90deg,rgba(61,220,151,.35),#3DDC97)}
.pnlbar i.n{right:50%;background:linear-gradient(-90deg,rgba(242,112,138,.35),#F2708A)}
.pnlbar em{position:absolute;top:50%;transform:translateY(-50%);font-style:normal;font-weight:700;font-size:11.5px}
.pnlbar em.up{right:6px}.pnlbar em.down{left:6px}
@media (max-width:700px){.tl{grid-template-columns:24px 1fr 1fr;}.tl .bs-bars,.tl.h span:nth-child(3){display:none}.tl>span:last-child{display:none}.tl.h span:last-child{display:none}}
.pnlbar em{background:rgba(11,11,13,.85);padding:1px 6px;border-radius:5px;z-index:1}

/* ===== trades table: full width, lighter, easier to read ===== */
.trow{grid-template-columns:minmax(64px,.8fr) minmax(76px,.8fr) minmax(84px,1fr) minmax(76px,1fr) minmax(84px,1fr) minmax(104px,1.15fr) minmax(170px,1.7fr) 48px;gap:14px;padding:12px 14px;font-size:13.5px;min-width:820px;border-bottom:1px solid #1C1C21;font-weight:500}
.trow.big{font-weight:500}
.trow::before{top:auto;bottom:0;height:2px;opacity:.7;border-radius:0}
.trow.b::before{background:linear-gradient(90deg,var(--up),transparent)}
.trow.s::before{background:linear-gradient(90deg,var(--down),transparent)}
.trow:not(.h):hover{background:#18181A}
.trow.h{padding:10px 14px;font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:var(--faint);font-weight:600}
.trow.h .link{text-transform:uppercase;letter-spacing:.02em;font-weight:600;color:var(--faint)}
.trow > span:first-child{color:var(--muted);font-family:'Manrope',sans-serif}
.trow .ty{display:inline-flex;align-items:center;gap:6px;font-family:'Manrope',sans-serif}
.trow.b .ty,.trow.s .ty{font-weight:700}
.trow .ty::before{content:"";width:8px;height:8px;border-radius:99px;background:currentColor;flex:none}
.trow .r{color:var(--text)}
.trow > span:nth-child(3){font-weight:700}
.trow.b > span:nth-child(3){color:var(--up)}.trow.s > span:nth-child(3){color:var(--down)}
.trow > span:nth-child(5),.trow > span:nth-child(6){color:var(--soft)}
.trow .maker{font-size:13px;color:var(--text);padding:3px 6px}
.trow .maker .av{width:24px!important;height:24px!important}
.trow .txb{width:32px;height:32px;margin-left:auto}
.tbl{border:1px solid #1C1C21;border-radius:14px;max-height:640px}
.trow.enter{--fl:rgba(255,255,255,.06)}
.trow.b.enter{--fl:rgba(61,220,151,.14)}.trow.s.enter{--fl:rgba(242,112,138,.14)}
/* race phase 2 */
.race-stage{height:440px}
.phase2bg{position:absolute;left:50%;top:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(163,177,194,.0),rgba(163,177,194,.06));border-left:1px dashed rgba(255,255,255,.08)}
.rmile{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column-reverse;align-items:center;pointer-events:none}
.rmile i{width:1px;height:46px;background:repeating-linear-gradient(180deg,rgba(163,177,194,.4) 0 4px,transparent 4px 8px)}
.rmile b{font-family:var(--mono);font-size:10.5px;color:#C3CCD8;background:rgba(163,177,194,.12);padding:1px 6px;border-radius:5px;margin-bottom:4px}
.rayflag{position:absolute;transform:translate(-50%,-100%);pointer-events:none;width:3px;height:46px;z-index:1}
.rayflag .flagpole{height:46px}
.moonflag{position:absolute;left:96%;top:calc(24% - 30px);transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}
.moonflag .moon{width:34px;height:34px;border-radius:99px;background:radial-gradient(circle at 35% 35%,#FFF6D5,#FFD15C 60%,#C9962B);box-shadow:0 0 30px rgba(255,209,92,.5);animation:glowp 4s ease-in-out infinite}
.moonflag b{font-family:var(--mono);font-size:10px;color:var(--yellow);white-space:nowrap}
.phase-l{position:absolute;bottom:10px;font-family:var(--mono);font-size:10.5px;font-weight:800;letter-spacing:.12em;color:var(--faint)}
.phase-l.p1{left:20%}.phase-l.p2{left:62%;color:#AEB8C4}
.startline{top:auto;bottom:30px}
.summit{display:none}
.rb.done .av{box-shadow:0 0 0 2px #0E0E0F,0 0 0 3.5px var(--gem),0 0 16px rgba(163,177,194,.45);animation:climb 1.4s ease-in-out infinite alternate}
.rb.done .rb-pct{color:#D5DCE5}
/* ===== wallet panel ===== */
.trow:not(.h){cursor:pointer}
.drawer-ov{justify-content:flex-end;align-items:stretch;padding:0}
.drawer{width:min(460px,100vw);height:100%;overflow-y:auto;background:#121212;border-left:1px solid #2A2A2B;padding:20px;display:flex;flex-direction:column;gap:14px;animation:slideIn .28s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 60px -20px rgba(0,0,0,.8)}
@keyframes slideIn{from{transform:translateX(40px);opacity:0}}
.dw-head{display:flex;gap:14px;align-items:center}
.dw-head .av{box-shadow:0 0 0 3px #121212,0 0 0 5px var(--ice)}
.dw-actions{display:flex;gap:8px}.dw-actions .btn{flex:1}
.dw-sec{background:#0F0F10;border:1px solid #232324;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}
.dw-title{display:flex;align-items:center;gap:8px;font-weight:800}
.dw-pnl{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.dw-pnl b{font-size:28px;letter-spacing:-.02em}
.dw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dw-grid>div{background:#141415;border:1px solid #1E1E1F;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:3px;min-width:0}
.dw-grid .muted{font-size:11.5px}.dw-grid b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dw-grid small{font-size:11px}
.dw-sub{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
.wchart{position:relative;height:150px;border-radius:12px;background:#141415;border:1px solid #1E1E1F;overflow:hidden}
.wchart svg{position:absolute;inset:0;width:100%;height:100%}
.wmk{position:absolute;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:99px;font-family:var(--mono);font-size:10px;font-weight:800;color:#0B0B0B;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #141415;cursor:default;animation:popIn .4s cubic-bezier(.2,1.6,.4,1) both}
.wmk.b{background:var(--up)}.wmk.s{background:var(--down)}
.wavg{position:absolute;left:0;right:0;border-top:1px dashed rgba(255,209,92,.7)}
.wavg em{position:absolute;right:6px;top:-18px;font-style:normal;font-family:var(--mono);font-size:10px;color:var(--yellow);background:#141415;padding:1px 5px;border-radius:4px}
.dw-trades{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}
.dwt{display:grid;grid-template-columns:52px 1fr 1fr 44px 32px;gap:8px;align-items:center;padding:6px 4px;border-bottom:1px solid #1A1A1F;font-size:12.5px}
.dwt.b .ty{color:var(--up);font-weight:700}.dwt.s .ty{color:var(--down);font-weight:700}
.dwt .txb{width:28px;height:28px}
.dwo{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:none;border:0;width:100%;color:var(--text);font-size:13px}
.dwo:hover{background:#18181A}

/* ======================================================================
   GIGAPAD — chiseled monochrome. Confident, precise, no noise.
   ====================================================================== */
:root{--disp:'Archivo','Manrope',system-ui,sans-serif;--ice:#E8E8EA;--ice-d:#9A9CA3;--gem:#A3B1C2;
  --text:#F3F0EA;--soft:#BDBEC4;--muted:#8D8E95;--faint:#74757C;--line-h:rgba(255,255,255,.07)}
body{background:#09090A;font-feature-settings:"ss01","tnum"}
body::before{background-image:none;background:radial-gradient(1200px 600px at 50% -10%,rgba(255,255,255,.055),transparent 60%)}
body::after{display:none}
/* grain */
html::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* type: wide, heavy, chiseled */
.title-xl,.slogan h1,.brand-name,.stitle,.ftitle,.cat-name,.sc-name,.h2,.stats4 .v,.vtile .v,.mc-big,.pod-base,.mstepn,.medal,.rank,.snum{font-family:var(--disp);font-stretch:125%}
.title-xl{font-weight:800;letter-spacing:-.025em;text-transform:none}
.h2{font-weight:800;letter-spacing:-.01em;text-transform:uppercase;font-size:17px}
.kicker{color:var(--soft);letter-spacing:.24em;font-size:10.5px}
.livedot,.livedot::after,.dot{background:#E8E8EA}
.dot{box-shadow:0 0 0 3px rgba(255,255,255,.1)}
/* brand */
.brand svg{width:36px;height:36px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.6))}
.brand-name{font-weight:900;font-size:17px;letter-spacing:.16em;background:linear-gradient(180deg,#FFFFFF 0%,#D4D5D9 48%,#8F9198 52%,#E7E8EB 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-name span{color:transparent}
.beta{background:transparent;color:var(--muted);border:1px solid #2C2C2D;letter-spacing:.14em}
/* surfaces: precise hairlines, tighter radii */
.card-s,.tcard,.vtile,.fpanel,.scard,.panel{border-radius:14px}
.card-s{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 30%),#111112;border:1px solid #222223;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.tcard{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 35%),#111112;border:1px solid #222223;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.tcard:hover{border-color:#3A3A3C;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 50px -30px rgba(0,0,0,.9)}
header{background:rgba(9,9,10,.78);border-bottom-color:#1C1C1D}
.tape{background:#060607;border-bottom-color:#1C1C1D}
/* buttons: white-on-black, sharp */
.btn{border-radius:10px;letter-spacing:.01em}
.btn.pri{background:linear-gradient(180deg,#FFFFFF,#D9DADE);color:#0A0A0A;font-weight:800;box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.2),0 10px 28px -14px rgba(255,255,255,.35)}
.btn.pri:hover{background:linear-gradient(180deg,#FFFFFF,#ECEDF0);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),0 12px 32px -12px rgba(255,255,255,.45);filter:none}
.btn.sec{background:#141415;border-color:#2C2C2D}
.btn.sec:hover{border-color:#4A4B52;background:#18181A}
.iconbtn{border-radius:9px;background:#141415;border-color:#2C2C2D}
.seg{background:#0E0E0F;border-color:#222223;border-radius:11px}
.seg button{border-radius:8px}
.seg button.on{background:#F3F0EA;color:#0A0A0A;box-shadow:none}
.chip.on,.opt.on,.chip.asset.on{background:#F3F0EA;border-color:#F3F0EA;color:#0A0A0A}
.chip.asset.on .cnt{color:#0A0A0A;background:rgba(0,0,0,.08)}
.searchbtn{background:#0E0E0F;border-color:#222223;border-radius:11px}
/* slogan (−20%) */
.slogan{padding-top:30px;align-items:center}
.slogan h1{font-size:clamp(28px,4.3vw,54px);font-weight:900;letter-spacing:-.035em;line-height:1.02;text-transform:uppercase;background:linear-gradient(180deg,#FFFFFF 0%,#DADBDF 55%,#9C9EA5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.slogan h1 em{background:linear-gradient(180deg,#FFFFFF,#BFC1C7);-webkit-background-clip:text;background-clip:text;color:transparent}
.slogan h1 em::after{background:#F3F0EA;opacity:.5;height:.08em}
.slogan p{font-size:16px;color:var(--soft);letter-spacing:.01em}
.slogan-cta{display:flex;gap:10px;flex-wrap:wrap}
.slogan-cta .btn{min-height:48px;padding:0 22px}
/* quick pair chips under headline */
.qpairs{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;margin:18px 0 6px;padding:2px}
.qpairs::-webkit-scrollbar{display:none}
.qp-l{flex:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--faint);margin-right:6px}
.qp{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px 0 7px;border-radius:99px;border:1px solid #262627;background:#111112;color:var(--soft);font-weight:700;font-size:13.5px;transition:all .18s}
.qp:hover{border-color:#45464D;color:var(--text);transform:translateY(-1px)}
.qp.on{background:#F3F0EA;color:#0A0A0A;border-color:#F3F0EA}
.qp .coin,.qp .av{box-shadow:0 0 0 2px #111112}
.qp.on .coin,.qp.on .av{box-shadow:0 0 0 2px #F3F0EA}
.qp-all{width:22px;height:22px;border-radius:99px;background:#262627;display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:var(--text)}
.qp.on .qp-all{background:#0A0A0A;color:#fff}
/* hero: smaller mascot (−35%), bigger chart, shorter */
.hero{padding-top:14px}
.hero-car,.hslide{min-height:360px}
.hslide{padding:22px 22px 70px}
.hslide .feat-chart{height:68%;opacity:1}
.hs-mascot{width:156px;height:156px}
.hs-av{inset:13px}
.hs-av .av{width:130px!important;height:130px!important}
.orbit{inset:-8px}.orbit.o2{inset:-28px}
.orb .coin,.orb .av{width:32px!important;height:32px!important}
.orb{top:-16px;margin-left:-16px}
.glow{opacity:.18;filter:blur(40px)}
.hs-right{align-items:flex-start;padding-top:10px}
.rank{background:#F3F0EA;color:#0A0A0A}
.press-bar i{background:linear-gradient(90deg,#2FBF84,var(--up))}
/* card stats row */
.tc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#222223;border-radius:10px;overflow:hidden;border:1px solid #222223}
.tc-stats>div{background:#0E0E0F;padding:7px 10px;display:flex;flex-direction:column;gap:1px}
.tc-stats span{font-size:10.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.06em}
.tc-stats b{font-size:13px}
.tc-name b{font-family:var(--disp);font-stretch:112%;font-weight:800}
.bar i{background:linear-gradient(90deg,#8E9198,#F0F0F2)}
.bar i.done{background:linear-gradient(90deg,#2FBF84,var(--up))}
.pairmini,.pairbig{background:linear-gradient(160deg,#1C1D21,#131316);border:1px solid #2C2C2D;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.pairmini small,.pairbig small{color:var(--muted)}
/* feed filters */
.feed-h{gap:8px}.feed-h .seg{margin-left:auto}
.seg.sm{padding:3px}.seg.sm button{min-height:28px;padding:0 10px;font-size:12px}
/* safety */
.safety{display:flex;flex-direction:column;gap:12px}
.sf-top{display:flex;align-items:center;gap:8px;font-size:13px}
.sf-top b{margin-left:auto}
.sf-tag{font-family:var(--mono);font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px}
.sf-tag.ok{background:rgba(61,220,151,.12);color:var(--up)}.sf-tag.mid{background:rgba(255,209,92,.12);color:var(--yellow)}.sf-tag.bad{background:rgba(242,112,138,.14);color:var(--down)}
.sf-bar{height:6px;border-radius:99px;background:#1C1C1D;overflow:hidden;margin-top:6px}
.sf-bar i{display:block;height:100%;border-radius:99px}
.sf-bar i.ok{background:var(--up)}.sf-bar i.mid{background:var(--yellow)}.sf-bar i.bad{background:var(--down)}
.sf-flags{display:flex;flex-direction:column;gap:5px;font-size:12.5px;padding-top:4px;border-top:1px solid #1C1C1D}
.sf-ok{color:var(--up)}.sf-mid{color:var(--yellow)}
/* leaderboard */
.lb-pod{padding-bottom:18px}
.lb-list{display:flex;flex-direction:column}
.lb-row{display:grid;grid-template-columns:36px 40px minmax(140px,1.3fr) minmax(100px,1fr) 80px 110px;gap:14px;align-items:center;padding:12px 8px;border:0;border-bottom:1px solid #1C1C1D;background:none;color:var(--text);text-align:left;border-radius:8px}
.lb-row:hover{background:#151516}
.lb-rank{font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:16px;color:var(--faint);text-align:center}
.lb-rank.r1{color:#FFFFFF}.lb-rank.r2{color:#BFC1C7}.lb-rank.r3{color:#A08B73}
.lb-name{display:flex;flex-direction:column;gap:2px;min-width:0}
.lb-name small{display:flex;align-items:center;gap:4px}
.lb-name small .coin{display:inline-flex}
.lb-bar{height:8px;border-radius:99px;background:#1C1C1D;overflow:hidden}
.lb-bar i{display:block;height:100%;background:linear-gradient(90deg,#6E7077,#F0F0F2);border-radius:99px}
.lb-v{font-size:12.5px;text-align:right}
.lb-big{font-weight:700;font-size:15px;text-align:right}
@media (max-width:760px){.lb-row{grid-template-columns:28px 36px 1fr 90px}.lb-bar,.lb-v{display:none}}
.pod-base{background:linear-gradient(180deg,color-mix(in srgb,var(--md) 22%,#18181A),#121214)}
/* race + machine monochrome accents */
.hill-path{stroke:#E8E8EA}
.flagcloth{background:#F3F0EA}
.mach{--mc:#C9CBD1!important}
.m-press{--mc:#A3B1C2!important}.m-tax{--mc:#FFD15C!important}.m-pump{--mc:#3DDC97!important}.m-launch{--mc:#F3F0EA!important}
.sp.c{background:#C3CCD8}.sp.h{background:var(--up)}.sp.v{background:#E9A26B}
.mstepn{background:#F3F0EA}
.rb.done .av{box-shadow:0 0 0 2px #0E0E0F,0 0 0 3.5px #F3F0EA,0 0 16px rgba(255,255,255,.25)}
.phase2bg{background:linear-gradient(90deg,transparent,rgba(255,255,255,.035))}
.rmile b{color:var(--soft);background:#18181A}
.demo{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--yellow);border:1px solid rgba(255,209,92,.35);background:rgba(255,209,92,.07);padding:3px 7px;border-radius:6px;cursor:help}
.vstats[data-demo]{position:relative}
.vstats[data-demo]::after{content:"DEMO";position:absolute;right:8px;top:-9px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--yellow);background:#09090A;border:1px solid rgba(255,209,92,.35);padding:1px 6px;border-radius:5px}

/* ===== rug scanner + claw crane ===== */
.line{height:400px}
.belt2{top:206px}
.mlab{top:308px}
.line-stats{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.line-stats>div{display:flex;flex-direction:column;gap:2px;padding:7px 14px;border-radius:10px;background:#0E0E0F;border:1px solid #222223;font-size:11.5px}
.line-stats b{font-size:20px}
.bump{animation:bumpN .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes bumpN{40%{transform:scale(1.35)}}
.mach{width:112px}
.m-scan .mach-body{background:linear-gradient(180deg,rgba(242,112,138,.22),#141415)}
.beam{position:absolute;left:50%;top:112px;width:70px;height:62px;margin-left:-35px;background:linear-gradient(180deg,rgba(242,112,138,.35),rgba(242,112,138,0));clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);opacity:.5;animation:beam 1.6s ease-in-out infinite;pointer-events:none}
.beam::after{content:"";position:absolute;left:0;right:0;height:2px;background:#F2708A;box-shadow:0 0 8px #F2708A;animation:scanline 1.6s linear infinite}
@keyframes beam{50%{opacity:.85}}
@keyframes scanline{0%{top:0}100%{top:100%}}
.m-scan.hit .beam{opacity:1;background:linear-gradient(180deg,rgba(242,112,138,.6),rgba(242,112,138,0))}
/* crane */
.crane{position:absolute;inset:0;pointer-events:none;z-index:4}
.rail{position:absolute;top:6px;height:8px;border-radius:4px;background:linear-gradient(180deg,#55575E,#2C2C2D);box-shadow:0 2px 0 #18181A}
.rail::before,.rail::after{content:"";position:absolute;top:6px;width:6px;height:34px;background:#2C2C2D}
.rail::before{left:0}.rail::after{right:0}
.crane-tag{position:absolute;top:20px;transform:translateX(-50%);font-family:var(--mono);font-size:9.5px;font-weight:800;letter-spacing:.14em;color:#F2708A;background:#0E0E0F;padding:1px 6px;border-radius:4px;border:1px solid rgba(242,112,138,.35)}
.trolley{position:absolute;top:2px;transform:translateX(-50%);transition:left .75s cubic-bezier(.5,0,.3,1);display:flex;flex-direction:column;align-items:center;width:60px}
.tr-body{width:34px;height:16px;border-radius:5px;background:linear-gradient(180deg,#E6E7EA,#8E9198);box-shadow:0 3px 6px rgba(0,0,0,.6)}
.cable{width:3px;height:26px;background:linear-gradient(180deg,#8E9198,#55575E);transition:height .55s cubic-bezier(.4,0,.2,1)}
.claw{position:relative;width:44px;height:30px}
.claw-hub{position:absolute;left:50%;top:0;width:22px;height:10px;margin-left:-11px;border-radius:4px;background:#C9CBD1}
.finger{position:absolute;top:6px;width:6px;height:24px;border-radius:3px;background:linear-gradient(180deg,#C9CBD1,#6E7077);transform-origin:50% 2px;transition:transform .25s}
.finger.l{left:10px;transform:rotate(14deg)}.finger.r{right:10px;transform:rotate(-14deg)}
.claw.open .finger.l{transform:rotate(38deg)}.claw.open .finger.r{transform:rotate(-38deg)}
.claw.grip .finger.l{transform:rotate(4deg)}.claw.grip .finger.r{transform:rotate(-4deg)}
.claw-hold{position:absolute;left:50%;top:12px;width:0;height:0}
/* rug bin */
.rugbin{position:absolute;top:236px;transform:translateX(-50%);width:70px;z-index:1;transform-origin:50% 100%}
.bin-lid{display:block;width:78px;height:8px;margin-left:-4px;border-radius:4px;background:#3A3A3C;transform-origin:0 100%;transition:transform .3s}
.rugbin.open .bin-lid{transform:rotate(-55deg)}
.bin-body{display:flex;flex-direction:column;align-items:center;justify-content:center;height:54px;border-radius:0 0 12px 12px;background:repeating-linear-gradient(90deg,#262627 0 8px,#1E1E1F 8px 16px);border:1px solid #3A3A3C;border-top:0}
.bin-body b{font-family:var(--disp);font-stretch:125%;font-size:18px;color:#F2708A;line-height:1}
.bin-body small{font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;color:var(--muted)}
.rugbin.shake{animation:binShake .45s}
@keyframes binShake{20%{transform:translateX(-50%) rotate(-6deg)}50%{transform:translateX(-50%) rotate(5deg)}80%{transform:translateX(-50%) rotate(-2deg)}}
/* coin states */
.lc-rug,.lc-ok{position:absolute;left:-12px;top:-10px;font-family:var(--mono);font-size:9px;font-weight:800;padding:2px 5px;border-radius:5px;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.2,1.6,.4,1)}
.lc-rug{background:#F2708A;color:#0B0B0B;letter-spacing:.08em}
.lc-ok{background:var(--up);color:#0B0B0B}
.lcoin.rug .lc-rug{opacity:1;transform:none}
.lcoin.rug .lc-face .av{box-shadow:0 0 0 3px #F2708A,0 0 18px rgba(242,112,138,.7)!important;filter:saturate(.6)}
.lcoin.rug{animation:rugWob .5s ease-in-out infinite alternate}
@keyframes rugWob{from{rotate:-6deg}to{rotate:6deg}}
.lcoin.clean .lc-ok{opacity:1;transform:none;animation:okFade 1.6s forwards}
@keyframes okFade{70%{opacity:1}100%{opacity:0}}
.lcoin.grabbed{position:absolute;left:0!important;top:0;transform:translate(-50%,0) scale(.95);animation:none;transition:none}
.lcoin.drop{animation:dropIn .42s cubic-bezier(.5,0,.8,.4) forwards}
@keyframes dropIn{to{translate:0 60px;scale:.4;opacity:0;rotate:40deg}}
.lcoin{z-index:3}

/* ===== calmer cards: age first, red flags clear ===== */
.tcard{gap:12px;padding:14px 16px 16px}
.tcard.shake,.tcard.shake-s{box-shadow:none}
.tcard.shake{animation:shake .45s cubic-bezier(.36,.07,.19,.97),glowUp .9s ease-out}
.tcard.shake-s{animation:shake .45s cubic-bezier(.36,.07,.19,.97),glowDn .9s ease-out}
@keyframes glowUp{0%{box-shadow:0 0 0 1px rgba(61,220,151,.7),0 0 22px -6px rgba(61,220,151,.5)}100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}}
@keyframes glowDn{0%{box-shadow:0 0 0 1px rgba(242,112,138,.65),0 0 22px -6px rgba(242,112,138,.45)}100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}}
.tc-age{display:flex;align-items:center;gap:8px;margin:-2px -4px 0;padding:6px 10px;border-radius:9px;font-size:11px;font-weight:800;letter-spacing:.12em;background:#0E0E0F;border:1px solid #1E1E1F;color:var(--muted)}
.tc-age b{margin-left:auto;font-size:14px;letter-spacing:0;color:var(--text)}
.ag-dot{width:8px;height:8px;border-radius:99px;background:#55575E;flex:none}
.ag-grad{font-size:9.5px;color:#0B0B0B;background:var(--up);padding:2px 6px;border-radius:5px;letter-spacing:.08em}
.tc-age.f0{background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border-color:rgba(255,255,255,.35);color:#fff}
.tc-age.f0 .ag-dot{background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:agPing 1.2s infinite}
.tc-age.f0 b{font-size:16px}
.tc-age.f1{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:var(--text)}
.tc-age.f1 .ag-dot{background:var(--up)}
@keyframes agPing{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}100%{box-shadow:0 0 0 9px rgba(255,255,255,0)}}
.tcard.f0{border-color:rgba(255,255,255,.28)}
.tc-name b{font-size:16px}
.tc-name span{font-size:12px}
.tc-flags{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;font-size:12.5px;font-weight:700;min-width:0}
.tc-flags span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fl-ic{flex:none;width:18px;height:18px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}
.tc-flags.ok{color:var(--up);background:rgba(61,220,151,.07);border:1px solid rgba(61,220,151,.18)}
.tc-flags.ok .fl-ic{background:var(--up);color:#0B0B0B}
.tc-flags.bad{color:#F7A2B3;background:rgba(242,112,138,.09);border:1px solid rgba(242,112,138,.3)}
.tc-flags.bad .fl-ic{background:var(--down);color:#0B0B0B}
.tc-mc .v{font-size:24px}
.tc-mc .l{font-size:11.5px;color:var(--faint);margin:3px 0 0}
.tc-chart{height:46px}
.prog .l{font-size:11px}
/* socials */
.soc{display:flex;gap:6px}
.sbtn2{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 8px;border-radius:9px;font-size:12px;font-weight:700;border:1px solid #262627;background:#0E0E0F}
.sbtn2 svg{width:14px;height:14px;flex:none}
.sbtn2.on{color:var(--text);cursor:pointer;transition:all .15s}
.sbtn2.on:hover{background:#F3F0EA;color:#0A0A0A;border-color:#F3F0EA}
.sbtn2.off{color:#4A4B52;background:transparent;border-style:dashed;cursor:default}
.sbtn2.off span{text-decoration:line-through}
.soc.big{display:inline-flex}
.soc.big .sbtn2{flex:none;min-height:30px;padding:0 10px}
/* risk traffic lights */
.risk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.rk-t{display:flex;flex-direction:column;gap:3px;padding:7px 8px;border-radius:9px;border:1px solid;min-width:0;cursor:help}
.rk-l{display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:9.5px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.rk-l i{width:7px;height:7px;border-radius:99px;flex:none}
.rk-t b{font-size:14px;color:var(--text)}
.rk-t.lv-g{background:rgba(61,220,151,.06);border-color:rgba(61,220,151,.2)}.rk-t.lv-g .rk-l{color:#7FE7B8}.rk-t.lv-g i{background:var(--up)}
.rk-t.lv-y{background:rgba(255,209,92,.07);border-color:rgba(255,209,92,.28)}.rk-t.lv-y .rk-l{color:#FFDE85}.rk-t.lv-y i{background:var(--yellow)}
.rk-t.lv-r{background:rgba(242,112,138,.09);border-color:rgba(242,112,138,.38)}.rk-t.lv-r .rk-l{color:#F7A2B3}.rk-t.lv-r i{background:var(--down);box-shadow:0 0 0 0 rgba(242,112,138,.6);animation:rkPing 1.4s infinite}
.rk-t.lv-r b{color:#F7A2B3}
@keyframes rkPing{0%{box-shadow:0 0 0 0 rgba(242,112,138,.6)}100%{box-shadow:0 0 0 7px rgba(242,112,138,0)}}
.rk-dot{width:9px;height:9px;border-radius:99px;flex:none}
.rk-dot.lv-g{background:var(--up)}.rk-dot.lv-y{background:var(--yellow)}.rk-dot.lv-r{background:var(--down)}
.sf-sum{font-family:var(--mono);font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}
.sf-sum.g{color:var(--up);background:rgba(61,220,151,.1)}.sf-sum.y{color:var(--yellow);background:rgba(255,209,92,.1)}.sf-sum.r{color:var(--down);background:rgba(242,112,138,.12)}
.sf-bad{color:var(--down)}
.tc-flags{display:none}

.rk-t{text-align:left}
/* race zoom */
.race-stage{touch-action:pan-y}
.race-zoom{position:absolute;inset:0;transform-origin:0 0;will-change:transform}
.race-stage.zoomed{cursor:grab;touch-action:none}
.race-stage.panning{cursor:grabbing}
.race-stage.panning .rb{pointer-events:none}
.rb{transform-origin:50% 100%;transform:translate(-50%,-100%) scale(calc(1 / var(--z,1)))}
.rmark{transform-origin:50% 0;transform:translate(-50%,0) scale(calc(1 / var(--z,1)))}
.rmile,.rayflag,.moonflag{transform-origin:50% 100%;transform:translate(-50%,-100%) scale(calc(1 / var(--z,1)))}
.phase-l,.startline{transform-origin:0 100%;transform:scale(calc(1 / var(--z,1)))}
.zoombar{position:absolute;left:12px;top:12px;z-index:6;display:flex;align-items:center;gap:4px;padding:4px;border-radius:11px;background:rgba(14,14,16,.88);border:1px solid #2C2C2D;backdrop-filter:blur(8px);flex-wrap:wrap;max-width:calc(100% - 24px)}
.zb{width:32px;height:32px;border-radius:8px;border:1px solid #2C2C2D;background:#18181A;color:var(--text);font-size:18px;font-weight:700;line-height:1}
.zb:hover{background:#F3F0EA;color:#0A0A0A}
.zb-v{min-width:46px;text-align:center;font-size:12px;color:var(--soft)}
.zb-sep{width:1px;height:20px;background:#2C2C2D;margin:0 4px}
.zp{min-height:32px;padding:0 10px;border-radius:8px;border:0;background:none;color:var(--muted);font-size:12.5px;font-weight:700}
.zp:hover{color:var(--text)}
.zp.on{background:#F3F0EA;color:#0A0A0A}
.zoom-hint{position:absolute;right:12px;top:16px;z-index:6;font-size:11px;color:var(--faint);pointer-events:none}
@media (max-width:900px){.zoom-hint{display:none}}
.race-zoom .hill-path{stroke-width:calc(2.5px / var(--z,1))}
.zoom-hint{top:auto;bottom:10px;right:14px}
.phase2bg{border-left-width:calc(1px / var(--z,1))}
/* ===== clean rug bin ===== */
.mlab{width:150px}
.rugbin{position:absolute;top:262px;width:78px;height:66px;transform:translateX(-50%);z-index:5;animation:none}
.rugbin .bin-lid,.rugbin .bin-body{display:none}
.bin-shadow{position:absolute;left:-6px;right:-6px;bottom:-6px;height:12px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent)}
.bin-back{position:absolute;left:3px;right:3px;top:6px;height:14px;border-radius:50%;background:radial-gradient(ellipse at 50% 70%,#050506,#141415);border:1px solid #3A3A3C}
.bin-slot{position:absolute;left:50%;top:13px;width:0;height:0;z-index:2}
.bin-front{position:absolute;left:0;right:0;top:13px;bottom:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);
  background:linear-gradient(90deg,#1B1B1F,#2A2B30 30%,#202024 70%,#151516);border-top:2px solid #55575E;border-radius:0 0 10px 10px}
.bin-front::before{content:"";position:absolute;inset:6px 10px;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(255,255,255,.04) 9px 11px);pointer-events:none}
.bin-front b{position:relative;font-family:var(--disp);font-stretch:125%;font-size:19px;color:#F2708A;line-height:1}
.bin-front small{position:relative;font-family:var(--mono);font-size:7.5px;letter-spacing:.14em;color:var(--muted)}
.bin-lid{display:block!important;position:absolute;left:-4px;right:-4px;top:2px;height:9px;z-index:4;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#5A5C63,#34353B);box-shadow:0 2px 0 #1A1A1D;transform-origin:4px 100%;transition:transform .32s cubic-bezier(.3,1.6,.5,1)}
.bin-lid i{position:absolute;left:50%;top:-5px;width:16px;height:5px;margin-left:-8px;border-radius:3px 3px 0 0;background:#6E7077}
.rugbin.open .bin-lid{transform:rotate(-118deg);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.rugbin.thud{animation:thud .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes thud{30%{transform:translateX(-50%) scale(1.06,.92)}60%{transform:translateX(-50%) scale(.98,1.03)}}
.bin-plus{position:absolute;left:50%;top:-6px;z-index:6;transform:translateX(-50%);font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:15px;color:#F2708A;opacity:0;pointer-events:none}
.bin-plus.go{animation:plus1 .9s ease-out}
@keyframes plus1{0%{opacity:0;translate:0 0}20%{opacity:1}100%{opacity:0;translate:0 -34px}}
.lcoin.inbin{position:absolute;transform:translateX(-50%);animation:fallIn .46s cubic-bezier(.55,0,.9,.5) forwards;rotate:0deg}
@keyframes fallIn{0%{translate:0 0;rotate:0deg}100%{translate:0 64px;rotate:-25deg;scale:.85}}
.lcoin.inbin .lc-tax,.lcoin.inbin .lc-rug,.lcoin.inbin .lc-mc{opacity:0!important}
.lcoin.grabbed{animation:swing 1.2s ease-in-out infinite alternate}
@keyframes swing{from{rotate:-5deg}to{rotate:5deg}}
/* bin mounted above the belt */
.rugbin{top:104px;height:50px;width:72px;z-index:5}
.bin-shadow{display:none}
.bin-pole{position:absolute;right:-9px;top:-96px;width:5px;height:122px;border-radius:3px;background:linear-gradient(90deg,#3A3A3C,#55575E,#3A3A3C)}
.bin-pole::after{content:"";position:absolute;right:0;top:104px;width:12px;height:5px;border-radius:3px;background:#55575E}
.bin-back{top:5px;height:13px}
.bin-slot{top:12px}
.bin-front{top:12px;border-radius:0 0 9px 9px}
.bin-lid{top:1px;transform-origin:calc(100% - 4px) 100%}
.rugbin.open .bin-lid{transform:rotate(-100deg)}
.bin-plus{top:-24px}
@keyframes fallIn{0%{translate:0 0;rotate:0deg}100%{translate:0 58px;rotate:-20deg;scale:.8}}
.lcoin.inbin{clip-path:inset(0 -20px -20px -20px)}
.rugbin.open .bin-lid{transform:rotate(100deg)}
.rugbin{width:76px}
/* ===================== THE MOUNTAIN ===================== */
.race-stage.mtn{height:520px;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.05),transparent 55%),linear-gradient(180deg,#0A0A0C,#101013 60%,#0C0C0E);border-color:#1E1E1F}
.mtn .stars{position:absolute;left:0;right:0;top:0;height:48%;background-image:radial-gradient(1px 1px at 12% 22%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 28% 8%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 41% 30%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 63% 14%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 77% 34%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 88% 10%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 6% 40%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 94% 42%,rgba(255,255,255,.4),transparent);animation:twinkleBg 4s ease-in-out infinite alternate;pointer-events:none}
@keyframes twinkleBg{to{opacity:.55}}
.mtn .alt{position:absolute;left:5%;right:5%;border-top:1px dashed rgba(255,255,255,.08)}
.mtn .alab{position:absolute;right:5.5%;transform:translateY(-120%) scale(calc(1 / var(--z,1)));transform-origin:100% 100%;font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.mtn .contour{position:absolute;border-top:1px dashed rgba(255,255,255,.1);pointer-events:none}
.mtn .clab{position:absolute;transform:translate(-100%,-50%) scale(calc(1 / var(--z,1)));transform-origin:100% 50%;font-family:var(--mono);font-size:10px;color:var(--faint)}
.moonflag2{position:absolute;left:50%;transform:translate(-50%,-50%) scale(calc(1 / var(--z,1)));display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}
.moonflag2 .moon{width:40px;height:40px;border-radius:99px;background:radial-gradient(circle at 35% 35%,#FFFFFF,#D9DADE 55%,#8E9198);box-shadow:0 0 40px rgba(255,255,255,.25)}
.moonflag2 b{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--soft)}
.mtn .rayflag{transform:translate(-2px,-100%) scale(calc(1 / var(--z,1)));transform-origin:0 100%}
.mtn .flagcloth{background:#F3F0EA}
.mtn .phase-l{bottom:12px}
.mtn .phase-l.p1{left:3%}.mtn .phase-l.p2{left:3%;bottom:auto;top:14%;color:var(--muted)}
.mtn .hill-path{filter:drop-shadow(0 0 10px rgba(255,255,255,.12))}
.mtn .rb .av{box-shadow:0 0 0 2px #151516,0 0 0 3px #45464D}
.mtn .rb.done .av{box-shadow:0 0 0 2px #0C0C0E,0 0 0 3.5px #F3F0EA,0 0 18px rgba(255,255,255,.2)}
.mtn .rb-pct{background:rgba(10,10,12,.8)}
@media (max-width:720px){.race-stage.mtn{height:440px}}
.race-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.race-tools .zoombar{position:static;max-width:100%}
.zoom-hint2{margin-left:auto;font-size:11.5px;color:var(--faint)}
.race-tools + .race-stage{margin-top:10px}
@media (max-width:900px){.zoom-hint2{display:none}}
/* ===== compact filter bar ===== */
.filters{display:none}
.layout.full .grid{flex:1 1 100%}
.fbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:8px;border-radius:14px;background:#0F0F11;border:1px solid #222223;position:relative;z-index:8}
.fb-ic{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}
.fb-sep{width:1px;height:24px;background:#262627;margin:0 2px}
.fdrop{position:relative}
.fchip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 11px;border-radius:9px;border:1px solid #2A2A2B;background:#151516;color:var(--soft);font-size:13px}
.fchip .fc-l{color:var(--faint);font-weight:600}
.fchip b{font-weight:800;color:var(--text)}
.fchip svg{color:var(--faint);transition:transform .2s}
.fchip.open svg{transform:rotate(180deg)}
.fchip:hover{border-color:#45464D}
.fchip.on{background:#F3F0EA;border-color:#F3F0EA}.fchip.on .fc-l,.fchip.on svg{color:#55575E}.fchip.on b{color:#0A0A0A}
.fpop{position:absolute;left:0;top:calc(100% + 6px);display:flex;flex-direction:column;gap:2px;min-width:150px;padding:6px;border-radius:12px;background:#151516;border:1px solid #2C2C2D;box-shadow:0 20px 40px -12px rgba(0,0,0,.8);animation:pop .14s ease-out;z-index:20}
.fopt{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border-radius:8px;border:0;background:none;color:var(--soft);font-size:13px;font-weight:700;text-align:left}
.fopt:hover{background:#1E1E1F;color:var(--text)}
.fopt.on{background:#F3F0EA;color:#0A0A0A}
.fopt i{width:10px;height:10px;border-radius:3px;flex:none}
.ftog{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:99px;border:1px solid #2A2A2B;background:transparent;color:var(--muted);font-size:13px;font-weight:700;transition:all .15s}
.ftog svg{width:13px;height:13px}
.ftog:hover{color:var(--text);border-color:#45464D}
.ftog.on{background:#F3F0EA;border-color:#F3F0EA;color:#0A0A0A}
.ftog.on svg{stroke:#0A0A0A}
.fdot{width:8px;height:8px;border-radius:99px;background:var(--up)}
.freset{margin-left:auto;min-height:36px;padding:0 12px;border-radius:9px;border:1px solid rgba(242,112,138,.35);background:rgba(242,112,138,.08);color:#F7A2B3;font-size:12.5px;font-weight:700}
.freset:hover{background:rgba(242,112,138,.16)}
@media (max-width:720px){.fbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.fbar::-webkit-scrollbar{display:none}.fpop{position:fixed;left:16px;right:16px;top:auto;bottom:16px}}
/* ===================== TRACK (logical race) ===================== */
.race-stage.trk{height:440px;background:linear-gradient(180deg,#0C0C0E,#111114);border-color:#1E1E1F}
.trk .zone{position:absolute;top:0;bottom:0;padding:14px 16px;display:flex;flex-direction:column;gap:2px;pointer-events:none}
.trk .zone b,.trk .zone small{transform:scale(calc(1 / var(--z,1)));transform-origin:0 0}
.trk .zone b{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--soft)}
.trk .zone small{font-family:var(--mono);font-size:10px;color:var(--faint)}
.trk .zone.z2{background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border-left:1px dashed rgba(255,255,255,.12)}
.tk-mark{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,0) scale(calc(1 / var(--z,1)));transform-origin:50% 0;pointer-events:none}
.tk-mark i{width:2px;height:10px;background:#E8E8EA;border-radius:1px;margin-top:-5px}
.tk-mark b{margin-top:6px;font-family:var(--mono);font-size:10.5px;color:var(--muted);white-space:nowrap}
.trk .rayflag{transform:translate(-2px,-100%) scale(calc(1 / var(--z,1)));transform-origin:0 100%;z-index:1}
.trk .rayflag .flagpole{height:60px}
.trk .flagcloth{background:#F3F0EA;font-size:9.5px}
.trk .moonflag2{transform:translate(-50%,-100%) scale(calc(1 / var(--z,1)));transform-origin:50% 100%}
.trk .rb{transition:left .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1)}
.trk .rb .av{animation:none;box-shadow:0 0 0 2px #111114,0 0 0 3px #45464D}
.trk .rb.done .av{box-shadow:0 0 0 2px #111114,0 0 0 3px #F3F0EA}
.trk .rb.stacked::before{content:"";position:absolute;left:50%;top:100%;width:1px;height:16px;margin-left:-.5px;background:rgba(255,255,255,.18)}
.trk .rb-pct{font-size:9.5px}
.rchip{position:absolute;transform:translate(-50%,-100%) scale(calc(1 / var(--z,1)));transform-origin:50% 100%;display:flex;align-items:center;padding:4px 10px 4px 4px;border-radius:99px;background:#F3F0EA;border:0;box-shadow:0 8px 20px -8px rgba(0,0,0,.8);z-index:3}
.rchip .av{width:22px!important;height:22px!important;margin-right:-6px;box-shadow:0 0 0 2px #F3F0EA}
.rchip b{margin-left:12px;font-family:var(--mono);font-size:12px;color:#0A0A0A}
.rchip:hover{background:#fff}
.av{background:#1A1A1D}
.rchip{padding:4px 12px 4px 4px}
.rchip .av{background:#1A1A1D}
/* fix: race-stage svg rule must not touch avatars */
.race-stage .av svg{position:static;width:100%;height:100%;inset:auto}
/* ===== dual range sliders ===== */
.fpop.range{width:320px;padding:14px;gap:10px}
.rp-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.rp-h span{font-size:12.5px;color:var(--muted);font-weight:700}
.rp-h b{font-size:17px;color:var(--text)}
.dual{position:relative;height:34px}
.dual-track{position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:99px;background:#262627}
.dual-track i{position:absolute;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#BFC1C7,#FFFFFF)}
.dual.taxg .dual-track{background:linear-gradient(90deg,rgba(61,220,151,.25),rgba(255,209,92,.25) 45%,rgba(255,154,77,.25) 65%,rgba(242,112,138,.25))}
.dual.taxg .dual-track i{background:linear-gradient(90deg,var(--up),var(--yellow) 45%,var(--orange) 65%,var(--pink))}
.dual input[type=range]{position:absolute;left:0;right:0;top:0;width:100%;height:34px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.dual input[type=range]::-webkit-slider-runnable-track{background:none;height:34px}
.dual input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:22px;height:22px;margin-top:6px;border-radius:99px;background:#fff;border:3px solid #0A0A0A;box-shadow:0 0 0 1px #fff,0 4px 12px rgba(0,0,0,.6);cursor:grab;transition:transform .12s}
.dual input[type=range]::-webkit-slider-thumb:active{transform:scale(1.18);cursor:grabbing}
.dual input[type=range]::-moz-range-track{background:none}
.dual input[type=range]::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:99px;background:#fff;border:3px solid #0A0A0A;cursor:grab}
.rp-scale{display:flex;justify-content:space-between;font-size:9.5px;color:var(--faint);margin-top:-4px}
.rp-pre{display:flex;flex-wrap:wrap;gap:5px}
.rp-pre button{min-height:30px;padding:0 10px;border-radius:99px;border:1px solid #2C2C2D;background:#18181A;color:var(--soft);font-size:12px;font-weight:700}
.rp-pre button:hover{border-color:#55575E;color:var(--text)}
.rp-pre button.on{background:#F3F0EA;border-color:#F3F0EA;color:#0A0A0A}
.rp-foot{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #222223;font-size:12px}
@media (max-width:720px){.fpop.range{width:auto}}

.trk .moonflag2{margin-top:-6px;flex-direction:row;gap:8px}
.trk .moonflag2 .moon{width:30px;height:30px}
/* pair picker */
.pairchip .coin,.pairchip .av{width:20px!important;height:20px!important}
.fpop.pairpop{width:min(560px,calc(100vw - 32px));padding:12px;gap:10px;max-height:min(560px,70vh)}
.pp-search{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:10px;background:#0E0E0F;border:1px solid #2A2A2B;color:var(--muted)}
.pp-search input{flex:1;min-height:40px;background:none;border:0;outline:none;color:var(--text);font-size:14px}
.pp-tabs{display:flex;gap:4px;flex-wrap:wrap}
.pp-tabs button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border-radius:99px;border:1px solid #2A2A2B;background:#141415;color:var(--soft);font-size:12.5px;font-weight:700}
.pp-tabs button span{font-family:var(--mono);font-size:10.5px;color:var(--faint)}
.pp-tabs button.on{background:#F3F0EA;border-color:#F3F0EA;color:#0A0A0A}.pp-tabs button.on span{color:#55575E}
.pp-all{align-self:flex-start;background:none;border:0;color:var(--soft);font-size:12.5px;font-weight:700;padding:2px 0}
.pp-all:hover{color:var(--text)}
.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;overflow-y:auto;padding-right:2px}
.pp-item{display:flex;align-items:center;gap:9px;padding:8px;border-radius:11px;border:1px solid #232324;background:#121214;color:var(--text);text-align:left;transition:all .12s}
.pp-item:hover{border-color:#4A4B52;background:#18181A;transform:translateY(-1px)}
.pp-item.on{background:#F3F0EA;border-color:#F3F0EA;color:#0A0A0A}
.pp-item.on small{color:#55575E}
.pp-item.empty{opacity:.45}
.pp-n{display:flex;flex-direction:column;min-width:0;flex:1}
.pp-n b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-n small{font-size:11px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-c{font-size:11px;padding:2px 7px;border-radius:99px;background:#1E1E1F;color:var(--soft)}
.pp-item.on .pp-c{background:rgba(0,0,0,.1);color:#0A0A0A}

/* ===================== CHADPAD INTRO — fresh breeze ===================== */
.slogan{display:none}
.intro{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:20px;min-height:540px;margin-top:22px;padding:56px 52px;border-radius:28px;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 90% at 80% 10%,#1A1C22 0%,#0E0F12 45%,#08080A 100%);border:1px solid #23252B;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 80px -40px rgba(0,0,0,.9)}
.aurora{position:absolute;inset:-20%;z-index:-2;filter:blur(60px);opacity:.75;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.aurora span{position:absolute;border-radius:50%;mix-blend-mode:screen}
.aurora .a1{width:55%;height:60%;left:45%;top:5%;background:radial-gradient(closest-side,rgba(200,225,255,.30),transparent);animation:drift1 18s ease-in-out infinite alternate}
.aurora .a2{width:50%;height:55%;left:10%;top:30%;background:radial-gradient(closest-side,rgba(255,255,255,.16),transparent);animation:drift2 22s ease-in-out infinite alternate}
.aurora .a3{width:40%;height:45%;left:60%;top:50%;background:radial-gradient(closest-side,rgba(170,240,220,.16),transparent);animation:drift3 26s ease-in-out infinite alternate}
@keyframes drift1{to{transform:translate(-18%,12%) scale(1.15)}}
@keyframes drift2{to{transform:translate(22%,-10%) scale(1.2)}}
@keyframes drift3{to{transform:translate(-25%,-18%) scale(.9)}}
.floor{position:absolute;left:-30%;right:-30%;bottom:-38%;height:75%;z-index:-1;transform:perspective(520px) rotateX(64deg);transform-origin:50% 0;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 60%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 60%,transparent);animation:floorMove 6s linear infinite}
@keyframes floorMove{to{background-position:0 56px}}
.dust{position:absolute;inset:0;z-index:-1;pointer-events:none}
.dust i{position:absolute;bottom:-10px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:#fff;opacity:0;animation:rise var(--d) linear infinite;animation-delay:var(--dl)}
@keyframes rise{0%{transform:translate(0,0);opacity:0}15%{opacity:.6}100%{transform:translate(30px,-560px);opacity:0}}
.intro-l{position:relative;display:flex;flex-direction:column;gap:22px;z-index:2}
.intro-k{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:7px 14px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--soft);backdrop-filter:blur(8px);animation:fadeUp .8s cubic-bezier(.2,.8,.2,1) both}
.intro-h{margin:0;font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:clamp(40px,5.6vw,80px);line-height:.98;letter-spacing:-.045em;text-transform:none}
.intro-h .ln{display:block;overflow:hidden;padding-bottom:.06em}
.intro-h .ln>span{display:inline-block;background:linear-gradient(100deg,#9C9EA5 0%,#FFFFFF 30%,#E4E5E8 45%,#FFFFFF 50%,#B9BBC1 70%,#FFFFFF 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:lineUp 1s cubic-bezier(.2,.8,.2,1) both,sheen 7s ease-in-out 1.2s infinite}
.intro-h .ln:nth-child(2)>span{animation-delay:.12s,1.4s}
.intro-h em{font-style:normal;position:relative}
.intro-h em::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.07em;border-radius:3px;background:linear-gradient(90deg,#fff,rgba(255,255,255,.3));transform-origin:left;animation:underl 1s cubic-bezier(.2,.8,.2,1) .9s both}
@keyframes lineUp{from{transform:translateY(105%)}}
@keyframes sheen{0%,60%{background-position:100% 0}100%{background-position:-60% 0}}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}}
.intro-p{margin:0;max-width:520px;font-size:17px;line-height:1.6;color:#B9BAC0;animation:fadeUp .9s cubic-bezier(.2,.8,.2,1) .25s both}
.intro-cta{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .9s cubic-bezier(.2,.8,.2,1) .35s both}
.btn.big{min-height:54px;padding:0 26px;font-size:15.5px;border-radius:12px}
.btn.big svg{width:16px;height:16px}
.intro-stats{display:flex;gap:0;flex-wrap:wrap;margin-top:6px;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;animation:fadeUp .9s cubic-bezier(.2,.8,.2,1) .45s both}
.intro-stats>div{display:flex;flex-direction:column;gap:3px;padding-right:28px;margin-right:28px;border-right:1px solid rgba(255,255,255,.08)}
.intro-stats>div:last-child{border-right:0}
.intro-stats b{font-family:var(--disp);font-stretch:125%;font-weight:800;font-size:26px;letter-spacing:-.02em;color:#fff}
.intro-stats span{font-size:12px;color:var(--muted);letter-spacing:.02em}
.intro-r{position:relative;height:480px;display:flex;align-items:center;justify-content:center;perspective:1100px;animation:fadeUp 1.2s cubic-bezier(.2,.8,.2,1) .2s both}
.orbit3{position:relative;width:520px;height:520px;transform-style:preserve-3d;transform:rotateX(62deg);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.ring3{position:absolute;left:50%;top:50%;width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);border-radius:50%;border:1px solid rgba(255,255,255,.12);transform-style:preserve-3d;animation:spin3 var(--dur) linear infinite;animation-direction:normal}
.ring3[style*="--dir:-1"]{animation-direction:reverse}
.ring3::before{content:"";position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,255,255,.5) 85%,transparent 100%);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px))}
@keyframes spin3{to{transform:rotateZ(360deg)}}
.orb3{position:absolute;left:50%;top:50%;transform-style:preserve-3d;transform:rotateZ(var(--a)) translateX(var(--r))}
.orb3-in{display:block;transform-style:preserve-3d;animation:counter3 var(--dur) linear infinite}
.ring3[style*="--dir:-1"] .orb3-in{animation-direction:reverse}
@keyframes counter3{from{transform:translate(-50%,-50%) rotateZ(calc(var(--a) * -1)) rotateX(-62deg)}to{transform:translate(-50%,-50%) rotateZ(calc(var(--a) * -1 - 360deg)) rotateX(-62deg)}}
.orb3-in .coin,.orb3-in .av{box-shadow:0 0 0 3px rgba(14,15,18,.9),0 16px 30px -8px rgba(0,0,0,.9),0 0 24px rgba(255,255,255,.08)}
.core{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;transform:rotateX(-62deg) translateZ(30px);transform-style:preserve-3d}
.core-glow{position:absolute;inset:-60px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.22),transparent);animation:glowp 5s ease-in-out infinite}
.core-logo{position:absolute;inset:0;animation:float 6s ease-in-out infinite}
.core-logo svg{width:100%;height:100%;filter:drop-shadow(0 24px 40px rgba(0,0,0,.8)) drop-shadow(0 0 30px rgba(255,255,255,.12))}
@media (max-width:1000px){.intro{grid-template-columns:minmax(0,1fr);padding:36px 24px}.intro-r{height:360px;order:-1}.orbit3{transform:rotateX(62deg) scale(.7)}}
@media (max-width:560px){.intro-r{height:280px}.orbit3{transform:rotateX(62deg) scale(.52)}.intro-stats>div{padding-right:16px;margin-right:16px}.intro-stats b{font-size:20px}}
.intro-h em{background:linear-gradient(180deg,#FFFFFF,#C9CBD1);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block}
/* ===================== LANE RACE ===================== */
.race-tabs{display:flex;gap:6px;background:#0E0E0F;border:1px solid #222223;border-radius:14px;padding:5px}
.race-tabs button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border-radius:10px;border:0;background:none;color:var(--muted);font-weight:800;font-size:14px}
.race-tabs button b{font-size:12px;padding:2px 8px;border-radius:99px;background:#1E1E1F;color:var(--soft)}
.race-tabs button.on{background:#F3F0EA;color:#0A0A0A}.race-tabs button.on b{background:rgba(0,0,0,.1);color:#0A0A0A}
.lanes-wrap{margin-top:18px}
.lanes-head,.lane{display:grid;grid-template-columns:34px 150px minmax(0,1fr) 74px;gap:14px;align-items:center}
.lanes-head{padding:0 12px 8px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--faint)}
.lanes-head .r{text-align:right}
.lh-track{position:relative;height:14px;margin-right:46px}
.lh-tick{position:absolute;transform:translateX(-50%);white-space:nowrap}
.lh-tick:first-child{transform:none}
.lh-tick.fin{transform:translateX(-50%);color:var(--text);font-weight:700}
.lanes{position:relative;border-radius:16px;background:linear-gradient(180deg,#0E0E0F,#121212);border:1px solid #1E1E1F;padding:6px 0;overflow:hidden}
.lane-grid{position:absolute;top:0;bottom:0;left:calc(12px + 34px + 14px + 150px + 14px);right:calc(12px + 74px + 14px + 46px);pointer-events:none}
.lane-grid i{position:absolute;top:0;bottom:0;width:1px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.07) 0 4px,transparent 4px 9px)}
.finish{position:absolute;top:0;bottom:0;right:-6px;width:12px;background-image:linear-gradient(45deg,#2A2A2B 25%,transparent 25%,transparent 75%,#2A2A2B 75%),linear-gradient(45deg,#2A2A2B 25%,transparent 25%,transparent 75%,#2A2A2B 75%);background-size:12px 12px;background-position:0 0,6px 6px;background-color:#F3F0EA;opacity:.85}
.lane{position:relative;padding:5px 12px;min-height:54px;will-change:transform}
.lane+.lane{border-top:1px solid rgba(255,255,255,.04)}
.lane:hover{background:rgba(255,255,255,.025)}
.lane.enter{animation:feedIn .6s ease-out}
.ln-rank{font-size:13px;color:var(--faint);text-align:center;font-weight:700}
.lane.lead .ln-rank{color:#0A0A0A;background:#F3F0EA;border-radius:8px;padding:3px 0}
.ln-id{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:none;border:0;padding:0;color:var(--text);text-align:left;min-width:0}
.ln-id b{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ln-id small{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10.5px;color:var(--faint)}
.ln-new{position:absolute;margin:0;left:calc(12px + 34px + 14px + 110px);top:8px;font-family:var(--mono);font-size:8.5px;font-weight:800;letter-spacing:.1em;padding:1px 5px;border-radius:4px;background:#F3F0EA;color:#0A0A0A}
.ln-track{position:relative;height:40px;margin-right:46px}
.ln-track::before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:99px;background:#1C1C1D}
.ln-trail{position:absolute;left:0;top:50%;height:4px;margin-top:-2px;border-radius:99px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.75));transition:width .9s cubic-bezier(.2,.8,.2,1)}
.lane.lead .ln-trail{background:linear-gradient(90deg,rgba(61,220,151,.1),var(--up))}
.ln-runner{position:absolute;top:50%;transform:translate(-50%,-50%);padding:0;border:0;background:none;border-radius:99px;transition:left .9s cubic-bezier(.2,.8,.2,1);z-index:2}
.ln-runner .av{box-shadow:0 0 0 2px #121212,0 0 0 3px #45464D;animation:run .5s ease-in-out infinite alternate}
.lane:nth-child(2n) .ln-runner .av{animation-delay:-.25s}
@keyframes run{from{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-3px) rotate(5deg)}}
.lane.lead .ln-runner .av{box-shadow:0 0 0 2px #121212,0 0 0 3px var(--up),0 0 18px rgba(61,220,151,.4)}
.ln-crown{position:absolute;left:50%;top:-15px;transform:translateX(-50%);font-size:14px;color:#FFD15C;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.ln-runner.up-hit .av{animation:hitUp .6s ease-out}.ln-runner.down-hit .av{animation:hitDown .6s ease-out}
.ln-val{position:absolute;top:50%;transform:translate(24px,-50%);font-size:11.5px;font-weight:700;color:var(--text);background:rgba(18,18,21,.92);padding:2px 6px;border-radius:5px;white-space:nowrap;transition:left .9s cubic-bezier(.2,.8,.2,1);z-index:1}
.ln-chg{font-size:12.5px;font-weight:700;text-align:right}
.lanes-more{display:block;margin:12px auto 0;min-height:38px;padding:0 18px;border-radius:99px;border:1px solid #2C2C2D;background:#141415;color:var(--soft);font-weight:700;font-size:13px}
.lanes-more:hover{border-color:#55575E;color:var(--text)}
@media (max-width:760px){.lanes-head,.lane{grid-template-columns:24px 92px minmax(0,1fr)}.ln-chg,.lanes-head .r{display:none}.lane-grid{left:calc(12px + 24px + 14px + 92px + 14px);right:calc(12px + 46px)}.ln-id small{display:none}.ln-new{display:none}}
/* ===== compact live intro ===== */
.intro{display:none}
.intro2{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:28px;align-items:center;margin-top:18px;padding:30px 34px;border-radius:24px;overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 120% at 85% 0%,#1B1D23 0%,#0E0F12 50%,#080808 100%);border:1px solid #23252B;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.intro2 .aurora{opacity:.9}
.floaters{position:absolute;inset:0;z-index:-1;pointer-events:none}
.fl{position:absolute;left:var(--x);top:var(--y);opacity:.55;filter:saturate(.85);animation:flt var(--d) ease-in-out infinite alternate;animation-delay:var(--dl)}
.fl .coin,.fl .av{box-shadow:0 10px 24px -8px rgba(0,0,0,.9)}
@keyframes flt{from{transform:translate(0,0) rotate(-8deg)}to{transform:translate(14px,-18px) rotate(8deg)}}
.i2-l{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}
.i2-h{margin:0;font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:clamp(34px,4.4vw,60px);line-height:1;letter-spacing:-.045em}
.i2-h span{display:inline-block;background:linear-gradient(180deg,#FFFFFF,#B8BAC0);-webkit-background-clip:text;background-clip:text;color:transparent;animation:wordIn .7s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--k) * .14s)}
.i2-h span:last-child{background:linear-gradient(100deg,#FFFFFF 0%,#3DDC97 40%,#FFFFFF 60%,#FFFFFF 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:wordIn .7s cubic-bezier(.2,1.4,.4,1) both,sheen 4s ease-in-out 1s infinite;animation-delay:.28s,1s}
@keyframes wordIn{from{opacity:0;transform:translateY(24px) scale(.92)}}
.i2-p{margin:0;max-width:520px;font-size:16px;line-height:1.55;color:#B9BAC0}
.i2-p b{color:#fff}
.i2-r{position:relative;z-index:1}
.i2-live{background:rgba(14,14,17,.72);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:12px;backdrop-filter:blur(12px);box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
.i2-lh{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--soft);padding:2px 4px 8px}
.i2-lh .muted{margin-left:auto;letter-spacing:0}
.i2-row{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;width:100%;padding:7px 6px;border-radius:10px;border:0;background:none;color:var(--text);text-align:left}
.i2-row:hover{background:rgba(255,255,255,.05)}
.i2-row.enter{animation:i2in .7s cubic-bezier(.2,1.2,.4,1)}
@keyframes i2in{0%{opacity:0;transform:translateY(-16px) scale(.96);background:rgba(61,220,151,.18)}100%{opacity:1;transform:none;background:transparent}}
.i2-n{display:flex;flex-direction:column;min-width:0}
.i2-n b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.i2-n small{display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:10.5px;color:var(--faint)}
.i2-age{font-size:11.5px;color:var(--up)}
.i2-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.i2-stats>div{display:flex;flex-direction:column;gap:1px;padding:0 6px}
.i2-stats b{font-family:var(--disp);font-stretch:125%;font-weight:800;font-size:18px;color:#fff}
.i2-stats span{font-size:11px;color:var(--muted)}
.tick{animation:tickUp .4s ease-out}
@keyframes tickUp{0%{color:var(--up);transform:translateY(-3px)}100%{transform:none}}
@media (max-width:900px){.intro2{grid-template-columns:minmax(0,1fr);padding:24px 20px}}
/* liveness: subtle glow pulse on cards with fresh trades already exists; animated header line */
header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:scanH 6s linear infinite}
@keyframes scanH{from{background-position:-40% 0}to{background-position:140% 0}}
.brand svg{width:34px;height:34px}
/* ===== inline sliders filter bar ===== */
.fbar{display:none}
.fbar2{margin:0 0 16px;padding:12px;border-radius:16px;background:#0F0F11;border:1px solid #222223;position:relative;z-index:8;display:flex;flex-direction:column;gap:10px}
.fb2-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.fb2-row.sub{align-items:center;padding-top:10px;border-top:1px solid #1C1C1D}
.fchip.big{min-height:64px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:0 14px;min-width:150px;position:relative}
.fchip.big svg{position:absolute;right:12px;top:50%;margin-top:-5px}
.fchip.big b{display:flex;align-items:center;gap:6px;font-size:14px}
.irange{flex:1 1 190px;min-width:180px;padding:9px 12px 6px;border-radius:12px;border:1px solid #2A2A2B;background:#151516;transition:border-color .15s,background .15s}
.irange:hover{border-color:#3A3A3C}
.irange.on{border-color:#F3F0EA;background:#18181A;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.ir-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px}
.ir-h span{color:var(--faint);font-weight:700}
.ir-h b{font-family:var(--mono);font-size:12.5px;color:var(--text);white-space:nowrap}
.dual.sm{height:24px;margin:2px 0}
.dual.sm input[type=range]{height:24px}
.dual.sm input[type=range]::-webkit-slider-runnable-track{height:24px}
.dual.sm input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:3px;border-width:3px}
.dual.sm .dual-track{height:4px;margin-top:-2px}
.ir-s{display:flex;justify-content:space-between;font-size:9.5px;color:var(--faint)}
/* ===================== HALL OF CHADS ===================== */
.lb-hero{position:relative;border-radius:26px;overflow:hidden;isolation:isolate;padding:26px 28px 28px;background:radial-gradient(120% 100% at 30% 0%,#1D1F25,#0D0E11 60%,#080808);border:1px solid #23252B;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.lb-glow{position:absolute;inset:-30%;z-index:-1;background:radial-gradient(closest-side at 30% 40%,rgba(255,215,120,.10),transparent),radial-gradient(closest-side at 75% 30%,rgba(200,225,255,.10),transparent);filter:blur(40px);animation:drift1 16s ease-in-out infinite alternate}
.lb-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.lb-head h1{margin:6px 0 0;font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;background:linear-gradient(180deg,#fff,#A9ABB2);-webkit-background-clip:text;background-clip:text;color:transparent}
.lb-tabs{position:relative;display:grid;grid-template-columns:repeat(var(--n),auto);gap:0;padding:5px;border-radius:14px;background:rgba(10,10,12,.7);border:1px solid #2A2A2B;backdrop-filter:blur(8px)}
.lb-tabs button{position:relative;z-index:1;min-height:40px;padding:0 16px;border:0;background:none;color:var(--muted);font-weight:800;font-size:13.5px;border-radius:10px;transition:color .25s}
.lb-tabs button.on{color:#0A0A0A}
.lb-ind{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px) / var(--n));border-radius:10px;background:linear-gradient(180deg,#fff,#D9DADE);transform:translateX(calc(var(--i) * 100%));transition:transform .45s cubic-bezier(.2,1.2,.4,1);box-shadow:0 6px 18px -6px rgba(255,255,255,.4)}
.lb-stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;margin-top:22px;animation:fadeUp .6s cubic-bezier(.2,.8,.2,1)}
.champ{position:relative;display:flex;align-items:center;gap:30px;padding:26px;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(255,220,140,.08),rgba(255,255,255,.02) 50%),#121316;border:1px solid rgba(255,215,120,.28);box-shadow:0 30px 60px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.07)}
.rays{position:absolute;left:-60px;top:50%;width:420px;height:420px;margin-top:-210px;background:repeating-conic-gradient(from 0deg,rgba(255,215,120,.12) 0 8deg,transparent 8deg 22deg);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent 75%);mask:radial-gradient(closest-side,#000 30%,transparent 75%);animation:spin 40s linear infinite;z-index:0}
.champ-av{position:relative;z-index:1;flex:none;animation:float 5s ease-in-out infinite}
.champ-av .av{width:150px!important;height:150px!important;box-shadow:0 0 0 4px #121316,0 0 0 6px #FFD15C,0 0 50px rgba(255,209,92,.35),0 30px 50px -20px rgba(0,0,0,.9)}
.crown{position:absolute;left:50%;top:-34px;transform:translateX(-50%) rotate(-8deg);font-size:44px;color:#FFD15C;text-shadow:0 6px 18px rgba(0,0,0,.6),0 0 24px rgba(255,209,92,.5);animation:crownB 2.4s ease-in-out infinite}
@keyframes crownB{50%{transform:translateX(-50%) rotate(6deg) translateY(-4px)}}
.champ-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
.champ-info .kicker{color:#FFD15C}
.champ-info h2{margin:0;font-family:var(--disp);font-stretch:118%;font-weight:900;font-size:32px;letter-spacing:-.03em;line-height:1.05}
.champ-info h2 span{font-family:var(--mono);font-size:16px;color:var(--muted);font-weight:500;letter-spacing:0}
.champ-v{font-size:40px;font-weight:700;letter-spacing:-.03em;color:#fff}
.champ-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--soft)}
.champ-chart{height:70px;margin:2px 0 4px}
.champ-info .btn{align-self:flex-start}
.lb-spark{width:100%;height:100%;display:block;overflow:visible}
.lb-spark .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:drawL 1.4s cubic-bezier(.3,.7,.3,1) .2s forwards}
@keyframes drawL{to{stroke-dashoffset:0}}
.podcs{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.podc{position:relative;display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto auto;column-gap:16px;row-gap:2px;align-items:center;padding:16px 18px;border-radius:18px;text-align:left;overflow:hidden;color:var(--text);
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),#121316;border:1px solid #2A2B31;backdrop-filter:blur(10px);transition:transform .3s cubic-bezier(.2,1.2,.4,1),border-color .2s;animation:fadeUp .7s cubic-bezier(.2,.8,.2,1) both}
.podc.p2{animation-delay:.1s;--md:#D7DEEA}.podc.p3{animation-delay:.2s;--md:#D9A777}
.podc:hover{transform:translateY(-4px) rotate(-.6deg);border-color:var(--md)}
.podc>.av,.podc>span.av{grid-row:1/4;width:64px!important;height:64px!important;box-shadow:0 0 0 3px #121316,0 0 0 4px var(--md)}
.podc b{font-family:var(--disp);font-stretch:112%;font-size:17px}
.podc .mono{font-size:18px;font-weight:700}
.podc small{font-size:12px;font-family:var(--mono)}
.podc-r{position:absolute;right:16px;top:8px;font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:46px;color:var(--md);opacity:.18;line-height:1}
.podc .lb-spark{position:absolute;right:0;bottom:0;width:55%;height:46%;opacity:.7}
.lb-list{margin-top:18px;padding:8px}
.lrow{display:grid;grid-template-columns:38px 36px 42px minmax(140px,1.2fr) minmax(160px,1.4fr) 80px 120px;gap:14px;align-items:center;width:100%;padding:10px 12px;border:0;border-radius:12px;background:none;color:var(--text);text-align:left;animation:rowUp .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d);transition:background .15s,transform .15s}
.lrow:hover{background:#17171A;transform:translateX(4px)}
@keyframes rowUp{from{opacity:0;transform:translateY(14px)}}
.lr-rank{font-family:var(--disp);font-stretch:125%;font-weight:900;font-size:18px;text-align:center;color:var(--soft)}
.lr-mv{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--faint);text-align:center}
.lr-name{display:flex;flex-direction:column;gap:2px;min-width:0}
.lr-name b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lr-name small{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--faint)}
.lr-bar{position:relative;height:32px;display:flex;align-items:center}
.lr-bar i{position:absolute;left:0;top:50%;height:6px;margin-top:-3px;width:var(--w);border-radius:99px;background:linear-gradient(90deg,#55575E,#F0F0F2);box-shadow:0 0 12px rgba(255,255,255,.15);animation:barGrow 1s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--d) + .2s);transform-origin:left}
.lr-bar i.neg{background:linear-gradient(90deg,#5A2A35,var(--down))}
@keyframes barGrow{from{transform:scaleX(0)}}
.lr-bar .lb-spark{position:absolute;inset:0;opacity:.35}
.lr-chg{font-size:13px;font-weight:700;text-align:right}
.lr-big{font-size:16px;font-weight:700;text-align:right}
@media (max-width:900px){.lb-stage{grid-template-columns:1fr}.champ{flex-direction:column;text-align:center}.champ-info{align-items:center}.champ-sub{justify-content:center}.lrow{grid-template-columns:30px 42px 1fr 100px}.lr-mv,.lr-bar,.lr-chg{display:none}.lb-tabs{overflow-x:auto;max-width:100%}}
.lb-tabs{grid-template-columns:repeat(var(--n),1fr)}.lb-tabs button{padding:0 12px;white-space:nowrap}
/* ===== slim, colour-coded filter bar ===== */
.fbar2{padding:8px;gap:8px;border-radius:14px}
.fb2-row{gap:8px;align-items:stretch;flex-wrap:nowrap}
.fb2-row.sub{padding-top:8px;flex-wrap:wrap;gap:6px}
.fchip.big{min-height:48px;min-width:132px;padding:0 12px;border-radius:11px}
.fchip.big .fc-l{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.fchip.big b{font-size:13px}
.irange{--ac:#F3F0EA;flex:1 1 0;min-width:150px;padding:6px 12px 2px;border-radius:11px;background:#141415;border:1px solid #262627;border-left:3px solid var(--ac)}
.ir-mc{--ac:#5B9BFF}.ir-age{--ac:#B794FF}.ir-prog{--ac:#3DDC97}.ir-tax{--ac:#FFB547}
.irange.on{background:color-mix(in srgb,var(--ac) 9%,#141415);border-color:color-mix(in srgb,var(--ac) 45%,#262627);border-left-color:var(--ac);box-shadow:none}
.ir-h{font-size:11px}
.ir-h span{display:inline-flex;align-items:center;gap:6px;color:var(--soft);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}
.ir-h span i{font-style:normal;width:16px;height:16px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;background:color-mix(in srgb,var(--ac) 22%,transparent);color:var(--ac)}
.ir-h b{font-size:12.5px;color:var(--muted)}
.irange.on .ir-h b{color:var(--ac)}
.dual.sm{height:20px;margin:0}
.dual.sm input[type=range]{height:20px}
.dual.sm input[type=range]::-webkit-slider-runnable-track{height:20px}
.dual.sm input[type=range]::-webkit-slider-thumb{width:14px;height:14px;margin-top:3px;border:2px solid var(--ac);background:#0E0E0F;box-shadow:0 2px 6px rgba(0,0,0,.6)}
.dual.sm input[type=range]::-webkit-slider-thumb:hover{background:var(--ac)}
.dual.sm input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid var(--ac);background:#0E0E0F}
.dual.sm .dual-track{height:3px;margin-top:-1.5px;background:#262627}
.irange .dual-track i{background:var(--ac);box-shadow:0 0 10px color-mix(in srgb,var(--ac) 50%,transparent)}
.irange.ir-tax .dual-track{background:linear-gradient(90deg,rgba(61,220,151,.25),rgba(255,209,92,.25) 45%,rgba(255,154,77,.25) 65%,rgba(242,112,138,.25))}
.irange.ir-tax .dual-track i{background:linear-gradient(90deg,var(--up),var(--yellow) 45%,var(--orange) 65%,var(--pink))}
.fb2-row.sub .ftog{min-height:30px;padding:0 11px;font-size:12px}
.fb2-row.sub .freset{min-height:30px;font-size:12px}
@media (max-width:1000px){.fb2-row{flex-wrap:wrap}.irange{flex:1 1 calc(50% - 8px)}}
/* lanes v2: compact, scrollable, sortable */
.lanes-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.lanes-head,.lane{grid-template-columns:30px 170px minmax(0,1fr) 78px 66px}
.lanes-scroll{max-height:560px;overflow-y:auto;border-radius:16px;scrollbar-width:thin;scrollbar-color:#3A3A3C transparent;cursor:grab;user-select:none;-webkit-user-select:none;position:relative}
.lanes-scroll.dragging{cursor:grabbing}
.lanes-scroll.dragging *{pointer-events:none}
.lanes-scroll::after{content:"";position:sticky;display:block;bottom:0;height:30px;margin-top:-30px;background:linear-gradient(transparent,#121212);pointer-events:none}
.lane{min-height:40px;padding:2px 12px}
.ln-track{height:32px}
.ln-runner .av{width:26px!important;height:26px!important}
.ln-crown{top:-13px;font-size:12px}
.ln-id b{font-size:13px}
.ln-id small{font-size:10px}
.ln-val{font-size:10.5px;transform:translate(19px,-50%)}
.ln-mc{font-size:12px;text-align:right;color:var(--soft)}
.ln-chg{font-size:12px}
.lane-grid{left:calc(12px + 30px + 14px + 170px + 14px);right:calc(12px + 78px + 14px + 66px + 14px + 46px)}
.ln-new{left:calc(12px + 30px + 14px + 128px);top:5px}
@media (max-width:760px){.lanes-head,.lane{grid-template-columns:24px 92px minmax(0,1fr)}.ln-mc,.ln-chg,.lanes-head .r{display:none}.lane-grid{left:calc(12px + 24px + 14px + 92px + 14px);right:calc(12px + 46px)}.lanes-scroll{max-height:460px}}
/* ===== floating glass header ===== */
header{position:sticky;top:10px;z-index:20;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0 24px}
header::after{display:none}
.hdr{max-width:1432px;margin:10px auto 0;min-height:60px;padding:8px 10px 8px 14px;gap:14px;border-radius:18px;background:rgba(16,16,19,.72);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 18px 40px -20px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06);position:relative;overflow:visible}
.hdr::before{content:"";position:absolute;left:10%;right:10%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:scanH 7s linear infinite;pointer-events:none}
.wrap.hdr{padding-left:14px;padding-right:10px}
.brand{gap:11px}
.brand svg{width:38px;height:38px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.7));transition:transform .4s cubic-bezier(.2,1.6,.4,1)}
.brand:hover svg{transform:rotate(-8deg) scale(1.06)}
.brand-name{font-size:18px;letter-spacing:.14em;font-weight:900}
.brand-name span{font-weight:500;background:linear-gradient(180deg,#A9ABB2,#6E7077);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hlive{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:99px;background:rgba(61,220,151,.08);border:1px solid rgba(61,220,151,.25);font-size:11.5px;color:#9FEFCB;margin-left:-4px}
.hlive .livedot,.hlive .livedot::after{background:var(--up)}
.hlive b{color:#fff;font-size:12px}
.navlinks{position:relative;gap:2px;padding:4px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.nav-ind{position:absolute;left:0;top:4px;bottom:4px;border-radius:9px;background:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .35s cubic-bezier(.2,1.2,.4,1),width .35s cubic-bezier(.2,1.2,.4,1),opacity .2s;opacity:0;pointer-events:none}
.navlinks button{position:relative;z-index:1;min-height:36px;padding:0 13px;border-radius:9px;background:none!important;font-size:13.5px}
.navlinks button.on{color:#fff}
.searchbtn{min-height:42px;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.hdr-right .btn{min-height:42px}
.tape{margin-bottom:0}
@media (max-width:720px){header{padding:0 10px}.hlive{display:none}.hdr{min-height:54px}}
/* ===== Paired-with row ===== */
.pairrow{display:flex;align-items:center;gap:10px;padding:2px 2px 10px;margin-bottom:8px;border-bottom:1px solid #222227}
.pr-l{font-size:10px;line-height:1.15;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex:none}
.pr-cats{display:flex;gap:3px;padding:3px;border-radius:12px;background:#111112;border:1px solid #242425;flex:none}
.prc{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border-radius:9px;font-size:12.5px;font-weight:700;color:var(--soft);background:none;border:0;position:relative;transition:background .2s,color .2s}
.prc small{font:600 10.5px 'JetBrains Mono',monospace;color:var(--muted)}
.prc::before{content:"";width:7px;height:7px;border-radius:99px;background:var(--cc);opacity:.55;transition:opacity .2s,box-shadow .2s}
.prc:hover{color:#fff;background:rgba(255,255,255,.04)}
.prc.on{color:#0B0B0B;background:var(--cc);box-shadow:0 4px 16px -4px color-mix(in srgb,var(--cc) 70%,transparent)}
.prc.on small{color:rgba(0,0,0,.55)}
.prc.on::before{background:#0B0B0B;opacity:1}
.pr-rail{flex:1 1 auto;min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px;mask-image:linear-gradient(90deg,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent)}
.pr-rail::-webkit-scrollbar{display:none}
.prp{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px 0 5px;border-radius:99px;background:#151516;border:1px solid #262627;color:var(--soft);font-size:12.5px;transition:transform .18s cubic-bezier(.2,1.6,.4,1),border-color .15s,background .15s}
.prp small{font:600 10.5px 'JetBrains Mono',monospace;color:var(--muted);padding:1px 6px;border-radius:99px;background:rgba(255,255,255,.05)}
.prp:hover{transform:translateY(-2px);border-color:#444446;color:#fff}
.prp.on{background:#F3F0EA;color:#0B0B0B;border-color:#fff;box-shadow:0 6px 18px -6px rgba(255,255,255,.5)}
.prp.on small{background:rgba(0,0,0,.1);color:#333}
.pr-sel{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px 0 6px;border-radius:99px;background:#F3F0EA;color:#0B0B0B;border:0;font-size:12.5px;animation:popIn .3s cubic-bezier(.2,1.6,.4,1)}
.pr-sel span{font-size:15px;opacity:.6}
@keyframes popIn{from{transform:scale(.6);opacity:0}}
.pr-search{position:relative;flex:0 0 230px;display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:11px;background:#111112;border:1px solid #2A2A2B;color:var(--muted);transition:border-color .15s,box-shadow .15s}
.pr-search:focus-within{border-color:#F3F0EA;box-shadow:0 0 0 3px rgba(255,255,255,.07)}
.pr-search svg{width:14px;height:14px;flex:none}
.pr-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:600 13px Manrope,sans-serif}
.pr-drop{position:absolute;right:0;top:calc(100% + 6px);width:300px;z-index:30;padding:6px;border-radius:14px;background:#141417;border:1px solid #2E2E30;box-shadow:0 24px 50px -12px rgba(0,0,0,.85);display:flex;flex-direction:column;gap:2px;animation:popIn .18s ease-out}
.pr-drop .pp-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border-radius:9px;background:none;border:0;text-align:left;color:#fff}
.pr-drop .pp-item:hover,.pr-drop .pp-item:first-child{background:rgba(255,255,255,.06)}
.pr-drop .pp-n{flex:1;display:flex;flex-direction:column;min-width:0}
.pr-drop .pp-n small{color:var(--muted);font-size:11.5px}
.pr-drop .pp-item.empty{opacity:.5}
@media (max-width:1100px){.pairrow{flex-wrap:wrap}.pr-rail{order:5;flex-basis:100%}.pr-search{flex:1 1 200px}.pr-cats{overflow-x:auto;max-width:100%}}

/* ===== tape-measure ranges ===== */
.irange{padding:7px 12px 4px;position:relative;overflow:visible}
.ir-body{position:relative;margin-top:2px}
.ir-hist{height:18px;display:flex;align-items:flex-end;gap:1.5px;padding:0 7px;margin-bottom:-6px}
.ir-hist i{flex:1;border-radius:2px 2px 0 0;background:rgba(255,255,255,.09);transform-origin:bottom;animation:barUp .6s cubic-bezier(.2,1.3,.4,1) both;animation-delay:var(--d);transition:background .2s,opacity .2s}
.ir-hist i.in{background:color-mix(in srgb,var(--ac) 70%,transparent);box-shadow:0 0 8px -2px var(--ac)}
@keyframes barUp{from{transform:scaleY(0)}}
.ir-tax .ir-hist i.in{background:linear-gradient(180deg,var(--yellow),var(--up))}
.irange .dual.sm{position:relative;z-index:2}
.ir-rules{position:relative;height:17px;margin:0 7px}
.ir-rule{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px var(--minor));background-size:100% 4px;background-repeat:no-repeat;background-position:0 0}
.ir-rule em{position:absolute;top:0;width:1px;height:7px;background:rgba(255,255,255,.3);font-style:normal}
.ir-rule em u{position:absolute;top:7px;left:50%;transform:translateX(-50%);text-decoration:none;font:600 8.5px 'JetBrains Mono',monospace;color:#55565D;white-space:nowrap;transition:color .2s}
.ir-rule em:first-child u{transform:none;left:-1px}
.ir-rule em:last-child u{transform:none;left:auto;right:-1px}
.ir-rule.lit{background-image:repeating-linear-gradient(90deg,var(--ac) 0 1px,transparent 1px var(--minor));transition:clip-path .08s linear}
.ir-rule.lit em{background:var(--ac)}
.ir-rule.lit em u{color:#fff}
.ir-rule.lit em.pop u{animation:tickPop .35s cubic-bezier(.2,1.8,.4,1)}
@keyframes tickPop{40%{transform:translateX(-50%) translateY(-3px) scale(1.5);color:var(--ac)}}
.ir-flag{position:absolute;bottom:calc(100% + 18px);transform:translate(-50%,6px) scale(.7);padding:3px 8px;border-radius:7px;background:var(--ac);color:#0B0B0B;font:800 11.5px 'JetBrains Mono',monospace;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .2s cubic-bezier(.2,1.6,.4,1);z-index:5;box-shadow:0 6px 16px -4px color-mix(in srgb,var(--ac) 80%,transparent)}
.ir-flag::after{content:"";position:absolute;left:50%;top:100%;margin-left:-4px;border:4px solid transparent;border-top-color:var(--ac)}
.irange.drag .ir-flag{opacity:1;transform:translate(-50%,0) scale(1)}
.irange.drag{border-color:color-mix(in srgb,var(--ac) 60%,#262627)}
.dual.sm input[type=range]::-webkit-slider-thumb:active{transform:scale(1.35);background:var(--ac);box-shadow:0 0 0 6px color-mix(in srgb,var(--ac) 22%,transparent)}
.pr-drop .pp-item,.pr-drop .pp-item.empty{display:flex!important;flex-direction:row!important;align-items:center;text-align:left;min-height:44px}.pr-drop .pp-item .pp-c{margin-left:auto}
/* calmer: coin dots on the track instead of histogram bars */
.ir-hist{display:none}
.ir-body{margin-top:4px}
.ir-dots{position:absolute;left:7px;right:7px;top:50%;height:0;pointer-events:none;z-index:1}
.ir-dots i{position:absolute;top:-2.5px;width:5px;height:5px;margin-left:-2.5px;border-radius:99px;background:#3A3B42;transition:background .2s,transform .2s,box-shadow .2s}
.ir-dots i.in{background:#fff;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--ac) 70%,transparent);transform:scale(1.15)}
.irange .dual-track i{opacity:.55}
.ir-rule{opacity:.8}
.ir-rule em u{color:#4A4B52}
.ir-rule.lit em u{color:var(--soft)}
.ir-rule.lit em.pop u{animation:tickPop2 .35s cubic-bezier(.2,1.8,.4,1)}
@keyframes tickPop2{40%{scale:1.35;translate:0 -2px;color:var(--ac)}}
.ir-flag{bottom:calc(100% + 6px)}
.ir-dots i{width:4px;height:4px;top:-2px;margin-left:-2px}.ir-dots i.in{background:#F2F2F4;box-shadow:none;transform:none;opacity:.9}
/* =====================================================================
   CHADPAD REBRAND — "Ultraviolet": ink-violet base, violet→magenta→pink brand
   ===================================================================== */
:root{
  --bg:#080808; --bg2:#0E0E0E; --s1:#121212; --s2:#18181A; --s3:#1F1F20;
  --line:#232324; --line2:#2A2A2B;
  --text:#F5F2EC; --soft:#D6D1C9; --muted:#8F8B85; --faint:#7A766F;
  --ice:#E6D3AE; --ice-d:#A39C92; --gem:#C9B8A0;
  --v1:#D8C3A0; --v2:#C9AE80; --v3:#E8D9B8;
  --brand:linear-gradient(120deg,#D8C3A0 0%,#C9AE80 52%,#E8D9B8 100%);
}
body{background:var(--bg)}
body::before{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px)}
body::after{width:1200px;height:600px;top:-320px;background:radial-gradient(closest-side,rgba(216,195,160,.22),rgba(201,174,128,.08) 55%,transparent)}
::selection{background:#D8C3A0;color:#fff}
.btn.pri{background:var(--brand);background-size:160% 100%;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 10px 28px -10px rgba(201,174,128,.75);transition:background-position .4s,transform .12s,box-shadow .2s}
.btn.pri:hover{background-position:100% 0;box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 14px 34px -10px rgba(232,217,184,.8);filter:none}
.btn.sec{background:rgba(255,255,255,.04);border:1px solid var(--line2)}

/* ---- animated logo: chevrons launching upward forever ---- */
.logo{--ls:36px;width:var(--ls);height:var(--ls);border-radius:calc(var(--ls)*.3);display:inline-block;flex:none;position:relative;overflow:hidden;
  background:var(--brand);background-size:220% 220%;animation:lgBg 6s ease-in-out infinite;box-shadow:0 0 0 1px rgba(255,255,255,.14) inset,0 6px 18px -6px rgba(201,174,128,.8)}
.logo svg{position:absolute;inset:0;width:100%!important;height:100%!important;filter:none!important;transform:none!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 8%,#000 34%,#000 70%,transparent 94%);mask-image:linear-gradient(to bottom,transparent 8%,#000 34%,#000 70%,transparent 94%)}
.lg-rise{animation:lgRise 1.5s linear infinite}
.logo::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%);animation:lgShine 4.5s ease-in-out infinite}
.brand:hover .lg-rise{animation-duration:.5s}
@keyframes lgRise{to{transform:translateY(-14px)}}
@keyframes lgBg{50%{background-position:100% 100%}}
@keyframes lgShine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.foot .logo,footer .logo{--ls:22px}
.wm .logo{--ls:20px}

/* ---- compact header ---- */
.tape{height:28px;border-bottom:1px solid var(--line);background:rgba(8,8,8,.9)}
.tape-item{font-size:12px;min-height:28px}
.tape-item .av,.tape-item svg{width:16px!important;height:16px!important}
header{position:sticky;top:0;z-index:20;padding:0;background:rgba(8,8,8,.78);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border-bottom:1px solid var(--line)}
header::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--brand);opacity:.55;transform-origin:left;animation:hdrLine 8s ease-in-out infinite}
@keyframes hdrLine{0%,100%{clip-path:inset(0 70% 0 0)}50%{clip-path:inset(0 0 0 70%)}}
.hdr,.wrap.hdr{max-width:1480px;margin:0 auto;min-height:54px;padding:0 24px;border-radius:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;gap:12px}
.hdr::before{display:none}
.brand{gap:10px}
.brand .logo{--ls:34px}
.brand-name{font-family:Archivo,sans-serif;font-stretch:125%;font-size:19px;font-weight:900;letter-spacing:.06em;transform:skewX(-9deg);
  background:linear-gradient(100deg,#fff 0%,#fff 40%,#E6D3AE 50%,#fff 60%,#fff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:wmShine 5s linear infinite}
.brand-name span{font-weight:900;background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@keyframes wmShine{from{background-position:120% 0}to{background-position:-130% 0}}
.hlive{padding:3px 9px 3px 7px;font-size:11px}
.navlinks{padding:3px;border-radius:11px;background:transparent;border:0}
.navlinks button{min-height:32px;font-size:13.5px;color:var(--muted)}
.navlinks button:hover,.navlinks button.on{color:#fff}
.nav-ind{top:3px;bottom:3px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.searchbtn{min-height:36px;border-radius:10px;font-size:13px}
.hdr-right .btn{min-height:36px;padding:0 14px;font-size:13.5px;border-radius:10px}
.hdr-right .wpill{min-height:36px}

/* ---- compact intro: slogan | rotating Top Chad | just launched ---- */
.intro2{display:none!important}
.intro3{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.95fr);gap:16px;align-items:stretch;margin:16px 0 20px;padding:18px;border-radius:20px;
  background:linear-gradient(135deg,rgba(216,195,160,.14),rgba(18,18,18,.6) 45%,rgba(232,217,184,.08));border:1px solid rgba(255,255,255,.14)}
.intro3 .aurora{position:absolute;inset:-40%;pointer-events:none;z-index:0;filter:blur(50px);opacity:.75}
.intro3 .aurora span{position:absolute;border-radius:50%;animation:aur 14s ease-in-out infinite alternate}
.intro3 .aurora .a1{width:40%;height:60%;left:15%;top:20%;background:rgba(216,195,160,.35)}
.intro3 .aurora .a2{width:35%;height:55%;left:50%;top:30%;background:rgba(201,174,128,.22);animation-delay:-5s}
.intro3 .aurora .a3{width:30%;height:45%;left:70%;top:15%;background:rgba(232,217,184,.18);animation-delay:-9s}
@keyframes aur{to{transform:translate(12%,-10%) scale(1.15)}}
.intro3>*{position:relative;z-index:1}
.i3-l{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:4px 6px}
.i3-kick{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.i3-kick b{color:#fff;font-family:var(--mono);font-size:12px}
.i3-kick i{font-style:normal;opacity:.4}
.i3-h{margin:0;font-family:Archivo,sans-serif;font-stretch:125%;font-weight:900;font-size:clamp(26px,2.6vw,38px);line-height:1.02;letter-spacing:-.01em}
.i3-h span{display:inline-block;animation:wordIn .7s cubic-bezier(.2,1.2,.4,1) both;animation-delay:calc(var(--k)*.12s)}
.i3-h span:last-child{background:var(--brand);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:wordIn .7s cubic-bezier(.2,1.2,.4,1) both .24s,brandFlow 4s ease-in-out infinite alternate}
@keyframes wordIn{from{opacity:0;transform:translateY(14px) skewY(4deg)}}
@keyframes brandFlow{to{background-position:100% 0}}
.i3-p{margin:0;font-size:13.5px;color:var(--soft);line-height:1.5;max-width:460px}
.i3-p b{color:#fff}
.i3-cta{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}
.i3-cta .btn{min-height:38px;font-size:13.5px;padding:0 14px}
/* Top Chad */
.tc{position:relative;border-radius:16px;background:rgba(14,14,14,.72);border:1px solid rgba(255,255,255,.16);overflow:hidden;transition:opacity .26s,transform .26s}
.tc.out{opacity:0;transform:translateY(8px) scale(.98)}
.tc::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ang,0deg),transparent 0 70%,#C9AE80 82%,#E8D9B8 90%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:tcSpin 4s linear infinite;pointer-events:none}
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes tcSpin{to{--ang:360deg}}
.tc-in{width:100%;height:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;background:none;border:0;text-align:left;color:#fff}
.tc-av{position:relative;flex:none;border-radius:50%;box-shadow:0 0 0 2px #C9AE80,0 0 24px -2px rgba(201,174,128,.8);animation:tcFloat 3s ease-in-out infinite}
.tc-av .av{display:block}
.tc-crown{position:absolute;top:-15px;left:50%;transform:translateX(-50%) rotate(-8deg);font-style:normal;font-size:20px;color:#FFD15C;text-shadow:0 2px 8px rgba(255,209,92,.6)}
@keyframes tcFloat{50%{transform:translateY(-4px)}}
.tc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tc-k{font:800 10px var(--mono);letter-spacing:.14em;color:#E6D3AE}
.tc-k b{color:#fff}
.tc-n{font-size:17px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-row{display:flex;gap:10px;font-size:13px}
.tc-bar{height:5px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:3px}
.tc-bar i{display:block;height:100%;border-radius:inherit;background:var(--brand)}
.tc-side{display:flex;flex-direction:column;align-items:stretch;gap:6px;flex:none}
.tc-pair{display:flex;align-items:center;gap:6px;padding:4px 9px 4px 4px;border-radius:99px;background:rgba(255,255,255,.06);font-size:12.5px}
.tc-side .tax{display:flex;flex-direction:column;align-items:center;padding:5px 10px;border-radius:10px;color:#0B0B0B}
.tc-side .tax small{font-size:9px;font-weight:800;letter-spacing:.1em}
.tc-side .tax b{font-size:20px;line-height:1}
.tc-timer{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--brand);transform-origin:left;animation:tcT 5s linear infinite}
@keyframes tcT{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.intro3 .i2-live{margin:0;padding:10px 12px;border-radius:16px;background:rgba(14,14,14,.72);border:1px solid rgba(255,255,255,.12)}
.intro3 .i2-lh{margin-bottom:4px}
.intro3 .i2-row{padding:5px 4px;min-height:0}
.intro3 .i2-row .av{width:28px!important;height:28px!important}
.intro3 .i2-stats{display:none}
@media (max-width:1100px){.intro3{grid-template-columns:1fr 1fr}.i3-l{grid-column:1/-1}}
@media (max-width:700px){.intro3{grid-template-columns:1fr;padding:14px}.intro3 .i2-live{display:none}}

/* ---- step filters ---- */
.irange.sf{padding:7px 8px 8px 11px;display:flex;flex-direction:column;gap:6px;min-width:0}
.sf-bar{display:flex;gap:2px;padding:2px;border-radius:9px;background:rgba(0,0,0,.28);touch-action:none;user-select:none;-webkit-user-select:none}
.sf-b{flex:1 1 0;min-width:0;min-height:26px;padding:0 2px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:700 11.5px Manrope,sans-serif;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s,border-radius .18s,transform .15s}
.sf-b:hover{background:rgba(255,255,255,.06);color:#fff}
.sf-b.on{background:color-mix(in srgb,var(--ac) 30%,transparent);color:#fff;border-radius:2px}
.sf-b.on.s0{border-top-left-radius:7px;border-bottom-left-radius:7px}
.sf-b.on.s1{border-top-right-radius:7px;border-bottom-right-radius:7px}
.sf-b.on.s0.s1{background:var(--ac);color:#0B0B0B}
.ir-tax .sf-b{position:relative}
.ir-tax .sf-b::before{content:"";position:absolute;left:50%;bottom:3px;width:10px;height:2px;margin-left:-5px;border-radius:2px;background:var(--tc);opacity:.7}
.ir-tax .sf-b.on{background:color-mix(in srgb,var(--tc) 32%,transparent)}
.ir-tax .sf-b.on.s0.s1{background:var(--tc);color:#0B0B0B}
.ir-tax .sf-b.on::before{opacity:0}
.irange.bump .sf-bar{animation:sfBump .3s cubic-bezier(.2,1.6,.4,1)}
@keyframes sfBump{40%{transform:scale(1.02)}}
.irange.sf .ir-h b{font-family:var(--mono)}
@media (max-width:1000px){.irange.sf{flex:1 1 calc(50% - 8px)}}
@media (max-width:560px){.irange.sf{flex:1 1 100%}}
/* Top Chad socials */
.tc{display:flex;flex-direction:column}
.tc-in{cursor:pointer;flex:1}
.tc .soc{display:flex;gap:6px;padding:0 16px 12px;margin:0}
.tc .soc .sbtn2{min-height:28px;padding:0 10px;font-size:12px;border-radius:8px;flex:1;justify-content:center}
.tc .soc .sbtn2 svg{width:13px;height:13px}

/* ===== The Climb: vertical tower race ===== */
.race.tw .m-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.tw-ctrl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tw-wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px}
.tw-panel{border-radius:16px;background:rgba(10,9,17,.6);border:1px solid var(--line);padding:12px 12px 6px;min-width:0}
.tw-panel.moon{background:linear-gradient(180deg,rgba(216,195,160,.12),rgba(10,9,17,.6) 60%);border-color:rgba(255,255,255,.18)}
.tw-ph{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px;padding:0 4px}
.tw-ph b{font-size:15px;font-weight:800}
.tw-ph div span{margin-left:8px;font-size:11px;padding:2px 7px;border-radius:99px;background:rgba(255,255,255,.07);color:var(--soft)}
.tw-ph small{color:var(--muted);font-size:11.5px}
.tw-stage{position:relative;padding-left:46px}
.tw-grid{position:absolute;left:0;right:0;top:34px;height:250px;pointer-events:none}
.tw-grid i,.tw-fin,.tw-start{position:absolute;left:46px;right:0;height:0;border-top:1px dashed rgba(255,255,255,.08)}
.tw-grid u{position:absolute;left:-46px;top:-7px;width:42px;text-align:right;text-decoration:none;font:700 9.5px var(--mono);color:var(--muted)}
.tw-fin{bottom:100%;border-top:2px solid transparent;border-image:repeating-linear-gradient(90deg,#fff 0 6px,#111 6px 12px) 1}
.tw-fin u{color:#fff;font-size:9px;left:auto;right:0;top:-15px;width:auto}
.moon .tw-fin{border-image:linear-gradient(90deg,transparent,#E6D3AE,transparent) 1}
.tw-start{bottom:0;border-top-style:solid;border-top-color:rgba(255,255,255,.14)}
.tw-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#3A3A3C transparent;cursor:grab;padding-top:34px}
.tw-scroll:active{cursor:grabbing}
.tw-row{display:flex;gap:4px;width:max-content;padding:0 6px 4px}
.tw-col{width:58px;flex:none;display:flex;flex-direction:column;align-items:center;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.tw-col.enter{animation:twIn .6s cubic-bezier(.2,1.4,.4,1)}
@keyframes twIn{from{opacity:0;transform:translateY(20px) scale(.8)}}
.tw-lane{position:relative;width:100%;height:250px}
.tw-lane::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;border-radius:99px;background:rgba(255,255,255,.04)}
.tw-trail{position:absolute;left:50%;bottom:0;width:4px;margin-left:-2px;border-radius:99px;background:linear-gradient(0deg,rgba(216,195,160,.15),#D8C3A0 70%,#C9AE80);transition:height .9s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px -2px rgba(201,174,128,.6)}
.moon .tw-trail{background:linear-gradient(0deg,rgba(232,217,184,.15),#C9AE80 60%,#E8D9B8)}
.tw-run{position:absolute;left:50%;transform:translate(-50%,50%);padding:0;border:0;background:none;border-radius:50%;transition:bottom .9s cubic-bezier(.2,.8,.2,1);z-index:2}
.tw-run .av{display:block;border-radius:50%;box-shadow:0 0 0 2px #0B0B0B,0 0 0 3px rgba(255,255,255,.4),0 6px 14px rgba(0,0,0,.6);transition:transform .2s}
.tw-run:hover .av{transform:scale(1.18)}
.tw-col.lead .tw-run .av{box-shadow:0 0 0 2px #0B0B0B,0 0 0 3.5px #FFD15C,0 0 20px rgba(255,209,92,.5)}
.tw-crown{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-style:normal;font-size:16px;color:#FFD15C;text-shadow:0 2px 6px rgba(255,209,92,.6)}
.tw-val{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:9.5px;font-weight:700;color:#fff;white-space:nowrap;padding:1px 5px;border-radius:5px;background:rgba(0,0,0,.55)}
.tw-col.lead .tw-val{bottom:calc(100% + 18px)}
.tw-run.up-hit .av{animation:hitUp .5s}
.tw-run.down-hit .av{animation:hitDn .5s}
@keyframes hitUp{30%{box-shadow:0 0 0 2px #0B0B0B,0 0 0 5px var(--up),0 0 22px var(--up)}}
@keyframes hitDn{30%{box-shadow:0 0 0 2px #0B0B0B,0 0 0 5px var(--down),0 0 22px var(--down)}}
.tw-lab{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:8px;padding:5px 2px;width:100%;border:0;border-radius:8px;background:none;color:#fff}
.tw-lab:hover{background:rgba(255,255,255,.05)}
.tw-lab b{font-size:10.5px;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw-lab small{display:flex;align-items:center;gap:3px;font:600 9.5px var(--mono);color:var(--muted)}
.tw-lab em{font-style:normal;font-size:9.5px;font-weight:700}
.tw-new{position:absolute;top:-6px;font-style:normal;font:800 8px var(--mono);padding:1px 4px;border-radius:4px;background:var(--up);color:#04140C}
@media (max-width:1000px){.tw-wrap{grid-template-columns:1fr}}
/* fix: step bar height */
.irange.sf .sf-bar{flex:none;height:auto;min-height:30px;margin:0;position:static}
.irange.sf{height:auto;min-height:0}
.tw-scroll{padding-top:46px}.tw-grid{top:46px}
/* header watchlist button */
.wl-btn{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 11px;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--soft);transition:border-color .15s,background .15s,transform .15s}
.wl-btn:hover{border-color:#FFD15C;color:#fff;transform:translateY(-1px)}
.wl-btn.on{border-color:#FFD15C;background:rgba(255,209,92,.1)}
.wl-btn b{font-size:12px;color:#FFD15C}
/* watchlist page */
.wl{padding-top:20px;padding-bottom:60px}
.wl-head{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.wl-h{display:flex;align-items:center;gap:12px;margin:0;font-family:Archivo,sans-serif;font-stretch:125%;font-weight:900;font-size:30px}
.wl-h .mono{font-size:14px;padding:3px 10px;border-radius:99px;background:rgba(255,209,92,.12);color:#FFD15C}
.wl-star svg{width:28px;height:28px;filter:drop-shadow(0 0 12px rgba(255,209,92,.6));animation:wlSpin 6s ease-in-out infinite}
@keyframes wlSpin{0%,80%,100%{transform:rotate(0)}88%{transform:rotate(72deg) scale(1.15)}}
.wl-clear{margin-left:auto;min-height:38px}
.wl-clear.sure{border-color:var(--down);color:var(--down);background:rgba(242,112,138,.08)}
.wl-list{border-radius:18px;border:1px solid var(--line);background:rgba(18,18,18,.6);overflow:hidden}
.wl-cols,.wl-row{display:grid;grid-template-columns:minmax(200px,1.6fr) 140px 64px 110px 90px 120px 130px 150px;align-items:center;gap:14px;padding:0 18px}
.wl-cols{min-height:40px;font:700 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.wl-cols .r,.wl-row .r{text-align:right}
.wl-row{min-height:72px;border-bottom:1px solid var(--line);animation:wlIn .45s cubic-bezier(.2,1.2,.4,1) both;animation-delay:calc(var(--i)*45ms);transition:opacity .3s,transform .3s,background .15s}
.wl-row:last-child{border-bottom:0}
.wl-row:hover{background:rgba(255,255,255,.04)}
.wl-row.bye{opacity:0;transform:translateX(40px) scale(.97)}
@keyframes wlIn{from{opacity:0;transform:translateY(10px)}}
.wl-coin{display:flex;align-items:center;gap:12px;background:none;border:0;padding:0;text-align:left;color:#fff;min-width:0}
.wl-coin span{display:flex;flex-direction:column;min-width:0}
.wl-coin b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wl-coin small{color:var(--muted);font-size:11.5px}
.wl-pair{display:flex;align-items:center;gap:7px;font-size:13px}
.wl-tax{display:inline-flex;justify-content:center;padding:5px 8px;border-radius:9px;color:#0B0B0B;width:max-content}
.wl-tax b{font-size:14px}
.wl-mc{font-size:14px;font-weight:700}
.wl-spark{width:120px;height:34px}
.wl-prog{display:flex;align-items:center;gap:8px}
.wl-prog i{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.wl-prog u{display:block;height:100%;background:var(--brand);border-radius:inherit}
.wl-prog small{font-size:11px;color:var(--soft)}
.wl-prog em{font-style:normal;font:800 10.5px var(--mono);color:var(--up);padding:3px 8px;border-radius:6px;background:rgba(61,220,151,.1)}
.wl-act{display:flex;gap:8px;justify-content:flex-end}
.wl-act .btn{min-height:36px;padding:0 14px;font-size:13px}
.wl-x{width:36px;height:36px;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--muted);font-size:13px;transition:all .15s}
.wl-x:hover{border-color:var(--down);color:var(--down);background:rgba(242,112,138,.1);transform:rotate(90deg)}
.wl-empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:50px 20px;border-radius:20px;border:1px dashed var(--line2)}
.wl-big svg{width:64px;height:64px;color:#FFD15C;animation:tcFloat 3s ease-in-out infinite}
.wl-empty>b{font-size:20px}
.wl-sug{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;width:100%;max-width:1000px;margin:14px 0}
.wl-sc{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--s1);border:1px solid var(--line);text-align:left}
.wl-sc span{flex:1;display:flex;flex-direction:column;min-width:0}
.wl-sc small{color:var(--muted);font-size:11px}
.wl-sc .btn{min-height:32px;font-size:12.5px;padding:0 11px}
@media (max-width:1100px){.wl-cols{display:none}.wl-row{grid-template-columns:1fr auto auto;grid-template-areas:"coin tax act" "pair mc chg";padding:12px 14px;row-gap:8px}
 .wl-coin{grid-area:coin}.wl-tax{grid-area:tax}.wl-act{grid-area:act}.wl-pair{grid-area:pair}.wl-mc{grid-area:mc}.wl-row>.r:nth-of-type(5){grid-area:chg}.wl-spark,.wl-prog{display:none}}
.wl-coin small span{display:inline!important}.wl-sc b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:720px){
 .hdr,.wrap.hdr{padding:0 12px;gap:8px}
 .brand-name{font-size:16px}
 .hdr-right{gap:6px}
 .hdr-right .btn.pri{display:none}
 .hdr-right .btn.sec,.hdr-right .btn{padding:0 10px;font-size:12.5px}
 .toolbar .seg{max-width:100%;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
 .toolbar .seg::-webkit-scrollbar{display:none}
 .toolbar .seg button{white-space:nowrap}
}
/* ===================== (old mascot logo) ===================== */
.logo .lg-rise{display:none}
.logo svg{-webkit-mask-image:none!important;mask-image:none!important;overflow:visible}
.logo::after{animation-duration:6s}
.mz-body{transform-origin:32px 50px;animation:mzBounce 2.4s cubic-bezier(.3,1.4,.5,1) infinite}
.mz-eyes{transform-origin:32px 13px;animation:mzBlink 4.2s infinite,mzHop 2.4s cubic-bezier(.3,1.4,.5,1) infinite}
.mz-pup{animation:mzLook 6s ease-in-out infinite}
@keyframes mzBounce{0%,100%{transform:scale(1,1)}12%{transform:scale(1.08,.88)}26%{transform:scale(.95,1.06)}40%{transform:scale(1,1)}}
@keyframes mzHop{0%,100%{translate:0 0}12%{translate:0 3px}26%{translate:0 -3px}40%{translate:0 0}}
@keyframes mzBlink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.1)}}
@keyframes mzLook{0%,20%{transform:translate(0,0)}30%,45%{transform:translate(-2.4px,-.6px)}55%,70%{transform:translate(1.6px,1px)}80%,100%{transform:translate(0,0)}}
.brand:hover .mz-pup{animation:none;transform:translate(1.5px,1.5px)}
.brand:hover .mz-body{animation-duration:.8s}
.brand-name{transform:none;font-stretch:112%;font-weight:900;font-size:23px;letter-spacing:-.02em;text-transform:none;line-height:1}
.brand-name span{font-weight:900}
/* draggable range window over the steps */
.sf-bar{position:relative;cursor:pointer}
.sf-b{position:relative;z-index:2;pointer-events:none}
.sf-b.in{color:#fff}
.sf-b.on,.sf-b.on.s0.s1{background:transparent!important;color:inherit}
.ir-tax .sf-b.in{color:#fff}
.sf-win{position:absolute;top:2px;bottom:2px;z-index:1;border-radius:7px;background:color-mix(in srgb,var(--ac) 26%,transparent);box-shadow:inset 0 0 0 1.5px var(--ac),0 4px 14px -6px var(--ac);cursor:grab;transition:left .22s cubic-bezier(.2,1.3,.4,1),width .22s cubic-bezier(.2,1.3,.4,1),background .2s,box-shadow .2s}
.ir-tax .sf-win{background:linear-gradient(90deg,rgba(61,220,151,.22),rgba(255,209,92,.22),rgba(242,112,138,.22));box-shadow:inset 0 0 0 1.5px var(--ac)}
.sf-win.any{background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.sf-bar.drag .sf-win{cursor:grabbing;background:color-mix(in srgb,var(--ac) 34%,transparent)}
.sf-h{position:absolute;top:50%;width:10px;height:22px;margin-top:-11px;border-radius:5px;background:var(--ac);cursor:ew-resize;z-index:3;box-shadow:0 2px 8px rgba(0,0,0,.6),0 0 0 2px #0B0B0B;transition:transform .15s}
.sf-h::after{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:2px;margin-left:-1px;border-radius:2px;background:rgba(0,0,0,.4)}
.sf-h.h0{left:-5px}.sf-h.h1{right:-5px}
.sf-h:hover,.sf-bar.drag .sf-h{transform:scaleY(1.15)}
.sf-win.any .sf-h{background:#55524D}
.ir-tax .sf-b::before{z-index:-1}
.irange.sf .sf-bar{overflow:visible;margin:0 4px}
.irange.sf .sf-bar{position:relative!important}
/* ===== The Climb — airy / organic ===== */
.race.tw{background:radial-gradient(120% 80% at 20% 0%,rgba(216,195,160,.10),transparent 60%),radial-gradient(90% 70% at 90% 10%,rgba(232,217,184,.07),transparent 60%),var(--s1);border-color:rgba(255,255,255,.10)}
.tw-wrap{gap:28px}
.tw-panel,.tw-panel.moon{background:none;border:0;padding:0;position:relative}
.tw-panel.moon::before{content:"";position:absolute;inset:30px 0 0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(1px 1px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 38% 12%,#fff,transparent),radial-gradient(1.5px 1.5px at 66% 30%,#fff,transparent),radial-gradient(1px 1px at 84% 18%,#fff,transparent),radial-gradient(1px 1px at 52% 46%,#fff,transparent),radial-gradient(1px 1px at 22% 58%,#fff,transparent),radial-gradient(1px 1px at 90% 52%,#fff,transparent);animation:twinkle 5s ease-in-out infinite alternate}
@keyframes twinkle{to{opacity:.2}}
.tw-moonorb{position:absolute;right:6%;top:18px;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF6E0,#F3D9A4 45%,#B98F5A);box-shadow:0 0 40px 10px rgba(255,220,160,.25),0 0 90px 30px rgba(201,174,128,.15);pointer-events:none;animation:tcFloat 6s ease-in-out infinite;z-index:0}
.tw-ph{margin-bottom:0;padding:0 2px}
.tw-ph b{font-size:16px}
.tw-ph small{font-size:11px;opacity:.7}
.tw-stage{padding-left:0}
.tw-grid i{left:0;border-top:1px solid rgba(255,255,255,.035)}
.tw-grid u{left:4px;top:-14px;width:auto;text-align:left;font-size:9px;color:rgba(255,255,255,.28);font-weight:600}
.tw-start{display:none}
.tw-fin,.moon .tw-fin{left:0;height:0;border:0;border-image:none}
.tw-fin::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7) 20%,#fff 50%,rgba(232,217,184,.7) 80%,transparent);box-shadow:0 0 18px 2px rgba(201,174,128,.45)}
.tw-fin::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(180deg,transparent,rgba(201,174,128,.10));pointer-events:none}
.tw-fin u{position:absolute;right:auto;left:50%;transform:translateX(-50%);top:-24px;font:700 10px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;padding:3px 10px;border-radius:99px;background:rgba(201,174,128,.25);backdrop-filter:blur(6px);white-space:nowrap}
.tw-scroll{scrollbar-width:none;padding-top:54px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 95%,transparent)}
.tw-scroll::-webkit-scrollbar{display:none}
.tw-grid{top:54px}
.tw-row{gap:10px;padding:0 18px 4px}
.tw-col{width:62px}
.tw-lane::before{display:none}
.tw-trail{width:2px;margin-left:-1px;background:linear-gradient(0deg,transparent,rgba(216,195,160,.55) 45%,#E6D3AE);box-shadow:none}
.tw-trail::before{content:"";position:absolute;left:50%;bottom:0;top:0;width:18px;margin-left:-9px;border-radius:99px;background:linear-gradient(0deg,transparent,rgba(201,174,128,.18));filter:blur(6px)}
.moon .tw-trail{background:linear-gradient(0deg,transparent,rgba(232,217,184,.5) 45%,#F4ECDA)}
.tw-run .av{transform:scale(var(--s,1));box-shadow:0 0 0 2px rgba(10,10,10,.9),0 10px 24px -6px rgba(0,0,0,.8),0 0 22px -4px rgba(201,174,128,.55);animation:twBob 3.4s ease-in-out infinite;animation-delay:var(--bob,0s)}
.tw-run:hover .av{transform:scale(calc(var(--s,1)*1.2))}
@keyframes twBob{50%{translate:0 -5px}}
.tw-col.lead .tw-run .av{box-shadow:0 0 0 2px rgba(10,10,10,.9),0 0 0 4px #FFD15C,0 0 30px rgba(255,209,92,.55)}
.tw-val{background:none;font-size:10.5px;color:rgba(255,255,255,.85);bottom:calc(100% + 6px + (var(--s,1) - 1) * 18px);text-shadow:0 1px 6px rgba(0,0,0,.9)}
.tw-crown{top:calc(-16px - (var(--s,1) - 1) * 18px)}
.tw-col.lead .tw-val{bottom:calc(100% + 20px + (var(--s,1) - 1) * 18px)}
.tw-lab{margin-top:10px;gap:2px;padding:4px 2px}
.tw-lab b{display:flex;align-items:center;gap:4px;font-size:11.5px;max-width:62px}
.tw-lab b .coin,.tw-lab b img,.tw-lab b svg{flex:none}
.tw-lab em{font-size:10.5px}
.tw-lab small{display:none}
.tw-ctrl .seg.sm{background:rgba(255,255,255,.03);border-color:transparent}
.tw-col{width:70px}.tw-lab b{max-width:70px;font-size:11px}.tw-lab b span:last-child{overflow:hidden;text-overflow:ellipsis}
/* ===== snap range slider ===== */
.irange.rsx{padding:8px 14px 6px 13px;display:flex;flex-direction:column;gap:2px}
.rs{position:relative;padding:0 9px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}
.rs-rail{position:relative;height:26px}
.rs-track{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:99px;background:rgba(255,255,255,.08)}
.rs-fill{position:absolute;top:0;bottom:0;left:var(--a);right:calc(100% - var(--b));border-radius:inherit;background:var(--ac);box-shadow:0 0 12px -1px var(--ac);transition:left .25s cubic-bezier(.2,1.4,.4,1),right .25s cubic-bezier(.2,1.4,.4,1)}
.ir-tax .rs-fill{background:linear-gradient(90deg,#3DDC97,#FFD15C 45%,#FF9A4D 65%,#F2708A);background-size:calc(100% / max(.01, (var(--b) - var(--a)) / 100%)) 100%}
.ir-tax .rs-track{background:linear-gradient(90deg,rgba(61,220,151,.18),rgba(255,209,92,.18),rgba(242,112,138,.18))}
.rs-dot{position:absolute;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:99px;background:rgba(255,255,255,.22)}
.rs-h{position:absolute;top:50%;left:var(--a);width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px var(--ac),0 4px 12px rgba(0,0,0,.6);cursor:grab;z-index:3;transition:left .25s cubic-bezier(.2,1.4,.4,1),transform .15s,box-shadow .15s}
.rs-h.h1{left:var(--b)}
.rs-h em{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px) scale(.8);padding:3px 8px;border-radius:7px;background:var(--ac);color:#0B0B0B;font:800 11.5px var(--mono);font-style:normal;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .2s cubic-bezier(.2,1.6,.4,1)}
.rs-h em::after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border:4px solid transparent;border-top-color:var(--ac)}
.rs:hover .rs-h{box-shadow:0 0 0 3px var(--ac),0 0 0 7px color-mix(in srgb,var(--ac) 18%,transparent),0 4px 12px rgba(0,0,0,.6)}
.rs.drag .rs-h,.rs.drag .rs-fill{transition:none}
.rs.drag.w0 .h0,.rs.drag.w1 .h1{transform:scale(1.2);cursor:grabbing;z-index:4}
.rs.drag.w0 .h0 em,.rs.drag.w1 .h1 em{opacity:1;transform:translate(-50%,0) scale(1)}
.rs-labs{position:relative;height:15px}
.rs-t{position:absolute;top:0;transform:translateX(-50%);font:600 10px var(--mono);color:rgba(255,255,255,.32);white-space:nowrap;transition:color .2s,transform .2s}
.rs-t.in{color:#fff;font-weight:800}
.ir-tax .rs-t.in{color:var(--tc)}
.irange.rsx .ir-h b{font-family:var(--mono);font-size:12.5px}
/* ===================== THE MEME LAB ===================== */
.race.lab{padding:22px 22px 18px;background:radial-gradient(80% 60% at 15% 0%,rgba(216,195,160,.12),transparent 60%),radial-gradient(70% 60% at 95% 0%,rgba(232,217,184,.09),transparent 60%),var(--s1);border-color:rgba(255,255,255,.1);overflow:hidden}
.lab-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.lab-title{font-size:30px;margin:6px 0 4px}
.lab-sub{margin:0;max-width:560px;line-height:1.5}
.lab-sub b{color:#fff}
.lab-legend{display:flex;gap:8px;flex-wrap:wrap}
.lab-legend span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--soft)}
.lab-legend i{font-style:normal;color:#E6D3AE}
.lab-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) 76px minmax(0,1fr);height:440px}
.lab-zone{position:relative;display:flex;flex-direction:column;min-width:0}
.lz-lab{display:flex;align-items:baseline;gap:8px;padding:0 4px 10px;z-index:2}
.lz-lab b{font-size:17px;font-weight:800}
.lz-lab .mono{font-size:11px;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.07);color:var(--soft)}
.lz-lab small{color:var(--muted);font-size:11.5px;margin-left:auto}
/* flask */
.flask{position:relative;flex:1;border-radius:26px 26px 34px 34px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18),inset 14px 0 30px -18px rgba(255,255,255,.25),inset -10px 0 30px -20px rgba(255,255,255,.12)}
.flask::after{content:"";position:absolute;left:16px;top:30px;bottom:30px;width:10px;border-radius:99px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));pointer-events:none}
.liquid{position:absolute;left:0;right:0;bottom:0;top:8%;background:linear-gradient(180deg,rgba(216,195,160,.30),rgba(60,52,40,.22) 40%,rgba(14,13,11,.35));animation:slosh 7s ease-in-out infinite}
@keyframes slosh{50%{top:7%}}
.wave{position:absolute;left:0;top:-10px;width:200%;height:20px;fill:rgba(216,195,160,.38);animation:waveX 5s linear infinite}
@keyframes waveX{to{transform:translateX(-50%)}}
.micro i{position:absolute;bottom:-10px;width:var(--z);height:var(--z);border-radius:50%;border:1px solid rgba(240,228,205,.5);background:rgba(255,255,255,.08);animation:rise var(--d) linear infinite;animation-delay:var(--dl)}
@keyframes rise{to{transform:translate(8px,-430px);opacity:0}}
.lvl i{position:absolute;left:0;right:0;height:0;border-top:1px dashed rgba(255,255,255,.07)}
.lvl u{position:absolute;right:12px;top:-15px;text-decoration:none;font:600 10px var(--mono);color:rgba(255,255,255,.3)}
.neck{position:absolute;left:0;right:0;top:0;height:8%;display:flex;align-items:center;justify-content:center;border-bottom:2px solid rgba(255,209,92,.55);box-shadow:0 2px 18px -4px rgba(255,209,92,.5);background:linear-gradient(180deg,rgba(255,209,92,.08),transparent)}
.neck span{font:800 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#FFD15C}
/* pipe */
.lab-pipe{position:relative;margin-top:30px}
.lab-pipe svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lab-pipe .p0{fill:none;stroke:rgba(255,255,255,.14);stroke-width:12;stroke-linecap:round}
.lab-pipe .p1{fill:none;stroke:#FFD15C;stroke-width:3;stroke-linecap:round;stroke-dasharray:2 16;animation:flow 1.2s linear infinite;filter:drop-shadow(0 0 4px #FFD15C)}
@keyframes flow{to{stroke-dashoffset:-18}}
.lab-pipe>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);font:800 9px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,209,92,.6);white-space:nowrap}
/* sky */
.sky{position:relative;flex:1;border-radius:26px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,rgba(232,217,184,.20),rgba(216,195,160,.10) 45%,rgba(8,8,8,.2) 80%);box-shadow:inset 0 0 0 1.5px rgba(232,217,184,.16)}
.sky .stars{position:absolute;inset:0;opacity:.6;background-image:radial-gradient(1px 1px at 10% 20%,#fff,transparent),radial-gradient(1px 1px at 30% 65%,#fff,transparent),radial-gradient(1.5px 1.5px at 55% 15%,#fff,transparent),radial-gradient(1px 1px at 75% 45%,#fff,transparent),radial-gradient(1px 1px at 88% 78%,#fff,transparent),radial-gradient(1px 1px at 20% 85%,#fff,transparent),radial-gradient(1.2px 1.2px at 64% 82%,#fff,transparent),radial-gradient(1px 1px at 42% 38%,#fff,transparent);animation:twinkle 4s ease-in-out infinite alternate}
.ceiling{position:absolute;left:0;right:0;top:0;height:8%;display:flex;align-items:center;justify-content:center;border-bottom:2px solid rgba(232,217,184,.55);box-shadow:0 2px 20px -4px rgba(232,217,184,.6)}
.ceiling span{font:800 10px var(--mono);letter-spacing:.14em;color:#EFE2C6}
/* bubbles */
.lab-nodes{position:absolute;inset:0;pointer-events:none}
.lb{position:absolute;left:0;top:0;width:calc(var(--r)*2);height:calc(var(--r)*2);padding:0;border:0;border-radius:50%;background:none;pointer-events:auto;will-change:transform;z-index:2}
.lb .av{display:block;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 8px 20px -6px rgba(0,0,0,.8);transition:transform .25s cubic-bezier(.2,1.6,.4,1),box-shadow .2s}
.lb.cook .av{box-shadow:0 0 0 2px rgba(240,230,210,.9),inset 0 0 0 1px rgba(255,255,255,.2),0 0 18px -2px rgba(216,195,160,.7)}
.lb.sent .av{box-shadow:0 0 0 2px #F4ECDA,0 0 22px -2px rgba(232,217,184,.75)}
.lb::before{content:"";position:absolute;inset:-3px;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.55),transparent 32%);pointer-events:none;z-index:1}
.lb.sent::after{content:"";position:absolute;left:50%;top:100%;width:calc(var(--r)*.7);height:calc(var(--r)*1.6);transform:translateX(-50%);border-radius:0 0 50% 50%;background:linear-gradient(180deg,rgba(232,217,184,.35),transparent);filter:blur(4px);pointer-events:none;z-index:-1}
.lb-tag{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:2px 7px;border-radius:99px;background:rgba(10,10,10,.72);backdrop-filter:blur(4px);white-space:nowrap;font-size:10.5px;color:#fff;pointer-events:none}
.lb-tag em{font-style:normal;font-size:9.5px;color:#E6D3AE}
.lb.sent .lb-tag em{color:#EFE2C6}
.lb-card{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px) scale(.9);display:flex;flex-direction:column;gap:3px;min-width:150px;padding:9px 11px;border-radius:12px;background:#141313;border:1px solid rgba(255,255,255,.25);box-shadow:0 16px 34px -10px rgba(0,0,0,.9);text-align:left;font-size:12px;color:var(--soft);opacity:0;pointer-events:none;transition:opacity .15s,transform .2s cubic-bezier(.2,1.6,.4,1);z-index:9}
.lb-card b{color:#fff;font-size:13px}
.lb-card span{display:flex;align-items:center;gap:5px}
.lb-card i{font-style:normal}
.lb:hover{z-index:8}
.lb:hover .av{transform:scale(1.18)}
.lb:hover .lb-card{opacity:1;transform:translate(-50%,0) scale(1)}
.lb.up-hit .av{animation:hitUp .6s}
.lb.down-hit .av{animation:hitDn .6s}
.lb.pop .av{animation:lbPop .6s cubic-bezier(.2,1.6,.4,1)}
.lb.grad::after{animation:none}
@keyframes lbPop{from{transform:scale(0)}}
@media (max-width:900px){.lab-stage{grid-template-columns:1fr;grid-template-rows:380px 40px 320px;height:auto}.lab-pipe{margin:0}.lab-pipe svg{display:none}.lab-pipe>span{transform:translate(-50%,-50%)}}
/* =====================================================================
   treid · LAVA — black, bone, molten orange. Editorial + instrument-grade.
   ===================================================================== */
:root{
  --bg:#070707; --bg2:#0C0C0C; --s1:#111111; --s2:#171717; --s3:#1E1E1E;
  --line:#222222; --line2:#2B2B2B;
  --text:#F5F2EC; --soft:#D3CEC5; --muted:#8C877F; --faint:#77726B;
  --ice:#E6D3AE; --lava:#D8C3A0; --lava2:#FF8A3D; --bone:#F5F2EC;
  --brand:linear-gradient(120deg,#F3E5C8 0%,#D8C3A0 45%,#A88D5F 100%);
}
body{background:var(--bg)}
/* film grain + hairline grid */
body::before{background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 60%);mask-image:linear-gradient(to bottom,#000,transparent 60%)}
body::after{left:auto;right:-200px;top:-300px;transform:none;width:900px;height:700px;background:radial-gradient(closest-side,rgba(216,195,160,.16),rgba(216,195,160,.04) 55%,transparent)}
html::after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
::selection{background:#D8C3A0;color:#0A0A0A}
/* buttons */
.btn.pri{background:var(--lava);background-image:none;color:#0A0A0A;font-weight:800;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 10px 30px -12px rgba(216,195,160,.9)}
.btn.pri:hover{background:#E4D2B0;box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 14px 36px -10px rgba(216,195,160,1)}
.btn.sec{background:transparent;border:1px solid #2E2E2E;color:var(--bone)}
.btn.sec:hover{border-color:#4A4A4A;background:rgba(255,255,255,.03)}
/* logo + wordmark */
.logo{background:var(--lava);animation:none;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 6px 20px -6px rgba(216,195,160,.9)}
.logo::after{background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%)}
.brand-name{background:none;-webkit-text-fill-color:var(--bone);color:var(--bone);animation:none}
.brand-name span{background:none;-webkit-text-fill-color:var(--lava);color:var(--lava)}
/* header */
header{background:rgba(7,7,7,.8);border-bottom-color:#1C1C1C}
header::before{background:linear-gradient(90deg,transparent,#D8C3A0,transparent);opacity:.8;height:1px}
.nav-ind{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.navlinks button.on{color:var(--bone)}
.hlive{background:rgba(61,220,151,.06)}
.wl-btn{border-color:#2B2B2B}
.tape{background:#0A0A0A}
/* intro: editorial black slab with lava glow */
.intro3{background:#0B0B0B;border:1px solid #1E1E1E;border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.intro3::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(70% 90% at 20% 50%,#000,transparent);mask-image:radial-gradient(70% 90% at 20% 50%,#000,transparent)}
.intro3 .aurora{opacity:1;filter:blur(60px)}
.intro3 .aurora .a1{background:rgba(216,195,160,.28);width:28%;height:70%;left:-4%;top:40%}
.intro3 .aurora .a2{background:rgba(216,195,160,.12);left:40%}
.intro3 .aurora .a3{background:rgba(255,255,255,.04)}
.i3-h{font-size:clamp(30px,3vw,44px);letter-spacing:-.02em;color:var(--bone)}
.i3-h span:last-child{background:none;-webkit-text-fill-color:var(--lava);color:var(--lava);animation:wordIn .7s cubic-bezier(.2,1.2,.4,1) both .24s;text-shadow:0 0 40px rgba(216,195,160,.35)}
.i3-kick{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.tc,.intro3 .i2-live{background:#0F0F0F;border-color:#222}
.tc::before{background:conic-gradient(from var(--ang,0deg),transparent 0 72%,#D8C3A0 86%,#E8D9B8 92%,transparent 100%)}
.tc-av{box-shadow:0 0 0 2px #D8C3A0,0 0 26px -4px rgba(216,195,160,.8)}
.tc-k{color:var(--lava)}
.tc-bar i,.tc-timer,.wl-prog u{background:var(--lava)}
/* chips / tabs / selected states: bone on black */
.seg button.on,.prc.on,.prp.on,.pr-sel{background:var(--bone);color:#0A0A0A}
.prc.on{box-shadow:0 4px 16px -6px rgba(255,255,255,.4)}
.pr-search:focus-within{border-color:var(--lava);box-shadow:0 0 0 3px rgba(216,195,160,.15)}
.kicker .livedot,.livedot{background:var(--up)}
/* cards: crisper hairlines */
.card-s{background:#0E0E0E;border-color:#1E1E1E}
/* lab: molten lava flask + night sky */
.race.lab{background:radial-gradient(70% 60% at 10% 100%,rgba(216,195,160,.10),transparent 60%),#0B0B0B;border-color:#1E1E1E}
.lab-legend i{color:var(--lava)}
.flask{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.12),inset 14px 0 30px -18px rgba(255,255,255,.2)}
.liquid{background:linear-gradient(180deg,rgba(216,195,160,.38),rgba(90,78,58,.28) 40%,rgba(20,18,15,.5));box-shadow:inset 0 30px 60px -30px rgba(240,225,195,.35)}
.wave{fill:rgba(216,195,160,.5)}
.micro i{border-color:rgba(240,228,205,.55);background:rgba(240,228,205,.1)}
.neck{border-bottom-color:rgba(245,242,236,.6);box-shadow:0 2px 18px -4px rgba(255,255,255,.3);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent)}
.neck span{color:var(--bone)}
.lab-pipe .p1{stroke:var(--lava);filter:drop-shadow(0 0 5px #D8C3A0)}
.lab-pipe>span{color:rgba(216,195,160,.7)}
.sky{background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.06),rgba(216,195,160,.04) 50%,transparent 85%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.1)}
.ceiling{border-bottom-color:rgba(216,195,160,.7);box-shadow:0 2px 22px -4px rgba(216,195,160,.6)}
.ceiling span{color:var(--lava)}
.lb.cook .av{box-shadow:0 0 0 2px rgba(240,230,210,.9),0 0 18px -2px rgba(216,195,160,.8)}
.lb.sent .av{box-shadow:0 0 0 2px var(--bone),0 0 22px -4px rgba(255,255,255,.5)}
.lb.sent::after{background:linear-gradient(180deg,rgba(216,195,160,.45),transparent)}
.lb-tag em{color:#E6D3AE}.lb.sent .lb-tag em{color:var(--bone)}
.lb-card{background:#141414;border-color:#2A2A2A}
/* filters */
.ir-mc{--ac:#F5F2EC}.ir-age{--ac:#E8D9B8}.ir-prog{--ac:#3DDC97}.ir-tax{--ac:#D8C3A0}
.irange{background:#0F0F0F;border-color:#1F1F1F}
.rs-h em{color:#0A0A0A}
/* scrollbars */
*{scrollbar-color:#2C2C2C transparent}
/* ===================== treid mark: "t" whose crossbar is a live chart ===================== */
.tr-line{stroke-dasharray:100;animation:trDraw 3.6s cubic-bezier(.6,0,.2,1) infinite}
.tr-dot{transform-origin:47px 18.5px;animation:trDot 3.6s cubic-bezier(.6,0,.2,1) infinite}
@keyframes trDraw{0%{stroke-dashoffset:100}35%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
@keyframes trDot{0%,25%{transform:scale(0)}38%{transform:scale(1.35)}46%,82%{transform:scale(1)}92%,100%{transform:scale(0)}}
.brand:hover .tr-line,.brand:hover .tr-dot{animation-duration:1.4s}
.brand-name{font-size:24px;letter-spacing:-.03em}
.brand-name span{position:relative}
/* =====================================================================
   treid · OBSIDIAN & CHAMPAGNE — black glass, ivory, metallic champagne, editorial serif
   ===================================================================== */
:root{
  --bg:#08080A; --bg2:#0C0C0E; --s1:#0F0F11; --s2:#151517; --s3:#1B1B1E;
  --line:#1E1E21; --line2:#29292D;
  --text:#EDE9E1; --soft:#C9C4BA; --muted:#85817A; --faint:#706C66;
  --ice:#E6D3AE; --gold:#D8C3A0; --gold2:#F3E5C8; --ivory:#EDE9E1;
  --metal:linear-gradient(120deg,#FBF3E2 0%,#D8C3A0 38%,#9C8257 62%,#E9D9B6 100%);
  --serif:'Instrument Serif',Georgia,serif;
}
body{background:var(--bg)}
body::after{right:auto;left:50%;transform:translateX(-50%);top:-420px;width:1300px;height:760px;background:radial-gradient(closest-side,rgba(237,233,225,.07),rgba(216,195,160,.03) 55%,transparent)}
body::before{background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:80px 80px}
html::after{opacity:.045}
::selection{background:#D8C3A0;color:#0A0A0A}
/* buttons: ivory primary, hairline secondary */
.btn.pri{background:var(--ivory);color:#0A0A0B;font-weight:700;letter-spacing:-.005em;box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 10px 30px -14px rgba(237,233,225,.55)}
.btn.pri:hover{background:#fff;box-shadow:0 0 0 1px #fff inset,0 14px 36px -12px rgba(237,233,225,.7)}
.btn.sec{border-color:#2A2A2E;color:var(--ivory)}
/* logo: obsidian tile, champagne hairline + metallic mark */
.logo{background:linear-gradient(160deg,#1C1C20,#0A0A0C);box-shadow:inset 0 0 0 1px rgba(216,195,160,.45),inset 0 1px 0 rgba(255,255,255,.12),0 8px 22px -8px rgba(0,0,0,.9)}
.logo::after{background:linear-gradient(115deg,transparent 38%,rgba(251,243,226,.22) 50%,transparent 62%)}
.brand-name{-webkit-text-fill-color:var(--ivory);color:var(--ivory);font-weight:800}
.brand-name span{background:var(--metal);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
/* header */
header{background:rgba(8,8,10,.78)}
header::before{background:linear-gradient(90deg,transparent,rgba(216,195,160,.6),transparent);opacity:.7}
.wl-btn:hover,.wl-btn.on{border-color:var(--gold)}
/* intro: obsidian slab, spotlight, serif accent */
.intro3{background:linear-gradient(180deg,#0E0E10,#0A0A0B);border-color:#1E1E21;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 60px -40px rgba(0,0,0,.9)}
.intro3 .aurora .a1{background:rgba(237,233,225,.06);width:40%;height:90%;left:-6%;top:-20%}
.intro3 .aurora .a2{background:rgba(216,195,160,.07);left:35%;top:40%}
.intro3 .aurora .a3{background:transparent}
.i3-h{font-family:Archivo,sans-serif;font-weight:800;font-stretch:100%;letter-spacing:-.035em;font-size:clamp(32px,3.2vw,48px);line-height:.98}
.i3-h span:last-child{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.12em;background:var(--metal);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;animation:wordIn .7s cubic-bezier(.2,1.2,.4,1) both .24s,brandFlow 6s ease-in-out infinite alternate;padding-right:.08em}
.i3-p b{color:var(--ivory)}
.tc,.intro3 .i2-live{background:rgba(255,255,255,.015);border-color:#202024}
.tc::before{background:conic-gradient(from var(--ang,0deg),transparent 0 74%,rgba(216,195,160,.9) 86%,#FBF3E2 91%,transparent 100%)}
.tc-av{box-shadow:0 0 0 1.5px var(--gold),0 0 24px -6px rgba(216,195,160,.6)}
.tc-crown{color:var(--gold2);text-shadow:0 2px 8px rgba(216,195,160,.5)}
.tc-k{color:var(--gold)}
.tc-bar i,.tc-timer,.wl-prog u{background:var(--metal)}
/* section titles get the serif for warmth */
.lab-title,.title-xl.lab-title,.wl-h,.lb-hero h1{font-family:var(--serif)!important;font-style:italic;font-weight:400!important;letter-spacing:-.01em;font-stretch:100%!important;font-size:38px!important}
.toolbar .h2{letter-spacing:.08em}
/* selected states */
.seg button.on,.prc.on,.prp.on,.pr-sel{background:var(--ivory);color:#0A0A0B}
.pr-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,195,160,.12)}
/* filters */
.ir-mc{--ac:#EDE9E1}.ir-age{--ac:#D8C3A0}.ir-prog{--ac:#3DDC97}.ir-tax{--ac:#E8D9B8}
.irange{background:rgba(255,255,255,.012);border-color:#1E1E21}
/* lab: champagne flask + obsidian night */
.race.lab{background:radial-gradient(70% 60% at 50% 0%,rgba(237,233,225,.04),transparent 60%),#0B0B0D;border-color:#1E1E21}
.lab-legend i{color:var(--gold)}
.liquid{background:linear-gradient(180deg,rgba(216,195,160,.20),rgba(150,128,90,.12) 40%,rgba(20,18,15,.35));box-shadow:inset 0 40px 60px -40px rgba(243,229,200,.25)}
.wave{fill:rgba(232,217,184,.22)}
.micro i{border-color:rgba(243,229,200,.6);background:rgba(243,229,200,.12)}
.neck{border-bottom-color:rgba(243,229,200,.55)}
.lab-pipe .p1{stroke:var(--gold2);filter:drop-shadow(0 0 4px rgba(243,229,200,.8))}
.lab-pipe>span{color:rgba(216,195,160,.6)}
.ceiling{border-bottom-color:rgba(216,195,160,.6);box-shadow:0 2px 22px -6px rgba(216,195,160,.5)}
.ceiling span{color:var(--gold2)}
.lb.cook .av{box-shadow:0 0 0 1.5px rgba(243,229,200,.85),0 0 18px -4px rgba(243,229,200,.5)}
.lb.sent .av{box-shadow:0 0 0 1.5px var(--ivory),0 0 22px -6px rgba(255,255,255,.5)}
.lb.sent::after{background:linear-gradient(180deg,rgba(243,229,200,.3),transparent)}
.lb-tag em{color:var(--gold)}
/* treid symbol: clean two-block "T" that also reads as a rising step — no tile */
.logo,.brand .logo{background:none!important;box-shadow:none!important;border-radius:0;overflow:visible;--ls:32px}
.logo::after{display:none}
.logo svg{filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))!important}
.tr-bar,.tr-stem{transition:transform .45s cubic-bezier(.2,1.5,.4,1)}
.brand:hover .tr-bar{transform:translate(1.5px,-2px)}
.brand:hover .tr-stem{transform:translate(-1px,1px)}
.tr-bar{animation:trIn .9s cubic-bezier(.2,1.4,.4,1) both}
.tr-stem{animation:trIn .9s cubic-bezier(.2,1.4,.4,1) .12s both}
@keyframes trIn{from{opacity:0;transform:translateY(6px)}}
.brand{gap:9px}
.brand-name{font-family:Manrope,sans-serif;font-stretch:100%;font-weight:800;font-size:22px;letter-spacing:-.035em;-webkit-text-fill-color:var(--ivory);color:var(--ivory);background:none;transform:none}
.foot .logo,footer .logo{--ls:22px}
.tcard,.wl-row{cursor:pointer}.tcard:hover{border-color:#34343A}
/* wordmark only */
.brand-name{font-family:Manrope,sans-serif;font-weight:800;font-size:24px;letter-spacing:-.05em;color:var(--ivory);-webkit-text-fill-color:var(--ivory)}
/* kinetic headline: "trade [rolling asset]" */
.i3-h{display:none}
.kin{margin:2px 0 4px;display:flex;align-items:center;gap:.26em;font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(40px,4.4vw,64px);line-height:1;letter-spacing:-.055em;color:var(--ivory)}
.kin-a{color:rgba(237,233,225,.38)}
.kin-slot{position:relative;display:inline-block;height:1.12em;overflow:hidden;vertical-align:middle;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
.kin-roll{display:flex;flex-direction:column}
.kin-w{height:1.12em;display:flex;align-items:center;gap:.18em;white-space:nowrap}
.kin-w .coin,.kin-w .av,.kin-w img,.kin-w>svg,.kin-w>span:first-child{width:.78em!important;height:.78em!important;flex:none;border-radius:50%}
.kin-w .coin{font-size:.32em}
.kin-w b{font-weight:800}
.kin-w:last-child b,.kin-w:nth-last-child(2) b{background:linear-gradient(90deg,#EDE9E1,#D8C3A0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.i3-p{font-size:15px;color:var(--muted);margin-top:2px}
.kin-w>:first-child:not(b){width:.8em!important;height:.8em!important;min-width:.8em;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}.kin-w>:first-child:not(b) img,.kin-w>:first-child:not(b) svg{width:100%!important;height:100%!important}
.kin-w .coin.img{padding:0!important;background:none!important;box-shadow:none!important}.kin-w .coin.img img{transform:none!important;max-width:none!important}
.kin-w>:first-child:not(b){width:calc(clamp(40px,4.4vw,64px)*.78)!important;height:calc(clamp(40px,4.4vw,64px)*.78)!important;min-width:0}
/* ===== image-first coin card ===== */
.tc-hero{position:relative;height:168px;margin:-4px -4px 2px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#111113;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.tch-bg{position:absolute;inset:-30%;display:flex;align-items:center;justify-content:center;filter:blur(28px) saturate(1.4);opacity:.55;transform:scale(1.2);pointer-events:none}
.tch-bg .av{width:100%!important;height:100%!important;border-radius:0!important}
.tc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,10,.1),rgba(8,8,10,.55));pointer-events:none}
.tch-av{position:relative;z-index:2;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.14),0 18px 40px -12px rgba(0,0,0,.9);transition:transform .35s cubic-bezier(.2,1.5,.4,1)}
.tch-av .av{display:block}
.tcard:hover .tch-av{transform:scale(1.06) rotate(-3deg)}
.tch-age{position:absolute!important;left:10px;top:10px;z-index:3;margin:0!important;padding:4px 9px!important;min-height:0!important;width:auto!important;border-radius:99px!important;background:rgba(8,8,10,.6)!important;backdrop-filter:blur(8px);font-size:10.5px!important;gap:6px!important}
.tch-age b{margin-left:4px}
.tch-side{position:absolute;right:10px;top:10px;bottom:10px;z-index:3;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}
.tch-side .tax{min-width:58px;padding:7px 10px;border-radius:12px;box-shadow:0 8px 20px -8px rgba(0,0,0,.8)}
.tch-side .tax b{font-size:22px}
.tch-side .pairmini{background:rgba(8,8,10,.62);backdrop-filter:blur(8px);border-color:rgba(255,255,255,.1);padding:6px 8px;min-width:58px}
.tc-name2{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:2px 2px 0}
.tc-name2 b{font-size:18px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-name2 span{font-size:12px;color:var(--muted)}
.tcard>.tc-age,.tcard>.tc-top{display:none}
.tc-hero{height:212px}
.tch-star{position:absolute;left:10px;bottom:10px;z-index:3;width:36px;height:36px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:rgba(8,8,10,.6);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.2,1.6,.4,1),border-color .15s}
.tch-star:hover{transform:scale(1.12);border-color:#FFD15C}
.tch-star.on{border-color:rgba(255,209,92,.6);background:rgba(255,209,92,.14)}
.tcard .prog{margin-bottom:2px}
.tch-age .ag-lab{display:none}.tch-age b{margin-left:0}
/* no blinking "live" dots anywhere */
.livedot{display:none!important}
.kicker{gap:0}
/* ===================== THE ASCENT ===================== */
.asc-key{display:flex;gap:14px;font-size:12px;color:var(--muted)}
.asc-key span{display:inline-flex;align-items:center;gap:6px}
.asc-key i{width:18px;height:3px;border-radius:2px;display:inline-block}
.k-up{background:linear-gradient(90deg,transparent,#3DDC97)}.k-dn{background:linear-gradient(90deg,transparent,#F2708A)}
.k-sz{width:10px!important;height:10px!important;border-radius:50%!important;box-shadow:0 0 0 1.5px var(--soft)}
.asc-stage{display:block!important;position:relative;height:560px;border-radius:22px;overflow:hidden;background:#08080A;box-shadow:inset 0 0 0 1px #1E1E21}
.asc-cv{position:absolute;inset:0;z-index:1;pointer-events:none}
.asc-zone{position:absolute;left:0;right:0;top:0}
.z-sent{background:radial-gradient(90% 120% at 50% 0%,rgba(243,229,200,.07),transparent 60%)}
.z-sent::before{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(1px 1px at 8% 30%,#fff,transparent),radial-gradient(1px 1px at 22% 12%,#fff,transparent),radial-gradient(1px 1px at 37% 44%,#fff,transparent),radial-gradient(1.4px 1.4px at 58% 18%,#fff,transparent),radial-gradient(1px 1px at 71% 52%,#fff,transparent),radial-gradient(1px 1px at 86% 26%,#fff,transparent),radial-gradient(1px 1px at 93% 60%,#fff,transparent),radial-gradient(1px 1px at 48% 70%,#fff,transparent);animation:twinkle 6s ease-in-out infinite alternate}
.z-cook{background:linear-gradient(180deg,rgba(237,233,225,.015),rgba(216,195,160,.06))}
.az-l{position:absolute;left:18px;top:14px;display:flex;align-items:baseline;gap:8px;font-weight:800;font-size:14px;color:var(--ivory);z-index:3}
.az-l b{font-size:11px;font-weight:600;padding:1px 7px;border-radius:99px;background:rgba(255,255,255,.07);color:var(--soft)}
.az-l small{font-weight:500;font-size:11px;color:var(--muted)}
.az-top{position:absolute;right:18px;top:14px;font-size:10.5px;color:var(--gold);letter-spacing:.1em}
.asc-line{position:absolute;left:0;right:0;height:0;z-index:2;pointer-events:none}
.asc-line::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,rgba(243,229,200,.75) 15%,#FBF3E2 50%,rgba(243,229,200,.75) 85%,transparent);box-shadow:0 0 24px 2px rgba(243,229,200,.35)}
.asc-line::after{content:"";position:absolute;left:-30%;width:30%;top:-2px;height:4px;background:linear-gradient(90deg,transparent,#fff,transparent);filter:blur(2px);animation:lineRun 4.5s linear infinite}
@keyframes lineRun{to{left:100%}}
.asc-line span{position:absolute;right:18px;top:-22px;font:700 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold2)}
.asc-grid i{position:absolute;left:0;right:0;height:0;border-top:1px dashed rgba(255,255,255,.045);z-index:0}
.asc-grid u{position:absolute;right:18px;top:-14px;text-decoration:none;font:600 9.5px var(--mono);color:rgba(255,255,255,.25)}
.asc .lab-nodes{z-index:3}
.asc-fx{position:absolute;inset:0;z-index:5;pointer-events:none}
.asc-num{position:absolute;transform:translate(-50%,0);font:800 11px var(--mono);white-space:nowrap;animation:numUp 1.5s cubic-bezier(.2,.8,.3,1) forwards;text-shadow:0 2px 8px rgba(0,0,0,.9)}
.asc-num.up{color:#3DDC97}.asc-num.dn{color:#F2708A}
.asc-num.big{font-size:14px}
@keyframes numUp{0%{opacity:0;transform:translate(-50%,6px) scale(.7)}15%{opacity:1;transform:translate(-50%,0) scale(1.1)}100%{opacity:0;transform:translate(-50%,-38px) scale(1)}}
.asc .lb .av{box-shadow:0 0 0 1.5px rgba(237,233,225,.8),0 10px 24px -8px rgba(0,0,0,.9)!important}
.asc .lb.sent .av{box-shadow:0 0 0 2px #F3E5C8,0 0 26px -6px rgba(243,229,200,.6)!important}
.asc .lb.up-hit .av{animation:hitUp .6s}.asc .lb.down-hit .av{animation:hitDn .6s}
.asc .lb.sent::after{display:none}
.asc .lb-tag{background:transparent;backdrop-filter:none;text-shadow:0 1px 6px #000}
@media (max-width:700px){.asc-stage{height:520px}.asc-key{display:none}}
.az-l{top:12px}.z-cook .az-l{top:14px}
/* ===== conveyor: slimmer steps + richer events ===== */
.line{height:300px!important}
.mlab{top:242px!important;display:grid!important;grid-template-columns:auto auto;align-items:center;column-gap:7px;row-gap:1px;width:auto!important;white-space:nowrap}
.mlab .mstepn{width:17px;height:17px;font-size:9.5px;margin:0;background:transparent;color:var(--gold);box-shadow:inset 0 0 0 1px rgba(216,195,160,.5);font-stretch:100%}
.mlab b{font-size:12.5px;font-weight:700;color:var(--ivory)}
.mlab span:last-child{grid-column:1/-1;font-size:10.5px;color:var(--muted);text-align:center}
.lfx{position:absolute;z-index:8;pointer-events:none;transform:translate(-50%,-50%)}
.lfx.spark i,.lfx.burst i{position:absolute;left:0;top:0;width:4px;height:4px;border-radius:50%;background:#F3E5C8;box-shadow:0 0 6px #F3E5C8;animation:lfxFly .7s cubic-bezier(.2,.8,.3,1) forwards}
.lfx.burst i{width:5px;height:5px;background:#3DDC97;box-shadow:0 0 8px #3DDC97;animation-duration:1s}
.lfx.burst i:nth-child(3n){background:#F3E5C8;box-shadow:0 0 8px #F3E5C8}
@keyframes lfxFly{to{transform:translate(var(--dx),var(--dy));opacity:0}}
.lfx.stamp{font:900 13px var(--mono);letter-spacing:.06em;color:#0A0A0A;background:#E8D9B8;padding:5px 10px;border-radius:6px;border:2px solid #0A0A0A;box-shadow:0 0 0 2px #E8D9B8;margin-top:-34px;animation:stampIn 1.1s cubic-bezier(.2,1.6,.4,1) forwards}
@keyframes stampIn{0%{transform:translate(-50%,-50%) scale(2.4) rotate(-14deg);opacity:0}18%{transform:translate(-50%,-50%) scale(1) rotate(-8deg);opacity:1}75%{opacity:1}100%{transform:translate(-50%,-80%) scale(1) rotate(-8deg);opacity:0}}
.lfx.stamp::after{content:"";position:absolute;inset:-12px;border-radius:12px;border:2px solid rgba(232,217,184,.6);animation:ring .6s ease-out forwards}
@keyframes ring{from{transform:scale(.6);opacity:1}to{transform:scale(1.6);opacity:0}}
.lfx.ok{width:64px;height:64px;border-radius:50%;border:2px solid #3DDC97;animation:ring .8s ease-out forwards}
.lfx.alarm{position:absolute;left:0!important;top:0!important;width:100%;height:100%;transform:none;background:radial-gradient(60% 80% at 50% 60%,rgba(242,112,138,.22),transparent 70%);animation:alarm .35s ease-in-out 4 alternate}
@keyframes alarm{from{opacity:0}to{opacity:1}}
.lfx.num{font:800 12px var(--mono);color:#3DDC97;text-shadow:0 2px 8px #000;margin-top:-40px;animation:numUp 1.2s cubic-bezier(.2,.8,.3,1) forwards;white-space:nowrap}
.lcoin.hop .lc-face{animation:hop .3s cubic-bezier(.2,1.8,.4,1)}
@keyframes hop{40%{transform:translateY(-9px)}}
.lcoin.whale .lc-face .av{box-shadow:0 0 0 3px #F3E5C8,0 0 24px rgba(243,229,200,.6)!important}
.lcoin.whale::before{content:"WHALE";position:absolute;left:50%;top:-30px;transform:translateX(-50%);font:800 8.5px var(--mono);letter-spacing:.12em;color:#0A0A0A;background:#F3E5C8;padding:2px 6px;border-radius:4px;z-index:4}
.lcoin.blast{animation:blast 1.3s cubic-bezier(.5,0,.7,.4) forwards!important}
.lcoin.blast::after{content:"";position:absolute;left:50%;top:70%;width:18px;height:70px;margin-left:-9px;border-radius:50%;background:linear-gradient(180deg,#FBF3E2,#D8C3A0 30%,rgba(242,112,138,.6) 60%,transparent);filter:blur(3px);animation:flame .12s linear infinite alternate}
@keyframes blast{0%{transform:translateX(-50%) scale(1)}20%{transform:translate(-50%,6px) scale(1.05,.92)}100%{transform:translate(40px,-260px) scale(.7) rotate(18deg);opacity:0}}
@keyframes flame{to{transform:scaleY(1.25)}}
/* ===================== THE ORBIT ===================== */
.lab-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.viz-seg button{min-height:30px;font-size:12.5px;padding:0 14px}
.orb-stage{position:relative;height:600px;border-radius:24px;overflow:hidden;cursor:grab;touch-action:pan-y;
  background:radial-gradient(50% 60% at 50% 52%,rgba(243,229,200,.06),transparent 70%),radial-gradient(120% 100% at 50% 50%,#0C0C0E,#060607);box-shadow:inset 0 0 0 1px #1E1E21}
.orb-stage.spinning{cursor:grabbing}
.orb-stage::before{content:"";position:absolute;inset:0;opacity:.45;pointer-events:none;background-image:radial-gradient(1px 1px at 6% 12%,#fff,transparent),radial-gradient(1px 1px at 18% 78%,#fff,transparent),radial-gradient(1.2px 1.2px at 33% 8%,#fff,transparent),radial-gradient(1px 1px at 47% 92%,#fff,transparent),radial-gradient(1px 1px at 62% 6%,#fff,transparent),radial-gradient(1.3px 1.3px at 78% 88%,#fff,transparent),radial-gradient(1px 1px at 91% 16%,#fff,transparent),radial-gradient(1px 1px at 96% 70%,#fff,transparent),radial-gradient(1px 1px at 3% 55%,#fff,transparent);animation:twinkle 7s ease-in-out infinite alternate}
.orb-stage .asc-cv{z-index:1}
.orb-stage .lab-nodes{z-index:auto}
.orb-stage .lb{transform-origin:50% 50%;transition:none}
.orb-stage .lb:hover{z-index:999!important;opacity:1!important}
.orb-core{position:absolute;z-index:200;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;pointer-events:none;
  background:radial-gradient(circle at 38% 32%,#2A2A2E,#0E0E10 62%,#060607);box-shadow:inset 0 0 0 1px rgba(243,229,200,.25),inset 0 -14px 30px rgba(0,0,0,.8),0 0 60px rgba(243,229,200,.10)}
.oc-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(closest-side,rgba(243,229,200,.16),transparent);animation:ocPulse 4s ease-in-out infinite;z-index:-1}
@keyframes ocPulse{50%{transform:scale(1.12);opacity:.6}}
.orb-core b{font:800 22px Manrope,sans-serif;letter-spacing:-.05em;color:var(--ivory)}
.orb-core small{font-size:9.5px;color:var(--muted);letter-spacing:.02em}
.orb-core small span{color:var(--soft)}
.orb-core.hit{animation:coreHit .5s ease-out}.orb-core.hitd{animation:coreHitD .5s ease-out}
@keyframes coreHit{30%{box-shadow:inset 0 0 0 1.5px #3DDC97,0 0 50px rgba(61,220,151,.35)}}
@keyframes coreHitD{30%{box-shadow:inset 0 0 0 1.5px #F2708A,0 0 50px rgba(242,112,138,.3)}}
.orb-labels{position:absolute;inset:0;z-index:150;pointer-events:none}
.ol{position:absolute;transform:translateY(-50%);font:600 9.5px var(--mono);color:rgba(255,255,255,.28);white-space:nowrap}
.ol.g{color:var(--gold2);font-weight:800;letter-spacing:.16em;font-size:9px}
.ol.s{color:rgba(243,229,200,.4)}
.orb-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font-size:10px;color:rgba(255,255,255,.28);z-index:150;pointer-events:none;letter-spacing:.06em}
.orbv .lb-tag{background:transparent}
@media (max-width:700px){.orb-stage{height:520px}.lab-right{align-items:flex-start}}
.ol{transform:translate(-50%,-50%);padding:1px 6px;border-radius:99px;background:rgba(6,6,7,.7)}
.ol.g{background:rgba(6,6,7,.85);box-shadow:0 0 0 1px rgba(243,229,200,.35)}
@media (max-width:760px){.orb-stage{height:440px}.ol:not(.g){display:none}.orb-stage .lb-tag em{display:none}.orb-stage .lb-tag{font-size:9px}.orb-core b{font-size:14px}.orb-core small{display:none}.orb-hint{font-size:9px;white-space:nowrap}}
/* orbit: core screen, hot coins, graduation banner */
.oc-idle,.oc-live{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:opacity .25s,transform .3s cubic-bezier(.2,1.4,.4,1)}
.oc-live{opacity:0;transform:scale(.8)}
.orb-core.showing .oc-idle{opacity:0;transform:scale(1.1)}
.orb-core.showing .oc-live{opacity:1;transform:none}
.oc-live b{font-size:15px;font-weight:800}
.oc-live b.up{color:#3DDC97}.oc-live b.down{color:#F2708A}
.oc-live small{font-size:9.5px;color:var(--muted)}
.oc-live .av{border-radius:50%;box-shadow:0 0 0 1.5px rgba(243,229,200,.6)}
.orb-stage .lb.hot::after{content:"";display:block!important;position:absolute;inset:-7px;border-radius:50%;border:1.5px dashed rgba(243,229,200,.75);animation:spin 6s linear infinite;pointer-events:none;filter:none;background:none;width:auto;height:auto;left:-7px;top:-7px;transform:none}
.orb-stage .lb.hot .lb-tag b::before{content:"🔥 "}
.orb-banner{position:absolute;left:50%;top:18px;z-index:400;display:flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:99px;background:rgba(14,14,16,.9);backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(243,229,200,.4),0 16px 40px -12px rgba(0,0,0,.9),0 0 40px -10px rgba(243,229,200,.4);font-size:13px;color:var(--soft);white-space:nowrap;transform:translate(-50%,-80px);opacity:0;pointer-events:none}
.orb-banner b{color:var(--ivory)}
.orb-banner em{font-style:normal;color:var(--gold2);font-size:12px}
.orb-banner.go{animation:banner 3.6s cubic-bezier(.2,1.2,.4,1) forwards}
@keyframes banner{0%{transform:translate(-50%,-80px);opacity:0}12%,82%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,-80px);opacity:0}}
.orb-inline{width:100%;grid-column:1/-1}.orb-inline .orb-stage{height:640px}
/* ===== chart v2 ===== */
.cpanel .chart-tb{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tfseg button{min-width:38px;font-family:var(--mono);font-size:12px}
.ctog{display:flex;gap:4px}
.ctog button{min-height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--line2);background:transparent;color:var(--muted);font-size:12px;font-weight:700}
.ctog button.on{color:var(--ivory);border-color:rgba(216,195,160,.5);background:rgba(216,195,160,.08)}
.c-pair{margin-left:auto;font-size:11.5px}
.c-fs{width:32px;height:32px}
.chartbox{position:relative;cursor:crosshair;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.chartbox.panning{cursor:grabbing}
.xlab{position:absolute;bottom:2px;transform:translateX(-50%);font:600 10px var(--mono);color:rgba(255,255,255,.3);pointer-events:none}
.yh{position:absolute;left:0;right:0;height:0;border-top:1px dashed rgba(255,255,255,.18);display:none;pointer-events:none}
.xh-tip{white-space:nowrap}
.cmark{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;overflow:hidden;z-index:3;box-shadow:0 0 0 1.5px #3DDC97,0 3px 8px rgba(0,0,0,.6);transition:transform .15s}
.cmark.s{box-shadow:0 0 0 1.5px #F2708A,0 3px 8px rgba(0,0,0,.6)}
.cmark.me{box-shadow:0 0 0 2.5px #F3E5C8,0 0 12px rgba(243,229,200,.6);z-index:4}
.cmark svg{width:100%;height:100%;display:block}
.cmark:hover{transform:scale(1.4);z-index:6}
.c-live{position:absolute;right:70px;top:10px;z-index:5;min-height:28px;padding:0 12px;border-radius:99px;border:1px solid rgba(216,195,160,.5);background:rgba(10,10,12,.85);color:var(--gold2);font-size:12px;font-weight:700}
.c-help{font-size:10.5px;text-align:right;margin-top:4px;opacity:.6}
.chart-fs{position:fixed!important;inset:16px;z-index:900;margin:0!important;display:flex;flex-direction:column;box-shadow:0 0 0 100vmax rgba(0,0,0,.75)}
.chart-fs .chartbox{flex:1;height:auto!important}
.chart-fs .chartbox svg{height:100%}
/* ===== token page: coin environment ===== */
.tp-env{position:relative}
.tp-glow{position:absolute;left:50%;top:-120px;width:1100px;height:520px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;filter:blur(90px) saturate(1.5);opacity:.22;pointer-events:none;z-index:-1;overflow:hidden}
.tp-glow .av{width:100%!important;height:100%!important;border-radius:0!important}
.tp-banner{position:relative;overflow:hidden;min-height:150px;padding:24px 26px!important;border:1px solid rgba(255,255,255,.08)!important;background:#0D0D0F!important}
.tb-bg{position:absolute;inset:-40% -10%;display:flex;align-items:center;justify-content:center;filter:blur(40px) saturate(1.6);opacity:.5;transform:scale(1.3);pointer-events:none}
.tb-bg .av{width:100%!important;height:100%!important;border-radius:0!important}
.tp-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.35),rgba(8,8,10,.75) 60%,rgba(8,8,10,.85));pointer-events:none}
.tp-banner>*{position:relative;z-index:1}
.tp-banner>.av{display:none}
.tb-av{flex:none;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.16),0 18px 40px -10px rgba(0,0,0,.9);animation:tcFloat 5s ease-in-out infinite}
.tb-av .av{display:block}
.tp-banner .title-xl{font-size:34px!important;letter-spacing:-.02em}
/* 3-column layout */
.tp-grid3{display:grid;grid-template-columns:300px minmax(0,1fr) 360px;gap:16px;align-items:start;margin-top:16px}
.tp-grid3 .tp-main{min-width:0;display:flex;flex-direction:column;gap:16px}
.tp-grid3 .tp-side{display:flex;flex-direction:column;gap:16px}
.tp-thread{position:sticky;top:76px;max-height:calc(100vh - 92px);display:flex;flex-direction:column;padding:0!important;overflow:hidden}
.tt-h{display:flex;align-items:baseline;gap:8px;padding:14px 16px 10px;border-bottom:1px solid var(--line)}
.tt-h b{font-size:15px}
.tt-h .mono{font-size:11px;padding:1px 7px;border-radius:99px;background:rgba(255,255,255,.07);color:var(--soft)}
.tt-h small{margin-left:auto;font-size:11px}
.tp-thread .composer{padding:10px 12px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.tp-thread .composer textarea{flex:1 1 100%;min-height:58px;resize:none;font-size:13px}
.tp-thread .composer .btn{min-height:34px;margin-left:auto}
.tp-thread .composer>span{font-size:12.5px;flex:1}
.tt-list{overflow-y:auto;flex:1;scrollbar-width:thin}
.co{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.co.enter{animation:coIn .5s cubic-bezier(.2,1.2,.4,1)}
@keyframes coIn{from{opacity:0;transform:translateY(-8px);background:rgba(216,195,160,.08)}}
.co-h{display:flex;align-items:center;gap:8px;font-size:13px}
.co-h .av{border-radius:50%;overflow:hidden;flex:none}
.co-h .mono{font-size:11px}
.co-re{font-size:11px;margin-left:auto}
.co-t{font-size:13.5px;line-height:1.45;color:var(--ivory)}
.co-pos{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid var(--line);font-size:12px;flex-wrap:wrap}
.co-pos small{color:var(--muted);font-size:11px}
.co-pv{display:flex;align-items:baseline;gap:5px;width:100%}
.co-a{display:flex;align-items:center;gap:12px;font-size:12px}
.co-a button{background:none;border:0;padding:0;color:var(--muted);font-size:12px;min-height:0}
.co-a button:hover,.co-a button.on{color:var(--down)}
.co-mc{margin-left:auto;font-size:11px}
@media (max-width:1380px){.tp-grid3{grid-template-columns:minmax(0,1fr) 340px}.tp-thread{grid-column:1/-1;order:3;position:static;max-height:520px}}
@media (max-width:900px){.tp-grid3{grid-template-columns:1fr}}
.tp-banner{display:flex!important;align-items:center;gap:22px;min-height:0!important;flex-wrap:wrap}
.tb-bg{inset:0!important;transform:none!important;overflow:hidden;filter:blur(46px) saturate(1.6)!important}
.tb-bg .av{position:absolute;left:-10%;top:50%;width:120%!important;height:auto!important;aspect-ratio:1;transform:translateY(-50%)}
.tp-banner .tp-id{flex:1;min-width:260px}
.tp-banner .tp-key{margin-left:auto}
.xlab:first-of-type{transform:none}
.tb-bg{opacity:.85!important}.tp-banner::after{background:linear-gradient(90deg,rgba(8,8,10,.1),rgba(8,8,10,.55) 55%,rgba(8,8,10,.8))!important}
.tp-env{overflow-x:clip}.tp-glow{max-width:100vw}
/* ===== holders v2 ===== */
.htiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}
.htile{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.htile small{font-size:11px;color:var(--muted)}
.htile b{font-size:16px;color:var(--ivory)}
.htile.g b{color:#3DDC97}.htile.y b{color:#FFD15C}.htile.r b{color:#F2708A}.htile.c b{color:var(--gold2)}
.htile.c{background:rgba(216,195,160,.06);border-color:rgba(216,195,160,.25)}
.hdist2{display:flex;height:16px;border-radius:8px;overflow:hidden;gap:2px;background:#151517}
.hseg{display:block;min-width:2px;transition:filter .15s;position:relative}
.hseg:hover{filter:brightness(1.25)}
.hseg.curve,.hbar2 i.curve,.hlegend i.curve{background:repeating-linear-gradient(135deg,#D8C3A0 0 6px,#B89E70 6px 12px)!important}
.hseg.curve span{position:absolute;left:8px;top:50%;transform:translateY(-50%);font:800 9px var(--mono);letter-spacing:.14em;color:#1A160E}
.hseg.rest{background:#232326}
.hlegend{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 14px;font-size:11.5px;color:var(--muted)}
.hlegend span{display:inline-flex;align-items:center;gap:6px}
.hlegend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.hlegend i.rest{background:#232326;box-shadow:inset 0 0 0 1px #3A3A3D}
.hhead,.hrow2{display:grid;grid-template-columns:34px minmax(0,1.6fr) minmax(0,1fr) 74px 90px;align-items:center;gap:12px}
.hhead{font:700 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 10px 8px;border-bottom:1px solid var(--line)}
.hhead .r,.hrow2 .r{text-align:right}
.hrow2{padding:9px 10px;border-bottom:1px solid var(--line);border-radius:10px;transition:background .15s}
.hrow2:hover{background:rgba(255,255,255,.025)}
.hrow2.is-curve{background:rgba(216,195,160,.05);border:1px solid rgba(216,195,160,.2);margin-bottom:6px}
.hw{display:flex;align-items:center;gap:10px;min-width:0}
.hw .av{border-radius:50%;overflow:hidden;flex:none}
.hw-ic.curve{width:28px;height:28px;flex:none}
.hw-ic.curve svg{width:100%;height:100%}
.hw-n{display:flex;flex-direction:column;min-width:0}
.hw-n b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.is-curve .hw-n b{color:var(--gold2)}
.hw-n small{font-size:10.5px;color:var(--muted)}
.htag{flex:none;font:800 9px var(--mono);letter-spacing:.08em;padding:2px 6px;border-radius:5px}
.htag.dev{background:rgba(242,112,138,.15);color:#F2708A}
.htag.sniper{background:rgba(255,154,77,.15);color:#FF9A4D}
.htag.bundle{background:rgba(183,148,255,.15);color:#B794FF}
.htag.you{background:rgba(61,220,151,.15);color:#3DDC97}
.hbar2{height:6px;border-radius:99px;background:rgba(255,255,255,.05);overflow:hidden}
.hbar2 i{display:block;height:100%;border-radius:inherit}
.hr-p{font-weight:700;color:var(--ivory);font-size:13px}
.hr-v{font-size:12px}
@media (max-width:760px){.htiles{grid-template-columns:repeat(3,1fr)}.hhead,.hrow2{grid-template-columns:24px minmax(0,1fr) 60px 64px}.hbar2,.hhead span:nth-child(3){display:none}}
/* ===== leaderboard: MC journey track ===== */
.jr{display:flex;align-items:center;height:40px;padding:0 10px}
.jr-track{position:relative;flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.06);margin-top:-10px}
.jr-fill{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:linear-gradient(90deg,rgba(216,195,160,.25),#D8C3A0 70%,#FBF3E2);box-shadow:0 0 14px -2px rgba(216,195,160,.5);transform-origin:left;animation:jrGrow .9s cubic-bezier(.2,.9,.3,1) both;animation-delay:var(--d,0s)}
@keyframes jrGrow{from{transform:scaleX(0)}}
.jr-ath{position:absolute;top:0;bottom:0;border-radius:0 99px 99px 0;background:repeating-linear-gradient(90deg,rgba(242,112,138,.35) 0 3px,transparent 3px 6px)}
.jr-ms{position:absolute;top:50%;width:2px;height:12px;margin:-6px 0 0 -1px;background:rgba(255,255,255,.18);border-radius:2px}
.jr-ms.hit{background:#F3E5C8}
.jr-ms.grad{width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#111;box-shadow:0 0 0 1.5px rgba(255,255,255,.3)}
.jr-ms.grad.hit{background:#3DDC97;box-shadow:0 0 0 2px #0B0B0D,0 0 10px #3DDC97}
.jr-ms u{position:absolute;top:13px;left:50%;transform:translateX(-50%);text-decoration:none;font:600 8.5px var(--mono);letter-spacing:.04em;color:rgba(255,255,255,.25);white-space:nowrap}
.jr-ms.hit u{color:var(--soft)}
.jr-ms.grad u{top:11px}
.jr-ms:first-of-type u{transform:none;left:0}
.jr-ms:last-of-type u{transform:none;left:auto;right:0}
.jr-dot{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#FBF3E2;box-shadow:0 0 0 3px rgba(216,195,160,.3),0 0 16px rgba(251,243,226,.8);animation:jrDot 2.4s ease-in-out infinite}
@keyframes jrDot{50%{box-shadow:0 0 0 6px rgba(216,195,160,.12),0 0 22px rgba(251,243,226,.9)}}
/* create: media uploads */
.builder{display:none}
.media-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}
.mfield{display:flex;flex-direction:column;gap:8px}
.mfield.grow{flex:1 1 320px;min-width:0}
.req{font:700 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-left:6px}
.opt-l{font:600 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-left:6px}
.drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;border-radius:16px;border:1.5px dashed #34343A;background:rgba(255,255,255,.02);cursor:pointer;overflow:hidden;transition:border-color .15s,background .15s,transform .15s;color:var(--soft)}
.drop:hover,.drop.over{border-color:var(--gold);background:rgba(216,195,160,.06)}
.drop.over{transform:scale(1.01)}
.logo-drop{width:150px;height:150px;border-radius:50%}
.banner-drop{width:100%;aspect-ratio:3/1;min-height:120px}
.drop.has{border-style:solid;border-color:rgba(255,255,255,.12)}
.drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.drop.has::after{content:"Change";position:absolute;inset:auto 0 0;padding:6px;font-size:11.5px;font-weight:700;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;opacity:0;transition:opacity .15s}
.drop.has:hover::after{opacity:1}
.drop-ic svg{width:22px;height:22px}
.drop-t{font-weight:700;font-size:13.5px;color:var(--ivory)}
.drop small{font-size:11px;color:var(--muted);padding:0 14px;line-height:1.4}
.drop-x{font-size:12px!important;min-height:0!important;align-self:flex-start}
/* banners on card + coin page */
.tch-bg.ban,.tb-bg.ban{inset:0!important;filter:none!important;opacity:1!important;transform:none!important}
.tch-bg.ban img,.tb-bg.ban img{width:100%;height:100%;object-fit:cover;display:block}
.tc-hero.has-ban::after{background:linear-gradient(180deg,rgba(8,8,10,.05),rgba(8,8,10,.45))}
.tp-banner:has(.tb-bg.ban)::after{background:linear-gradient(90deg,rgba(8,8,10,.55),rgba(8,8,10,.35) 50%,rgba(8,8,10,.7))!important}
.tp-banner:has(.tb-bg.ban){min-height:220px!important}
/* compact create form + pair picker */
.create-grid .panel{gap:14px!important;padding:20px!important}
.create-grid textarea#c-desc{min-height:64px;height:64px}
.create-grid .field{gap:6px}
.logo-drop{width:120px;height:120px}
.banner-drop{aspect-ratio:auto;height:120px;min-height:0}
.cpp-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.cpp-sel{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:12px;background:rgba(216,195,160,.07);border:1px solid rgba(216,195,160,.35);min-width:150px}
.cpp-sel span{display:flex;flex-direction:column}
.cpp-sel b{font-size:14px}.cpp-sel small{font-size:11px;color:var(--muted)}
.cpp-s{position:relative;flex:1 1 260px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;background:#111113;border:1px solid #2A2A2E;min-height:46px}
.cpp-s:focus-within{border-color:var(--gold)}
.cpp-s svg{width:15px;height:15px;color:var(--muted);flex:none}
.cpp-s input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ivory);font:600 13.5px Manrope,sans-serif}
.cpp-drop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;padding:6px;border-radius:14px;background:#141416;border:1px solid #2E2E32;box-shadow:0 24px 50px -12px rgba(0,0,0,.9);display:flex;flex-direction:column;gap:2px}
.cpp-it{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:9px;border:0;background:none;color:var(--ivory);text-align:left}
.cpp-it:hover,.cpp-it:first-child{background:rgba(255,255,255,.06)}
.cpp-it span{display:flex;flex-direction:column;min-width:0}
.cpp-it small{font-size:11px;color:var(--muted)}
.cpp-it.ca b{color:var(--gold2)}
.cpp-none{padding:10px 12px;font-size:12.5px}
.cpp-tabs{display:flex;gap:4px;flex-wrap:wrap}
.cpp-tabs button{min-height:28px;padding:0 11px;border-radius:99px;border:1px solid transparent;background:none;color:var(--muted);font-size:12px;font-weight:700}
.cpp-tabs button.on{color:var(--ivory);border-color:#34343A;background:rgba(255,255,255,.04)}
.cpp-quick{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.cpp-quick::-webkit-scrollbar{display:none}
.cpp-q{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px 0 5px;border-radius:99px;border:1px solid #2A2A2E;background:#141416;color:var(--soft);font-size:12.5px;font-weight:700}
.cpp-q.on{background:var(--ivory);color:#0A0A0B;border-color:var(--ivory)}
/* tax picker + sniper trap */
.taxf .lbl{display:flex;justify-content:space-between;align-items:baseline}
.txrow{display:flex;gap:4px;flex-wrap:wrap}
.txs{flex:1 1 0;min-width:40px;min-height:34px;border-radius:9px;border:1px solid #2A2A2E;background:#131315;color:var(--muted);font:700 12px var(--mono);transition:all .15s}
.txs:hover{color:var(--ivory);border-color:#3A3A3E}
.txs.on{background:var(--tc);color:#0A0A0B;border-color:var(--tc);box-shadow:0 6px 16px -8px var(--tc)}
.txrow.sm .txs{min-height:30px;flex:0 0 auto;padding:0 12px}
.trap{border-radius:14px;border:1px solid #26262A;background:rgba(255,255,255,.015);overflow:hidden;transition:border-color .2s,background .2s}
.trap.on{border-color:rgba(242,112,138,.45);background:rgba(242,112,138,.05)}
.trap-t{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;background:none;color:var(--ivory);text-align:left}
.trap-ic{font-size:22px}
.trap-t span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}
.trap-t small{color:var(--muted);font-size:12px;line-height:1.4}
.sw2{position:relative;width:40px;height:22px;border-radius:99px;background:#2A2A2E;flex:none;transition:background .2s}
.sw2 i{position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#8C877F;transition:transform .2s cubic-bezier(.2,1.5,.4,1),background .2s}
.trap.on .sw2{background:rgba(242,112,138,.5)}
.trap.on .sw2 i{transform:translateX(18px);background:#fff}
.trap-cfg{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:0 14px 14px}
.trap-cfg>div{display:flex;flex-direction:column;gap:6px}
.trap-g{width:240px;height:64px;flex:none}
.trap-b{position:absolute;left:10px;top:44px;z-index:3;padding:4px 9px;border-radius:99px;background:rgba(242,112,138,.9);color:#0A0A0B;font:800 11px var(--mono);animation:trapP 1.2s ease-in-out infinite}
@keyframes trapP{50%{box-shadow:0 0 0 6px rgba(242,112,138,.2)}}
.trap-live{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:rgba(242,112,138,.1);border:1px solid rgba(242,112,138,.45);font-size:20px}
.trap-live span:last-child{display:flex;flex-direction:column;font-size:12px}
.trap-live b{font-size:13px}.trap-live small{color:var(--soft);font-size:11.5px}.trap-live small i{font-style:normal;color:#F2708A;font-weight:800}
.trap-live.done{background:rgba(255,255,255,.03);border-color:#2A2A2E;opacity:.8}
.tp-key{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tp-banner>.tb-bg{position:absolute!important;inset:0!important;z-index:0!important}
.tp-banner:has(.tb-bg.ban){min-height:260px!important;align-items:flex-end!important}
/* socials with brand logos */
.socrow{display:flex;flex-direction:column;gap:8px}
.soc-l{font-weight:700}
.soc-l small{font-weight:500;font-size:12px;color:var(--muted);margin-left:6px}
.socgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.socf{position:relative;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:14px;background:#111113;border:1px solid #26262A;cursor:text;transition:border-color .15s,background .15s,box-shadow .15s}
.socf:focus-within{border-color:#4A4A50;box-shadow:0 0 0 3px rgba(255,255,255,.04)}
.socf-ic{width:38px;height:38px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.2,1.6,.4,1)}
.socf-ic svg{width:18px;height:18px}
.s-x .socf-ic{background:#000;box-shadow:inset 0 0 0 1px #333}
.s-tg .socf-ic{background:linear-gradient(160deg,#37AEE2,#1E96C8)}
.s-web .socf-ic{background:linear-gradient(160deg,#F3E5C8,#C9AE80)}
.socf:focus-within .socf-ic{transform:scale(1.08) rotate(-4deg)}
.socf-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.socf-b small{font-size:11px;color:var(--muted);font-weight:700}
.socf-in{display:flex;align-items:center;min-width:0}
.socf-in em{font-style:normal;font:600 13px var(--mono);color:#5A5A60;flex:none}
.socf-in input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ivory);font:600 13px var(--mono);padding:0}
.socf-ck{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#0A0A0B;background:#3DDC97;transform:scale(0);transition:transform .25s cubic-bezier(.2,1.8,.4,1)}
.socf.ok .socf-ck{transform:scale(1)}
.socf.ok.s-x{border-color:rgba(255,255,255,.25)}
.socf.ok.s-tg{border-color:rgba(55,174,226,.5);background:rgba(55,174,226,.05)}
.socf.ok.s-web{border-color:rgba(216,195,160,.45);background:rgba(216,195,160,.05)}
@media (max-width:760px){.socgrid{grid-template-columns:1fr}}
.socf-in input::placeholder{color:#4A4A50}
/* create: cleaner sections + identity composite */
.media-row{display:none}
.fsec{display:flex;align-items:center;gap:10px;font:800 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.fsec::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#26262A,transparent)}
.fsec i{font-style:normal;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:var(--gold);box-shadow:inset 0 0 0 1px rgba(216,195,160,.45);letter-spacing:0}
.create-grid .panel>.fsec:first-child{margin-top:0}
.ident{position:relative;padding-bottom:58px}
.ident-ban{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3/1;max-height:220px;border-radius:18px;overflow:hidden;cursor:pointer;
  background:radial-gradient(120% 140% at 0% 0%,rgba(216,195,160,.10),transparent 55%),radial-gradient(100% 120% at 100% 100%,rgba(255,255,255,.05),transparent 60%),#121214;box-shadow:inset 0 0 0 1px #26262A;transition:box-shadow .2s}
.ident-ban:hover,.ident-ban.over{box-shadow:inset 0 0 0 1.5px rgba(216,195,160,.6)}
.ident-ban img,.ident-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ib-ph{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--soft);text-align:center;margin-left:120px}
.ib-ph svg{width:20px;height:20px;opacity:.7}
.ib-ph b{font-size:13.5px}.ib-ph small{font-size:11px;color:var(--muted)}
.ident-ban.has::after{content:"Change banner";position:absolute;right:12px;top:12px;padding:5px 10px;border-radius:99px;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);font-size:11.5px;font-weight:700;color:#fff;opacity:0;transition:opacity .15s}
.ident-ban.has:hover::after{opacity:1}
.ident-logo{position:absolute;left:22px;bottom:4px;width:108px;height:108px;border-radius:50%;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;
  background:#18181B;box-shadow:0 0 0 5px var(--s1,#0F0F11),0 0 0 6.5px rgba(216,195,160,.35),0 14px 30px -10px rgba(0,0,0,.9);transition:transform .25s cubic-bezier(.2,1.5,.4,1),box-shadow .2s}
.ident-logo:hover,.ident-logo.over{transform:scale(1.04);box-shadow:0 0 0 5px var(--s1,#0F0F11),0 0 0 7px rgba(216,195,160,.8),0 14px 30px -10px rgba(0,0,0,.9)}
.ident-logo:not(.has){animation:logoPulse 2.6s ease-in-out infinite}
@keyframes logoPulse{50%{box-shadow:0 0 0 5px var(--s1,#0F0F11),0 0 0 9px rgba(216,195,160,.22),0 14px 30px -10px rgba(0,0,0,.9)}}
.il-ph{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--soft)}
.il-ph svg{width:20px;height:20px}.il-ph b{font-size:12px}
.ident-logo.has::after{content:"Change";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);font-size:12px;font-weight:800;color:#fff;opacity:0;transition:opacity .15s}
.ident-logo.has:hover::after{opacity:1}
.ident-meta{position:absolute;left:146px;bottom:12px;display:flex;align-items:baseline;gap:8px;min-width:0}
.ident-meta b{font-size:20px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}
.ident-meta span{font-size:12.5px;color:var(--muted)}
.ident-acts{position:absolute;right:4px;bottom:14px;display:flex;gap:12px;align-items:center}
.ident-acts .link{font-size:12px;min-height:0}
.tick-in{position:relative;display:block}
.tick-in em{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-style:normal;font:700 14px var(--mono);color:var(--gold)}
.tick-in input{padding-left:30px!important;text-transform:uppercase}
.trap-g{width:280px;height:80px}
@media (max-width:640px){.ident-logo{width:84px;height:84px;left:14px}.ident-meta{left:112px}.ident-meta b{font-size:16px;max-width:160px}.ib-ph{margin-left:0}.ident-acts{display:none}}
/* dev initial buy */
.devb-row{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.devb-in{flex:1 1 200px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;background:#111113;border:1px solid #2A2A2E;min-height:48px;cursor:text}
.devb-in:focus-within{border-color:var(--gold)}
.devb-in input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ivory);font:700 18px var(--mono)}
.devb-u{display:inline-flex;align-items:center;gap:6px;font:700 13px var(--mono);color:var(--soft)}
.devb-q{display:flex;gap:4px;flex-wrap:wrap}
.devb-q button{min-height:48px;min-width:52px;padding:0 12px;border-radius:12px;border:1px solid #2A2A2E;background:#131315;color:var(--muted);font:700 12.5px var(--mono)}
.devb-q button.on{background:var(--ivory);color:#0A0A0B;border-color:var(--ivory)}
.devb-res{margin-top:4px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid #26262A;display:flex;flex-direction:column;gap:8px}
.devb-n{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.devb-n span{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.devb-n small{width:100%;font-size:11px;color:var(--muted)}
.devb-n b{font-size:20px;color:var(--ivory)}
.devb-n em{font-style:normal;font:600 12px var(--mono);color:var(--muted)}
.devb-p{text-align:right;justify-content:flex-end}
.devb-bar{position:relative;height:8px;border-radius:99px;background:rgba(255,255,255,.06);overflow:visible}
.devb-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:#3DDC97;transition:width .3s cubic-bezier(.2,1,.3,1)}
.devb-bar u{position:absolute;top:-3px;bottom:-3px;width:1px;background:rgba(255,255,255,.25)}
.devb-note{font-size:12px;color:var(--soft)}
.devb-res.g{border-color:rgba(61,220,151,.35)}.devb-res.g .devb-p b{color:#3DDC97}
.devb-res.y{border-color:rgba(255,209,92,.4)}.devb-res.y .devb-bar i{background:#FFD15C}.devb-res.y .devb-p b{color:#FFD15C}
.devb-res.r{border-color:rgba(242,112,138,.45);background:rgba(242,112,138,.05)}.devb-res.r .devb-bar i{background:#F2708A}.devb-res.r .devb-p b{color:#F2708A}
.devb-res.z .devb-note{color:#3DDC97}
/* preview summary */
.pv-sum{display:flex;flex-direction:column;gap:12px}
.pv-row{display:flex;align-items:center;gap:12px}
.pv-row div{display:flex;flex-direction:column}
.pv-row small{font-size:12px}
.pv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.pv-grid div{padding:8px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.pv-grid small{font-size:10.5px;color:var(--muted)}
.pv-grid b{font-size:14px}
.pv-trap{font-size:12px;padding:8px 10px;border-radius:10px;background:rgba(242,112,138,.08);border:1px solid rgba(242,112,138,.35);color:var(--soft)}
.devb-bar{margin-bottom:12px}.devb-bar u em{position:absolute;top:12px;left:50%;transform:translateX(-50%);font:600 9px var(--mono);color:var(--muted);font-style:normal;white-space:nowrap}.devb-bar u:last-child em{transform:translateX(-100%)}
.socf-in{flex:1;min-width:0}.socf-in input{font:600 13px Manrope,sans-serif!important}.socf{min-height:56px}
/* milestone badges + ATH */
.lrow{grid-template-columns:38px 36px 42px minmax(170px,1.2fr) minmax(200px,1.5fr) 90px 80px 110px!important}
.msbs{display:inline-flex;gap:4px;vertical-align:middle;margin-left:8px;flex-wrap:wrap}
.msb{display:inline-flex;align-items:center;gap:3px;padding:2px 6px 2px 4px;border-radius:99px;font-size:10px;line-height:1.2;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);animation:msbIn .5s cubic-bezier(.2,1.6,.4,1) both}
.msb b{font:800 9px var(--mono);letter-spacing:.04em;color:var(--soft)}
.msb.grad{box-shadow:inset 0 0 0 1px rgba(61,220,151,.4);background:rgba(61,220,151,.08)}.msb.grad b{color:#3DDC97}
.msb.m100K{box-shadow:inset 0 0 0 1px rgba(255,154,77,.4);background:rgba(255,154,77,.08)}.msb.m100K b{color:#FF9A4D}
.msb.m1M{box-shadow:inset 0 0 0 1px rgba(125,184,255,.45);background:rgba(125,184,255,.08)}.msb.m1M b{color:#7DB8FF}
.msb.m10M{box-shadow:inset 0 0 0 1px rgba(243,229,200,.55);background:rgba(243,229,200,.1)}.msb.m10M b{color:var(--gold2)}
.msb.m100M{box-shadow:inset 0 0 0 1px #FFD15C,0 0 12px -2px rgba(255,209,92,.6);background:rgba(255,209,92,.14)}.msb.m100M b{color:#FFD15C}
@keyframes msbIn{from{transform:scale(.5);opacity:0}}
.msbs.sm .msb:nth-child(2){animation-delay:.05s}.msbs.sm .msb:nth-child(3){animation-delay:.1s}.msbs.sm .msb:nth-child(4){animation-delay:.15s}
.msbs.lg{display:flex;margin:8px 0 0}
.msbs.lg .msb{padding:4px 10px 4px 6px;font-size:13px}.msbs.lg .msb b{font-size:10.5px}
.lr-name b{display:flex;align-items:center;flex-wrap:wrap;gap:0}
.lr-ath{display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.lr-ath small{font:700 9px var(--mono);letter-spacing:.1em;color:var(--muted)}
.lr-ath b{font-size:13px;color:var(--ivory)}
.lr-ath em{font-style:normal;font-size:10.5px}
@media (max-width:900px){.lrow{grid-template-columns:30px 42px 1fr 100px!important}.lr-ath,.jr{display:none}}
/* market cap panel v2 */
.mcrow2{display:flex;flex-direction:column;gap:16px;padding:20px!important}
.mc2-top{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:24px;align-items:center}
.mc2-main small{font-size:12px;color:var(--muted)}
.mc2-v{display:flex;align-items:center;gap:10px}
.mc2-v>span:first-child{font:800 38px var(--mono);letter-spacing:-.03em;color:var(--ivory)}
.mc2-ath{display:flex;gap:10px;font-size:12px;color:var(--muted);margin-top:2px}
.mc2-ath b{color:var(--soft)}
.mc2-j .jr{height:44px;padding:0}
.mc2-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mc2-tiles div{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.mc2-tiles small{font-size:11.5px;color:var(--muted)}
.mc2-tiles b{font-size:17px;color:var(--ivory)}
.mc2-tiles em{font-style:normal;font-size:12px;color:var(--muted)}
.mc2-bs{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.mc2-bs>.bs-row:nth-of-type(1){grid-column:1;grid-row:1}.mc2-bs>.bs-bar:nth-of-type(2){grid-column:1;grid-row:2}
.mc2-bs>.bs-row:nth-of-type(3){grid-column:2;grid-row:1}.mc2-bs>.bs-bar:nth-of-type(4){grid-column:2;grid-row:2}
.bs-row{display:flex;justify-content:space-between;align-items:baseline;font-size:12px}
.bs-row small{color:var(--muted);font-size:11px}
.bs-row b{font-size:14px}
.bs-bar{height:6px;border-radius:99px;background:#F2708A;overflow:hidden}
.bs-bar i{display:block;height:100%;background:#3DDC97;border-right:2px solid #0E0E0E;transition:width .4s}
@media (max-width:760px){.mc2-top{grid-template-columns:1fr}.mc2-tiles{grid-template-columns:1fr 1fr}.mc2-bs{grid-template-columns:1fr}.mc2-bs>*{grid-column:auto!important;grid-row:auto!important}}
/* demo images modal */
.demo-img-btn{min-height:30px;padding:0 12px;border-radius:99px;border:1px solid rgba(216,195,160,.4);background:rgba(216,195,160,.07);color:var(--gold2);font-size:12px;font-weight:700}
.dimg{position:relative;width:min(560px,94vw);padding:20px!important;display:flex;flex-direction:column;gap:12px;animation:pop .2s ease-out}
.dimg-h{display:flex;justify-content:space-between;align-items:center}
.dimg-h b{font-size:17px}
.dimg p{margin:0;font-size:13px;line-height:1.5}
.dimg-drop{height:120px}
.dimg-grid{display:flex;flex-wrap:wrap;gap:6px}
.dimg-c{border-radius:50%;opacity:.45}.dimg-c.on{opacity:1;box-shadow:0 0 0 2px #3DDC97;border-radius:50%}
.dimg-f{display:flex;align-items:center;gap:8px}.dimg-f .mono{margin-right:auto;font-size:12px}
/* journey v2: milestone badges on the axis */
.jr2{height:54px;padding:0 14px}
.jr2 .jr-track{margin-top:-14px}
.jn{position:absolute;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#141416;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18);z-index:2}
.jn u{position:absolute;top:16px;left:50%;transform:translateX(-50%);text-decoration:none;font:700 8.5px var(--mono);letter-spacing:.04em;color:rgba(255,255,255,.28);white-space:nowrap}
.jn.start{width:6px;height:6px;margin:-3px 0 0 -3px;background:rgba(255,255,255,.4);box-shadow:none}
.jn.hit{width:24px;height:24px;margin:-12px 0 0 -12px;display:flex;align-items:center;justify-content:center;background:#141416;animation:jnIn .5s cubic-bezier(.2,1.7,.4,1) both}
.jn.hit span{font-size:12px;line-height:1}
.jn.hit u{top:22px;color:var(--soft)}
.jn.grad.hit{box-shadow:0 0 0 2px #3DDC97,0 0 12px -2px #3DDC97}.jn.grad.hit u{color:#3DDC97}
.jn.m100K.hit{box-shadow:0 0 0 2px #FF9A4D,0 0 12px -2px #FF9A4D}.jn.m100K.hit u{color:#FF9A4D}
.jn.m1M.hit{box-shadow:0 0 0 2px #7DB8FF,0 0 12px -2px #7DB8FF}.jn.m1M.hit u{color:#7DB8FF}
.jn.m10M.hit{box-shadow:0 0 0 2px #F3E5C8,0 0 14px -2px #F3E5C8}.jn.m10M.hit u{color:var(--gold2)}
.jn.m100M.hit{box-shadow:0 0 0 2px #FFD15C,0 0 18px 0 rgba(255,209,92,.7)}.jn.m100M.hit u{color:#FFD15C}
.jn:first-child u,.jn.start u{left:0;transform:none}
.jn.m100M u{left:auto;right:0;transform:none}
.jn.m100M.hit u{right:2px}
@keyframes jnIn{from{transform:scale(0)}}
.jr2 .jr-dot{z-index:3}
.jr2 .jr-ms{display:none}
.czoom{display:flex;align-items:center;gap:2px;padding:2px;border-radius:10px;border:1px solid var(--line2);margin-left:auto}
.czoom button{width:30px;height:28px;border:0;border-radius:8px;background:none;color:var(--soft);font-size:16px;font-weight:700}
.czoom button:hover{background:rgba(255,255,255,.07);color:#fff}
.czoom .mono{min-width:30px;text-align:center;font-size:11px;color:var(--muted)}
.cpanel .c-pair{margin-left:8px}
/* calmer, smaller milestone badges */
.jn{width:8px;height:8px;margin:-4px 0 0 -4px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14)}
.jn.hit{width:16px;height:16px;margin:-8px 0 0 -8px;background:#141416;animation:none}
.jn.hit span{font-size:9px}
.jn.hit u{top:15px}
.jn u{top:11px;font-size:8px}
.jn.grad.hit{box-shadow:0 0 0 1.5px rgba(61,220,151,.8)}
.jn.m100K.hit{box-shadow:0 0 0 1.5px rgba(255,154,77,.8)}
.jn.m1M.hit{box-shadow:0 0 0 1.5px rgba(125,184,255,.8)}
.jn.m10M.hit{box-shadow:0 0 0 1.5px rgba(243,229,200,.85)}
.jn.m100M.hit{box-shadow:0 0 0 1.5px #FFD15C,0 0 10px -2px rgba(255,209,92,.6)}
.jn u{color:rgba(255,255,255,.22)}
.jn.hit u{opacity:.85}
.jr2 .jr-track{height:4px;margin-top:-12px}
.jr2 .jr-dot{width:10px;height:10px;margin:-5px 0 0 -5px;animation:none;box-shadow:0 0 0 3px rgba(216,195,160,.22),0 0 10px rgba(251,243,226,.6)}
.jr2{height:46px}
/* ===== callouts v2 ===== */
.co{padding:12px 14px;gap:7px}
.co-h{gap:7px}
.co-u{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:0;color:var(--ivory);font-size:13.5px;min-width:0}
.co-u b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.co-u:hover b{text-decoration:underline}
.co-time{font-size:11px}
.bdg.win{background:rgba(61,220,151,.12);color:#3DDC97;font-size:9.5px}
.co-ic{width:26px;height:26px;border:0;border-radius:8px;background:none;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex:none}
.co-ic svg{width:15px;height:15px}
.co-ic:hover{background:rgba(255,255,255,.07);color:#fff}
.co-fol{margin-left:auto}
.co-fol.on{color:#3DDC97;font-size:13px;font-weight:900}
.co-mw{position:relative}
.co-menu{position:absolute;right:0;top:30px;z-index:20;display:flex;flex-direction:column;min-width:150px;padding:5px;border-radius:12px;background:#17171A;border:1px solid #2E2E32;box-shadow:0 18px 40px -10px rgba(0,0,0,.9)}
.co-menu button{text-align:left;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--soft);font-size:12.5px}
.co-menu button:hover{background:rgba(255,255,255,.06);color:#fff}
.co-t.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.co-more{align-self:flex-start;border:0;background:none;padding:0;color:var(--gold);font-size:12px;font-weight:700;min-height:0;margin-top:-4px}
button.co-pos{width:100%;cursor:pointer;color:var(--ivory);text-align:left;display:grid;grid-template-columns:26px minmax(0,1fr) auto auto 10px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s,background .15s}
button.co-pos:hover{border-color:rgba(216,195,160,.45);background:rgba(216,195,160,.06)}
.co-pn{display:flex;flex-direction:column;min-width:0}
.co-pn b{font-size:13px}.co-pn small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-pv{display:flex!important;flex-direction:column;align-items:flex-end;width:auto!important;gap:0!important}
.co-pv small{font-size:10px;color:var(--muted)}
.co-pv b{font-size:12.5px}
.co-go{color:var(--muted);font-size:16px}
.co-a{gap:4px}
.co-a button,.co-v{display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:0 7px;border-radius:7px;border:0;background:none;color:var(--muted);font-size:11.5px}
.co-a button svg,.co-v svg{width:14px;height:14px}
.co-a button:hover{background:rgba(255,255,255,.06);color:#fff}
.co-a button.lk{color:#F2708A}.co-a button.rt{color:#3DDC97}
.co-a button.lk svg{animation:likePop .35s cubic-bezier(.2,1.8,.4,1)}
@keyframes likePop{40%{transform:scale(1.4)}}
.co-kids{margin:4px 0 0 14px;padding-left:12px;border-left:2px solid #26262A;display:flex;flex-direction:column}
.co.child{padding:8px 0 4px;border-bottom:0}
.co.child .co-a{margin-top:-2px}
/* global drawer */
.co-btn{gap:6px}.co-btn span{font-size:12.5px;font-weight:700}
.co-btn b{font-size:10px;min-width:16px;padding:1px 5px;border-radius:99px;background:#F2708A;color:#0A0A0B}
.co-drawer{position:fixed;left:0;top:0;bottom:0;width:min(380px,100vw);z-index:60;display:flex;flex-direction:column;background:#0D0D0F;border-right:1px solid #222225;box-shadow:30px 0 80px -30px rgba(0,0,0,.9);animation:cdIn .28s cubic-bezier(.2,1,.3,1)}
@keyframes cdIn{from{transform:translateX(-100%)}}
.cd-h{display:flex;align-items:center;gap:8px;padding:14px 14px 10px;border-bottom:1px solid var(--line)}
.cd-h b{font-size:15px;margin-right:auto}
.cd-pause{min-height:30px;padding:0 11px;border-radius:9px;border:1px solid var(--line2);background:none;color:var(--soft);font-size:12px;font-weight:700}
.cd-pause.on{border-color:rgba(216,195,160,.5);color:var(--gold2)}
.cd-f{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--line);overflow-x:auto}
.cd-f button{flex:none;min-height:28px;padding:0 11px;border-radius:99px;border:1px solid transparent;background:none;color:var(--muted);font-size:12px;font-weight:700}
.cd-f button.on{color:var(--ivory);border-color:#34343A;background:rgba(255,255,255,.05)}
.cd-list{flex:1;overflow-y:auto;scrollbar-width:thin}
@media (max-width:720px){.co-btn span{display:none}}
/* ===================== THE FLYWHEEL ===================== */
.flyw{margin-top:28px;padding:24px!important;background:radial-gradient(70% 70% at 25% 55%,rgba(216,195,160,.06),transparent 70%),#0B0B0D;border-color:#1E1E21}
.fw-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.fw-stats{display:flex;gap:8px}
.fw-stats div{padding:8px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);display:flex;flex-direction:column}
.fw-stats small{font-size:11px;color:var(--muted)}.fw-stats b{font-size:16px;color:var(--gold2)}
.fw-body{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:28px;align-items:center}
.fw-wheel{position:relative;width:100%;aspect-ratio:1;max-width:520px;margin:0 auto}
.fw-svg{position:absolute;inset:0;width:100%;height:100%}
.fw-spin{transform-origin:200px 200px;animation:spin 40s linear infinite}
#fw-arc{transition:stroke-dasharray .05s linear;filter:drop-shadow(0 0 6px rgba(243,229,200,.5))}
.fw-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;color:var(--muted);z-index:2;padding:0}
.fw-ic{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;background:#121214;box-shadow:inset 0 0 0 1.5px #2A2A2E;transition:box-shadow .3s,transform .35s cubic-bezier(.2,1.6,.4,1),background .3s}
.fw-lab{font-size:11.5px;font-weight:700;white-space:nowrap;padding:2px 8px;border-radius:99px;background:rgba(8,8,10,.8)}
.fw-node.done .fw-ic{box-shadow:inset 0 0 0 1.5px rgba(216,195,160,.45)}
.fw-node.on .fw-ic{transform:scale(1.16);background:#1A1814;box-shadow:inset 0 0 0 2px #F3E5C8,0 0 30px -4px rgba(243,229,200,.55)}
.fw-node.on .fw-lab{color:var(--ivory)}
.fw-node:hover .fw-ic{transform:scale(1.08)}
.fw-rider{position:absolute;transform:translate(-50%,-50%) translateY(-46px);z-index:4;border-radius:50%;transition:none;pointer-events:none}
.fw-rider .av{display:block;border-radius:50%;box-shadow:0 0 0 2px #0B0B0D,0 0 0 3.5px rgba(243,229,200,.7),0 10px 24px rgba(0,0,0,.8)}
.fw-rider.flagged::after{content:attr(data-flag);position:absolute;right:-8px;top:-6px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;background:#3DDC97;color:#0A0A0B;box-shadow:0 0 0 2px #0B0B0D;animation:jnIn .4s cubic-bezier(.2,1.8,.4,1)}
.fw-rider.flagged.bad::after{background:#FFD15C}
.fw-rider.grad .av{box-shadow:0 0 0 2px #0B0B0D,0 0 0 3.5px #3DDC97,0 0 24px rgba(61,220,151,.6)}
.fw-center{position:absolute;left:50%;top:50%;width:52%;height:52%;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;
  background:radial-gradient(circle at 40% 30%,#1A1A1D,#0C0C0E 70%);box-shadow:inset 0 0 0 1px rgba(216,195,160,.2),0 0 60px rgba(0,0,0,.6)}
.fc-in{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;animation:fcIn .45s cubic-bezier(.2,1.2,.4,1)}
@keyframes fcIn{from{opacity:0;transform:scale(.9)}}
.fc-k{font-size:9.5px;letter-spacing:.16em;color:var(--gold)}
.fc-t{font-size:17px;font-weight:800;color:var(--ivory)}
.fc-in small{font-size:11px}
.fv-launch{display:flex;flex-direction:column;align-items:center;gap:6px}
.fv-launch .av{border-radius:50%;box-shadow:0 0 0 2px rgba(243,229,200,.5);animation:jnIn .5s cubic-bezier(.2,1.6,.4,1)}
.fv-launch span{display:flex;flex-direction:column;align-items:center}
.fv-launch small{font-size:10.5px;color:var(--muted);display:flex;align-items:center;gap:3px}
.fv-trap b{font-size:34px;color:#F2708A}
.fv-trap{display:flex;flex-direction:column;align-items:center}
.fv-bars{display:flex;align-items:flex-end;gap:3px;height:54px}
.fv-bars i{width:7px;height:var(--h);border-radius:2px 2px 0 0;background:linear-gradient(0deg,rgba(61,220,151,.3),#3DDC97);transform-origin:bottom;animation:barUp .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--d)}
.fv-flags{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.fv-flags .fl{display:flex;flex-direction:column;padding:4px 8px;border-radius:8px;background:rgba(255,255,255,.04);animation:jnIn .4s cubic-bezier(.2,1.6,.4,1) both;animation-delay:var(--d)}
.fv-flags .fl small{font:700 8.5px var(--mono);letter-spacing:.06em;color:var(--muted)}
.fv-flags .fl b{font-size:13px}
.fv-flags .fl.g b{color:#3DDC97}.fv-flags .fl.y b{color:#FFD15C}.fv-flags .fl.r b{color:#F2708A}
.fv-flags .fl.r{box-shadow:inset 0 0 0 1px rgba(242,112,138,.5)}
.fv-grad{display:flex;flex-direction:column;align-items:center;gap:8px;width:140px}
.fv-grad i{width:100%;height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.fv-grad u{display:block;height:100%;background:linear-gradient(90deg,#D8C3A0,#3DDC97);animation:gradFill 1.4s cubic-bezier(.4,0,.2,1) forwards}
@keyframes gradFill{from{width:0}to{width:100%}}
.fv-grad b{color:#3DDC97;font-size:14px;animation:fcIn .4s 1.3s both}
.fv-split{display:flex;gap:6px}
.fv-split span{display:flex;flex-direction:column;align-items:center;padding:6px 8px;border-radius:10px;animation:jnIn .4s cubic-bezier(.2,1.6,.4,1) both}
.fv-split span:nth-child(2){animation-delay:.15s}.fv-split span:nth-child(3){animation-delay:.3s}
.fv-split b{font-size:15px}.fv-split small{font-size:10px}
.fv-split .c{background:rgba(237,233,225,.08)}.fv-split .c b{color:var(--ivory)}
.fv-split .h{background:rgba(61,220,151,.1)}.fv-split .h b{color:#3DDC97}
.fv-split .v{background:rgba(255,154,77,.1)}.fv-split .v b{color:#FF9A4D}
.fw-steps{display:flex;flex-direction:column;gap:6px}
.fw-step{position:relative;display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;border:1px solid transparent;background:none;color:var(--muted);text-align:left;overflow:hidden;transition:background .25s,border-color .25s,color .25s}
.fw-step:hover{background:rgba(255,255,255,.02)}
.fw-n{width:24px;height:24px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:inset 0 0 0 1px #34343A}
.fw-sb{display:flex;flex-direction:column;gap:3px}
.fw-sb b{font-size:14px;color:var(--soft)}
.fw-sb small{font-size:12.5px;line-height:1.45;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s,opacity .3s}
.fw-step.on{background:rgba(216,195,160,.05);border-color:rgba(216,195,160,.25);color:var(--soft)}
.fw-step.on .fw-sb b{color:var(--ivory)}
.fw-step.on .fw-sb small{max-height:60px;opacity:1}
.fw-step.on .fw-n{background:var(--gold2);color:#0A0A0B;box-shadow:none}
.fw-step.done .fw-n{color:var(--gold);box-shadow:inset 0 0 0 1px rgba(216,195,160,.5)}
.fw-bar{position:absolute;left:0;right:0;bottom:0;height:2px}
.fw-bar u{display:block;height:100%;width:0;background:linear-gradient(90deg,transparent,#F3E5C8)}
.fw-step:not(.on) .fw-bar u{width:0!important}
@media (max-width:980px){.fw-body{grid-template-columns:1fr}.fw-wheel{max-width:420px}}
@media (max-width:520px){.fw-ic{width:40px;height:40px;font-size:17px}.fw-lab{font-size:10px}.fc-t{font-size:14px}.fw-center{width:56%;height:56%}.fv-flags{transform:scale(.85)}}
.fw-center{width:44%;height:44%}
.fw-rider{transform:translate(-50%,-50%)}
.fv-flags .ff{display:flex;flex-direction:column;padding:4px 8px;border-radius:8px;background:rgba(255,255,255,.04);animation:jnIn .4s cubic-bezier(.2,1.6,.4,1) both;animation-delay:var(--d)}
.fv-flags .ff small{font:700 8.5px var(--mono);letter-spacing:.06em;color:var(--muted)}
.fv-flags .ff b{font-size:13px}
.fv-flags .ff.g b{color:#3DDC97}.fv-flags .ff.y b{color:#FFD15C}.fv-flags .ff.r b{color:#F2708A}
.fv-flags .ff.r{box-shadow:inset 0 0 0 1px rgba(242,112,138,.5)}
.fc-in{gap:6px;padding:6px}.fc-t{font-size:15px}
/* activity box */
.st-box{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,.015)}
.st-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.st-h>b{font-size:14px}
.st-pc{font:700 12px var(--mono);padding:2px 8px;border-radius:99px;background:rgba(61,220,151,.1)}.st-pc.down{background:rgba(242,112,138,.1)}
.st-vol{font-size:12px}.st-vol b{color:var(--ivory)}
.st-tf{margin-left:auto}
.st-row{display:flex;flex-direction:column;gap:5px}
.st-v{display:flex;justify-content:space-between;font-size:12px}
.st-v b{font-size:13.5px}
.st-foot{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center}
.st-foot>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--line)}
.st-foot small{font-size:11px;color:var(--muted)}
.st-foot b{font-size:13.5px;color:var(--ivory);display:flex;align-items:center;gap:6px}
.st-foot em{font-style:normal;font-size:11px;color:var(--muted)}
.st-foot span{font-size:11.5px;display:flex;align-items:center;gap:4px}
.st-bub{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(216,195,160,.4);background:rgba(216,195,160,.06);color:var(--gold2);font-weight:700;font-size:12.5px}
.st-desc{padding:10px 12px;border-radius:12px;border:1px solid var(--line)}.st-desc small{font-size:11px;color:var(--muted)}.st-desc p{margin:3px 0 0;font-size:13px}
@media (max-width:760px){.st-foot{grid-template-columns:1fr}}
.trap-cfg{display:none}
.trap-cfg2{display:flex;flex-direction:column;gap:12px;padding:2px 14px 14px}
.tc-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tc-l{width:150px;font-size:12.5px;color:var(--soft);font-weight:600}
.tc-seg{display:flex;gap:3px;padding:3px;border-radius:11px;background:rgba(0,0,0,.3);border:1px solid #2A2A2E;flex:1;max-width:380px}
.tc-seg button{flex:1;min-height:32px;border:0;border-radius:8px;background:none;color:var(--muted);font:700 12.5px var(--mono);transition:all .15s}
.tc-seg button:hover{color:#fff}
.tc-seg button.on{background:#F2708A;color:#0A0A0B}
.tc-seg.g button.on{background:var(--gold2)}
.tl{position:relative;height:52px;margin:6px 18px 0}
.tl-bar{position:absolute;left:0;right:0;top:6px;height:8px;border-radius:99px;background:linear-gradient(90deg,#F2708A,#FF9A4D 45%,#FFD15C 75%,#3DDC97)}
.tl-t{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px}
.tl-t::before{content:"";width:14px;height:14px;margin-top:3px;border-radius:50%;background:#0F0F11;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.tl-t b{font-size:12px}.tl-t small{font-size:10px;color:var(--muted);white-space:nowrap}
.tc-ex{font-size:12.5px;color:var(--soft);padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--line);line-height:1.5}
.tc-ex b{color:var(--ivory)}.tc-ex b.dn{color:#F2708A}
@media (max-width:600px){.tc-l{width:100%}}
.dimg-real{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:rgba(216,195,160,.06);border:1px solid rgba(216,195,160,.3)}
.dimg-real div{flex:1;display:flex;flex-direction:column;gap:3px}
.dimg-real small{font-size:12px;color:var(--muted);line-height:1.45}
.dimg-real .btn{flex:none;min-height:40px}
.av img{width:100%;height:100%;object-fit:cover;display:block}
/* trap countdown ring */
.tring{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none}
.tring svg{position:absolute;inset:0;width:100%;height:100%}
.tr-bg{fill:rgba(10,10,12,.85);stroke:rgba(242,112,138,.2);stroke-width:3}
.tr-fg{fill:none;stroke:#F2708A;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .25s linear;filter:drop-shadow(0 0 3px rgba(242,112,138,.7))}
.tring b{position:relative;font-size:10px;font-weight:800;color:#F2708A}
.tring.over b{color:#3DDC97}.tring.over .tr-bg{stroke:rgba(61,220,151,.3)}
.trap-c{position:absolute;left:10px;top:42px;z-index:3;display:flex;align-items:center;gap:6px;animation:trapP 1.4s ease-in-out infinite;border-radius:99px}
.trap-c small{font:700 10.5px var(--mono);color:#fff;padding:2px 7px;border-radius:99px;background:rgba(242,112,138,.85)}
.trap-c small i{font-style:normal}
.trap-c.trap-over{display:none}
.trap-b{display:none}
.trap-live2{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:99px;background:rgba(242,112,138,.1);border:1px solid rgba(242,112,138,.45)}
.trap-live2 .tring b{font-size:12px}
.trap-live2 span{display:flex;flex-direction:column}.trap-live2 b{font-size:13px}.trap-live2 small{font-size:11.5px;color:var(--soft)}
.trap-live2 small i,.trap-warn small i{font-style:normal;font-family:var(--mono);color:#F2708A;font-weight:800}
.trap-live2.trap-over{display:none}
.trap-warn{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(242,112,138,.08);border:1px solid rgba(242,112,138,.45);margin-bottom:10px}
.trap-warn .tring b{font-size:11px}
.trap-warn span{display:flex;flex-direction:column;gap:2px}.trap-warn>span>b{font-size:13.5px;color:#F2708A}.trap-warn small{font-size:12px;color:var(--soft);line-height:1.4}.trap-warn small b{color:var(--ivory)}
.trap-warn.trap-over{display:none}
.tc-seg button{font-size:12px}
/* dev deploy history */
.dh .dw-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dh-score{margin-left:auto;font:800 10.5px var(--mono);letter-spacing:.04em;padding:3px 9px;border-radius:99px}
.dh-score.good{background:rgba(61,220,151,.12);color:#3DDC97}.dh-score.mid{background:rgba(255,209,92,.12);color:#FFD15C}.dh-score.bad{background:rgba(242,112,138,.14);color:#F2708A}.dh-score.new{background:rgba(255,255,255,.06);color:var(--soft)}
.dh-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}
.dh-sum div{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--line);display:flex;flex-direction:column}
.dh-sum small{font-size:10.5px;color:var(--muted)}.dh-sum b{font-size:15px}
.dh-row{display:grid;grid-template-columns:32px minmax(0,1fr) 60px auto;align-items:center;gap:10px;width:100%;padding:8px 6px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ivory);text-align:left}
.dh-row .av{border-radius:50%;overflow:hidden}
button.dh-row{cursor:pointer;border-radius:10px}button.dh-row:hover{background:rgba(255,255,255,.03)}
.dh-n{display:flex;flex-direction:column;min-width:0}
.dh-n b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dh-n b small{color:var(--muted);font-weight:500}
.dh-n>small{font-size:11px;color:var(--muted)}
.dh-sp{width:60px;height:24px}
.dh-r{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.dh-r small{font-size:9.5px;color:var(--muted)}.dh-r b{font-size:12.5px}
.dh-tag{font:700 9.5px var(--mono);padding:1px 6px;border-radius:5px;white-space:nowrap}
.dh-tag.g{background:rgba(61,220,151,.12);color:#3DDC97}.dh-tag.r{background:rgba(242,112,138,.14);color:#F2708A}.dh-tag.d{background:rgba(255,255,255,.06);color:var(--muted)}.dh-tag.l{background:rgba(216,195,160,.12);color:var(--gold2)}
/* dev last deploys v2 */
.dh2 .dw-title{display:flex;align-items:center;gap:8px}
.dh2-alert{padding:8px 12px;border-radius:10px;background:rgba(242,112,138,.1);border:1px solid rgba(242,112,138,.4);font-size:12.5px;color:#F7B3C1;margin-bottom:8px}
.dh2-alert b{color:#F2708A}
.dh2-head,.dh2-row{display:grid;grid-template-columns:30px minmax(0,1fr) 78px 96px;align-items:center;gap:10px}
.dh2-head{grid-template-columns:minmax(0,1fr) 78px 96px;font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:4px 6px 6px;border-bottom:1px solid var(--line)}
.dh2-head .r{text-align:right}
.dh2-row{width:100%;padding:8px 6px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ivory);text-align:left}
button.dh2-row{cursor:pointer;border-radius:10px}button.dh2-row:hover{background:rgba(255,255,255,.03)}
.dh2-row .av{border-radius:50%;overflow:hidden}
.dh2-n{display:flex;flex-direction:column;min-width:0}
.dh2-n b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dh2-n small{font-size:11px;color:var(--muted)}.dh2-n i.lv{font-style:normal;color:var(--gold2)}
.dh2-mc{text-align:right;font-size:13px;font-weight:700}
.dh2-s{justify-self:end;font:800 11.5px var(--mono);padding:3px 8px;border-radius:7px;white-space:nowrap}
.dh2-s.r{background:rgba(242,112,138,.14);color:#F2708A}.dh2-s.y{background:rgba(255,209,92,.12);color:#FFD15C}.dh2-s.g{background:rgba(61,220,151,.12);color:#3DDC97}
.dh2-foot{display:flex;justify-content:space-between;gap:10px;padding-top:10px;font-size:12px;color:var(--muted)}.dh2-foot b{color:var(--ivory)}
/* hourglass tax */
.hgtax{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;padding:6px 10px 6px 6px!important;background:rgba(20,10,14,.85)!important;box-shadow:0 0 0 1.5px #F2708A,0 0 22px -4px rgba(242,112,138,.7)!important;color:#fff!important;animation:trapP 1.4s ease-in-out infinite}
.hg-svg{width:20px;height:34px;flex:none}
.hg-fall{animation:hgFall .5s linear infinite}
@keyframes hgFall{to{stroke-dashoffset:-3.5}}
.hgt{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.hgt small{font-size:8.5px;font-weight:800;letter-spacing:.1em;color:#F7B3C1}
.hgt b{font-size:20px!important;color:#F2708A}
.hgt em{font-style:normal;font-size:10px;color:#fff;margin-top:2px}
.hgtax.rel{animation:relPop .7s cubic-bezier(.2,1.8,.4,1);box-shadow:0 0 0 2px #3DDC97,0 0 30px rgba(61,220,151,.7)!important;color:#0A0A0B!important;flex-direction:column!important;align-items:center;padding:7px 10px!important}
.hgtax.rel b{font-size:22px}
@keyframes relPop{0%{transform:scale(1.25) rotate(-6deg)}100%{transform:none}}
.rel-burst{position:absolute;inset:-10px;border-radius:14px;border:2px solid #3DDC97;animation:ring .7s ease-out forwards;pointer-events:none}
.tcard.released .tc-hero{animation:relFlash 1s ease-out}
@keyframes relFlash{0%{box-shadow:inset 0 0 0 2px #3DDC97,inset 0 0 60px rgba(61,220,151,.4)}100%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}}
.tring.hg{width:auto!important;gap:4px;padding:0 4px}
.tring.hg .hg-svg{position:static;width:auto;height:100%}
.tring.hg b{font-size:13px}
.trap-released .tring b{color:#3DDC97}
.tl2{display:flex;align-items:center;gap:12px}
.tl2-trap{flex:1;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(242,112,138,.1);border:1px solid rgba(242,112,138,.4)}
.tl2-trap span .hg-svg{width:18px;height:30px}
.tl2-trap b{font-size:16px;color:#F2708A}.tl2-trap small,.tl2-norm small{font-size:11px;color:var(--muted);margin-left:auto}
.tl2-drop{font-size:18px;color:#3DDC97}
.tl2-norm{display:flex;flex-direction:column;align-items:center;padding:10px 16px;border-radius:12px;background:rgba(61,220,151,.08);border:1px solid rgba(61,220,151,.35)}
.tl2-norm b{font-size:16px;color:#3DDC97}.tl2-norm small{margin:0}
.tring.hg{display:inline-flex!important;flex-direction:row;align-items:center;justify-content:flex-start}
.tring.hg svg.hg-svg{position:static!important;inset:auto!important;width:auto!important;height:100%!important}
.tring.hg b{position:static;white-space:nowrap}
.trap-live2 .tring.hg{height:40px!important}
.trap-warn .tring.hg{height:40px!important}
/* ===== liquid sniper-tax box (drains as time runs out) ===== */
.liq{position:relative;overflow:hidden;isolation:isolate;border-radius:14px;background:#140C10;box-shadow:inset 0 0 0 1.5px rgba(242,112,138,.55),0 0 26px -8px rgba(242,112,138,.6);color:#fff}
.liq-fill{position:absolute;left:0;right:0;bottom:0;height:calc(var(--f) * 100%);background:linear-gradient(180deg,#FF5D82,#C9365A);transition:height .2s linear;z-index:-1}
.liq-fill::after{content:"";position:absolute;inset:0;background:radial-gradient(3px 3px at 20% 70%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 55% 40%,rgba(255,255,255,.4),transparent),radial-gradient(2.5px 2.5px at 80% 80%,rgba(255,255,255,.45),transparent);animation:bub 2.6s linear infinite}
@keyframes bub{from{background-position:0 0,0 0,0 0}to{background-position:0 -40px,0 -60px,0 -30px}}
.liq-w{position:absolute;left:0;bottom:100%;width:200%;height:8px;fill:#FF5D82;animation:waveX 1.8s linear infinite;margin-bottom:-1px}
.liq-c{position:relative;display:flex;align-items:center;gap:10px;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.liq.rel{background:#0C1611;box-shadow:inset 0 0 0 1.5px #3DDC97,0 0 24px -6px rgba(61,220,151,.7);animation:relPop .6s cubic-bezier(.2,1.8,.4,1)}
.liq.rel .liq-fill{display:none}
.liq.rel b{color:#3DDC97}
/* card */
.liq-card{min-width:74px;padding:7px 10px}
.liq-card .liq-c{flex-direction:column;align-items:center;gap:0;line-height:1.05}
.liq-card small{font:800 8px var(--mono);letter-spacing:.1em;opacity:.9}
.liq-card b{font-size:22px;font-weight:800}
.liq-card em{font-style:normal;font-size:10.5px;font-weight:700;margin-top:2px;opacity:.95}
/* coin header */
.liq-head{padding:8px 16px 8px 12px;border-radius:16px;min-width:210px}
.lq-big{font-size:26px;font-weight:800;letter-spacing:-.03em}
.lq-tx{display:flex;flex-direction:column;gap:1px}
.lq-tx b{font-size:13px}.lq-tx small{font-size:11.5px;opacity:.95}.lq-tx i{font-style:normal;font-weight:800}
.liq-head.rel .liq-c{flex-direction:column;align-items:flex-start;gap:0}
/* buy panel */
.liq-buy{padding:12px 14px;margin-bottom:10px}
.liq-buy .lq-big{font-size:30px}
.liq-buy .lq-tx small{font-size:12px;line-height:1.45}
.liq-buy.rel .liq-c{flex-direction:column;align-items:flex-start;gap:2px}
.hgtax,.trap-live2,.trap-warn{display:none!important}
.liq-prev{padding:10px 14px}.liq-prev .lq-big{font-size:24px}.tl3{display:flex}.tl3 .liq{flex:1}.tc-seg button{font-size:11.5px}
.arch-note{display:inline-flex;margin-top:8px;padding:5px 12px;border-radius:99px;font-size:12px;font-weight:700;background:rgba(255,255,255,.06);color:var(--soft)}
.arch-note.rug{background:rgba(242,112,138,.14);color:#F2708A}.arch-note.grad{background:rgba(61,220,151,.12);color:#3DDC97}
/* chart marker preview */
.cmark{cursor:pointer;overflow:visible!important}
.cmark svg{border-radius:50%}
.cmark.dev{box-shadow:0 0 0 2px #FFD15C,0 3px 8px rgba(0,0,0,.6)}
.cmark.cmco{box-shadow:0 0 0 1.5px #EDE9E1,0 3px 8px rgba(0,0,0,.6)}
.cm-d,.cm-c{position:absolute;right:-6px;bottom:-5px;font-style:normal;font-size:8px;font-weight:900;line-height:1;padding:2px 3px;border-radius:5px;background:#FFD15C;color:#0A0A0B}
.cm-c{background:none;font-size:10px;padding:0}
.cm-tip{position:absolute;z-index:60;width:250px;padding:10px 12px;border-radius:14px;background:#141416;border:1px solid #2E2E33;box-shadow:0 20px 40px -10px rgba(0,0,0,.9);display:none;flex-direction:column;gap:8px;pointer-events:none;font-size:12px}
.cm-tip.on{display:flex;animation:fcIn .18s ease-out}
.ct-h{display:flex;align-items:center;gap:8px}.ct-h .av{border-radius:50%;overflow:hidden;flex:none}
.ct-n{display:flex;flex-direction:column;flex:1;min-width:0}.ct-n b{font-size:13px}.ct-n small{font-size:10.5px;color:var(--muted)}
.ct-side{display:flex;align-items:baseline;gap:6px;padding:7px 10px;border-radius:10px;font-weight:700}
.ct-side.b{background:rgba(61,220,151,.1);color:#3DDC97}.ct-side.s{background:rgba(242,112,138,.1);color:#F2708A}
.ct-side b{font-size:15px}.ct-side span{margin-left:auto;font-size:11.5px;color:var(--soft);font-weight:600}
.ct-g{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ct-g span{display:flex;flex-direction:column}.ct-g small{font-size:10px;color:var(--muted)}.ct-g b{font-size:12.5px;color:var(--ivory)}
.ct-co{padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.04);color:var(--soft);line-height:1.4}
.ct-co.big{font-size:13px;color:var(--ivory)}
.ct-f{font-size:10px;color:var(--muted);text-align:right}
.cmark.dev.b{box-shadow:0 0 0 2px #3DDC97,0 0 0 4px rgba(255,209,92,.6),0 3px 8px rgba(0,0,0,.6)}
.cmark.dev.s{box-shadow:0 0 0 2px #F2708A,0 0 0 4px rgba(255,209,92,.6),0 0 14px rgba(242,112,138,.6)}
.cmark.dev.s .cm-d{background:#F2708A;color:#fff}.cmark.dev.b .cm-d{background:#3DDC97}
.bubble .bm{display:flex;align-items:center;gap:4px;font:700 10.5px var(--mono);color:#fff;padding:1px 6px;border-radius:99px;background:rgba(0,0,0,.45);white-space:nowrap;margin-top:1px;line-height:1.4}
.bubble .bm i{font-style:normal;opacity:.5}
.bubble .bm span{color:var(--soft);font-weight:600}
.bubble .bm.sm{font-size:8.5px;padding:0 4px;gap:2px}
.bubble .bm.sm i,.bubble .bm.sm span{display:none}.bubble .bm.sm{font-size:9px}
/* ===================== HOW IT WORKS — STORY ===================== */
.story{margin-top:28px;padding:24px!important;background:#0B0B0D;border-color:#1E1E21}
.st2-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px}
.st2-hint{font-size:12px}
.st2-bars{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:16px}
.st2-bar{display:flex;flex-direction:column;gap:8px;border:0;background:none;padding:0;text-align:left;color:var(--muted);cursor:pointer}
.st2-bar i{height:3px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.st2-bar u{display:block;height:100%;width:0;background:var(--gold2)}
.st2-bar span{font-size:12px;font-weight:700}.st2-bar span b{font-size:10.5px;color:var(--faint);margin-right:2px}
.st2-bar.on{color:var(--ivory)}.st2-bar.on span b{color:var(--gold)}
.st2-bar.done{color:var(--soft)}
.st2-stage{position:relative;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.6fr);min-height:400px;border-radius:20px;overflow:hidden;background:radial-gradient(70% 90% at 75% 50%,rgba(216,195,160,.07),transparent 70%),#0E0E10;box-shadow:inset 0 0 0 1px #1E1E21}
.st2-copy{padding:40px 36px;display:flex;flex-direction:column;justify-content:center;gap:10px;border-right:1px solid #1A1A1D;animation:fcIn .5s ease-out}
.st2-n{font-size:12px;color:var(--gold);letter-spacing:.12em}
.st2-copy h3{margin:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:44px;line-height:1;color:var(--ivory)}
.st2-copy p{margin:0;font-size:15px;line-height:1.55;color:var(--soft);max-width:340px}
.story.paused .st2-bar.on u{background:var(--muted)}
.st2-vis{position:relative;overflow:hidden}
.sc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
/* 1 launch */
.s1-card{position:relative;width:340px;border-radius:20px;background:#121214;box-shadow:0 30px 60px -20px rgba(0,0,0,.9),inset 0 0 0 1px #26262A;overflow:hidden;padding-bottom:18px;animation:fcIn .5s ease-out}
.s1-ban{height:110px;transform-origin:top;animation:s1ban .6s .1s cubic-bezier(.2,1,.3,1) both}
@keyframes s1ban{from{transform:scaleY(0)}}
.s1-av{position:absolute;left:20px;top:62px;border-radius:50%;box-shadow:0 0 0 5px #121214;animation:jnIn .6s .5s cubic-bezier(.2,1.7,.4,1) both}
.s1-av .av{display:block;border-radius:50%}
.s1-meta{padding:16px 20px 0 128px;display:flex;flex-direction:column;min-height:56px}
.s1-name{font-size:20px;font-weight:800;white-space:nowrap;overflow:hidden;width:0;animation:type 1s 1s steps(14) forwards}
@keyframes type{to{width:100%}}
.s1-tk{color:var(--muted);font-size:12px;opacity:0;animation:fcIn .3s 1.9s forwards}
.s1-chips{display:flex;gap:8px;padding:16px 20px 0}
.s1-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:99px;font:800 12px var(--mono);opacity:0;animation:stampIn2 .45s cubic-bezier(.2,1.8,.4,1) forwards}
.s1-chip.tax{color:#0A0A0B;animation-delay:2.3s}.s1-chip.pair{background:rgba(255,255,255,.07);color:var(--ivory);animation-delay:2.7s}.s1-chip.live{background:rgba(61,220,151,.14);color:#3DDC97;animation-delay:3.3s}
@keyframes stampIn2{0%{opacity:0;transform:scale(1.8) rotate(-8deg)}100%{opacity:1;transform:none}}
/* 2 trap */
.sc2{gap:28px}
.s2-lane{display:flex;flex-direction:column;gap:14px}
.s2-who{position:relative;font-size:34px;opacity:0;animation:s2in .6s var(--d) cubic-bezier(.2,1.4,.4,1) forwards}
.bots .s2-who{animation-name:s2bot}
@keyframes s2in{from{opacity:0;transform:translateX(40px)}to{opacity:1}}
@keyframes s2bot{0%{opacity:0;transform:translateX(-60px)}40%{opacity:1;transform:translateX(10px)}100%{opacity:1;transform:none}}
.s2-who em{position:absolute;left:100%;top:6px;margin-left:6px;font:800 13px var(--mono);font-style:normal;color:#F2708A;white-space:nowrap}
.s2-who em.ok{left:auto;right:100%;margin:0 6px 0 0;color:#3DDC97}
.s2-box{position:relative;width:170px;height:200px;border-radius:22px;overflow:hidden;background:#140C10;box-shadow:inset 0 0 0 2px rgba(242,112,138,.6),0 0 40px -10px rgba(242,112,138,.6);display:flex;align-items:center;justify-content:center;animation:s2boxOk .01s 3.2s forwards}
.s2-liq{position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(180deg,#FF5D82,#C9365A);animation:s2drain 3.1s .1s linear forwards}
@keyframes s2drain{to{height:0}}
@keyframes s2boxOk{to{background:#0C1611;box-shadow:inset 0 0 0 2px #3DDC97,0 0 40px -10px rgba(61,220,151,.7)}}
.s2-t,.s2-ok{position:relative;display:flex;flex-direction:column;align-items:center}
.s2-t small,.s2-ok small{font:800 10px var(--mono);letter-spacing:.1em}
.s2-t b{font-size:44px}.s2-ok b{font-size:44px;color:#3DDC97}
.s2-t{animation:hideAt .01s 3.2s forwards}.s2-ok{position:absolute;opacity:0;animation:showPop .5s 3.2s cubic-bezier(.2,1.8,.4,1) forwards}
@keyframes hideAt{to{opacity:0}}@keyframes showPop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}
/* 3 curve */
.s3-g{position:absolute;left:6%;right:6%;top:10%;width:88%;height:65%}
.s3-line{stroke-dasharray:520;stroke-dashoffset:520;animation:draw 3.5s .2s ease-out forwards;filter:drop-shadow(0 0 6px rgba(61,220,151,.6))}
@keyframes draw{to{stroke-dashoffset:0}}
.s3-area{opacity:0;animation:fcIn 1s 2s forwards}
.s3-b{position:absolute;font-size:13px;font-weight:800;color:#3DDC97;opacity:0;animation:numUp 1.6s var(--d) ease-out forwards;text-shadow:0 2px 8px #000}
.s3-curve{position:absolute;left:8%;right:8%;bottom:8%;display:flex;align-items:center;gap:12px}
.s3-curve small{font-size:12px;color:var(--muted)}
.s3-curve i{flex:1;height:10px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.s3-curve u{display:block;height:100%;width:0;background:linear-gradient(90deg,#D8C3A0,#3DDC97);animation:fill85 3.2s .2s ease-out forwards}
@keyframes fill85{to{width:85%}}
.s3-curve b{font-size:16px;color:var(--ivory);min-width:46px}
/* 4 risk */
.sc4{flex-direction:column;gap:16px}
.s4-card{position:relative;width:360px;padding:20px;border-radius:20px;background:#121214;box-shadow:inset 0 0 0 1px #26262A;display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;overflow:hidden}
.s4-card .av{border-radius:50%}
.s4-card>b{font-size:18px}
.s4-scan{position:absolute;left:0;right:0;height:40px;top:-40px;background:linear-gradient(180deg,transparent,rgba(216,195,160,.25),transparent);animation:scan 1.6s .2s ease-in-out 2}
@keyframes scan{to{top:100%}}
.s4-tiles{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.s4-t{display:flex;flex-direction:column;padding:8px;border-radius:10px;background:rgba(255,255,255,.04);opacity:0;animation:flip .5s var(--d) cubic-bezier(.2,1.5,.4,1) forwards}
@keyframes flip{from{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:none}}
.s4-t small{font:700 9px var(--mono);color:var(--muted);letter-spacing:.06em}.s4-t b{font-size:15px}
.s4-t.g b{color:#3DDC97}.s4-t.y b{color:#FFD15C}.s4-t.r b{color:#F2708A}.s4-t.r{box-shadow:inset 0 0 0 1px rgba(242,112,138,.5)}
.s4-note{font-size:14px;font-weight:700;color:var(--soft);opacity:0;animation:fcIn .5s 2.6s forwards}
/* 5 graduate */
.sc5{flex-direction:column;gap:22px}
.s5-curve{display:flex;align-items:center;gap:12px;width:70%}
.s5-curve i{flex:1;height:12px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.s5-curve u{display:block;height:100%;width:85%;background:linear-gradient(90deg,#D8C3A0,#3DDC97);animation:fill100 1s .2s ease-in forwards}
@keyframes fill100{to{width:100%;box-shadow:0 0 20px #3DDC97}}
.s5-curve b{font-size:18px;color:#3DDC97}
.s5-burst{position:absolute;left:50%;top:38%;width:0;height:0}
.s5-burst i{position:absolute;width:7px;height:7px;border-radius:2px;background:#F3E5C8;opacity:0;animation:burst 1.2s 1.15s ease-out forwards}
.s5-burst i:nth-child(odd){background:#3DDC97}
.s5-burst i:nth-child(1){--x:-160px;--y:-90px}.s5-burst i:nth-child(2){--x:140px;--y:-110px}.s5-burst i:nth-child(3){--x:-90px;--y:-140px}.s5-burst i:nth-child(4){--x:90px;--y:-150px}.s5-burst i:nth-child(5){--x:-200px;--y:-20px}.s5-burst i:nth-child(6){--x:200px;--y:-30px}.s5-burst i:nth-child(7){--x:-120px;--y:60px}.s5-burst i:nth-child(8){--x:130px;--y:70px}.s5-burst i:nth-child(9){--x:0;--y:-170px}.s5-burst i:nth-child(10){--x:-60px;--y:-60px}.s5-burst i:nth-child(11){--x:60px;--y:-70px}.s5-burst i:nth-child(12){--x:-230px;--y:-90px}.s5-burst i:nth-child(13){--x:230px;--y:-80px}.s5-burst i:nth-child(14){--x:-30px;--y:90px}.s5-burst i:nth-child(15){--x:170px;--y:20px}.s5-burst i:nth-child(16){--x:-170px;--y:30px}.s5-burst i:nth-child(17){--x:40px;--y:-120px}
@keyframes burst{0%{opacity:1;transform:none}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(200deg)}}
.s5-ray{font-size:30px;font-weight:800;color:var(--ivory);opacity:0;animation:showPop .6s 1.2s cubic-bezier(.2,1.8,.4,1) forwards}
.s5-ray span{color:#3DDC97;font-size:20px}
.s5-axis{position:relative;width:70%;height:60px}
.s5-axis>i{position:absolute;left:0;right:0;top:12px;height:3px;border-radius:99px;background:rgba(255,255,255,.08)}
.s5-m{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;animation:showPop .5s var(--d) cubic-bezier(.2,1.8,.4,1) forwards}
.s5-m em{font-style:normal;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#141416;box-shadow:0 0 0 2px rgba(243,229,200,.6);font-size:14px}
.s5-m small{font:700 10px var(--mono);color:var(--soft)}
/* 6 flywheel */
.s6-src{position:absolute;left:50%;top:16%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;animation:tcFloat 3s ease-in-out infinite}
.s6-src .av{border-radius:50%;box-shadow:0 0 0 3px rgba(243,229,200,.5),0 0 30px rgba(243,229,200,.3)}
.s6-src small{font-size:11px;color:var(--muted)}
.s6-dot{position:absolute;left:50%;top:30%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#F3E5C8;box-shadow:0 0 10px #F3E5C8;opacity:0;animation:j0 1.4s var(--d) ease-in infinite}
.s6-dot.j0{animation-name:j0}.s6-dot.j1{animation-name:j1;background:#3DDC97;box-shadow:0 0 10px #3DDC97}.s6-dot.j2{animation-name:j2;background:#FF9A4D;box-shadow:0 0 10px #FF9A4D}
@keyframes j0{0%{opacity:1;transform:none}100%{opacity:.2;transform:translate(-170px,170px)}}
@keyframes j1{0%{opacity:1;transform:none}100%{opacity:.2;transform:translate(0,180px)}}
@keyframes j2{0%{opacity:1;transform:none}100%{opacity:.2;transform:translate(170px,170px)}}
.s6-jars{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);display:flex;gap:70px}
.s6-jar{position:relative;width:110px;height:120px;border-radius:14px 14px 22px 22px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18);background:rgba(255,255,255,.02)}
.s6-fill{position:absolute;left:0;right:0;bottom:0;height:0;animation:jarFill 4.5s .4s ease-out forwards;z-index:0}
.s6-jar.c .s6-fill{background:linear-gradient(180deg,rgba(237,233,225,.35),rgba(237,233,225,.12));--h:70%}
.s6-jar.h .s6-fill{background:linear-gradient(180deg,rgba(61,220,151,.45),rgba(61,220,151,.15));--h:48%}
.s6-jar.v .s6-fill{background:linear-gradient(180deg,rgba(255,154,77,.45),rgba(255,154,77,.15));--h:34%}
@keyframes jarFill{to{height:var(--h)}}
.s6-jar>*:not(.s6-fill){position:relative;z-index:1}
.s6-jar em{font-style:normal;font-size:20px}.s6-jar b{font-size:20px;color:var(--ivory)}.s6-jar small{font-size:11px;color:var(--soft)}
@media (max-width:900px){.st2-stage{grid-template-columns:1fr;min-height:0}.st2-copy{padding:22px;border-right:0;border-bottom:1px solid #1A1A1D}.st2-copy h3{font-size:32px}.st2-vis{height:360px}.st2-bars span{display:none}.s6-jars{gap:16px}.s6-jar{width:90px}.s1-card,.s4-card{transform:scale(.88)}}
.sc2{gap:56px}
.s2-who em,.s2-who em.ok{left:50%;right:auto;top:100%;margin:2px 0 0;transform:translateX(-50%);font-size:11px}
.s2-lane{gap:26px}
.s2-who{font-size:30px}
/* ======================= MOBILE PASS (desktop untouched) ======================= */
.mnav,.m-buy{display:none}
@media (max-width:760px){
  body{padding-bottom:72px}
  /* bottom tab bar */
  .mnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;height:64px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(10,10,12,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid #222225}
  .mnav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:var(--muted);font-size:10.5px;font-weight:700;border-radius:12px}
  .mnav svg{width:21px;height:21px}
  .mnav button.on{color:var(--ivory)}
  .mnav button.pri{color:#0A0A0B}
  .mnav button.pri svg{width:40px;height:30px;padding:5px 10px;border-radius:11px;background:var(--ivory);stroke-width:2.6}
  .mnav button.pri span{color:var(--soft)}
  .hdr-right .co-btn,.hdr-right .wl-btn{display:none}
  #toasts{bottom:78px!important}
  /* header */
  .tape{height:26px}
  /* intro */
  .kin{font-size:40px}
  .intro3{margin:10px 0 14px}
  /* filters: one slider per row, tidy scale */
  .irange.rsx{flex:1 1 100%!important}
  .rs-t{font-size:9px}
  .ir-mc .rs-t:nth-child(even):not(:last-child),.ir-age .rs-t:nth-child(even):not(:last-child){opacity:0}
  .fb2-row.sub{gap:6px}
  /* cards: a bit shorter */
  .tc-hero{height:176px}
  .tch-av .av{width:128px!important;height:128px!important}
  .tcard{padding:10px!important}
  /* bubbles / orbit */
  .bubbles{height:520px}
  /* story */
  .st2-hint{display:none}
  .st2-copy h3{font-size:30px}.st2-copy p{font-size:13.5px}
  .st2-vis{height:320px}
  .s1-card{transform:scale(.8)}.s4-card{transform:scale(.82)}
  .s6-jars{gap:10px}.s6-jar{width:84px;height:100px}
  .sc2{gap:26px}.s2-box{width:130px;height:160px}.s2-t b,.s2-ok b{font-size:34px}
  /* token page: reorder — chart, buy, stats, trades, callouts */
  .tp-grid3{display:flex!important;flex-direction:column;gap:12px}
  .tp-grid3>.tp-main,.tp-grid3>.tp-side{display:contents}
  .tp-grid3 .cpanel{order:1}
  .tp-grid3 .tradebox{order:2}
  .tp-grid3 .mcrow2{order:3}
  .tp-grid3 .tp-main>.panel:not(.cpanel){order:4}
  .tp-grid3 .tp-side>*:not(.tradebox){order:5}
  .tp-grid3 .tp-thread{order:6;position:static;max-height:560px}
  .tp-banner{padding:16px!important;gap:12px!important}
  .tb-av .av{width:72px!important;height:72px!important}
  .tp-banner .title-xl{font-size:26px!important}
  .tp-banner .tp-key{width:100%;margin-left:0!important}
  .m-buy{display:block;position:fixed;left:12px;right:12px;bottom:74px;z-index:54;min-height:48px;border:0;border-radius:14px;background:#3DDC97;color:#04140C;font:800 15px Manrope,sans-serif;box-shadow:0 12px 30px -10px rgba(61,220,151,.7)}
  .chartbox{height:300px}
  .cmark{width:16px!important;height:16px!important;margin:-8px 0 0 -8px!important}
  .cmark .cm-d{font-size:6.5px;padding:1px 2px}
  .cm-tip{width:220px}
  .c-help{display:none}
  .mc2-v>span:first-child{font-size:30px}
  .cpanel .chart-tb{gap:6px}
  .czoom{margin-left:0}
  /* drawers full width */
  .drawer{width:100%!important;max-width:100%!important}
  .co-drawer{width:100%;bottom:64px}
  /* create */
  .trap-t small{font-size:11.5px}
  .tc-seg{max-width:none}
  .devb-q button{min-width:44px;flex:1}
  .devb-q{flex:1 1 100%}
  .socgrid{grid-template-columns:1fr}
  /* leaderboard */
  .lb-hero h1{font-size:32px!important}
  /* footer clears bottom bar */
  footer{padding-bottom:84px}
}
.cmark svg{overflow:hidden;border-radius:50%;clip-path:circle(50%)}
@media (max-width:760px){
  .m-buy{transition:transform .25s,opacity .25s}
  .m-buy.hide{transform:translateY(20px);opacity:0;pointer-events:none}
  #tp-tbl{overflow-x:auto}
  .trow{min-width:0!important;grid-template-columns:44px 52px minmax(0,1fr) minmax(0,1fr) 90px!important;gap:6px!important;padding:10px 8px!important;font-size:12px!important}
  .trow>*:nth-child(n+6){display:none!important}
  .tfilters{flex-wrap:wrap;gap:6px}
  .tfilters .seg{overflow-x:auto;max-width:100%}
  .hhead,.hrow2{grid-template-columns:22px minmax(0,1fr) 60px!important}
  .hhead span:nth-child(3),.hhead span:nth-child(5),.hrow2 .hbar2,.hrow2 .hr-v{display:none!important}
  .htiles{grid-template-columns:repeat(3,1fr)}
  .cpanel .chart-tb{flex-wrap:wrap}
}
.chartbox .cmark>svg{display:block;width:100%!important;height:100%!important;position:static}
@media (max-width:760px){.chartbox .cmark{width:18px!important;height:18px!important;margin:-9px 0 0 -9px!important}}

@media (max-width:760px){.create-grid>section{flex:1 1 100%!important;width:100%;min-width:0!important}.create-grid>aside{flex:1 1 100%!important;position:static!important}.tc-row{flex-direction:column;align-items:stretch;gap:6px}.tc-seg{flex-wrap:wrap}.tc-seg button{flex:1 0 22%}.trap-t small{display:block}.lb-tabs{overflow-x:auto}}
/* ===== mobile coin header, clean ===== */
@media (max-width:760px){
  #toasts{top:84px!important;bottom:auto!important;left:12px;right:12px;align-items:center}
  #toasts .toast{max-width:100%;font-size:13px;padding:8px 12px}
  .tp-banner{display:grid!important;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"av id" "key key";gap:12px 14px!important;padding:14px!important;align-items:center!important;min-height:0!important}
  .tp-banner .tb-av{grid-area:av;animation:none}
  .tp-banner .tb-av .av{width:64px!important;height:64px!important}
  .tp-banner .tp-id{grid-area:id;min-width:0}
  .tp-banner .title-xl{font-size:22px!important;line-height:1.1;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px}
  .tp-banner .title-xl .tk{font-size:14px}
  .tp-banner .msbs.lg{margin-top:4px}.tp-banner .msbs.lg .msb{padding:2px 7px 2px 4px;font-size:10px}.tp-banner .msbs.lg .msb b{font-size:8.5px}
  .tp-banner .hs-pills{grid-column:1/-1;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:6px;margin:8px -14px 0 -92px!important;padding:0 14px 0 14px;width:calc(100% + 106px)}
  .tp-banner .hs-pills::-webkit-scrollbar{display:none}
  .tp-banner .hs-pills>*{flex:none}
  .tp-banner .pill{min-height:30px;font-size:11.5px;padding:0 10px;white-space:nowrap}
  .tp-banner .pill .maker .av{width:18px!important;height:18px!important}
  .tp-banner .soc.big{display:flex;flex-wrap:nowrap;gap:6px;flex:none}
  .tp-banner .soc.big .sbtn2{min-height:30px;width:34px;padding:0;justify-content:center}
  .tp-banner .soc.big .sbtn2 span{display:none}
  .tp-banner .soc.big .sbtn2.off{display:none}
  .tp-banner .iconbtn{width:30px;height:30px;flex:none}
  .tp-banner .tp-key{grid-area:key;display:grid!important;grid-template-columns:auto 1fr;gap:8px;width:100%}
  .tp-banner .tp-key>.liq{grid-column:1/-1}
  .tp-banner .tp-key .tax{padding:6px 12px!important;border-radius:12px;display:flex;flex-direction:row;align-items:center;gap:8px}
  .tp-banner .tp-key .tax b{font-size:20px!important}
  .tp-banner .tp-key .tax small:last-child{display:none}
  .tp-banner .pairbig{padding:5px 10px 5px 5px;border-radius:12px;gap:8px;min-width:0}
  .tp-banner .pairbig .coin,.tp-banner .pairbig .av{width:30px!important;height:30px!important;font-size:12px!important}
  .tp-banner .pairbig small{font-size:8.5px}.tp-banner .pairbig b{font-size:15px}.tp-banner .pairbig span{display:none}
  .tp-env>.link{min-height:36px;font-size:13px}
  .m-buy{left:auto;right:12px;width:auto;padding:0 18px;min-height:44px;font-size:14px;border-radius:99px}
}
@media (max-width:760px){
  .tp-banner{align-items:start!important}
  .tp-banner .hs-pills{margin:8px 0 0!important;padding:0!important;width:100%!important}
  .tp-banner .pairbig span{display:inline-flex!important}
  .tp-banner .pairbig>div>span{display:none!important}
  .tp-banner .pairbig>div{display:flex;flex-direction:column}
  .cpanel .chart-tb{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .cpanel .chart-tb::-webkit-scrollbar{display:none}
  .cpanel .chart-tb>*{flex:none}
  .cpanel .chart-tb .seg button{min-height:32px;padding:0 10px;font-size:12px}
  .cpanel .ctog button{min-height:32px}
  .cpanel .c-pair{display:none}
}
@media (max-width:760px){.tp-grid3 .cpanel{min-width:0;max-width:100%;width:100%;overflow:hidden}.cpanel .chart-tb{max-width:100%}.tp-grid3>*,.tp-grid3 .panel{max-width:100%;min-width:0}}
/* ===== DexScreener-style list ===== */
.ltable{grid-column:1/-1;width:100%;border-radius:16px;border:1px solid var(--line);background:#0D0D0F;overflow:hidden}
.lt-scroll{overflow-x:auto}
.lrow2{display:grid;grid-template-columns:44px minmax(240px,2.4fr) 56px 90px 104px 54px 72px 84px 72px 74px 74px 74px 80px 84px 110px;align-items:center;gap:8px;min-width:1240px;padding:0 14px;height:46px;border-bottom:1px solid #18181B;font-size:13px;cursor:pointer;transition:background .12s}
.lrow2:hover{background:rgba(255,255,255,.03)}
.lrow2 .r{text-align:right;justify-self:end}
.lhead{height:38px;background:#121214;position:sticky;top:0;z-index:2;cursor:default}
.lhead button{border:0;background:none;padding:0;font:800 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;cursor:pointer;white-space:nowrap}
.lhead button.r{text-align:right}
.lhead button.on,.lhead button:hover{color:var(--ivory)}
.lr-n{font-size:11px;color:var(--muted)}
.lr-tok{display:flex;align-items:center;gap:10px;min-width:0}
.lr-tok .av{border-radius:50%;overflow:hidden;flex:none}
.lt-n{display:flex;align-items:baseline;gap:5px;min-width:0;white-space:nowrap;overflow:hidden}
.lt-n b{font-size:13.5px}.lt-n small{color:var(--muted);font-size:11px}.lt-n em{font-style:normal;color:var(--soft);overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
.lt-flag{font-style:normal;color:#FFD15C;font-size:12px}.lt-trap{font-style:normal;font-size:12px}
.lt-tax{display:inline-block;font:800 11px var(--mono);font-style:normal;color:#0A0A0B;padding:2px 7px;border-radius:6px}
.lt-mc{color:#7DB8FF;font-weight:700}
.lt-cv{display:flex;align-items:center;gap:6px}
.lt-cv i{flex:1;height:5px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.lt-cv u{display:block;height:100%;background:linear-gradient(90deg,#D8C3A0,#3DDC97)}
.lt-cv small{font-size:10.5px;color:var(--muted);min-width:28px;text-align:right}
.lt-cv em{font-style:normal;font-size:11px;color:#3DDC97;font-weight:700}
@media (max-width:760px){
  .lrow2{min-width:0;grid-template-columns:28px minmax(0,1fr) 40px 64px 58px;padding:0 10px;gap:6px;height:52px;font-size:12px}
  .lrow2>*:nth-child(5),.lrow2>*:nth-child(6),.lrow2 .hd1,.lrow2 .hd2,.lrow2>*:nth-child(8){display:none!important}
  .lt-n{flex-direction:column;gap:0;align-items:flex-start}.lt-n small{display:none}.lt-n em{font-size:11px}
  .lr-tok{gap:8px}
}
.lrow2{grid-template-columns:44px minmax(240px,2.4fr) 56px 90px 104px 54px 72px 84px 72px 74px 74px 74px 80px 84px 120px}
.lt-cv small{min-width:34px}
@media (max-width:760px){.lt-n .lt-flag{position:absolute;margin-left:-2px}.lt-n{position:relative}.lt-flag{display:none}.lt-n b::after{content:""}}
/* ===================== THE BURNERY ===================== */
.burn{padding-top:20px;padding-bottom:60px;display:flex;flex-direction:column;gap:16px}
.bn-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch;border-radius:24px;overflow:hidden;background:radial-gradient(80% 100% at 75% 100%,rgba(255,120,40,.18),transparent 60%),#0C0B0A;border:1px solid #2A1F18}
.bn-copy{padding:36px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.bn-h{margin:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:56px;line-height:1;color:var(--ivory)}
.bn-copy p{margin:0;font-size:15px;line-height:1.6;color:var(--soft);max-width:460px}.bn-copy p b{color:#FFB98A}
.bn-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:6px}
.bn-stats div{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid #2A231E;display:flex;flex-direction:column;gap:2px}
.bn-stats small{font-size:11.5px;color:var(--muted)}.bn-stats b{font-size:22px;color:#FFD2A8}.bn-stats span{font-size:11px;color:var(--muted)}
.bn-fire{position:relative;min-height:420px;overflow:hidden}
.bn-fire canvas{position:absolute;inset:0;width:100%;height:100%}
.bn-pit{position:absolute;left:50%;bottom:8%;width:58%;height:18%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,140,60,.55),rgba(120,30,10,.4) 60%,transparent);filter:blur(6px)}
.bn-pit::after{content:"";position:absolute;left:8%;right:8%;bottom:-6%;height:40%;border-radius:50%;background:linear-gradient(180deg,#2A1A12,#120B08);box-shadow:inset 0 6px 14px rgba(255,140,60,.35)}
.bn-fly{position:absolute;inset:0;pointer-events:none}
.bn-coin{position:absolute;top:8%;display:flex;flex-direction:column;align-items:center;gap:4px;animation:bnArcL 1.25s cubic-bezier(.4,0,.8,.6) forwards}
.bn-coin.r{animation-name:bnArcR}
.bn-coin .av{border-radius:50%;box-shadow:0 0 0 2px #FFD2A8,0 0 20px rgba(255,170,70,.6)}
.bn-coin span{font:800 10.5px var(--mono);color:#FFD2A8;text-shadow:0 1px 6px #000}
@keyframes bnArcL{0%{left:4%;top:12%;transform:rotate(0) scale(1)}60%{top:6%}100%{left:calc(50% - 23px);top:68%;transform:rotate(320deg) scale(.4);opacity:.2}}
@keyframes bnArcR{0%{left:calc(96% - 46px);top:12%;transform:rotate(0) scale(1)}60%{top:6%}100%{left:calc(50% - 23px);top:68%;transform:rotate(-320deg) scale(.4);opacity:.2}}
.bn-now{position:absolute;left:50%;top:22px;transform:translate(-50%,-10px);padding:7px 14px;border-radius:99px;background:rgba(20,12,8,.85);border:1px solid rgba(255,170,70,.45);font-size:13px;color:var(--soft);white-space:nowrap;opacity:0}
.bn-now.go{animation:banner 2.4s ease forwards}
.bn-now b{color:#fff}.bn-usd{color:#FFB98A}
.bn-list,.bn-feed{padding:18px!important}
.bn-lh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.bn-lh b{font-size:16px}.bn-lh span{font-size:12px}
.bn-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(160px,1.6fr) 120px 110px 70px 80px;gap:14px;align-items:center;padding:10px 8px;border-bottom:1px solid var(--line);font-size:13px;cursor:pointer;border-radius:10px}
.bn-row:hover{background:rgba(255,170,70,.04)}
.bn-head{cursor:default;font:700 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bn-row .r{text-align:right}
.bn-c{display:flex;align-items:center;gap:10px;min-width:0}.bn-c .av{border-radius:50%;overflow:hidden;flex:none}
.bn-c>span{display:flex;flex-direction:column;min-width:0}.bn-c small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn-bar{position:relative;display:flex;align-items:center;gap:10px}
.bn-bar i{height:8px;border-radius:99px;background:linear-gradient(90deg,#F2708A,#FF9A4D,#FFD15C);box-shadow:0 0 10px rgba(255,154,77,.4);min-width:4px}
.bn-bar b{font-size:12.5px;color:#FFD2A8;white-space:nowrap}
.bn-lg{display:grid;grid-template-columns:22px minmax(120px,1fr) 160px 120px 100px 70px 32px;gap:10px;align-items:center;padding:8px 6px;border-bottom:1px solid var(--line);font-size:12.5px}
.bn-lg .bn-c{gap:8px}
@media (max-width:900px){.bn-hero{grid-template-columns:1fr}.bn-fire{min-height:320px;order:-1}.bn-copy{padding:22px}.bn-h{font-size:40px}}
@media (max-width:760px){.bn-row{grid-template-columns:minmax(0,1fr) 100px 80px;gap:8px}.bn-row>*:nth-child(3),.bn-row>*:nth-child(5),.bn-row>*:nth-child(6){display:none}.bn-bar b{font-size:11px}.bn-lg{grid-template-columns:18px minmax(0,1fr) 80px 56px;gap:6px}.bn-lg>*:nth-child(3),.bn-lg>*:nth-child(4),.bn-lg .txb{display:none}}
@media (max-width:760px){.mnav button{font-size:9.5px}.mnav button.pri svg{width:36px}}
.trend{padding-top:20px;padding-bottom:60px;display:flex;flex-direction:column;gap:14px}
.tr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.tr-h{margin:4px 0 0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:44px;line-height:1}
.tr-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between}
.tr-bar .seg{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;max-width:100%}
.tr-bar .seg button{white-space:nowrap}
@media (max-width:760px){.tr-h{font-size:34px}.tr-head .mono{display:none}}
/* trending page */
.trend{padding-top:28px;padding-bottom:60px}
.tr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.tr-h{font-family:var(--serif,Georgia),serif;font-style:italic;font-weight:400;font-size:44px;margin:4px 0 0;letter-spacing:-.01em}
.tr-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
@media (max-width:760px){.tr-h{font-size:34px}.tr-head{flex-direction:column;align-items:flex-start;gap:4px}.tr-bar .seg{overflow-x:auto;max-width:100%;flex-wrap:nowrap}.tr-bar .seg button{white-space:nowrap}}
/* ===== FACTORY (how it works) ===== */
.fx .st2-head{margin-bottom:10px}
.fx-scroll{overflow-x:auto;overflow-y:visible;scrollbar-width:none}.fx-scroll::-webkit-scrollbar{display:none}
.fx-floor{position:relative;height:250px;min-width:960px;border-radius:18px;background:radial-gradient(120% 90% at 50% 0%,rgba(245,217,168,.06),transparent 60%),linear-gradient(180deg,#0f0f11,#0b0b0c);border:1px solid var(--line);overflow:hidden}
.fx-floor::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;mask:linear-gradient(180deg,transparent,#000 40%,#000 80%,transparent)}
.fx-belt{position:absolute;left:2%;right:2%;bottom:46px;height:22px;border-radius:99px;background:#17171a;box-shadow:inset 0 2px 0 rgba(255,255,255,.06),inset 0 -3px 6px rgba(0,0,0,.6),0 14px 30px -8px rgba(0,0,0,.8)}
.fx-tread{position:absolute;inset:4px 12px;border-radius:99px;background:repeating-linear-gradient(90deg,#2a2a2f 0 10px,#1c1c20 10px 22px);animation:fxTread .9s linear infinite}
.fx.paused .fx-tread,.fx.paused .fx-gauge i,.fx.paused .fx-laser,.fx.paused .fx-portal{animation-play-state:paused}
@keyframes fxTread{to{background-position:22px 0}}
.fx-roll{position:absolute;top:-3px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,#3a3a40 30%,#1b1b1f 32%,#26262b 60%,#141416 62%);box-shadow:0 0 0 2px #0b0b0c}.fx-roll.l{left:-6px}.fx-roll.r{right:-6px}
.fx-coins{position:absolute;left:2%;right:2%;bottom:66px;height:80px;z-index:3;pointer-events:none}
.fxc{position:absolute;bottom:0;left:0;width:52px;height:52px;transform:translateX(-50%);--p:0;transition:filter .3s}
.fxc>span{position:absolute}
.fxc-blank{inset:0;border-radius:50%;display:grid;place-items:center;font:800 20px Manrope,sans-serif;color:#6d6d74;background:radial-gradient(circle at 35% 30%,#4a4a50,#26262a);box-shadow:inset 0 -3px 0 rgba(0,0,0,.4),0 6px 12px -4px #000;transition:opacity .2s,transform .3s}
.fxc-face{inset:4px;border-radius:50%;overflow:hidden;opacity:0;transform:scale(.4);transition:opacity .25s,transform .35s cubic-bezier(.2,1.6,.4,1)}
.fxc-face>*{width:100%!important;height:100%!important}
.fxc-ring{inset:-1px;border-radius:50%;background:conic-gradient(#3DDC97 calc(var(--p)*1%),rgba(255,255,255,.08) 0);opacity:0;transition:opacity .3s}
.fxc-tax{top:-8px;right:-14px;padding:1px 5px;border-radius:6px;font-size:10px;font-weight:800;color:#111;opacity:0;transform:scale(.3);transition:.3s cubic-bezier(.2,1.6,.4,1)}
.fxc-cap{top:-20px;left:50%;font-size:20px;transform:translate(-50%,-14px) rotate(-14deg);opacity:0;transition:.4s cubic-bezier(.2,1.6,.4,1)}
.fxc-flag{bottom:-4px;right:-6px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;opacity:0;transform:scale(.3);transition:.3s cubic-bezier(.2,1.6,.4,1)}
.fxc-flag.r{background:#FF5E6C;color:#fff;opacity:1;transform:none}.fxc-flag.g{background:#3DDC97;color:#04140c;opacity:1;transform:none}
.fxc-mc{top:60px;left:50%;transform:translateX(-50%);font-size:10.5px;color:#3DDC97;white-space:nowrap;opacity:0;transition:opacity .3s}
.fxc.s0 .fxc-blank{opacity:0;transform:scale(1.3)}.fxc.s0 .fxc-face{opacity:1;transform:none}.fxc.s0 .fxc-tax{opacity:1;transform:none}
.fxc.s2 .fxc-ring,.fxc.s2 .fxc-mc{opacity:1}
.fxc.s4 .fxc-cap{opacity:1;transform:translate(-50%,0) rotate(-14deg)}.fxc.s4 .fxc-ring{background:conic-gradient(#F5D9A8 100%,transparent 0);box-shadow:0 0 18px rgba(245,217,168,.55)}.fxc.s4 .fxc-mc{color:#F5D9A8}
.fxp{position:absolute;bottom:62px;transform:translateX(-50%);white-space:nowrap;font:700 11px Manrope,sans-serif;padding:3px 8px;border-radius:99px;background:rgba(20,20,22,.92);border:1px solid var(--line);color:var(--soft);animation:fxPop 1.3s ease forwards;z-index:5}
.fxp.r{color:#FF8C96;border-color:rgba(255,94,108,.35)}.fxp.g{color:#5BE6A8;border-color:rgba(61,220,151,.35)}.fxp.y{color:#F5D9A8;border-color:rgba(245,217,168,.35)}
@keyframes fxPop{0%{opacity:0;transform:translate(-50%,8px) scale(.8)}15%{opacity:1;transform:translate(-50%,0) scale(1)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-26px)}}
.fx-st{position:absolute;top:14px;width:15%;transform:translateX(-50%);margin-left:0;z-index:4;pointer-events:none}
.fx-house{position:relative;margin:0 auto;width:78px;height:62px;border-radius:14px 14px 8px 8px;background:linear-gradient(180deg,#232327,#18181b);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 24px -10px #000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:border-color .25s,box-shadow .25s}
.fx-house b{font-size:10px;color:var(--faint);letter-spacing:.1em}
.fx-ico svg{width:22px;height:22px;fill:none;stroke:#F5D9A8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fx-leg{position:absolute;left:50%;top:62px;width:2px;height:16px;background:linear-gradient(#2a2a2f,transparent);transform:translateX(-50%)}
.fx-st.hit .fx-house,.fx-st.on .fx-house{border-color:rgba(245,217,168,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 4px rgba(245,217,168,.07),0 0 30px rgba(245,217,168,.18)}
.fx-press{position:absolute;left:50%;bottom:-22px;width:30px;height:14px;margin-left:-15px;border-radius:3px 3px 6px 6px;background:linear-gradient(#5a5a62,#2b2b30);box-shadow:0 -40px 0 -12px #333}
.fx-st.hit .fx-press{animation:fxPress .5s cubic-bezier(.5,0,.3,1)}
@keyframes fxPress{40%{transform:translateY(46px)}100%{transform:none}}
.fx-gauge{position:absolute;left:50%;bottom:-30px;width:46px;height:8px;margin-left:-23px;border-radius:99px;background:#1b1b1f;overflow:hidden;border:1px solid rgba(255,94,108,.3)}
.fx-gauge i{position:absolute;inset:0;background:linear-gradient(90deg,#FF5E6C,#FFB15C);transform-origin:left;animation:fxDrain 3.4s linear infinite}
@keyframes fxDrain{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.fx-laser{position:absolute;left:50%;top:60px;width:2px;height:104px;margin-left:-1px;background:linear-gradient(#FF5E6C,rgba(255,94,108,0));box-shadow:0 0 12px #FF5E6C;animation:fxScan 1.4s ease-in-out infinite alternate}
@keyframes fxScan{from{transform:translateX(-22px)}to{transform:translateX(22px)}}
.fx-portal{position:absolute;left:50%;top:74px;width:70px;height:110px;margin-left:-35px;border-radius:40px;background:radial-gradient(ellipse at 50% 60%,rgba(245,217,168,.18),transparent 70%);border:1px dashed rgba(245,217,168,.22);animation:fxGlow 2.4s ease-in-out infinite}
@keyframes fxGlow{50%{opacity:.45}}
.fx-st.hit.fx-s4 .fx-portal{animation:fxFlash .6s}@keyframes fxFlash{0%{background:radial-gradient(ellipse,rgba(245,217,168,.6),transparent 70%)}}
.fx-caps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px;min-width:960px}
.fx-cap{position:relative;text-align:left;display:flex;flex-direction:column;gap:3px;padding:12px 12px 13px;border-radius:14px;background:rgba(255,255,255,.02);border:1px solid var(--line);color:var(--text);cursor:pointer;font-family:Manrope,sans-serif;transition:border-color .25s,background .25s}
.fx-cap>span.mono{font-size:10.5px;color:var(--faint);letter-spacing:.1em}
.fx-cap b{font-size:14px;font-weight:800;letter-spacing:-.02em}
.fx-cap small{font-size:11.5px;line-height:1.4;color:var(--muted)}
.fx-cap.hit{animation:fxCap .9s ease}.fx-cap.on{border-color:rgba(245,217,168,.5);background:rgba(245,217,168,.05)}
@keyframes fxCap{0%{border-color:rgba(245,217,168,.6);background:rgba(245,217,168,.07)}}
.fx-jars{display:flex;gap:6px;margin-top:6px}
.fx-jar{position:relative;flex:1;height:34px;border-radius:6px 6px 8px 8px;border:1px solid rgba(255,255,255,.1);overflow:hidden;background:#141416}
.fx-jar i{position:absolute;left:0;right:0;bottom:0;height:12%;background:linear-gradient(0deg,var(--c),color-mix(in srgb,var(--c) 40%,transparent));transition:height .6s cubic-bezier(.2,1.2,.4,1)}
.fx-jar em{position:absolute;left:0;right:0;bottom:2px;text-align:center;font-style:normal;font-size:8.5px;font-weight:800;color:#0b0b0c;mix-blend-mode:normal;text-shadow:0 0 4px rgba(255,255,255,.4)}
@media (max-width:760px){.fx-floor,.fx-caps{min-width:900px}.fx .st2-hint{display:none}}

/* ===== BURNERY leaderboard additions ===== */
.bn-row{grid-template-columns:34px minmax(170px,1.3fr) minmax(180px,1.7fr) 110px 110px 60px 70px}
.bn-rk{color:var(--faint);font-size:12px}.bn-rk.top{color:#FFD15C;font-weight:800}
.bn-stk{display:flex;flex:1;height:8px;gap:2px;max-width:100%}
.bn-stk i{height:8px;border-radius:99px;min-width:4px;box-shadow:0 0 10px rgba(255,154,77,.25)}
.bn-lh{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.bn-lh>b{margin-right:auto}
.bn-leg{display:flex;gap:12px;font-size:12px;color:var(--muted)}.bn-leg span{display:inline-flex;align-items:center;gap:6px}.bn-leg i{width:9px;height:9px;border-radius:3px}
.bn-src{font-size:11.5px;font-weight:700;color:var(--c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bn-src em{font-style:normal;color:var(--faint);font-weight:500}
.bn-lg{grid-template-columns:22px minmax(110px,1fr) 170px 130px 110px 90px 70px 32px}
.bn-pod{display:flex;justify-content:center;align-items:flex-end;gap:14px;margin:18px 0 6px}
.bn-p{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:200px;padding:18px 14px 16px;border-radius:18px;border:1px solid rgba(255,170,70,.18);background:linear-gradient(180deg,rgba(255,140,60,.08),rgba(255,140,60,.01));color:var(--text);cursor:pointer;font-family:Manrope,sans-serif;transition:transform .2s,border-color .2s}
.bn-p:hover{transform:translateY(-3px);border-color:rgba(255,170,70,.45)}
.bn-p1{padding-top:26px;padding-bottom:26px;width:230px;border-color:rgba(255,209,92,.4);background:linear-gradient(180deg,rgba(255,180,60,.16),rgba(255,140,60,.02));box-shadow:0 20px 50px -24px rgba(255,150,60,.6)}
.bn-pr{position:absolute;top:-14px;font-size:24px}
.bn-p b{font-size:15px;font-weight:800;letter-spacing:-.02em}
.bn-p strong{font-size:22px;color:#FFD2A8}.bn-p1 strong{font-size:28px;color:#FFD15C}
.bn-p small{font-size:11px;color:var(--muted)}
@media (max-width:760px){.bn-row{grid-template-columns:24px minmax(0,1fr) 96px 70px}.bn-row>*:nth-child(4),.bn-row>*:nth-child(6),.bn-row>*:nth-child(7){display:none}.bn-row>*:nth-child(3){display:flex}
 .bn-pod{gap:8px}.bn-p{width:auto;flex:1;padding:14px 6px 12px}.bn-p1{width:auto}.bn-p strong{font-size:16px}.bn-p1 strong{font-size:19px}.bn-leg{display:none}
 .bn-lg{grid-template-columns:20px minmax(0,1fr) 90px 60px;font-size:11.5px}.bn-lg>*:nth-child(4),.bn-lg>*:nth-child(5),.bn-lg>*:nth-child(8){display:none}}

/* ===== ONE HEADLINE FONT EVERYWHERE (matches hero "trade tesla") ===== */
:root{--serif:'Manrope',system-ui,sans-serif}
.lab-title,.title-xl.lab-title,.wl-h,.lb-hero h1,.st2-copy h3,.bn-h,.tr-h,.i3-h span:last-child{font-family:'Manrope',system-ui,sans-serif!important;font-style:normal!important;font-weight:800!important;letter-spacing:-.05em!important;font-stretch:100%!important}
.bn-h{font-size:60px}.tr-h{font-size:48px}
@media (max-width:760px){.bn-h{font-size:42px}.tr-h{font-size:36px}}
.bn-bar>b{width:62px;text-align:right;flex:0 0 auto}
.fx-jars{gap:6px}.fx-jar{height:30px;overflow:visible;margin-bottom:14px}.fx-jar i{border-radius:0 0 7px 7px}
.fx-jar em{bottom:-15px;color:var(--muted);text-shadow:none;font-size:9.5px;font-weight:700}
.fx-press{display:none}.fx-s0 .fx-house::after{content:"";position:absolute;left:50%;bottom:-10px;width:26px;height:8px;margin-left:-13px;border-radius:2px 2px 5px 5px;background:linear-gradient(#F5D9A8,#a8926b);transition:transform .2s}
.fx-st.hit.fx-s0 .fx-house::after{animation:fxPress .5s cubic-bezier(.5,0,.3,1)}
/* ===== BURNERY HERO v2: symmetric stage ===== */
.bh{position:relative;border-radius:26px;overflow:hidden;padding:34px 28px 26px;background:radial-gradient(60% 70% at 50% 100%,rgba(255,110,30,.22),transparent 70%),radial-gradient(40% 40% at 50% 0%,rgba(255,200,120,.06),transparent),#0C0A09;border:1px solid #2A1F18}
.bh-top{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:2}
.bh-top .bn-h{font-size:64px;line-height:1}
.bh-top p{margin:0;max-width:560px;font-size:15px;line-height:1.55;color:var(--soft)}.bh-top p b{color:#FFB98A}
.bh-stage{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:18px;align-items:center;margin-top:8px}
.bh-side{display:flex;flex-direction:column;gap:10px}
.bh-st{padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(255,150,70,.07),rgba(255,255,255,.015));border:1px solid #2E231C;display:flex;flex-direction:column;gap:2px}
.bh-st small{font-size:11.5px;color:var(--muted)}.bh-st b{font-size:24px;color:#FFD2A8;letter-spacing:-.02em}.bh-st span{font-size:11px;color:var(--muted)}
.bh-side:last-child .bh-st{text-align:right}
.bh .bn-fire{min-height:430px;overflow:visible}
.bh .bn-fire.shake{animation:bhShake .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes bhShake{20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,1px)}80%{transform:translate(1px,0)}}
.bh-count{position:absolute;left:50%;top:8px;transform:translateX(-50%);text-align:center;z-index:3;pointer-events:none}
.bh-count small{display:block;font:700 10.5px var(--mono);letter-spacing:.22em;color:#FFB98A;opacity:.8}
.bh-count b{display:block;font-size:40px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(180deg,#FFF1D6,#FFB15C 70%,#FF6A2B);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 18px rgba(255,120,40,.45))}
.bh-count b.bump{animation:bhBump .5s cubic-bezier(.2,1.8,.4,1)}
@keyframes bhBump{40%{transform:scale(1.12)}}
.bh-feed{position:absolute;bottom:10%;width:110px;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:3}
.bh-feed.l{left:2%}.bh-feed.r{right:2%}
.bh-ring{position:relative;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#1a120d 60%,transparent 61%),conic-gradient(from 0deg,#FFD15C,#FF6A2B,#F2708A,#FFD15C);box-shadow:0 0 30px rgba(255,120,40,.35);animation:bhSpin 6s linear infinite}
.bh-ring .bh-av{animation:bhSpin 6s linear infinite reverse;display:grid;place-items:center}
.bh-ring .bh-av .av{border-radius:50%}
@keyframes bhSpin{to{transform:rotate(360deg)}}
.bh-feed.grab .bh-ring{animation:bhGrab .6s cubic-bezier(.3,1.6,.5,1),bhSpin 6s linear infinite}
.bh-feed.l.grab .bh-ring{--dir:1}.bh-feed.r.grab .bh-ring{--dir:-1}
@keyframes bhGrab{30%{transform:translateY(6px) scale(.9) rotate(calc(var(--dir,1)*-14deg))}60%{transform:translateY(-10px) scale(1.12) rotate(calc(var(--dir,1)*18deg))}}
.bh-tk{font-size:14px;font-weight:800;letter-spacing:-.02em;color:#fff}
.bh-sup{width:96px;height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.bh-sup i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3DDC97,#FFD15C)}
.bh-left{font-size:10.5px;color:var(--muted)}
.bh-chip{position:absolute;left:0;top:0;margin:-13px 0 0 -13px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#1b130e;box-shadow:0 0 0 2px #FFD15C,0 0 14px rgba(255,180,80,.8);z-index:4;will-change:transform}
.bh-chip .av{border-radius:50%}
.bh-wave{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:3px solid rgba(255,200,110,.9);box-shadow:0 0 30px rgba(255,140,50,.8);animation:bhWave .85s ease-out forwards;z-index:2}
@keyframes bhWave{to{transform:scale(14,5);opacity:0;border-width:1px}}
.bh-pop{position:absolute;transform:translate(-50%,0);font:800 20px var(--mono);color:#FFE2B0;text-shadow:0 2px 16px rgba(255,100,30,.9);white-space:nowrap;animation:bhPop 1.8s cubic-bezier(.2,1,.3,1) forwards;z-index:5}
.bh-pop em{font:700 13px Manrope,sans-serif;font-style:normal;color:#FFB98A}
@keyframes bhPop{0%{opacity:0;transform:translate(-50%,20px) scale(.6)}15%{opacity:1;transform:translate(-50%,0) scale(1.1)}30%{transform:translate(-50%,-6px) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-60px)}}
.bh .bn-now{top:auto;bottom:-6px}
.bh .bn-now.go{animation:bhNow 2.4s ease forwards}
@keyframes bhNow{0%{opacity:0;transform:translate(-50%,10px)}12%,82%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,10px)}}
.bh .bn-pit{bottom:10%}
@media (max-width:980px){.bh-stage{grid-template-columns:1fr}.bh-side{flex-direction:row}.bh-side .bh-st{flex:1}.bh-side:first-child{order:2}.bh-side:last-child{order:3}.bh-side:last-child .bh-st{text-align:left}}
@media (max-width:760px){.bh{padding:24px 14px 16px}.bh-top .bn-h{font-size:42px}.bh-top p{font-size:13.5px}.bh .bn-fire{min-height:340px}.bh-count b{font-size:30px}.bh-feed{width:84px;bottom:12%}.bh-ring{width:58px;height:58px}.bh-ring .av{width:46px!important;height:46px!important}.bh-sup{width:70px}.bh-tk{font-size:12px}.bh-st b{font-size:18px}.bh-st{padding:10px 12px}.bh .bn-now{font-size:11px;max-width:94%;overflow:hidden;text-overflow:ellipsis}}
/* burn pop readable */
.bh-pop{padding:6px 14px;border-radius:99px;background:rgba(18,10,6,.82);border:1px solid rgba(255,170,70,.45);font-size:18px}
/* ===== FACTORY v2: labelled machines with live readouts ===== */
.fx-floor{height:300px}
.fx-st{width:15.6%}
.fx-house{width:calc(100% - 6px);height:auto;min-height:104px;padding:10px 10px 9px;gap:3px;align-items:flex-start;justify-content:flex-start;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--sc) 9%,#1e1e22),#151518);border-color:color-mix(in srgb,var(--sc) 22%,transparent)}
.fx-house::before{content:"";position:absolute;left:12px;right:12px;top:0;height:2px;border-radius:0 0 3px 3px;background:var(--sc);opacity:.7;box-shadow:0 0 12px var(--sc)}
.fx-hd{display:flex;align-items:center;justify-content:space-between;width:100%}
.fx-ico{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--sc) 16%,transparent)}
.fx-ico svg{width:17px;height:17px;stroke:var(--sc)}
.fx-n{font-size:10px;color:var(--faint);letter-spacing:.1em}
.fx-t{font-size:13.5px;font-weight:800;letter-spacing:-.02em;color:#fff;margin-top:4px;white-space:nowrap}
.fx-sub{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.fx-read{font-size:10.5px;color:var(--muted);margin-top:3px;white-space:nowrap}.fx-read b{color:var(--sc);font-weight:700}.fx-read b.r{color:#FF8C96}.fx-read b.g{color:#5BE6A8}
.fx-gauge{position:relative;left:auto;bottom:auto;margin:5px 0 0;width:100%;height:14px;border-radius:6px;border:1px solid rgba(255,94,108,.35)}
.fx-gauge em{position:absolute;inset:0;display:grid;place-items:center;font-size:9.5px;font-style:normal;font-weight:700;color:#fff;text-shadow:0 1px 3px #000}
.fx-leg{top:100%;height:30px}
.fx-st.hit .fx-house,.fx-st.on .fx-house{border-color:color-mix(in srgb,var(--sc) 70%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--sc) 10%,transparent),0 0 30px color-mix(in srgb,var(--sc) 25%,transparent)}
.fx-laser{top:100%;height:110px}
.fx-portal{top:calc(100% + 34px);height:96px}
.fx-s0 .fx-house::after{bottom:-10px}
.fx-coins{bottom:66px}
/* ===== burn queue ===== */
.bq{position:absolute;bottom:10%;width:110px;margin-left:-55px;margin-right:-55px;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:3;transform-origin:50% 100%;transition:left .7s cubic-bezier(.3,1.25,.5,1),right .7s cubic-bezier(.3,1.25,.5,1),transform .7s cubic-bezier(.3,1.25,.5,1),opacity .5s}
.bq.l{left:var(--p)}.bq.r{right:var(--p)}
.bq.act{--p:20%;transform:none}
.bq.w1{--p:10.5%;transform:scale(.6);opacity:.85}
.bq.w2{--p:4%;transform:scale(.48);opacity:.55}
.bq.w3{--p:-4%;transform:scale(.4);opacity:0}
.bq:not(.act) .bh-tk,.bq:not(.act) .bh-sup,.bq:not(.act) .bh-left{opacity:0}
.bq .bh-tk,.bq .bh-sup,.bq .bh-left{transition:opacity .4s}
.bq:not(.act) .bh-ring{animation:bqBob 1.1s ease-in-out infinite;filter:saturate(.7) brightness(.85)}
.bq.w2 .bh-ring{animation-delay:-.4s}
@keyframes bqBob{50%{transform:translateY(-7px)}}
.bq.act .bh-ring{animation:bhSpin 6s linear infinite}
.bq.act.grab .bh-ring{animation:bhGrab .6s cubic-bezier(.3,1.6,.5,1),bhSpin 6s linear infinite}
.bq.r{--dir:-1}
.bq.cheer .bh-ring{animation:bqJump .7s cubic-bezier(.3,1.6,.5,1) 2}
@keyframes bqJump{40%{transform:translateY(-26px) scale(1.12) rotate(calc(var(--dir,1)*12deg))}}
.bq-say{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,8px) scale(.6);opacity:0;white-space:nowrap;padding:6px 11px;border-radius:12px;background:#FFF3DF;color:#1a0f08;font:800 12px Manrope,sans-serif;box-shadow:0 8px 20px -6px rgba(255,140,50,.6);transition:.3s cubic-bezier(.3,1.6,.5,1);pointer-events:none}
.bq-say::after{content:"";position:absolute;left:50%;bottom:-5px;margin-left:-5px;border:5px solid transparent;border-top-color:#FFF3DF;border-bottom:0}
.bq.talk .bq-say{opacity:1;transform:translate(-50%,0) scale(1)}
.bq-rank{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 11px;border-radius:99px;background:linear-gradient(180deg,#3DDC97,#22b077);color:#04140c;font:800 13px Manrope,sans-serif;box-shadow:0 10px 26px -8px rgba(61,220,151,.8);animation:bqRank 1.2s cubic-bezier(.2,1.6,.4,1) forwards}
.bq-rank s{opacity:.55;font-weight:700}
@keyframes bqRank{0%{opacity:0;transform:translate(-50%,14px) scale(.5)}20%{opacity:1;transform:translate(-50%,0) scale(1.1)}35%{transform:translate(-50%,0) scale(1)}85%{opacity:1}100%{opacity:0;transform:translate(-50%,-10px)}}
.bq.out{transition:none;animation:bqOut 1s cubic-bezier(.5,0,.7,.4) forwards}
.bq.l.out{left:20%}.bq.r.out{right:20%}
@keyframes bqOut{15%{transform:translateY(6px) scale(.95)}100%{transform:translateY(-420px) scale(.5) rotate(calc(var(--dir,1)*-20deg));opacity:0}}
.bq-rocket{position:absolute;left:50%;top:calc(100% - 40px);transform:translateX(-50%) rotate(180deg);font-size:26px;filter:drop-shadow(0 0 10px #FF8A3D)}
.bq.out .bh-tk,.bq.out .bh-sup,.bq.out .bh-left{opacity:0}
@media (max-width:760px){.bq{width:84px;margin-left:-42px;margin-right:-42px;bottom:12%}.bq.act{--p:19%}.bq.w1{--p:6%;transform:scale(.5)}.bq.w2{--p:-2%;opacity:0}.bq-say{font-size:10.5px;padding:5px 8px}}
/* ===== burn sides: source tubes + rate gauge ===== */
.bh-stage{grid-template-columns:250px minmax(0,1fr) 250px}
.bh-side.bh-src,.bh-side.bh-gauge{padding:16px 16px 14px;border-radius:20px;background:linear-gradient(180deg,rgba(255,140,60,.06),rgba(255,255,255,.012));border:1px solid #2E231C;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);gap:12px}
.bh-sh{display:flex;flex-direction:column;gap:1px}.bh-sh b{font-size:14px;font-weight:800;letter-spacing:-.02em;color:#fff}.bh-sh small{font-size:11px;color:var(--muted)}
.bh-tubes{display:flex;justify-content:space-between;gap:8px}
.bh-tube{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}
.bh-pct{font-size:15px;font-weight:800;color:var(--c)}
.bh-glass{position:relative;width:40px;height:150px;border-radius:20px;background:rgba(255,255,255,.03);border:1.5px solid rgba(255,255,255,.12);overflow:hidden;box-shadow:inset 0 0 14px rgba(0,0,0,.6)}
.bh-liq{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,color-mix(in srgb,var(--c) 85%,#000),var(--c));box-shadow:0 0 22px color-mix(in srgb,var(--c) 70%,transparent);transition:height 1s cubic-bezier(.3,1.3,.5,1)}
.bh-wv{position:absolute;left:-50%;top:-7px;width:200%;height:14px;background:radial-gradient(circle at 10px -3px,transparent 9px,var(--c) 10px) 0 0/20px 14px repeat-x;animation:bhWv 1.6s linear infinite}
@keyframes bhWv{to{transform:translateX(20px)}}
.bh-liq u{position:absolute;bottom:4px;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.55);animation:bhBub 2.2s ease-in infinite}
.bh-liq u:nth-of-type(1){left:9px}.bh-liq u:nth-of-type(2){left:20px;animation-delay:.7s;width:4px;height:4px}.bh-liq u:nth-of-type(3){left:28px;animation-delay:1.4s}
@keyframes bhBub{0%{transform:translateY(0);opacity:0}15%{opacity:.8}100%{transform:translateY(-120px);opacity:0}}
.bh-shine{position:absolute;left:7px;top:10px;bottom:10px;width:5px;border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.04))}
.bh-tube em{font-style:normal;font-size:16px;margin-top:4px}
.bh-tube b{font-size:12px;font-weight:800;color:#fff;letter-spacing:-.01em}
.bh-tube small{font-size:10.5px;color:var(--muted)}.bh-tube .bh-cn{font-size:10px;color:var(--faint)}
.bh-tube.kick .bh-glass{animation:bhTk .6s cubic-bezier(.3,1.6,.5,1);border-color:var(--c)}
@keyframes bhTk{30%{transform:scale(1.08,.94)}60%{transform:scale(.96,1.05)}}
.bh-tpop{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:11.5px;font-weight:800;color:var(--c);white-space:nowrap;animation:bhTp 1.4s ease forwards;text-shadow:0 0 10px color-mix(in srgb,var(--c) 70%,transparent)}
@keyframes bhTp{0%{opacity:0;transform:translate(-50%,10px)}20%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-22px)}}
.bh-dial{position:relative}
.bh-dial svg{width:100%;display:block}
.bh-ticks line{stroke:rgba(255,255,255,.25);stroke-width:1.5}
.bh-needle{transform-origin:100px 100px;transition:transform .5s cubic-bezier(.3,1.8,.5,1);filter:drop-shadow(0 0 6px rgba(255,200,120,.7))}
.bh-dv{display:flex;flex-direction:column;align-items:center;margin-top:2px}
.bh-dv b{font-size:24px;font-weight:800;color:#FFD2A8;letter-spacing:-.02em}
.bh-hot{margin-top:2px;padding:3px 10px;border-radius:99px;font:800 11px Manrope,sans-serif;letter-spacing:.08em;color:#1a0b05;background:linear-gradient(90deg,#FFD15C,#FF6A2B)}
.bh-hot.pulse{animation:bhBump .5s cubic-bezier(.2,1.8,.4,1)}
.bh-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid #2E231C;padding-top:10px}
.bh-mini div{display:flex;flex-direction:column;gap:1px;text-align:center}.bh-mini small{font-size:9.5px;color:var(--muted)}.bh-mini b{font-size:13px;color:#FFD2A8}
@media (max-width:980px){.bh-stage{grid-template-columns:1fr 1fr}.bh-stage .bn-fire{grid-column:1/-1;order:-1}.bh-side.bh-src,.bh-side.bh-gauge{order:0}}
@media (max-width:760px){.bh-stage{grid-template-columns:1fr}.bh-glass{height:110px}.bh-gauge .bh-dial{max-width:240px;margin:0 auto}}
@media (max-width:980px){.bh-side.bh-src,.bh-side.bh-gauge{flex-direction:column}}
@media (max-width:760px){.bh-gauge .bh-dial{max-width:200px}}
/* factory minis */
.fx-sub{font-size:11px;color:var(--soft);white-space:normal;line-height:1.3}
.fx-house{min-height:132px}
.fx-floor{height:326px}
.fx-laser{height:96px}.fx-portal{top:calc(100% + 18px);height:90px}
.fm{width:100%;margin-top:6px;height:34px;display:flex;align-items:center;gap:6px}
.fm0{justify-content:center;gap:8px}
.fm-blank{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#4a4a50,#26262a);color:#77777e;font:800 13px Manrope,sans-serif;animation:fmBlink 2.4s infinite}
.fm-arr{color:var(--sc);font-weight:800;animation:fmArr 1.2s ease-in-out infinite}
.fm-coin{position:relative;animation:fmPop 2.4s infinite}.fm-coin .av{border-radius:50%}.fm-coin i{position:absolute;top:-6px;right:-14px;font-size:8.5px;font-style:normal;font-weight:800;background:#FFD15C;color:#111;padding:0 3px;border-radius:4px}
@keyframes fmArr{50%{transform:translateX(3px)}}
@keyframes fmPop{0%,35%{transform:scale(.5);opacity:.2}50%{transform:scale(1.15);opacity:1}60%,100%{transform:scale(1)}}
@keyframes fmBlink{0%,35%{opacity:1}50%,100%{opacity:.45}}
.fm1{flex-wrap:wrap;gap:2px 8px;height:auto}
.fm1 b{font-size:18px;font-weight:800;line-height:1;min-width:44px;color:#FF6B78}
.fm1 small{font-size:10.5px;color:var(--muted)}
.fm1 .fm-bar{flex:1 1 100%;order:3}
.fm-bar{position:relative;height:7px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;flex:1}
.fm1 .fm-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#FF5E6C,#FFB15C)}
.fm2{position:relative}.fm2 svg{width:100%;height:34px}
.fm-ln{stroke-dasharray:160;stroke-dashoffset:160;animation:fmDraw 2.6s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(61,220,151,.6))}
@keyframes fmDraw{60%,100%{stroke-dashoffset:0}}
.fm-up{position:absolute;right:0;bottom:-2px;font-size:9.5px;color:#5BE6A8;font-weight:700}
.fm3{gap:4px;flex-wrap:wrap;height:auto}
.fm3 span{font-size:9.5px;font-weight:800;padding:3px 6px;border-radius:6px;animation:fmScan 2.4s infinite}
.fm3 span:nth-child(2){animation-delay:.3s}.fm3 span:nth-child(3){animation-delay:.6s}
.fm3 .g{background:rgba(61,220,151,.14);color:#5BE6A8}.fm3 .r{background:rgba(255,94,108,.16);color:#FF8C96}
@keyframes fmScan{0%,10%{opacity:.25}25%,100%{opacity:1}}
.fm4 .fm-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#F5D9A8,#FFD15C);animation:fmFill 2.6s ease-in infinite}
@keyframes fmFill{0%{width:5%}70%,100%{width:100%}}
.fm-cap{font-size:16px;animation:fmCapIn 2.6s infinite}
@keyframes fmCapIn{0%,65%{transform:scale(0);opacity:0}78%{transform:scale(1.4) rotate(-14deg);opacity:1}100%{transform:scale(1) rotate(-14deg)}}
.fm4 small{font-size:10px;color:#F5D9A8}
.fm5{flex-direction:column;align-items:stretch;gap:4px;height:auto}
.fm-split{display:flex;gap:2px;height:8px;border-radius:99px;overflow:hidden}.fm-split i{animation:fmSeg 2.4s ease-in-out infinite}
.fm-split i:nth-child(2){animation-delay:.25s}.fm-split i:nth-child(3){animation-delay:.5s}
@keyframes fmSeg{0%,100%{filter:brightness(.8)}30%{filter:brightness(1.4)}}
.fm-lab{display:flex;justify-content:space-between}.fm-lab em{font-style:normal;font-size:9px;color:var(--muted);white-space:nowrap}
/* ===== TAX SPLIT ===== */
.spbar{display:flex;gap:2px;height:6px;border-radius:99px;overflow:hidden;width:100%}
.spbar i{min-width:3px}
.spbar.big{height:12px;gap:3px;border-radius:8px}
.spbar.mini{height:4px;gap:1px;margin-top:4px;width:100%;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.tax .spbar.mini{min-width:34px}
.spk{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid var(--line)}
.spk.off{gap:4px}.spk.off small{color:var(--muted);font-size:12px}
.spk-h{display:flex;justify-content:space-between;align-items:center;gap:10px}.spk-h b{font-size:14px}
.spk-lock{font-size:11px;font-weight:700;color:#F5D9A8;padding:3px 9px;border-radius:99px;background:rgba(245,217,168,.08);border:1px solid rgba(245,217,168,.2);white-space:nowrap}
.spk-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.spc{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--text);cursor:pointer;font-family:Manrope,sans-serif;text-align:left;transition:border-color .2s,background .2s,transform .15s}
.spc:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18)}
.spc.on{border-color:rgba(245,217,168,.6);background:rgba(245,217,168,.06);box-shadow:0 0 0 3px rgba(245,217,168,.07)}
.spc-ic{font-size:18px}.spc b{font-size:13px;font-weight:800}.spc small{font-size:10.5px;color:var(--muted);margin-bottom:4px}
.spk-viz{display:flex;flex-direction:column;gap:8px}
.spr{display:grid;grid-template-columns:96px 1fr 44px 120px;align-items:center;gap:10px}
.spr-l{font-size:12.5px;font-weight:700}
.spr b{text-align:right;font-size:13px;color:var(--c)}
.spr small{font-size:11px;color:var(--muted)}
.spr-fill{height:8px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.spr-fill i{display:block;height:100%;border-radius:99px;background:var(--c);transition:width .4s cubic-bezier(.3,1.3,.5,1)}
.spr input[type=range]{width:100%;accent-color:var(--c);height:20px}
.spk-note{font-size:11px;color:var(--faint);line-height:1.45}
.tsp-panel{display:flex;flex-direction:column;gap:10px}
.tsp-h{display:flex;justify-content:space-between;align-items:center;gap:8px}.tsp-p{font-size:11px;color:#F5D9A8;font-weight:700;white-space:nowrap}
.tsp-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.tsp-r{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border-radius:12px;background:color-mix(in srgb,var(--c) 7%,transparent);border:1px solid color-mix(in srgb,var(--c) 20%,transparent)}
.tsp-r em{font-style:normal;font-size:16px}.tsp-r span{font-size:11px;color:var(--muted)}.tsp-r b{font-size:18px;color:var(--c)}.tsp-r small{font-size:10px;color:var(--faint)}
.tsp-n{font-size:10.5px;line-height:1.5}
@media (max-width:760px){.spk-chips{grid-template-columns:repeat(2,1fr)}.spr{grid-template-columns:80px 1fr 40px}.spr small{display:none}}
.spr{grid-template-columns:96px 1fr 44px 140px}.spr small{white-space:nowrap}
.tax .spbar.mini{background:rgba(0,0,0,.25);padding:1px;border-radius:99px;height:6px}
@media (max-width:760px){.spr{grid-template-columns:80px 1fr 40px}}
/* ===== orbit core: planet treid ===== */
.orb-core.pl{background:none;box-shadow:none;overflow:visible}
.orb-core.pl .oc-glow{inset:-45%;background:radial-gradient(closest-side,rgba(255,214,150,.22),rgba(255,180,90,.06) 60%,transparent)}
.pl-body{position:absolute;inset:0;border-radius:50%;overflow:hidden;z-index:1;background:radial-gradient(circle at 34% 28%,#FFF6E2 0%,#F3D9A4 22%,#D1A866 48%,#8A6234 74%,#3A2614 100%);box-shadow:0 0 34px rgba(255,200,120,.35),0 0 90px rgba(255,170,80,.15)}
.pl-surf{position:absolute;inset:0;background:repeating-linear-gradient(172deg,transparent 0 10%,rgba(120,72,30,.28) 10% 13%,rgba(255,236,200,.16) 13% 17%,transparent 17% 24%,rgba(90,55,25,.2) 24% 26%);background-size:220% 100%;animation:plSpin 22s linear infinite;mix-blend-mode:multiply}
.pl-spots{position:absolute;inset:0;background:radial-gradient(circle at 20% 60%,rgba(90,55,25,.35) 0 6%,transparent 7%),radial-gradient(circle at 62% 40%,rgba(90,55,25,.25) 0 4%,transparent 5%),radial-gradient(circle at 45% 78%,rgba(255,240,210,.25) 0 5%,transparent 6%),radial-gradient(circle at 80% 70%,rgba(90,55,25,.3) 0 3%,transparent 4%);background-size:220% 100%;animation:plSpin 22s linear infinite}
@keyframes plSpin{from{background-position:0 0}to{background-position:-220% 0}}
.pl-shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 26%,transparent 38%,rgba(10,6,3,.45) 66%,rgba(5,3,2,.92) 92%);box-shadow:inset 0 0 0 1px rgba(255,236,200,.25)}
.pl-ring{position:absolute;left:-34%;right:-34%;top:36%;height:28%;border-radius:50%;transform:rotate(-14deg);border:2px solid rgba(243,229,200,.55);box-shadow:0 0 0 5px rgba(243,229,200,.08),0 0 0 9px rgba(243,229,200,.05),0 0 18px rgba(255,200,120,.25);pointer-events:none}
.pl-ring.back{z-index:0}
.pl-ring.front{z-index:2;clip-path:inset(50% 0 0 0)}
.pl-moon{position:absolute;inset:-28%;z-index:3;animation:plMoon 9s linear infinite;pointer-events:none}
.pl-moon i{position:absolute;top:50%;left:0;width:9px;height:9px;margin-top:-4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#9a9aa2 60%,#3a3a40);box-shadow:0 0 8px rgba(255,255,255,.4)}
@keyframes plMoon{to{transform:rotate(360deg)}}
.orb-core.pl .oc-idle,.orb-core.pl .oc-live{z-index:4}
.orb-core.pl .oc-idle b{font-size:clamp(16px,2.1vw,26px);color:#2A1808;text-shadow:0 1px 0 rgba(255,240,215,.6);letter-spacing:-.06em}
.orb-core.pl .oc-idle small{position:absolute;top:calc(100% + 10px);white-space:nowrap;padding:2px 9px;border-radius:99px;background:rgba(6,6,7,.8);border:1px solid rgba(243,229,200,.2)}
.orb-core.pl .oc-live{inset:12%;border-radius:50%;background:rgba(8,8,10,.82);backdrop-filter:blur(4px)}
.orb-core.pl.hit .pl-body{animation:plHit .5s ease-out}.orb-core.pl.hitd .pl-body{animation:plHitD .5s ease-out}
.orb-core.pl.hit,.orb-core.pl.hitd{animation:none}
@keyframes plHit{30%{box-shadow:0 0 0 2px #3DDC97,0 0 60px rgba(61,220,151,.6)}}
@keyframes plHitD{30%{box-shadow:0 0 0 2px #F2708A,0 0 60px rgba(242,112,138,.55)}}
@media (max-width:760px){.orb-core.pl .oc-idle b{font-size:13px}}
.orb-core.pl .oc-live{inset:auto;left:50%;top:auto;bottom:calc(100% + 14px);width:auto;height:auto;transform:translate(-50%,8px) scale(.8);flex-direction:row;gap:7px;padding:5px 12px 5px 5px;border-radius:99px;background:rgba(8,8,10,.88);border:1px solid rgba(243,229,200,.25);white-space:nowrap}
.orb-core.pl.showing .oc-live{transform:translate(-50%,0)}
.orb-core.pl.showing .oc-idle{opacity:1;transform:none}
.orb-core.pl .oc-live .av{width:24px!important;height:24px!important}
.orb-core.pl .oc-live b{font-size:13px}
.xlab.fut{opacity:.55}
/* split: pro icons + gradients */
.svi{width:100%;height:100%;display:block}
.spc-ic{width:30px;height:30px;padding:6px;border-radius:9px;color:#F1DDB0;background:rgba(241,221,176,.08);border:1px solid rgba(241,221,176,.14);font-size:0}
.spc.on .spc-ic{color:#0b0b0c;background:linear-gradient(180deg,#F5E6C4,#C9A86A);border-color:transparent}
.spr-l{display:flex;align-items:center;gap:8px}
.sp-ic{display:inline-grid;width:22px;height:22px;padding:4px;border-radius:7px;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent);border:1px solid color-mix(in srgb,var(--c) 25%,transparent)}
.spk-lock{display:inline-flex;align-items:center;gap:6px}.spk-lock .svi{width:12px;height:12px}
.tsp-p{display:inline-flex;align-items:center;gap:5px}.tsp-p .svi{width:11px;height:11px}
.tsp-r em.sp-ic{width:30px;height:30px;padding:6px;font-size:0}
.spbar i{box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.spbar.big{height:14px;padding:2px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:10px}
.spbar.big i{border-radius:6px}
.spr input[type=range]{accent-color:var(--c)}
.spr-rg{position:relative;display:block}
.spr-rg input{position:relative;z-index:1;display:block}
.spr-rg.cap::before{content:"";position:absolute;left:50%;right:0;top:50%;height:8px;margin-top:-4px;border-radius:0 99px 99px 0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 4px,transparent 4px 8px);border-left:2px solid rgba(230,203,149,.6);pointer-events:none}
.spr-rg.cap em{position:absolute;left:50%;top:-11px;transform:translateX(-50%);font:700 9px var(--mono);font-style:normal;color:rgba(230,203,149,.75);white-space:nowrap;pointer-events:none}
.spr-rg.cap::before{z-index:2;height:6px;margin-top:-3px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 3px,rgba(0,0,0,.35) 3px 6px)}
/* banner header: keep ticker + socials readable on bright banners */
.tp-banner .tp-id .title-xl{text-shadow:0 2px 14px rgba(0,0,0,.65)}
.tp-banner .tp-id .tk{display:inline-flex;align-items:center;vertical-align:middle;margin-left:6px;padding:3px 10px;border-radius:99px;font-size:15px;font-weight:700;letter-spacing:.02em;color:#F1DDB0;background:rgba(8,8,10,.72);border:1px solid rgba(241,221,176,.22);backdrop-filter:blur(8px);-webkit-text-fill-color:#F1DDB0;text-shadow:none}
.tp-banner .soc.big .sbtn2{background:rgba(8,8,10,.72)!important;border-color:rgba(255,255,255,.14)!important;backdrop-filter:blur(8px);color:#EDEDED}
.tp-banner .soc.big .sbtn2.off{color:rgba(237,237,237,.55)!important;border-style:dashed!important;text-decoration:none}
.tp-banner .soc.big .sbtn2.off *{opacity:1}
.tc-tkr{display:flex;align-items:center;gap:6px;min-width:0}
.tc-ca{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted);font-size:10.5px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}
.tc-ca svg{width:11px;height:11px}
.tc-ca:hover{color:#fff;border-color:rgba(241,221,176,.4);background:rgba(241,221,176,.06)}
.tc-ca.ok{color:#3DDC97;border-color:rgba(61,220,151,.45)}
.tc-name2{align-items:center}.tc-name2 .tc-ca{font-size:10.5px;color:var(--muted)}.tc-name2 .tc-ca.ok{color:#3DDC97}
/* price-axis drag scaling */
.yhit{position:absolute;right:0;top:0;bottom:22px;width:7%;cursor:ns-resize;z-index:3}
#chart.yscaling,#chart.yscaling *{cursor:ns-resize!important;user-select:none}
.yhit:hover{background:linear-gradient(90deg,transparent,rgba(241,221,176,.04))}
.c-auto{position:absolute;right:76px;top:8px;z-index:4;padding:4px 10px;border-radius:99px;border:1px solid rgba(241,221,176,.3);background:rgba(10,10,12,.85);color:#F1DDB0;font:700 11px Manrope,sans-serif;cursor:pointer}
.c-auto:hover{background:rgba(241,221,176,.12)}
.c-auto{top:auto;bottom:30px}
.c-auto{top:auto;bottom:28px;right:8px;width:22px;height:22px;padding:0;border-radius:5px;display:grid;place-items:center;font:700 11px var(--mono);color:#9a9aa2;background:rgba(20,20,22,.9);border:1px solid rgba(255,255,255,.14)}
.c-auto.on{color:#F1DDB0;border-color:rgba(241,221,176,.45);background:rgba(241,221,176,.1)}
.c-auto:hover{color:#fff}
.c-auto{bottom:0;right:6px}
.coin.meme{overflow:hidden;border-radius:50%;background:none;flex:none;display:inline-grid;place-items:center}.coin.meme>.av,.coin.meme>img,.coin.meme>svg{width:100%!important;height:100%!important;max-width:none}
/* callouts: coin / all live tabs */
.tt-h{align-items:center;justify-content:space-between}
.tt-tabs{display:flex;gap:2px;padding:3px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.tt-tabs button{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:7px;border:0;background:none;color:var(--muted);font:700 12px Manrope,sans-serif;cursor:pointer;white-space:nowrap}
.tt-tabs button .mono{font-size:10.5px;opacity:.7}
.tt-tabs button.on{background:var(--ivory,#F2EDE4);color:#0b0b0c}
.tt-dot{width:6px;height:6px;border-radius:50%;background:#3DDC97;box-shadow:0 0 0 3px rgba(61,220,151,.18);animation:ttDot 1.6s ease-in-out infinite}
@keyframes ttDot{50%{box-shadow:0 0 0 6px rgba(61,220,151,0)}}
.tt-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
.tt-new{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:5;padding:6px 14px;border-radius:99px;border:0;background:#3DDC97;color:#04140c;font:800 12px Manrope,sans-serif;box-shadow:0 8px 20px -6px rgba(61,220,151,.7);cursor:pointer;animation:ttIn .3s cubic-bezier(.2,1.6,.4,1)}
@keyframes ttIn{from{transform:translate(-50%,-8px) scale(.8);opacity:0}}
.co-coin{display:inline-flex;align-items:center;gap:6px;margin:2px 0 6px;padding:3px 9px 3px 3px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);font:700 12px Manrope,sans-serif;cursor:pointer}
.co-coin .av{border-radius:50%}.co-coin span{font-size:10.5px;color:var(--muted)}
.co-coin:hover{border-color:rgba(241,221,176,.35)}
/* ===== contract address ending ===== */
.van{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid var(--line)}
.van-h{display:flex;align-items:baseline;gap:8px}.van-h b{font-size:14px}.van-h small{font-size:12px;color:var(--muted)}
.van-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.van-o{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--text);cursor:pointer;font-family:Manrope,sans-serif;text-align:left;transition:border-color .2s,background .2s}
.van-o:hover{border-color:rgba(255,255,255,.18)}
.van-o.on{border-color:rgba(241,221,176,.6);background:rgba(241,221,176,.06);box-shadow:0 0 0 3px rgba(241,221,176,.07)}
.van-t{flex:none;min-width:74px;padding:8px 10px;border-radius:9px;background:#0d0d0f;border:1px solid rgba(255,255,255,.08);font:600 13px var(--mono);color:var(--faint);text-align:center}
.van-t b{color:#F1DDB0;font-weight:800}
.van-o>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}.van-o>span b{font-size:13px}.van-o>span small{font-size:11px;color:var(--muted)}
.van-o em{position:absolute;top:8px;right:10px;font:800 9.5px var(--mono);font-style:normal;letter-spacing:.06em;padding:2px 6px;border-radius:5px}
.van-free{color:#04140c;background:#3DDC97}.van-paid{color:#F1DDB0;background:rgba(241,221,176,.12)}
.van-cfg{display:flex;flex-direction:column;gap:8px}
.van-in{display:flex;align-items:center;gap:4px;padding:0 12px;height:44px;border-radius:12px;background:#0d0d0f;border:1px solid rgba(241,221,176,.3)}
.van-in span{font:600 16px var(--mono);color:var(--faint)}
.van-in input{flex:1;min-width:0;background:none;border:0;outline:0;color:#F1DDB0;font:800 18px var(--mono);letter-spacing:.04em}
.van-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.van-tiers span{display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);opacity:.6;transition:.2s}
.van-tiers span.on{opacity:1;border-color:rgba(241,221,176,.5);background:rgba(241,221,176,.06)}
.van-tiers b{font-size:12px}.van-tiers small{font-size:10.5px;color:var(--muted)}
.van-err{font-size:11px;color:#FF8C96;min-height:0}.van-err:empty{display:none}
.van-prev{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#0d0d0f;border:1px dashed rgba(255,255,255,.1)}
.van-prev>small{font-size:10.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.12em}
#van-prev{font-size:13px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#van-prev span{color:var(--muted)}#van-prev i{font-style:normal;color:var(--faint)}#van-prev b{color:#F1DDB0;font-weight:800;text-shadow:0 0 12px rgba(241,221,176,.4)}
.van-fee{font-size:11px;color:#F1DDB0}.van-fee.ok{color:#3DDC97}
@media (max-width:760px){.van-opts{grid-template-columns:1fr}.van-tiers{grid-template-columns:1fr}}
/* ===== holder map ===== */
.hm-ov{position:fixed;inset:0;z-index:300;background:rgba(4,4,5,.72);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;animation:hmFade .2s ease}
@keyframes hmFade{from{opacity:0}}
.hm{width:min(1080px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:18px;border-radius:22px;animation:hmIn .35s cubic-bezier(.2,1.3,.4,1)}
@keyframes hmIn{from{transform:translateY(14px) scale(.97);opacity:0}}
.hm-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.hm-h b{font-size:20px;font-weight:800;letter-spacing:-.03em;display:block}.hm-h small{font-size:12px;color:var(--muted)}
.hm-body{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:start}
.hm-svg{width:100%;height:auto;border-radius:16px;background:radial-gradient(70% 70% at 50% 50%,rgba(241,221,176,.05),transparent),#0b0b0d;border:1px solid var(--line)}
.hm-links line{stroke:rgba(255,154,77,.7);stroke-width:2;stroke-dasharray:5 4;animation:hmDash 1.2s linear infinite}
.hm-links line.sn{stroke:rgba(255,94,108,.55)}
@keyframes hmDash{to{stroke-dashoffset:-18}}
.hm-b{cursor:pointer;transform-box:fill-box;transform-origin:center;animation:hmPop .5s cubic-bezier(.2,1.6,.4,1) both;animation-delay:var(--d)}
@keyframes hmPop{from{transform:scale(0);opacity:0}}
.hm-b circle{fill:url(#none);stroke-width:2;transition:filter .2s}
.hm-b:hover circle{filter:brightness(1.3) drop-shadow(0 0 10px currentColor)}
.hm-b text{font:800 12px var(--mono);text-anchor:middle;fill:#0b0b0c;pointer-events:none}
.hm-b.k-w{color:#7FA7D9}.hm-b.k-w circle{fill:rgba(127,167,217,.22);stroke:rgba(127,167,217,.7)}.hm-b.k-w text{fill:#DCE8F7}
.hm-b.k-dev{color:#F1DDB0}.hm-b.k-dev circle{fill:#E6CB95;stroke:#FFF1D6}
.hm-b.k-you{color:#3DDC97}.hm-b.k-you circle{fill:#3DDC97;stroke:#B6F5D9}
.hm-b.k-sn{color:#FF5E6C}.hm-b.k-sn circle{fill:rgba(255,94,108,.75);stroke:#FFB0B7}
.hm-b.k-bu{color:#FF9A4D}.hm-b.k-bu circle{fill:rgba(255,154,77,.75);stroke:#FFD2A8}
.hm-side{display:flex;flex-direction:column;gap:8px}
.hm-st{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.hm-st small{font-size:11px;color:var(--muted)}.hm-st b{font-size:15px}
.hm-st.lv-g b{color:#5BE6A8}.hm-st.lv-y b{color:#FFD15C}.hm-st.lv-r b{color:#FF8C96}
.hm-leg{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);font-size:12px;color:var(--soft)}
.hm-leg span{display:flex;align-items:center;gap:8px}.hm-leg i{width:11px;height:11px;border-radius:50%}
.hm-leg i.k-dev{background:#E6CB95}.hm-leg i.k-sn{background:#FF5E6C}.hm-leg i.k-bu{background:#FF9A4D}.hm-leg i.k-you{background:#3DDC97}.hm-leg i.k-w{background:rgba(127,167,217,.6)}
.hm-leg em{width:16px;border-top:2px dashed rgba(255,154,77,.8)}
.hm-n{font-size:11px;line-height:1.5}
@media (max-width:760px){.hm-body{grid-template-columns:1fr}.hm{padding:14px}.hm-side{display:grid;grid-template-columns:1fr 1fr}.hm-leg,.hm-n{grid-column:1/-1}}
.bh-dv b em{font-style:normal;font-size:13px;font-weight:700;color:var(--muted);margin-left:5px}
.bh-avg{margin-top:5px;font-size:10.5px;color:var(--muted)}
.ctog .cclean{display:inline-flex;align-items:center;gap:5px;margin-left:4px}
.ctog .cclean svg{width:14px;height:14px}
.ctog .cclean.on{background:var(--ivory,#F2EDE4);color:#0b0b0c;border-color:transparent}
/* activity: slim single-line rows */
.st-box{padding:9px 12px;gap:6px}
.st-h>b{font-size:13px}
.st-h .seg.sm button{padding:3px 9px;font-size:11px;min-height:0}
.st-row{display:grid;grid-template-columns:minmax(92px,auto) 1fr minmax(92px,auto);align-items:center;gap:10px}
.st-row .st-v{display:contents}
.st-row .st-v .up{order:1;white-space:nowrap}
.st-row .bs-bar{order:2;height:4px}
.st-row .st-v .down{order:3;text-align:right;white-space:nowrap}
.st-row .st-v span{font-size:11px}.st-row .st-v b{font-size:12px}
@media (max-width:760px){.st-row{grid-template-columns:auto 1fr auto;gap:8px}.st-h .st-tf{margin-left:auto}}
.lhead>span{font:800 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.lhead>span.r{text-align:right}
.tp-desc{margin:6px 0 0;max-width:620px;font-size:13.5px;line-height:1.45;color:#E8E4DC;text-shadow:0 1px 8px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;padding:6px 10px;border-radius:10px;background:rgba(8,8,10,.55);backdrop-filter:blur(6px);width:fit-content}
.tp-desc.open{-webkit-line-clamp:unset}
@media (max-width:760px){.tp-desc{font-size:12.5px;max-width:100%}}
.tp-desc{max-height:calc(1.45em * 2 + 12px)}.tp-desc.open{max-height:none}
.tp-desc{padding:6px 10px 0;border-bottom:6px solid transparent;max-height:none}
.about-b{display:flex;flex-direction:column;gap:10px}
.ab-h{display:flex;align-items:center;gap:9px}.ab-h .av{border-radius:50%}.ab-h b{font-size:14px;font-weight:800;letter-spacing:-.02em}
.ab-t{margin:0;font-size:13.5px;line-height:1.6;color:var(--soft);white-space:pre-wrap;word-break:break-word}
.ab-t.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ab-more{align-self:flex-start;border:0;background:none;padding:0;color:#F1DDB0;font:700 12px Manrope,sans-serif;cursor:pointer}
/* ===== LEADERBOARD v2 (people) ===== */
.lb2{padding-top:28px;padding-bottom:60px}
.lb2-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}
.lb2-head p{margin:4px 0 0;font-size:13.5px}
.lb2-tabs{display:flex;gap:6px;margin-bottom:6px;overflow-x:auto}
.lb2-tabs button{padding:9px 16px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--muted);font:800 14px Manrope,sans-serif;cursor:pointer;white-space:nowrap;transition:.2s}
.lb2-tabs button.on{color:#0b0b0c;background:linear-gradient(180deg,#F5E6C4,#C9A86A);border-color:transparent;box-shadow:0 10px 26px -12px rgba(241,221,176,.6)}
.lb2-pod{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:16px;padding:44px 0 18px;margin-bottom:6px}
.lb2-pod::before{content:"";position:absolute;left:50%;bottom:0;width:min(720px,90%);height:200px;transform:translateX(-50%);background:radial-gradient(50% 80% at 50% 100%,rgba(241,221,176,.14),transparent 70%);pointer-events:none}
.lb2-p{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:210px;padding:24px 14px 18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01));color:var(--text);cursor:pointer;font-family:Manrope,sans-serif;transition:transform .25s cubic-bezier(.2,1.4,.4,1),border-color .2s;animation:lbRise .6s cubic-bezier(.2,1.3,.4,1) both}
.lb2-p.p2{animation-delay:.1s}.lb2-p.p3{animation-delay:.2s}
@keyframes lbRise{from{transform:translateY(30px);opacity:0}}
.lb2-p:hover{transform:translateY(-6px);border-color:rgba(241,221,176,.4)}
.lb2-p.p1{width:250px;padding:34px 16px 26px;border-color:rgba(255,209,92,.45);background:linear-gradient(180deg,rgba(255,200,90,.16),rgba(255,200,90,.02));box-shadow:0 30px 60px -30px rgba(255,190,80,.7)}
.lb2-p .av{border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.lb2-p.p1 .av{box-shadow:0 0 0 3px #FFD15C,0 0 34px rgba(255,209,92,.55);animation:lbFloat 3s ease-in-out infinite}
@keyframes lbFloat{50%{transform:translateY(-6px)}}
.lb2-pr{position:absolute;top:-18px;font-size:30px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.lb2-p b{font-size:15px;font-weight:800;letter-spacing:-.02em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb2-p strong{font-size:22px;color:#FFD2A8}.lb2-p.p1 strong{font-size:28px;color:#FFD15C}
.lb2-p small{font-size:11px;color:var(--muted)}
.lb2-you{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:6px 0 10px;border-radius:14px;border:1px dashed rgba(61,220,151,.35);background:rgba(61,220,151,.05);font-size:12.5px}
.lb2-you.off{justify-content:space-between;border-color:var(--line);background:rgba(255,255,255,.02)}
.lb2-you .lb2-rk{color:#3DDC97;font-weight:800}
.lb2-t{border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.015);overflow-x:auto}
.lb2-r{display:grid;grid-template-columns:var(--gc);gap:12px;align-items:center;width:100%;min-width:760px;padding:10px 14px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--text);font:600 13px Manrope,sans-serif;text-align:left;cursor:pointer;animation:lbRow .4s ease both;animation-delay:var(--d)}
@keyframes lbRow{from{opacity:0;transform:translateX(-8px)}}
.lb2-r:hover{background:rgba(241,221,176,.04)}
.lb2-r.lb2-h{cursor:default;font:800 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);animation:none}
.lb2-r .r{text-align:right}.lb2-r .big{font-size:14px;font-weight:800}
.lb2-r .up{color:#3DDC97}.lb2-r .down{color:#F2708A}
.lb2-rk{color:var(--faint);font-size:12px}.lb2-rk.top{color:#FFD15C;font-weight:800;font-size:14px}
.lb2-w{display:flex;align-items:center;gap:9px;min-width:0}.lb2-w .av{border-radius:50%;flex:none}.lb2-w b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb2-w small{color:var(--muted);font-size:11px}
.lb2-coin{display:inline-flex;align-items:center;gap:5px;font-weight:700}.lb2-coin .av{border-radius:50%}
.lb2-tag{font:800 10px Manrope,sans-serif;padding:3px 8px;border-radius:99px;white-space:nowrap}
.lb2-tag.good{background:rgba(61,220,151,.14);color:#5BE6A8}.lb2-tag.bad{background:rgba(255,94,108,.15);color:#FF8C96}.lb2-tag.mid{background:rgba(255,209,92,.12);color:#FFD15C}
@media (max-width:760px){.lb2-head{flex-direction:column;align-items:flex-start}.lb2-pod{gap:8px;padding-top:36px}.lb2-p{width:auto;flex:1;padding:18px 6px 12px}.lb2-p.p1{width:auto}.lb2-p strong{font-size:14px}.lb2-p.p1 strong{font-size:17px}.lb2-p small{display:none}}
/* leaderboard stage */
.lb2-stage{position:relative;margin:14px 0 6px;padding:20px 16px 0;border-radius:26px;overflow:hidden;background:radial-gradient(60% 90% at 50% 100%,rgba(255,190,90,.16),transparent 70%),radial-gradient(40% 50% at 50% 0%,rgba(241,221,176,.08),transparent),#0C0A09;border:1px solid #2A1F18}
.lb2-spot{position:absolute;left:50%;top:-40%;width:520px;height:140%;transform:translateX(-50%);background:conic-gradient(from 160deg at 50% 0%,transparent 0deg,rgba(255,230,180,.10) 20deg,transparent 40deg);filter:blur(6px);pointer-events:none;animation:lbSpot 7s ease-in-out infinite alternate}
@keyframes lbSpot{from{transform:translateX(-58%) rotate(-6deg)}to{transform:translateX(-42%) rotate(6deg)}}
.lb2-stage .lb2-pod::before{display:none}
.lb2-pod{padding-bottom:0;align-items:flex-end}
.lb2-p{border-radius:20px 20px 0 0;padding-bottom:0}
.lb2-ped{display:flex;align-items:flex-start;justify-content:center;width:calc(100% + 30px);margin:12px -15px 0;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01));height:46px}
.lb2-p.p1 .lb2-ped{height:86px;background:linear-gradient(180deg,rgba(255,209,92,.22),rgba(255,209,92,.03));border-color:rgba(255,209,92,.35);width:calc(100% + 34px);margin:14px -17px 0}
.lb2-p.p2 .lb2-ped{height:62px}
.lb2-ped em{font:800 34px Manrope,sans-serif;font-style:normal;letter-spacing:-.05em;color:rgba(255,255,255,.14);margin-top:6px}
.lb2-p.p1 .lb2-ped em{font-size:48px;color:rgba(255,209,92,.55)}
.lb2-moves{position:absolute;left:16px;top:16px;z-index:2;display:flex;flex-direction:column;gap:6px;max-width:360px;pointer-events:none}
.lb2-mv{padding:6px 12px;border-radius:99px;background:rgba(8,8,10,.8);border:1px solid rgba(255,255,255,.1);font-size:12px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:lbMv .5s cubic-bezier(.2,1.5,.4,1)}
.lb2-mv:nth-child(2){opacity:.6}.lb2-mv:nth-child(3){opacity:.3}
.lb2-mv b{color:#fff}.lb2-mv b.up{color:#3DDC97}.lb2-mv small{color:var(--muted)}
@keyframes lbMv{from{transform:translateX(-20px);opacity:0}}
@media (max-width:980px){.lb2-moves{position:relative;left:auto;top:auto;max-width:none;margin-bottom:6px}.lb2-mv:nth-child(n+2){display:none}}
.bh-shr{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:8px}
.bh-shr>div:first-child{display:flex;flex-direction:column;gap:1px}
.bh-per{display:flex;gap:2px;padding:2px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid #2E231C;flex:none}
.bh-per button{padding:3px 6px;border-radius:6px;border:0;background:none;color:var(--muted);font:800 9.5px var(--mono);cursor:pointer}
.bh-per button.on{background:linear-gradient(90deg,#FFD15C,#FF6A2B);color:#1a0b05}
/* burn tool */
.bh-top .bh-cta{order:5;margin-top:4px;padding:10px 20px;border-radius:12px;background:linear-gradient(180deg,#FFD15C,#FF6A2B);color:#1a0b05;border:0;font:800 14px Manrope,sans-serif;box-shadow:0 12px 30px -10px rgba(255,120,40,.7);cursor:pointer}
.bh-top .bh-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}
.bt{width:min(560px,100%)}
.bt-empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:10px 0}.bt-empty p{margin:0;color:var(--soft);font-size:14px;line-height:1.5}
.bt-coins{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.bt-c{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--text);cursor:pointer;font-family:Manrope,sans-serif;text-align:left}
.bt-c .av{border-radius:50%}.bt-c span{display:flex;flex-direction:column}.bt-c b{font-size:13px}.bt-c small{font-size:10.5px;color:var(--muted)}
.bt-c.on{border-color:rgba(255,177,92,.6);background:rgba(255,140,60,.08)}
.bt-amt{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.bt-row{display:flex;justify-content:space-between;align-items:baseline}.bt-row small{color:var(--muted);font-size:12px}.bt-row b{font-size:16px;color:#FFD2A8}
.bt-amt input{width:100%;accent-color:#FF8A3D}
.bt-pre{display:flex;gap:6px}.bt-pre button{flex:1;padding:6px;border-radius:8px;border:1px solid var(--line);background:none;color:var(--muted);font:700 12px Manrope,sans-serif;cursor:pointer}.bt-pre button.on{color:#1a0b05;background:#FFB15C;border-color:transparent}
.bt-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.bt-sum div{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:12px;border:1px solid var(--line)}.bt-sum small{font-size:10.5px;color:var(--muted)}.bt-sum b{font-size:14px}
.bt-warn{font-size:12px;color:#FFB15C;margin-bottom:12px}
.bt-go{width:100%;min-height:48px;border-radius:14px;border:0;background:linear-gradient(180deg,#FFD15C,#FF6A2B);color:#1a0b05;font:800 15px Manrope,sans-serif;cursor:pointer}
@media (max-width:760px){.bt-sum{grid-template-columns:1fr 1fr}}
.pairmini.plain{opacity:.85}.pairmini.plain small{color:#5BE6A8}
.pairbig.plain{cursor:default}.pairbig.plain small{color:#5BE6A8}
.nopair{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px dashed rgba(61,220,151,.3);background:rgba(61,220,151,.04)}
.nopair>span:last-child{display:flex;flex-direction:column;gap:3px}.nopair b{font-size:14px}.nopair small{font-size:12px;color:var(--muted);line-height:1.45}
.q-cr{font-style:normal;font-size:10.5px;color:#E6CB95;margin-left:4px}
.quote .q-tot{border-top:1px dashed var(--line);padding-top:6px;margin-top:2px}.quote .q-tot span:last-child{color:#fff;font-weight:700}
.spk.fee0{gap:10px}
.fee-big{display:flex;align-items:baseline;gap:10px}.fee-big b{font-size:28px;color:#E6CB95;letter-spacing:-.03em}.fee-big span{font-size:13px;color:var(--soft)}
/* ===== creator rewards / CTO ===== */
.crb{display:inline-flex;align-items:center;vertical-align:middle;margin-left:7px;padding:2px 7px;border-radius:6px;font:800 9.5px var(--mono);letter-spacing:.06em;-webkit-text-fill-color:currentColor;text-shadow:none}
.crb.out{background:rgba(255,94,108,.16);color:#FF8C96;border:1px solid rgba(255,94,108,.35)}
.crb.cto{background:rgba(127,182,255,.15);color:#9CC7FF;border:1px solid rgba(127,182,255,.35)}
.crb.idle{background:rgba(255,209,92,.12);color:#FFD15C;border:1px solid rgba(255,209,92,.3)}
.tc-name2 b .crb{font-size:8.5px;padding:1px 5px;margin-left:6px}
.cr-panel{display:flex;flex-direction:column;gap:10px}
.cr-panel.s-r{border-color:rgba(255,94,108,.25)}.cr-panel.s-b{border-color:rgba(127,182,255,.25)}.cr-panel.s-y{border-color:rgba(255,209,92,.22)}
.cr-h{display:flex;justify-content:space-between;align-items:center}.cr-h b{font-size:14px}
.cr-st{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;font:800 11px Manrope,sans-serif}
.cr-st i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)}
.cr-st.g{color:#5BE6A8;background:rgba(61,220,151,.1)}.cr-st.y{color:#FFD15C;background:rgba(255,209,92,.1)}.cr-st.r{color:#FF8C96;background:rgba(255,94,108,.12)}.cr-st.b{color:#9CC7FF;background:rgba(127,182,255,.12)}
.cr-sub{font-size:12px;margin-top:-4px}
.cr-money{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.cr-money div{display:flex;flex-direction:column;gap:2px;padding:8px 9px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.02);min-width:0}
.cr-money small{font-size:10px;color:var(--muted);white-space:nowrap}.cr-money b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-meter{display:flex;flex-direction:column;gap:4px}
.cr-ml{display:flex;justify-content:space-between;gap:8px}.cr-ml small{font-size:11px;color:var(--soft)}.cr-ml small.down{color:#FF8C96}.cr-ml small.warn{color:#FFD15C}
.cr-bar{position:relative;display:block;height:7px;border-radius:99px;background:rgba(255,255,255,.07);overflow:visible}
.cr-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#3DDC97,#FFD15C 45%,#FF5E6C)}
.cr-bar.sold i{background:linear-gradient(90deg,#FFD15C,#FF5E6C)}
.cr-bar.sup i{background:linear-gradient(90deg,#5CC8FF,#3B82F6)}
.cr-bar em{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:#fff;opacity:.55;border-radius:2px}
.cr-acts{display:flex;gap:8px}.cr-acts .btn{flex:1;min-height:38px;font-size:13px}
.cr-acts .btn[disabled]{opacity:.45;cursor:not-allowed}
.cr-cto{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:rgba(127,182,255,.05);border:1px solid rgba(127,182,255,.18)}
.cr-cto p{margin:0;font-size:12px;font-style:italic}.cr-cto .btn{min-height:36px}.cr-cto .btn[disabled]{opacity:.6}
.cr-rules summary{cursor:pointer;font-size:12px;color:#F1DDB0;font-weight:700;list-style:none}.cr-rules summary::-webkit-details-marker{display:none}.cr-rules summary::before{content:"ⓘ ";}
.cr-rules ul{margin:8px 0 0;padding-left:16px;display:flex;flex-direction:column;gap:5px;font-size:11.5px;color:var(--soft);line-height:1.45}
.cto-req{padding:10px 12px;border-radius:10px;font-size:13px;margin-bottom:10px}.cto-req.ok{background:rgba(61,220,151,.08);color:#5BE6A8}.cto-req.no{background:rgba(255,94,108,.08);color:#FF8C96}
.cto-f{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.cto-f small{font-size:11.5px;color:var(--muted)}
.bt .bt-go[disabled]{opacity:.5;cursor:not-allowed}
.cr-ticks{position:relative;height:14px}.cr-ticks small{position:absolute;top:0;font-size:10px;color:var(--muted);white-space:nowrap}
/* ===== mobile polish pass ===== */
@media (max-width:760px){
  .lb2-t{overflow:visible}
  .lb2-r{min-width:0;grid-template-columns:30px minmax(0,1fr) auto!important;gap:10px;padding:10px 12px}
  .lb2-r>*:nth-child(n+4){display:none}
  .lb2-r .lb2-w b{font-size:13px}
  .van-o{padding-top:30px}
  .van-o em{top:8px;right:10px}
  .van-h{flex-wrap:wrap}
  #chart .xlab:nth-of-type(even){display:none}
  .bn-row{grid-template-columns:24px minmax(0,1fr) minmax(90px,1.2fr) 60px!important}
  .bn-row>*:nth-child(3){display:flex!important;min-width:0}
  .bn-row>*:nth-child(4){display:none!important}.bn-row>*:nth-child(5){display:block!important}
  .bn-row>*:nth-child(6),.bn-row>*:nth-child(7){display:none!important}
  .bn-bar{gap:6px}.bn-bar>b{width:auto;font-size:11px}
  .bn-stk{min-width:30px}
  .bn-head>*:nth-child(4){display:none!important}
}
@media (max-width:760px){.bn-row .bn-c{min-width:0;overflow:hidden}.bn-row .bn-c>span{min-width:0}.bn-row .bn-c b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bn-row{gap:8px}}
/* stable header search */
.searchbtn{flex:1 1 300px;min-width:0;width:auto;height:38px;min-height:38px;max-height:38px;overflow:hidden;white-space:nowrap}
.searchbtn>span:not(.kbd){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.searchbtn .kbd{flex:none;white-space:nowrap}
.searchbtn svg{flex:none}
@media (max-width:1280px){.searchbtn .kbd{display:none}}
@media (max-width:1100px){.searchbtn{flex:0 1 220px}}
@media (max-width:760px){.searchbtn{flex:0 0 40px;width:40px;height:40px;max-height:40px;min-height:40px}}
.pal-x{cursor:pointer;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted)}.pal-x:hover{color:#fff;border-color:var(--line2)}
/* header never wraps; search absorbs the space */
.hdr,.wrap.hdr{flex-wrap:nowrap}
.hdr .navlinks,.hdr .brand,.hdr .hdr-right{flex:none}
.hdr-right{flex-wrap:nowrap;white-space:nowrap}
.searchbtn{flex:1 1 120px;max-width:420px}
@media (max-width:1440px){.navlinks>button{padding-left:10px;padding-right:10px}}
@media (max-width:1366px){.hdr-right .co-btn span{display:none}.searchbtn .kbd{display:none}}
@media (max-width:1180px) and (min-width:761px){.searchbtn{flex:0 0 40px;width:40px;padding:0;justify-content:center}.searchbtn>span{display:none}.navlinks>button{padding-left:8px;padding-right:8px;font-size:13px}}
@media (max-width:760px){.searchbtn{flex:0 0 40px;width:40px;height:40px;max-height:40px;min-height:40px;padding:0;justify-content:center;margin-left:auto}.searchbtn>span{display:none}}
/* tablet: bottom tab bar instead of top links so the header never overflows */
@media (min-width:761px) and (max-width:1100px){
  body{padding-bottom:72px}
  .navlinks{display:none!important}
  .mnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;height:64px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(10,10,12,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid #222225}
  .mnav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:var(--muted);font-size:11px;font-weight:700;border-radius:12px;cursor:pointer}
  .mnav svg{width:21px;height:21px}
  .mnav button.on{color:var(--ivory)}
  .mnav button.pri span{margin-top:2px}
  .searchbtn{flex:1 1 200px!important;width:auto!important;padding:0 10px 0 14px!important;justify-content:flex-start!important;max-width:420px}
  .searchbtn>span:not(.kbd){display:block!important}
}
@media (min-width:761px) and (max-width:1100px){.mnav button.pri{color:#0A0A0B}.mnav button.pri svg{width:40px;height:30px;padding:5px 10px;border-radius:11px;background:var(--ivory);stroke-width:2.6}.mnav button.pri span{color:var(--soft)}#toasts{bottom:78px!important}}
.s-web .socf-ic{background:radial-gradient(120% 120% at 30% 20%,#8B7CFF 0%,#5B5BF0 45%,#2E3BC9 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 14px -6px rgba(91,91,240,.7)}
.s-web .socf-ic svg{width:19px;height:19px}
.socf.ok.s-web{border-color:rgba(139,124,255,.45);background:rgba(139,124,255,.06)}
/* ===== live callouts rail (wide screens) ===== */
.co-rail,.co-rail-min{display:none}
@media (min-width:1500px){
  body.has-rail main.wrap,body.has-rail .wrap.board,body.has-rail main{margin-right:360px}
  body.has-rail footer{margin-right:340px}
  .co-rail{display:flex;flex-direction:column;position:fixed;right:14px;top:96px;bottom:14px;width:330px;z-index:40;border-radius:18px;border:1px solid var(--line);background:rgba(14,14,16,.92);backdrop-filter:blur(12px);overflow:hidden;animation:railIn .35s cubic-bezier(.2,1.2,.4,1)}
  @keyframes railIn{from{transform:translateX(30px);opacity:0}}
  .cr-hd{display:flex;align-items:center;gap:8px;padding:12px 12px 10px 16px;border-bottom:1px solid var(--line)}
  .cr-hd b{font-size:14px;font-weight:800}.cr-hd .iconbtn{margin-left:auto;width:30px;height:30px;font-size:14px}
  .cr-list{flex:1;overflow-y:auto;scrollbar-width:thin}
  .co-rail .co{padding:12px 14px}
  .co-rail-min{display:flex;flex-direction:column;align-items:center;gap:6px;position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:40;padding:12px 8px;border-radius:14px;border:1px solid var(--line);background:rgba(14,14,16,.92);color:var(--soft);cursor:pointer;font:700 11px Manrope,sans-serif;writing-mode:vertical-rl}
  .co-rail-min b{writing-mode:horizontal-tb;color:#3DDC97;font-size:12px}
  .co-rail-min:hover{border-color:rgba(241,221,176,.4);color:#fff}
}
.co-peek{display:flex;align-items:center;gap:10px;max-width:360px;pointer-events:auto;cursor:pointer;text-align:left;border:1px solid rgba(255,255,255,.1);font-family:Manrope,sans-serif;color:var(--text);animation:peekIn .4s cubic-bezier(.2,1.4,.4,1)}
.co-peek .av{border-radius:50%;flex:none}
.cp-t{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:12.5px}.cp-t b{font-weight:800}.cp-t small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-x{font-style:normal;color:var(--faint);font-size:11px;padding:4px;margin-left:4px}.cp-x:hover{color:#fff}
.co-peek.out{opacity:0;transform:translateX(20px);transition:.35s}
@keyframes peekIn{from{transform:translateX(30px);opacity:0}}
.toast.co-peek{background:rgba(16,16,19,.96);color:var(--text);box-shadow:0 14px 34px -14px rgba(0,0,0,.8)}
.cp-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-peek{min-width:240px}
.trap-t{cursor:default}.trap-on{font-style:normal;font:800 9.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#04140c;background:#3DDC97;padding:2px 6px;border-radius:5px;margin-left:6px;vertical-align:middle}
/* trap step-down pulse */
.stepdn{animation:stepdn .7s ease}
@keyframes stepdn{0%{transform:translateY(-6px) scale(1.15);color:#3DDC97}100%{transform:none}}
/* trap stair preview */
.tstair{display:flex;align-items:flex-end;gap:6px;height:74px;margin-top:10px}
.tstair span{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;height:calc(18px + var(--h)*52px);padding-top:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,rgba(242,112,138,.55),rgba(242,112,138,.15));border:1px solid rgba(242,112,138,.35)}
.tstair span.done{background:rgba(61,220,151,.14);border-color:rgba(61,220,151,.35)}
.tstair b{font-size:12px;color:#fff}.tstair small{font-size:9px;color:#9a958d;padding-bottom:3px}
.tl3:has(.tstair){display:flex;flex-direction:column;align-items:stretch}
.tl3 .tstair{width:100%}
.tstair{height:96px}.tstair span{height:calc(16px + var(--h)*130px);max-height:96px;box-sizing:border-box}
/* real on-chain coins from the indexer */
body.is-demo .tcard.is-live{box-shadow:0 0 0 1px rgba(61,220,151,.45),0 8px 30px -12px rgba(61,220,151,.35)}
body.is-demo .tcard.is-live::after{content:'ON-CHAIN';position:absolute;top:22px;left:50%;transform:translateX(-50%);z-index:3;font:700 9px/1 'JetBrains Mono',monospace;letter-spacing:.08em;color:#0b1a12;background:#3DDC97;padding:4px 6px;border-radius:6px;pointer-events:none}
.demo-l{display:block;margin:10px auto 0;background:none;border:0;color:var(--mut,#8a857d);font-size:12.5px;text-decoration:underline;cursor:pointer}
.demo-l:hover{color:#fff}
button[disabled].big-btn{opacity:.7;cursor:progress}
/* mobile: no pop-ups over content — toasts from your own actions sit above the bottom bar */
@media (max-width:760px){
  #toasts{top:auto!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;left:12px;right:12px;align-items:center}
  .mnav button{position:relative}
  .mn-badge{position:absolute;top:2px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#F2708A;color:#fff;font-size:9.5px;line-height:16px;font-weight:700;text-align:center}
}
.grind-t{display:flex;align-items:center;gap:10px}
.grind-t small{display:block;color:var(--mut,#8a857d);font-size:11px;margin-top:2px}
.gr-sp{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#3DDC97;animation:grsp .8s linear infinite;flex:none}
@keyframes grsp{to{transform:rotate(360deg)}}
.tsp-paid{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.1);font-size:12px}
.tsp-paid b{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#3DDC97;width:100%}
.tsp-paid span{color:var(--soft,#cfc9bf)}
.tsp-paid span{display:inline-flex;align-items:center;gap:5px}.tsp-paid .sp-ic{width:16px;height:16px;display:inline-flex}.tsp-paid .sp-ic svg{width:14px;height:14px}
/* trader hover card + per-wallet filter */
.mk-cell{display:inline-flex;align-items:center;gap:4px;min-width:0}
.mk-f{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;border:0;background:transparent;color:#5d5a55;cursor:pointer;opacity:.0;transition:.15s;flex:none}
.mk-f svg{width:13px;height:13px}
.trow:hover .mk-f,.mk-f.on{opacity:1}.mk-f:hover{color:#fff;background:rgba(255,255,255,.07)}.mk-f.on{color:#3DDC97;background:rgba(61,220,151,.12)}
@media (hover:none){.mk-f{opacity:.8}}
.trader-card{position:fixed;z-index:80;width:352px;background:linear-gradient(180deg,#141418,#0e0e11);border:1px solid #2a2a2f;border-radius:16px;box-shadow:0 24px 60px -20px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.02) inset;font-family:Manrope,sans-serif;pointer-events:none;animation:tcIn .14s ease-out;overflow:hidden}
@keyframes tcIn{from{opacity:0;transform:translateY(4px)}}
.trc-rows{padding:14px 16px 12px;display:grid;gap:10px}
.trc-r{display:grid;grid-template-columns:92px 78px 1fr 58px;align-items:center;column-gap:10px;min-height:22px}
.trc-l{text-align:right;color:#8f8a82;font-size:12.5px;white-space:nowrap}
.trc-v{font-size:14px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.trc-v.up{color:#3DDC97}.trc-v.down{color:#F2708A}
.trc-t{font-size:12.5px;color:#e6e1d8;white-space:nowrap}
.trc-n{font-size:11px;color:#6f6b65;text-align:right;white-space:nowrap}
.trc-u{grid-column:3 / 5;display:grid;gap:5px}
.trc-u small{font-size:11px;color:#8f8a82;text-align:right}.trc-u small i{font-style:normal;color:#5c5853}
.trc-bar{height:5px;border-radius:3px;background:#25252a;overflow:hidden}.trc-bar i{display:block;height:100%;background:linear-gradient(90deg,#cfc6b6,#f2ebdd);border-radius:3px}
.trc-who{display:flex;gap:12px;align-items:center;padding:12px 16px 14px;border-top:1px solid #222227;background:rgba(255,255,255,.015)}
.trc-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--tc) 14%,transparent);flex:none}
.trc-wi{display:grid;gap:3px;min-width:0}
.trc-nm{display:flex;align-items:center;gap:6px}.trc-nm b{font-size:13.5px;color:#fff}
.trc-who small{color:#8f8a82;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.more-wrap{display:flex;justify-content:center;align-items:center;gap:16px;margin:22px 0 8px}
.more-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;font-weight:700}
.more-btn .mono{font-size:11.5px;color:var(--mut,#8a857d);font-weight:500}
.more-all{font-size:13px;color:var(--mut,#8a857d);text-decoration:underline;background:none;border:0;cursor:pointer}
.more-all:hover{color:#fff}
.route-wait{min-height:60vh;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center}
.route-wait .gr-sp{width:28px;height:28px;border-width:3px}
.route-wait b{font-size:18px}
.cr-logs{display:grid;gap:2px;margin-top:12px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.08)}
.cr-log{display:grid;grid-template-columns:1fr auto 64px;gap:10px;align-items:center;padding:5px 6px;border-radius:8px;font-size:12px;color:var(--soft,#cfc9bf);text-decoration:none}
.cr-log:hover{background:rgba(255,255,255,.04)}.cr-log small{text-align:right;font-size:11px}
/* community takeover */
.cto-box{margin-top:14px;padding:12px;border-radius:14px;background:rgba(127,182,255,.05);border:1px solid rgba(127,182,255,.18);display:grid;gap:10px}
.cto-h{display:grid;gap:4px}.cto-h b{font-size:13.5px}.cto-h small{font-size:11.5px;line-height:1.45}
.cto-app{display:grid;gap:6px;padding:10px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid #232327}
.cto-ah{display:flex;align-items:center;gap:8px}.cto-ah small{margin-left:auto;font-size:11px}
.cto-app p{margin:0;font-size:12.5px;color:var(--soft,#cfc9bf);line-height:1.45}
.cto-vote,.cto-apply{width:100%}.cto-none,.cto-need{font-size:12px;margin:0}
.cto-form{display:grid;gap:8px}.cto-form textarea{width:100%;min-height:72px;resize:vertical;border-radius:10px;border:1px solid #2a2a2f;background:#0d0d10;color:var(--text,#eee);padding:10px;font:inherit;font-size:13px}
.cr-st.b{color:#7FB6FF;background:rgba(127,182,255,.12)}.cr-st.b i{background:#7FB6FF}.cr-panel.s-b{border-color:rgba(127,182,255,.25)}
/* real pair picker */
.rpp{display:flex;flex-direction:column;gap:10px}
.rpp-opts{display:flex;flex-wrap:wrap;gap:8px}
.rpp-o{display:flex;align-items:center;gap:10px;padding:9px 14px 9px 10px;border-radius:12px;background:#111113;border:1px solid #2A2A2E;color:inherit;cursor:pointer;min-height:48px;text-align:left}
.rpp-o span{display:flex;flex-direction:column;gap:1px}.rpp-o b{font-size:14px}.rpp-o small{font-size:11.5px;color:var(--muted)}
.rpp-o:hover{border-color:#3A3A40}.rpp-o.on{border-color:var(--gold);background:rgba(255,209,92,.07)}
.rpp-s{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;background:#111113;border:1px solid #2A2A2E;min-height:44px}
.rpp-s:focus-within{border-color:var(--gold)}.rpp-s svg{width:15px;height:15px;color:var(--muted);flex:none}
.rpp-s input{flex:1;min-width:0;background:none;border:0;outline:0;color:inherit;font:inherit;font-size:14px}
.rpp-st{font-size:12.5px;color:var(--muted)}.rpp-st.bad{color:var(--down)}.rpp-st.warn{color:#FFD15C}
.rpp-note{font-size:12px;color:var(--muted);line-height:1.5}.rpp-note b{color:var(--text,#fff)}
.tp-grid3.no-thread{grid-template-columns:minmax(0,1fr) 360px}
@media (max-width:900px){.tp-grid3.no-thread{grid-template-columns:1fr}}
.tc-empty{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:28px}
.tc-empty b{font-size:20px}.tc-empty small{color:var(--muted);font-size:13.5px}
.i3-slogan{display:block;color:var(--ivory,#fff);font-size:1.15em;margin-bottom:4px}
.devbar{position:fixed;left:12px;bottom:12px;z-index:9999;background:#5A1E12;color:#FFD9C9;border:1px solid #FF7A50;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:700;pointer-events:none}
.paywith{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px}.paywith button{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#151517;border:1px solid #2A2A2E;color:inherit;cursor:pointer;font-weight:700}.paywith button.on{border-color:var(--gold);background:rgba(255,209,92,.08)}.paywith small{flex-basis:100%;font-size:11.5px}
.terms{width:min(720px,calc(100vw - 32px));max-height:86vh;display:flex;flex-direction:column;padding:0;overflow:hidden}
.terms-h{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line,#2A2A2E)}.terms-h b{font-size:18px}
.terms-draft{margin:12px 18px 0;padding:8px 12px;border-radius:10px;background:rgba(255,209,92,.08);border:1px solid rgba(255,209,92,.3);color:#FFD15C;font-size:12.5px}
.terms-b{overflow:auto;padding:6px 18px 20px}.terms-b h3{font-size:14.5px;margin:16px 0 6px}.terms-b p{font-size:13.5px;line-height:1.6;color:var(--muted,#B8B8BE);margin:0}.terms-b b{color:var(--ivory,#fff)}

.rwp{margin-top:12px;display:flex;flex-direction:column;gap:8px}.rwp-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:560px){.rwp-opts{grid-template-columns:1fr}}
.rwp-o{align-items:flex-start;padding:10px 12px}.rwp-o small{line-height:1.4}.rwp-tag{font-style:normal;font-size:10.5px;font-weight:700;color:var(--gold);margin-left:4px;letter-spacing:.02em}
.rwp-own{color:var(--ivory)!important;border-color:rgba(255,209,92,.45)!important;background:rgba(255,209,92,.08)!important}.rwp-own.on{box-shadow:0 0 0 1px var(--gold) inset;background:rgba(255,209,92,.16)!important}
.rwp-star{color:var(--gold);font-weight:800;margin-right:2px}.rwp-star.big{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,209,92,.14);font-size:15px}
.rwp-sel-own{border-color:rgba(255,209,92,.6)!important;background:rgba(255,209,92,.08)!important}.rwp-v{font-style:normal;color:#3DDC97;font-size:11px}
.rwp .cpp-quick{margin-top:8px}
.rwp-ic{object-fit:cover;border-radius:50%;display:inline-grid;place-items:center;color:#ddd;font-weight:700;flex:none}.rwp-first{margin-top:8px}.rwp .cpp-tabs{margin-top:10px}
.pv-rw{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border-radius:10px;background:rgba(255,209,92,.06);border:1px solid rgba(255,209,92,.25);font-size:12.5px}
.co-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.co-imgb{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line2);color:var(--soft);cursor:pointer}.co-imgb:hover{border-color:var(--gold);color:var(--gold)}.co-imgb svg{width:18px;height:18px}
.co-prev{position:relative;width:100%;margin:6px 0}.co-prev img{display:block;max-width:100%;max-height:220px;border-radius:12px;border:1px solid var(--line2)}.co-prev button{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.7);color:#fff;cursor:pointer}
.co-img{display:block;margin:8px 0 2px}.co-img img{display:block;max-width:100%;max-height:360px;border-radius:12px;border:1px solid var(--line2);object-fit:cover}
.co-newb{margin-left:auto;width:30px;height:30px;border-radius:9px;border:1px solid var(--gold);background:rgba(255,209,92,.1);color:var(--gold);font-size:18px;font-weight:700;line-height:1;cursor:pointer}.co-newb:hover{background:rgba(255,209,92,.2)}
.co-newwide{width:100%;margin:6px 0 12px}.co-gate{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 2px 12px;font-size:12.5px}
.co-bar-r{display:flex;gap:8px}.co-err{display:block;width:100%;color:#F2708A;font-size:12px;margin-top:2px}

/* pump.fun-style position block on callouts */
.ps{margin:8px 0 2px;padding:10px 12px;border-radius:12px;background:var(--s2,#151517);border:1px solid var(--line2,#2A2A2E);display:flex;flex-direction:column;gap:6px}
.ps-r1{display:flex;justify-content:space-between;gap:10px}.ps-r1>span{display:flex;flex-direction:column;gap:2px}.ps-r1 small{font-size:11px;color:var(--muted)}.ps-r1 b{font-size:15px}
.ps-pr{text-align:right;align-items:flex-end}.ps-pr i{font-style:normal;font-size:12px;opacity:.85}
.ps-st{font-style:normal;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.08);margin-left:6px;align-self:flex-start}
.ps-r1>span:first-child{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:2px 6px}.ps-r1>span:first-child small{width:100%}
.ps-r2{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:11.5px;color:var(--muted)}.ps-r2 b{color:var(--ivory)}
.ps-tr{align-self:stretch;margin-top:2px;min-height:30px;border-radius:9px;border:1px solid var(--line2);background:none;color:var(--soft);font-size:12px;font-weight:600;cursor:pointer}
.ps-tl{display:flex;flex-direction:column;gap:4px;font-size:11.5px}.ps-t{display:grid;grid-template-columns:40px 1fr 1fr auto;gap:6px}
.co-ups{margin:6px 0 0 14px;padding-left:12px;border-left:2px dashed var(--line2)}.co-up{padding:6px 0}.co-upmore{background:none;border:0;color:#3DDC97;font-size:12px;font-weight:600;cursor:pointer;padding:2px 0}
.co-upd{background:none;border:0;color:#3DDC97;font-size:12px;font-weight:600;cursor:pointer;margin:6px 0 0}
.add-co{width:100%;margin-top:10px}
/* New callout modal */
.co-mbg{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:90}
.co-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:91;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:#121214;border:1px solid #2A2A2E;border-radius:18px;box-shadow:0 30px 80px -20px #000}
.co-mh{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #222}.co-x{background:none;border:0;color:var(--soft);font-size:16px;cursor:pointer}
.co-mcoin{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #222}.co-mcoin>span{display:flex;flex-direction:column}.co-mcoin small{color:var(--muted)}.co-mcall{margin-left:auto;font-size:13px;color:var(--soft)}
.co-mbody{padding:16px 20px}.co-mbody textarea{width:100%;min-height:110px;resize:vertical}.co-cnt{text-align:right;font-size:11px;margin-top:4px}.co-req{font-size:12.5px;margin:8px 0 0}
.co-tip{margin:0 20px 14px;padding:12px 14px;border-left:3px solid #3DDC97;background:rgba(61,220,151,.05);border-radius:8px;font-size:13px}.co-tiph{display:flex;justify-content:space-between;color:#3DDC97}.co-tip p{margin:6px 0}.co-tipex{padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.04);font-size:12.5px}
.co-mf{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid #222}.co-call{min-width:140px}
.hhead.pf,.hpf .hrow2{grid-template-columns:34px minmax(0,1.6fr) minmax(0,1fr) 70px 84px 92px}.hr-pf{font-size:12.5px}
@media (max-width:760px){.hhead.pf,.hpf .hrow2{grid-template-columns:24px minmax(0,1fr) 56px 60px 72px}}

/* callout page */
.cp-wrap{display:grid;grid-template-columns:minmax(260px,400px) minmax(0,1fr) minmax(260px,360px);gap:22px;padding-top:22px;align-items:start}
.cp-card canvas{width:100%;height:auto;border-radius:18px;border:1px solid #1f2a24;display:block}.cp-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.cp-h{display:flex;align-items:center;gap:10px;font-size:22px;margin-bottom:10px}.cp-h b{flex:1}.cp-upd{margin-top:14px;padding:12px;border-radius:14px;border:1px solid var(--line2)}.cp-upd textarea{width:100%;min-height:70px;resize:vertical}
.cp-coin{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.cp-coin>span{display:flex;flex-direction:column}.cp-coin small{color:var(--muted)}.cp-mc{text-align:right}.cp-view{grid-column:1/-1}.cp-buy{width:100%;margin-top:12px}
.co-link{cursor:pointer}.co-link:hover{text-decoration:underline;text-decoration-color:rgba(255,255,255,.25)}
@media (max-width:1100px){.cp-wrap{grid-template-columns:1fr}.cp-card{max-width:420px;margin:0 auto}}

.amt-usd{margin:-4px 2px 8px;font-size:12.5px;color:var(--muted)}
.q-usd{display:block;text-align:right;font-weight:600;font-size:12px;color:var(--muted)}
/* TradingView Lightweight Charts */
.lwc-host{position:absolute;inset:0}
.chartbox{cursor:default}
.c-legend{position:absolute;left:10px;top:8px;z-index:3;pointer-events:none;font-size:12px;line-height:1.55;max-width:calc(100% - 100px)}
.c-legend .c-lt b{font-weight:700}
.c-ohlc{font-size:11.5px;color:var(--muted)}
.c-ohlc b{font-weight:600;margin-right:4px}
.c-ohlc b.up{color:#3DDC97}.c-ohlc b.down{color:#F2708A}
.c-ohlc .c-vl b{color:#cfcfd4}
.c-scale{position:absolute;right:78px;top:8px;z-index:3;display:flex;gap:2px;background:rgba(14,14,16,.7);border:1px solid var(--line);border-radius:8px;padding:2px}
.c-scale button{min-height:0;padding:3px 7px;font-size:11px;font-family:var(--mono);color:var(--muted);background:none;border:0;border-radius:6px;cursor:pointer}
.c-scale button.on,.c-scale button:hover{color:#fff;background:rgba(255,255,255,.08)}
.chartbox .c-live{z-index:4;top:auto;bottom:40px}
.chartbox .cm-tip{z-index:5;pointer-events:none}
.c-rs{font-size:15px}
@media (max-width:640px){.c-ohlc .c-vl{display:none}.c-scale{top:auto;bottom:34px}}
/* position card v2 */
.pc2{display:flex;flex-direction:column;gap:12px}
.pc-h{display:flex;align-items:center;justify-content:space-between}
.pc-h b{font-size:15px}
.pc-sold{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:99px;background:rgba(255,255,255,.06);color:var(--muted)}
.pc-top{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.pc-top>div{display:flex;flex-direction:column;gap:2px}
.pc-top small,.pc-c small{font-size:11.5px;color:var(--muted)}
.pc-big{font-size:26px;font-weight:800;line-height:1.1}
.pc-top .mono.muted{font-size:12px}
.pc-pnl{align-items:flex-end;text-align:right}
.pc-pnl b{font-size:18px;font-weight:800}
.pc-pnl span{font-size:12.5px;font-weight:700}
.pc-pnl.up b,.pc-pnl.up span{color:var(--up)}.pc-pnl.down b,.pc-pnl.down span{color:var(--down)}
.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pc-c{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);min-width:0}
.pc-c b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* bubble map v2 */
.bm{width:min(1240px,100%);height:min(860px,calc(100vh - 40px));display:flex;flex-direction:column;padding:0;border-radius:22px;overflow:hidden;animation:hmIn .35s cubic-bezier(.2,1.3,.4,1)}
.bm-h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.bm-h b{font-size:16px;display:block}.bm-h small{color:var(--muted);font-size:12px}
.bm-hb{display:flex;gap:6px}
.bm-wait{flex:1;display:grid;place-items:center;color:var(--muted);gap:10px;padding:60px}
.bm-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 330px}
.bm.nolist .bm-body{grid-template-columns:1fr}
.bm-cv{position:relative;background:radial-gradient(ellipse at center,#18181b 0%,#0f0f11 75%);cursor:grab;overflow:hidden;touch-action:none;min-height:360px}
.bm-cv:active{cursor:grabbing}
.bm-cv svg{width:100%;height:100%;display:block}
.bm-n circle{transition:opacity .2s,stroke-width .15s;cursor:pointer}
.bm-cv svg.anim .bm-n{animation:bmPop .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--d);transform-box:fill-box;transform-origin:center}
.bm-n:hover circle{stroke-width:3px;filter:brightness(1.35)}
.bm-n.dim{opacity:.22}
.bm-n.sel circle{stroke:#fff}
.bm-n text{fill:#e9e9ee;font:700 11px var(--mono);text-anchor:middle;pointer-events:none}
@keyframes bmPop{from{transform:scale(0)}to{transform:scale(1)}}
.bm-ow{min-height:0;font-size:12px;padding:0}
.bm-l{stroke-width:1.6;stroke-dasharray:5 4;opacity:.85}
.bm-l.k-fund{stroke-dasharray:none;stroke-width:1.8}
.bm-l.dim{opacity:.12}
.bm-tools{position:absolute;left:14px;top:14px;display:flex;gap:4px;padding:5px;border-radius:99px;background:rgba(20,20,23,.9);border:1px solid var(--line)}
.bm-tools button{min-height:0;padding:6px 12px;border-radius:99px;border:0;background:none;color:var(--muted);font-weight:700;font-size:12.5px;cursor:pointer}
.bm-tools button.on{color:#fff;background:rgba(255,255,255,.08)}
.bm-st{position:absolute;left:50%;top:14px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:rgba(20,20,23,.92);border:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--muted);white-space:nowrap}
.bm-st.ok{color:var(--up);border-color:rgba(61,220,151,.45)}
.bm-tip{position:absolute;z-index:5;pointer-events:none;padding:6px 10px;border-radius:9px;background:#141416;border:1px solid #2E2E33;font:600 12px var(--mono);white-space:nowrap;display:none}
.bm-tip.on{display:block}
.bm-leg{position:absolute;left:14px;bottom:12px;display:flex;flex-wrap:wrap;gap:12px;font-size:11.5px;color:var(--muted)}
.bm-leg span{display:flex;align-items:center;gap:5px}
.bm-leg i{width:11px;height:11px;border-radius:50%;border:2px solid;display:inline-block}
.bm-leg i.dash{border:2px dashed #888}
.bm-leg em{width:18px;border-top:2px dashed #aaa;display:inline-block}
.bm-leg em.a{border-top-style:solid}
.bm-side{border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow:auto;padding:12px;gap:10px}
.bm-side.off{display:none}
.bm-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.bm-s{padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.bm-s small{display:block;font-size:11px;color:var(--muted)}.bm-s b{font-size:15px}
.bm-s.lv-r b{color:var(--down)}.bm-s.lv-y b{color:#FFD15C}.bm-s.lv-g b{color:var(--up)}
.bm-cls{display:flex;flex-direction:column;gap:4px}
.bm-cls button{display:flex;align-items:center;gap:8px;min-height:0;padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:none;color:inherit;font-weight:700;font-size:12.5px;cursor:pointer;text-align:left}
.bm-cls button.on,.bm-cls button:hover{background:rgba(255,255,255,.05)}
.bm-cls i,.bm-row i{width:10px;height:10px;border-radius:50%;flex:none}
.bm-cls span{margin-left:auto;color:var(--muted);font-weight:500;font-size:11.5px}
.bm-list{display:flex;flex-direction:column}
.bm-row{display:grid;grid-template-columns:26px 12px 1fr auto;align-items:center;gap:8px;min-height:0;padding:7px 6px;border:0;border-bottom:1px solid rgba(255,255,255,.04);background:none;color:inherit;font-size:12.5px;cursor:pointer;text-align:left}
.bm-row:hover,.bm-row.on{background:rgba(255,255,255,.04)}
.bm-a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bm-a .bdg{font-style:normal;font-size:9.5px;padding:1px 5px}
.bm-det{padding:8px 10px 10px 40px;font-size:12px;color:var(--soft);display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:rgba(255,255,255,.03)}
.bm-note{font-size:11.5px;line-height:1.5}
@media (max-width:820px){.bm{height:calc(100vh - 24px)}.bm-body{grid-template-columns:1fr;grid-template-rows:1fr auto}.bm-side{border-left:0;border-top:1px solid var(--line);max-height:40vh}.bm-leg{display:none}}
/* leaderboard v3 */
.lb3{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start;padding-top:28px;padding-bottom:60px}
.lb3-h{font-size:30px;font-weight:800;margin:0 0 16px;letter-spacing:-.02em}
.lb3-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line)}
.lb3-tabs button{min-height:0;padding:0 0 12px;border:0;background:none;color:var(--muted);font-weight:700;font-size:16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.lb3-tabs button.on{color:#fff;border-color:#fff}
.lb3-info{padding:14px 18px;color:var(--muted);font-size:13.5px;border-bottom:1px solid var(--line)}
.lb3-hero{padding:18px 0 6px}
.lb3-one{display:flex;align-items:center;justify-content:center;gap:16px}
.lb3-n1{font-size:64px;font-weight:900;line-height:1;background:linear-gradient(180deg,#FFE48A,#E8A62E);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 14px rgba(255,190,60,.35))}
.lb3-one b{font-size:28px;font-weight:800}
.lb3-one strong{font-size:28px;font-weight:800}
.lb3-one strong.up{color:var(--up)}
.lb3-stage{position:relative;height:380px;margin-top:4px}
.lb3-card{position:absolute;bottom:20px;border:0;padding:0;background:none;cursor:pointer;transition:transform .25s cubic-bezier(.2,1.3,.4,1),filter .2s;animation:lb3In .7s cubic-bezier(.2,1.3,.4,1) both}
.lb3-card .lb3-pic{display:grid;place-items:center;border-radius:18px;padding:10px;background:linear-gradient(160deg,#26262b,#141417);border:5px solid var(--fr);box-shadow:0 0 0 2px rgba(0,0,0,.6),0 20px 50px -10px var(--gl),inset 0 0 30px rgba(0,0,0,.6)}
.lb3-card .lb3-pic .av,.lb3-card .lb3-pic img{border-radius:12px!important}
.lb3-card.c1{--fr:#F5B83A;--gl:rgba(245,184,58,.55);left:50%;margin-left:-80px;bottom:60px;z-index:3;transform:rotate(2deg);animation-delay:.15s}
.lb3-card.c2{--fr:#C9CFD8;--gl:rgba(201,207,216,.35);left:6%;z-index:2;transform:rotate(-5deg)}
.lb3-card.c3{--fr:#E07A3A;--gl:rgba(224,122,58,.4);left:50%;margin-left:-270px;bottom:6px;z-index:4;transform:rotate(-2deg);animation-delay:.08s}
.lb3-card.c4{--fr:#A86BFF;--gl:rgba(168,107,255,.4);right:6%;z-index:2;transform:rotate(5deg);animation-delay:.22s}
.lb3-card:hover{transform:translateY(-8px) rotate(0deg) scale(1.03);z-index:6;filter:brightness(1.1)}
.lb3-num{position:absolute;left:-8px;top:-14px;z-index:2;font-size:40px;font-weight:900;color:#fff;-webkit-text-stroke:2px var(--fr);text-shadow:0 3px 0 rgba(0,0,0,.6)}
.lb3-crown{position:absolute;right:-14px;top:-40px;font-size:54px;transform:rotate(18deg);z-index:3;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6));animation:lb3Bob 3s ease-in-out infinite}
.lb3-cap{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:12.5px;padding:0 4px}
.lb3-cap b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
.lb3-cap em{font-style:normal;color:var(--up);font-weight:700}
.lb3-star{position:absolute;color:#FFC93C;font-style:normal;font-size:22px;filter:drop-shadow(0 0 8px rgba(255,200,60,.7));animation:lb3Tw 2.6s ease-in-out infinite}
.lb3-star.s1{left:22%;top:20px}.lb3-star.s2{left:44%;top:6px;font-size:16px;animation-delay:.6s}.lb3-star.s3{right:20%;top:40px;font-size:18px;animation-delay:1.2s}.lb3-star.s4{left:36%;top:160px;font-size:26px;animation-delay:1.8s}
@keyframes lb3In{from{opacity:0;transform:translateY(40px) scale(.9)}}
@keyframes lb3Tw{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@keyframes lb3Bob{0%,100%{transform:rotate(18deg) translateY(0)}50%{transform:rotate(14deg) translateY(-6px)}}
.lb3-bar{display:flex;justify-content:space-between;align-items:center;margin:14px 0 12px}
.lb3-sort{font-size:13px;font-weight:700;padding:7px 12px;border:1px solid var(--line);border-radius:99px}
.lb3-list{border:1px solid var(--line);border-radius:18px;padding:8px;background:rgba(255,255,255,.015)}
.lb3-you{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.04);margin-bottom:6px}
.lb3-you.off{justify-content:space-between}
.lb3-yav{position:relative}.lb3-yav em{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);font-style:normal;font-size:9.5px;font-weight:800;background:#fff;color:#000;border-radius:99px;padding:1px 6px}
.lb3-yn{display:flex;flex-direction:column;gap:2px}
.lb3-yv{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}
.lb3-yv small{font-size:11px;letter-spacing:.06em;color:var(--muted)}.lb3-yv b{font-size:17px}
.lb3-row{border-bottom:1px solid rgba(255,255,255,.05);animation:lb3Row .4s ease both;animation-delay:var(--d)}
.lb3-row:last-child{border-bottom:0}
@keyframes lb3Row{from{opacity:0;transform:translateY(6px)}}
.lb3-rm{width:100%;display:grid;grid-template-columns:34px 44px minmax(0,1fr) auto 26px;align-items:center;gap:14px;min-height:0;padding:14px 12px;border:0;background:none;color:inherit;cursor:pointer;text-align:left;border-radius:12px}
.lb3-rm:hover{background:rgba(255,255,255,.035)}
.lb3-rk{font-weight:800;text-align:center;color:var(--muted)}
.lb3-rk.r1{color:#F5B83A}.lb3-rk.r2{color:#C9CFD8}.lb3-rk.r3{color:#E07A3A}
.lb3-who{display:flex;flex-direction:column;min-width:0}
.lb3-who b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb3-cr{font-style:normal;font-size:13px}
.lb3-rm strong{font-size:16px;font-weight:800}
.lb3-rm strong.up{color:var(--up)}.lb3-rm strong.down{color:var(--down)}
.lb3-chev{color:var(--muted);text-align:center}
.lb3-det{display:flex;flex-wrap:wrap;gap:10px;padding:4px 14px 16px 60px;align-items:stretch}
.lb3-det>div{padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);min-width:110px}
.lb3-det small{display:block;font-size:11px;color:var(--muted)}.lb3-det b{font-size:13.5px}
.lb3-go{margin-left:auto;align-self:center}
.lb3-empty{padding:40px;text-align:center}
.lb3-side{position:sticky;top:84px}
.lb3-side h2{font-size:30px;font-weight:800;margin:0 0 16px;letter-spacing:-.02em}
.lb3-cper{margin-bottom:14px}
.lb3-cos{border:1px solid var(--line);border-radius:18px;overflow:hidden;max-height:calc(100vh - 210px);overflow-y:auto}
.lb3-co{display:flex;flex-direction:column;gap:10px;width:100%;min-height:0;padding:16px 18px;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;text-align:left;cursor:pointer}
.lb3-co:hover{background:rgba(255,255,255,.025)}
.lb3-co:last-child{border-bottom:0}
.lb3-coh{display:flex;align-items:center;gap:10px}
.lb3-coh b{font-size:15px}
.lb3-co p{margin:0 0 0 48px;font-size:14.5px;line-height:1.45;font-weight:600;white-space:pre-wrap;word-break:break-word}
.lb3-cob{margin-left:48px;display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.lb3-cot{display:flex;flex-direction:column;min-width:0}.lb3-cot b,.lb3-cot small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb3-cob .r{display:flex;flex-direction:column;align-items:flex-end}
.lb3-cob .r small{font-size:11.5px;color:var(--muted)}
.lb3-cof{margin-left:48px;display:flex;justify-content:space-between;font-size:12px}
@media (max-width:1100px){.lb3{grid-template-columns:1fr}.lb3-side{position:static}.lb3-cos{max-height:none}}
@media (max-width:640px){.lb3-stage{height:260px;transform:scale(.62);transform-origin:top center;margin-bottom:-120px}.lb3-one b,.lb3-one strong{font-size:20px}.lb3-n1{font-size:44px}.lb3-rm{grid-template-columns:26px 36px minmax(0,1fr) auto 18px;gap:9px;padding:12px 6px}.lb3-det{padding-left:12px}.lb3-co p,.lb3-cob,.lb3-cof{margin-left:0}}
/* share modal */
.sh-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1001;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:#121214;border:1px solid #2a2a2e;border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 40px 90px -20px rgba(0,0,0,.9);animation:hmIn .3s cubic-bezier(.2,1.3,.4,1)}
.sh-top{display:flex;align-items:center;gap:8px}
.sh-ch{margin-left:auto;min-height:36px;font-size:13px}
.sh-modal canvas{width:100%;height:auto;display:block;border-radius:18px;border:1px solid #26262a}
.sh-ths{display:flex;flex-wrap:wrap;gap:8px}
.sh-th{width:58px;height:58px;border-radius:12px;border:2px solid #2a2a2e;padding:0;overflow:hidden;cursor:pointer;display:grid;place-items:center;background:#1a1a1d;color:var(--muted);font-size:24px;position:relative}
.sh-th i{width:22px;height:4px;border-radius:2px;background:var(--ac);box-shadow:0 0 10px var(--ac)}
.sh-th img,.sh-th .tav,.sh-th .av{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important}
.sh-th.on{border-color:var(--up);box-shadow:0 0 0 3px rgba(61,220,151,.25)}
.sh-add:hover{color:#fff}
.sh-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sh-acts .btn{min-height:46px;font-weight:700}
.pc-hr{display:flex;align-items:center;gap:8px}
.pc-share{min-height:0;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:none;color:var(--muted);cursor:pointer}
.pc-share:hover{color:#fff}.pc-share svg{width:15px;height:15px}
/* chart trade markers */
.c-mk{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}
.lm{position:absolute;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:800 10px var(--mono);color:#06110c;pointer-events:auto;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.6);transition:transform .12s}
.lm.b{background:#3DDC97}.lm.s{background:#F2708A;color:#1a060b}
.lm.co{background:#1b1b1f;overflow:hidden;box-shadow:0 0 0 2px #B794FF,0 2px 6px rgba(0,0,0,.6)}
.lm.co svg{width:100%!important;height:100%!important;display:block}
.lm.dev{box-shadow:0 0 0 2px #E8C26A,0 2px 6px rgba(0,0,0,.6)}
.lm.me{box-shadow:0 0 0 2px #fff,0 2px 6px rgba(0,0,0,.6)}
.lm.big{width:22px;height:22px;font-size:11px}
.lm:hover{transform:translate(-50%,-50%) scale(1.3);z-index:3}
/* compact token header (pump.fun style) */
.tph{display:flex;align-items:center;gap:14px;padding:12px 16px;margin-bottom:12px;flex-wrap:wrap}
.tph>.tav,.tph>span:first-child{border-radius:14px;flex:none}
.tph-id{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 320px}
.tph-n{display:flex;align-items:center;gap:8px;min-width:0}
.tph-n b{font-size:20px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tph-n .muted{font-weight:700}
.iconbtn.sm{width:28px;height:28px;min-height:0}
.tph-m{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px}
.tph-ca{min-height:0;padding:3px 8px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--soft);font-size:11.5px;display:inline-flex;gap:5px;align-items:center;cursor:pointer}
.tph-ca svg{width:12px;height:12px}
.tph-m .soc,.tph-m .socials{display:inline-flex;gap:4px}
.tph-dev{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}
.tph-tax{padding:2px 8px;border-radius:99px;color:#111;font-weight:800;font-size:11.5px}
.tph-pair{min-height:0;padding:2px 9px 2px 4px;border-radius:99px;border:1px solid var(--line);background:none;color:inherit;font-weight:700;font-size:11.5px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.tph-k{display:flex;align-items:flex-end;gap:22px;margin-left:auto}
.tph-k>div{display:flex;flex-direction:column;align-items:flex-end}
.tph-k small{font-size:11px;color:var(--muted)}
.tph-k b{font-size:15px;font-weight:700}
.tph-k .big b{font-size:22px;font-weight:800}
.tp-main .cpanel .chartbox{height:520px}
.actbox .st-box{margin:0}
@media (max-width:900px){.tph-k{margin-left:0;width:100%;justify-content:space-between;gap:10px}.tp-main .cpanel .chartbox{height:380px}}
.cpanel .chart-tb{gap:6px;margin-bottom:6px}
.cpanel .chart-tb .seg{padding:2px}
.cpanel .chart-tb .seg button{min-height:28px;padding:0 9px;font-size:12px}
.cpanel .ctog button{min-height:28px;padding:0 8px;font-size:11.5px}
.cpanel .chart-tb .iconbtn{width:30px;height:30px;min-height:0}
.lm.co{display:block}
.lm.co svg{position:absolute;inset:0}
.actbox .st-foot{grid-template-columns:1fr 1fr}
.actbox .st-bub{grid-column:1/-1;min-height:40px}
/* key stats strip */
.kst{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:0;padding:0;margin-bottom:12px;overflow:hidden}
.kst>div{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:12px 16px;border-left:1px solid var(--line);min-width:0}
.kst>div:first-child{border-left:0}
.kst small{font-size:11.5px;color:var(--muted)}
.kst b{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kst .big b{font-size:22px;font-weight:800;display:flex;align-items:center;gap:8px}
.kst .chgpill{font-size:11px}
@media (max-width:900px){.kst{grid-template-columns:1fr 1fr}.kst>div:first-child{grid-column:1/-1}.kst>div:nth-child(2n){border-left:0}.kst>div:nth-child(n+2){border-top:1px solid var(--line)}}
.lb3-co{cursor:default}
.lb3-cok{display:flex;flex-direction:column;gap:10px;cursor:pointer}
.lb3-coa{margin-left:48px;display:flex;align-items:center;gap:16px;color:var(--muted);font-size:12.5px}
.lb3-coa button,.lb3-coa span{min-height:0;padding:0;border:0;background:none;color:inherit;display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-size:12.5px}
.lb3-coa span{cursor:default}
.lb3-coa svg{width:15px;height:15px}
.lb3-coa button:hover{color:#fff}
.lb3-coa .on.lk{color:var(--down)}.lb3-coa .on.rt{color:var(--up)}
.lb3-coa .lb3-mc{margin-left:auto}
@media (max-width:640px){.lb3-coa{margin-left:0}}
/* wallet hover preview */
.wpv{position:fixed;z-index:950;width:290px;padding:14px;border-radius:16px;background:#151517;border:1px solid #2c2c31;box-shadow:0 24px 60px -12px rgba(0,0,0,.9);display:flex;flex-direction:column;gap:10px;animation:fcIn .16s ease-out;font-size:13px}
.pv-h{display:flex;align-items:center;gap:10px}
.pv-n{display:flex;flex-direction:column;min-width:0;flex:1}.pv-n b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-n small{color:var(--muted);font-size:11.5px}
.pv-note{font-size:12px;color:var(--muted);padding-bottom:8px;border-bottom:1px solid var(--line)}
.pv-r{display:flex;justify-content:space-between;align-items:center}
.pv-r span{color:var(--muted)}.pv-r b{font-size:14px}
.pv-r b.up{color:var(--up)}.pv-r b.down{color:var(--down)}
.pv-cur{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04)}
.pv-cur span{color:var(--muted);flex:1}.pv-cur b i{font-style:normal;font-size:11.5px;opacity:.85}
.pv-cur b.up{color:var(--up)}.pv-cur b.down{color:var(--down)}
.pv-load{display:flex;gap:8px;align-items:center;color:var(--muted);padding:6px 0}
.pv-f{display:flex;gap:8px}.pv-f .btn{flex:1;min-height:38px}.pv-f .iconbtn{width:38px;height:38px}
/* wallet profile */
.wp-ov{display:grid;place-items:center;padding:20px}
.wp{position:relative;width:min(920px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#111113;border:1px solid #2a2a2e;border-radius:24px;box-shadow:0 40px 100px -20px rgba(0,0,0,.9);animation:hmIn .3s cubic-bezier(.2,1.3,.4,1);padding-bottom:18px}
.wp-x{position:absolute;right:14px;top:14px;z-index:3;background:rgba(0,0,0,.5)}
.wp-ban{height:150px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--wb),#0e0e10 85%)}
.wp-ban-av{position:absolute;right:-30px;top:-60px;width:300px;height:300px;opacity:.16;filter:blur(1px)}
.wp-ban-av svg{width:100%;height:100%}
.wp-top{display:flex;align-items:flex-end;gap:16px;padding:0 24px;margin-top:-48px;position:relative;flex-wrap:wrap}
.wp-av{border:4px solid #111113;border-radius:50%;flex:none}
.wp-id{display:flex;flex-direction:column;gap:4px;flex:1;min-width:200px;padding-bottom:4px}
.wp-id>b{font-size:24px;font-weight:800}
.wp-id .bdg{align-self:flex-start}
.wp-addr{align-self:flex-start;font-size:12.5px}
.wp-btns{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:6px}
.wp-btns .btn{min-height:38px;font-size:13px}
.wp-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:20px 24px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.wp-s{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-left:1px solid var(--line);min-width:0}
.wp-s:first-child{border-left:0}
.wp-s small{font-size:11.5px;color:var(--muted)}.wp-s b{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-s span{font-size:11px}
.wp-s b.up{color:var(--up)}.wp-s b.down{color:var(--down)}
.wp-tabs{display:flex;gap:22px;margin:20px 24px 0;border-bottom:1px solid var(--line)}
.wp-tabs button{min-height:0;padding:0 0 11px;border:0;background:none;color:var(--muted);font-weight:700;font-size:14.5px;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
.wp-tabs button.on{color:#fff;border-color:#fff}
.wp-tabs em{font-style:normal;font-size:11px;padding:1px 6px;border-radius:99px;background:rgba(255,255,255,.08);margin-left:4px}
.wp-body{padding:8px 24px 0}
.wp-t{display:flex;flex-direction:column}
.wp-tr{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr 1fr 1fr;gap:12px;align-items:center;min-height:0;padding:12px 6px;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:none;color:inherit;text-align:left;cursor:pointer;border-radius:10px}
.wp-tr:hover{background:rgba(255,255,255,.03)}
.wp-th{cursor:default;font-size:11.5px;color:var(--muted);padding:10px 6px}.wp-th:hover{background:none}
.wp-tr.wp-cr{grid-template-columns:minmax(0,2fr) 1fr 1fr}
.wp-tr .r{text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.wp-tr .r b{font-size:14px}.wp-tr .r small{font-size:11.5px}
.wp-tr b.up,.wp-tr small.up{color:var(--up)}.wp-tr b.down,.wp-tr small.down{color:var(--down)}
.wp-c{display:flex;align-items:center;gap:10px;min-width:0}.wp-c>span:last-child{display:flex;flex-direction:column;min-width:0}.wp-c b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wp-empty{padding:30px;text-align:center}
.wp .note{display:block;padding:12px 24px 0}
@media (max-width:760px){.wp-ov{padding:0}.wp{max-height:100vh;border-radius:0}.wp-stats{grid-template-columns:repeat(2,1fr)}.wp-s:nth-child(2n+1){border-left:0}.wp-s:nth-child(n+3){border-top:1px solid var(--line)}.wp-tr{grid-template-columns:minmax(0,1.4fr) 1fr 1fr}.wp-tr>span:nth-child(2){display:none}.wp-tr.wp-cr>span:nth-child(2){display:flex}}
/* header balance + wallet panel */
.wb-wrap{position:relative}
.wb-pill{gap:8px;padding:4px 6px 4px 14px}
.wb-tot{font-size:14px;font-weight:800}
.wb-car{color:var(--muted);font-size:11px}
.wbal{position:absolute;right:0;top:calc(100% + 10px);width:400px;max-height:min(720px,calc(100vh - 90px));overflow-y:auto;z-index:60;background:#141416;border:1px solid #2c2c31;border-radius:20px;box-shadow:0 30px 80px -15px rgba(0,0,0,.95);animation:pop .15s ease-out}
.wb-h{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 6px}
.wb-h b{font-size:15px}
.wb-addr{min-height:0;border:0;background:none;color:var(--muted);font-size:12px;display:inline-flex;gap:5px;align-items:center;cursor:pointer}
.wb-addr svg{width:12px;height:12px}
.wb-big{font-size:30px;font-weight:800;padding:6px 18px 10px}
.wb-sol{display:grid;grid-template-columns:26px auto 1fr auto;gap:10px;align-items:center;padding:8px 18px}
.wb-sol span{text-align:right;font-weight:700}
.wb-acts{display:flex;gap:8px;padding:10px 18px 14px;border-bottom:1px solid var(--line)}
.wb-acts .btn{min-height:40px;padding:0 16px;font-weight:700}
.wb-dep{margin:10px 18px 0;padding:10px 12px;border-radius:12px;background:rgba(61,220,151,.06);border:1px solid rgba(61,220,151,.25);font-size:12.5px;color:var(--soft);display:flex;flex-direction:column;gap:6px}
.wb-dep button{min-height:0;border:0;background:none;color:#fff;font-size:11.5px;text-align:left;word-break:break-all;cursor:pointer;display:flex;gap:6px;align-items:center;padding:0}
.wb-dep svg{width:12px;height:12px;flex:none}
.wb-con{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.wb-con img,.wb-wi{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#222}
.wb-con>span:not(.wb-wi){display:flex;flex-direction:column;flex:1}.wb-wi{flex:none}.wb-con small{font-size:11.5px}.wb-con b{font-size:14px}
.wb-dc{min-height:0;font-size:12px;color:var(--down)}
.wb-tabs{display:flex;justify-content:space-between;align-items:center;padding:12px 18px 4px}
.wb-tabs .link{min-height:0;font-size:12px}
.wb-list{display:flex;flex-direction:column;padding-bottom:6px}
.wb-pos{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:8px}
.wb-pos:last-child{border-bottom:0}
.wb-pt{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:0;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.wb-pn{display:flex;flex-direction:column;min-width:0}.wb-pn b,.wb-pn small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-pv{display:flex;flex-direction:column;align-items:flex-end}.wb-pv small{font-size:11.5px;color:var(--muted)}.wb-pv b{font-size:14px}
.wb-pv b.up{color:var(--up)}.wb-pv b.down{color:var(--down)}
.wb-pm{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:8px}.wb-pm b{color:#e8e8ec}
.wb-co{font-size:12.5px;color:var(--soft);padding-top:2px;line-height:1.4}
.wb-empty{padding:24px;text-align:center;display:flex;gap:8px;justify-content:center;align-items:center}
@media (max-width:640px){.wbal{position:fixed;left:8px;right:8px;width:auto;top:64px}.wb-tot{font-size:13px}}
/* copycat flag */
.vampb{display:inline-grid;place-items:center;margin-left:6px;width:22px;height:22px;border-radius:50%;font-size:13px;background:rgba(190,30,60,.25);border:1px solid rgba(255,90,120,.5);vertical-align:middle;cursor:help}
.vamp-warn{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:12px;border-radius:16px;background:rgba(190,30,60,.12);border:1px solid rgba(255,90,120,.4);font-size:13.5px;color:#ffd6dd}
.vamp-warn>span{flex:1}.vamp-warn .btn{min-height:34px;font-size:12.5px;white-space:nowrap}
.vamp-note{margin:8px 0 4px;padding:10px 12px;border-radius:12px;background:rgba(190,30,60,.1);border:1px solid rgba(255,90,120,.35);font-size:12.5px;color:#ffd6dd;line-height:1.45}
/* sliding trending strip */
.ts{margin:26px 0 8px}
.ts-h{display:flex;align-items:baseline;gap:14px;margin-bottom:12px}
.ts-h b{font-size:22px;font-weight:800;letter-spacing:-.01em}
.ts-h .muted{font-size:12.5px;margin-left:auto}
.ts-h .link{min-height:0;font-size:13px}
.ts-view{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ts-track{display:flex;gap:14px;width:max-content;will-change:transform;padding:4px 0 8px}
.ts-card{position:relative;flex:none;width:214px;height:262px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);padding:0;background:#141416;cursor:pointer;transition:transform .2s cubic-bezier(.2,1.3,.4,1),box-shadow .2s;text-align:left;color:#fff}
.ts-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -12px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.18)}
.ts-img{position:absolute;inset:0;display:block}
.ts-img .tav,.ts-img img,.ts-img>span{width:100%!important;height:100%!important;border-radius:0!important;object-fit:cover}
.ts-img svg{width:100%;height:100%}
.ts-rk{position:absolute;left:10px;top:10px;padding:3px 8px;border-radius:9px;background:rgba(10,10,12,.78);border:1px solid rgba(255,255,255,.25);font-size:12px;font-weight:800}
.ts-vamp{position:absolute;right:10px;top:8px;font-size:18px}
.ts-bot{position:absolute;left:0;right:0;bottom:0;padding:44px 12px 12px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,transparent,rgba(8,8,10,.82) 38%,rgba(8,8,10,.96))}
.ts-n{font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ts-r{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ts-r small{color:rgba(255,255,255,.65);font-size:11.5px}
.ts-r em{font-style:normal;font-size:11px;font-weight:800;padding:2px 6px;border-radius:7px;background:rgba(0,0,0,.4)}
.ts-r em.up{color:var(--up)}.ts-r em.down{color:var(--down)}
.ts-mc{font-size:16px}
.ts-r .lb-spark{width:70px;height:22px}
.ts-cv{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:4px}
.ts-cv i{display:block;height:100%;background:linear-gradient(90deg,#5AC8E8,#3DDC97)}
@media (max-width:640px){.ts-card{width:170px;height:214px}.ts-h b{font-size:18px}.ts-h .muted{display:none}}
/* hover tooltips only where a real mouse hovers — on phones a tap left them stuck on top of cards */
@media (hover:none){[data-tip]:hover::after,[data-tip]:hover::before,[data-tip]:focus::after,[data-tip]:focus::before{display:none!important;content:none!important}}
.prp.zero{opacity:.55}.prp.zero:hover{opacity:1}
/* top-meme card: bigger, centred */
#tc{display:flex;flex-direction:column}
#tc .tc-in{flex:1;gap:20px;padding:18px 22px}
#tc .tc-main{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
#tc .tc-k{font-size:12px}
#tc .tc-n{font-size:25px;line-height:1.15}
#tc .tc-row{font-size:17px;gap:14px;font-weight:700}
#tc .tc-bar{height:7px;margin-top:6px}
#tc .tc-side{gap:8px}
#tc .tc-pair{font-size:15px}
#tc .tc-side .tax{padding:8px 14px}
#tc .tc-side .tax small{font-size:10px}
#tc .tc-side .tax b{font-size:28px}
#tc .tc-crown{font-size:24px;top:-18px}
@media (max-width:640px){#tc .tc-n{font-size:19px}#tc .tc-row{font-size:14px}#tc .tc-in{gap:14px;padding:14px}}
#tc .tc-n{font-size:22px}
#tc .tc-tk{font-size:13px;color:var(--muted);font-weight:700;margin-top:-4px}
/* mobile wallet deep links */
.wl-mob{display:flex;flex-direction:column;gap:10px;padding:4px 0}
.wl-mob>b{font-size:17px}
.wl-mob>span{font-size:13.5px;line-height:1.5}
.wl-deep{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#fff;text-decoration:none;font-size:15px}
.wl-deep b{flex:1}
.wl-deep.ph{background:linear-gradient(135deg,#ab9ff2,#7b6cf0);border-color:transparent;color:#120c2c}
.wl-di{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:18px}
/* ===== MOBILE PASS (phones are the main market) ===== */
.fx-mlist{display:none}
.m-bar{display:none}
@media (max-width:760px){
  /* coin page: every block full width, sensible order */
  .tp-grid3{align-items:stretch!important}
  .tp-grid3 .vamp-warn,.tp-grid3 .kst{order:0}
  .tp-grid3 .cpanel{order:1}
  .tp-grid3 .tradebox{order:2}
  .tp-grid3 .poscard{order:3}
  .tp-grid3 .actbox{order:4}
  .tp-grid3 .tp-main>.panel:not(.cpanel){order:5}
  .tp-grid3 .tp-side>*:not(.tradebox):not(.poscard):not(.actbox){order:6}
  .tp-grid3 .tp-thread{order:7}
  .kst{grid-template-columns:1fr 1fr 1fr 1fr;margin-bottom:0}
  .kst>div{padding:10px 10px}
  .kst>div:first-child{grid-column:1/-1;border-left:0;flex-direction:row;align-items:center;justify-content:space-between}
  .kst>div:nth-child(n+2){border-top:1px solid var(--line)}
  .kst>div:nth-child(2){border-left:0}
  .kst small{font-size:10.5px}.kst b{font-size:13px}
  .kst .big b{font-size:20px}
  /* banner header: compact and stacked */
  .tp-banner{padding:14px!important;gap:12px!important;flex-wrap:wrap}
  .tp-banner .tb-av .av,.tp-banner .tb-av>span{width:64px!important;height:64px!important}
  .tp-banner .tp-id{min-width:0;flex:1 1 calc(100% - 80px)}
  .tp-banner .title-xl{font-size:21px!important;line-height:1.15;word-break:break-word}
  .tp-banner .title-xl .tk{font-size:13px;padding:3px 8px;vertical-align:middle}
  .tp-banner .hs-pills{gap:6px!important;flex-wrap:wrap}
  .tp-banner .hs-pills .pill{font-size:11.5px;min-height:30px;padding:0 10px}
  .tp-banner .tp-key{width:100%;display:grid!important;grid-template-columns:auto 1fr;gap:8px}
  .tp-banner .tp-key .tax{padding:7px 12px!important}
  .tp-banner .tp-key .tax b{font-size:20px!important}
  .tp-banner .pairbig{min-width:0;padding:8px 12px}
  .tp-banner .pairbig .coin,.tp-banner .pairbig>span:first-child{width:32px!important;height:32px!important}
  .tp-banner .pairbig b{font-size:15px}
  /* chart */
  .tp-main .cpanel .chartbox{height:340px}
  .cpanel{padding:10px!important}
  .cpanel .chart-tb{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .cpanel .chart-tb::-webkit-scrollbar{display:none}
  .cpanel .chart-tb>*{flex:none}
  .c-help{display:none}
  .c-legend{font-size:10.5px;left:6px;top:4px}.c-ohlc{font-size:10px}
  .c-scale{right:62px;top:auto;bottom:30px}
  /* bottom Buy / Sell bar like pump.fun */
  .m-buy{display:none!important}
  .m-bar{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;position:fixed;left:10px;right:10px;bottom:72px;z-index:54;padding:6px;border-radius:16px;background:rgba(14,14,16,.92);border:1px solid #2a2a2e;backdrop-filter:blur(10px);box-shadow:0 14px 34px -12px rgba(0,0,0,.9);transition:transform .25s,opacity .25s}
  .m-bar.hide{transform:translateY(20px);opacity:0;pointer-events:none}
  .m-bar button{min-height:46px;border:0;border-radius:12px;font:800 16px Manrope,sans-serif}
  .m-b{background:#3DDC97;color:#04140C}.m-s{background:#F2708A;color:#1a060b}
  .m-tx{font-size:11.5px;color:var(--muted);padding:0 6px;white-space:nowrap}
  /* factory: vertical steps instead of the wide conveyor */
  .fx .fx-scroll{display:none}
  .fx-mlist{display:flex;flex-direction:column;gap:10px;margin-top:14px}
  .fx-mi{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--sc) 45%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 12%,transparent),transparent)}
  .fx-mic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--sc) 22%,transparent);color:var(--sc)}
  .fx-mic svg{width:20px;height:20px}
  .fx-mt{display:flex;flex-direction:column;gap:3px}
  .fx-mt .mono{font-size:11px;color:var(--sc)}.fx-mt b{font-size:16px}.fx-mt small{font-size:13px;color:var(--soft);line-height:1.45}
  .fx .lab-title{font-size:30px!important}
}
.fb-mtog{display:none}
@media (max-width:760px){
  header{background:#08080a!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  /* board filters folded behind one button */
  .fb-mtog{display:flex;width:100%;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#fff;font-weight:700;font-size:14px}
  .fb-mtog em{font-style:normal;font-size:11px;padding:1px 7px;border-radius:99px;background:var(--up);color:#04140c}
  .fb-mtog span{margin-left:auto;color:var(--muted)}
  .fbar2:not(.mopen) .fb2-row{display:none}
  .fbar2 .pairrow{margin-top:10px}
  .fbar2{padding:10px!important}
  /* top-meme card */
  #tc .tc-in{gap:12px;padding:14px}
  #tc .tc-av .av,#tc .tc-av>span{width:62px!important;height:62px!important}
  #tc .tc-n{font-size:18px}
  #tc .tc-side .tax b{font-size:22px}
  #tc .tc-pair{font-size:13px}
  /* trending strip cards a bit smaller */
  .ts{margin-top:18px}
}
@media (max-width:760px){
  .ident-ban .ib-ph{padding-bottom:34px;padding-left:96px;text-align:left;align-items:flex-start}
  .ident-ban .ib-ph small{font-size:10.5px}
}
@media (max-width:760px){
  .lb3{padding-top:16px;gap:28px}
  .lb3-h{font-size:24px}
  .lb3-tabs{gap:16px;overflow-x:auto;scrollbar-width:none}.lb3-tabs button{font-size:14.5px;white-space:nowrap}
  .lb3-info{padding:10px 4px;font-size:12.5px}
  .lb3-one{gap:10px;flex-wrap:wrap}
  .lb3-stage{height:auto!important;transform:none!important;margin:10px 0 0!important;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px;align-items:end}
  .lb3-star,.lb3-card.c4{display:none}
  .lb3-card{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0!important;transform:none!important;animation:none}
  .lb3-card.c2{order:1}.lb3-card.c1{order:2}.lb3-card.c3{order:3}
  .lb3-card .lb3-pic{padding:6px;border-width:3px;border-radius:14px}
  .lb3-card .lb3-pic .av,.lb3-card .lb3-pic>span{width:100%!important;height:auto!important;aspect-ratio:1}
  .lb3-num{font-size:26px;left:-4px;top:-10px}
  .lb3-crown{font-size:30px;top:-24px;right:-6px}
  .lb3-cap{flex-direction:column;gap:1px;font-size:11px;padding:0 2px}
  .lb3-cap b{max-width:100%}
  .lb3-list.cut .lb3-row:nth-child(n+22){display:none}
  .lb3-all{width:100%;margin-top:10px;min-height:44px}
  .lb3-side h2{font-size:24px}
}
@media (max-width:760px){
  .lrow2{grid-template-columns:26px minmax(0,1fr) 38px 72px 62px!important;min-width:0!important;padding:0 10px!important;gap:6px!important;height:56px!important}
  .ltable,.lt-wrap{overflow-x:hidden!important}
  .tr-bar{gap:8px}.tr-bar .seg{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;max-width:100%}.tr-bar .seg button{white-space:nowrap;flex:none}
}
@media (max-width:760px){
  /* overlays sit above the bottom nav */
  .overlay,.hm-ov,.wp-ov,.modal-bg{z-index:900!important}
  .sh-modal,.co-modal,.wbal{z-index:901!important}
  .wpv{display:none!important}
  .bm-st{top:auto;bottom:12px;left:50%;font-size:11.5px;padding:5px 10px}
  .bm-tools{left:10px;top:10px}
  .bm-h{padding:12px 14px}.bm-h small{display:none}
  .bm-body{grid-template-rows:minmax(300px,48vh) auto}
  .wp-top{padding:0 16px;margin-top:-40px}.wp-av{width:76px!important;height:76px!important}
  .wp-id>b{font-size:20px}
  .wp-btns{width:100%}.wp-btns .btn{flex:1;min-height:40px;font-size:12.5px;padding:0 10px}
  .wp-stats,.wp-tabs{margin-left:16px;margin-right:16px}.wp-body{padding:6px 16px 0}
  .wp-ban{height:110px}
  .wp-tabs{gap:16px;overflow-x:auto;scrollbar-width:none}.wp-tabs button{white-space:nowrap}
  .sh-modal{width:calc(100vw - 16px);padding:12px}
  .sh-th{width:48px;height:48px}
  .co-modal{left:8px!important;right:8px!important;width:auto!important;top:auto!important;bottom:8px!important;transform:none!important;max-height:calc(100dvh - 90px);overflow-y:auto;border-radius:20px}
  .sh-modal{left:8px!important;right:8px!important;width:auto!important;transform:none!important;top:auto!important;bottom:8px!important;max-height:calc(100dvh - 24px)}
}
/* factory player (phones) */
.fxp{display:none}
@media (max-width:760px){
  .fx-mlist{display:none!important}
  .fxp{display:block;margin-top:14px}
  .fxp-view{overflow:hidden;border-radius:18px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 30%,#1a1a1d,#0e0e10)}
  .fxp-track{display:flex;transition:transform .7s cubic-bezier(.65,0,.35,1)}
  .fxp-p{flex:0 0 100%;display:flex;flex-direction:column}
  .fxp-stage{position:relative;height:230px;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:22px 22px}
  .fxp-st{position:absolute;left:50%;top:22px;transform:translateX(-50%);width:200px;padding:14px;border-radius:16px;border:2px solid var(--sc);background:linear-gradient(160deg,color-mix(in srgb,var(--sc) 16%,#151517),#121214);box-shadow:0 0 30px -8px var(--sc);display:flex;flex-direction:column;align-items:center;gap:10px}
  .fxp-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--sc) 24%,transparent);color:var(--sc)}
  .fxp-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .fxp-st .fm{transform:scale(1.15)}
  .fxp-belt{position:absolute;left:0;right:0;bottom:20px;height:14px;background:repeating-linear-gradient(90deg,#2a2a2f 0 18px,#1c1c20 18px 30px);border-top:1px solid #333;border-bottom:1px solid #000;animation:fxpBelt .9s linear infinite}
  @keyframes fxpBelt{to{background-position:30px 0}}
  .fxp-coin{position:absolute;bottom:36px;left:50%;margin-left:-23px;transform:translateX(-160px);opacity:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}
  .fxp-p.on .fxp-coin{animation:fxpCoin 1s cubic-bezier(.2,.9,.3,1) .35s forwards}
  @keyframes fxpCoin{to{transform:translateX(0);opacity:1}}
  .fxp-badge{position:absolute;left:50%;bottom:92px;transform:translate(-50%,8px) scale(.9);opacity:0;white-space:nowrap;padding:5px 11px;border-radius:99px;font:800 12px var(--mono);background:rgba(10,10,12,.92);border:1px solid var(--sc);color:#fff}
  .fxp-p.on .fxp-badge{animation:fxpBadge .45s ease-out 1.25s forwards}
  @keyframes fxpBadge{to{transform:translate(-50%,0) scale(1);opacity:1}}
  .fxp-txt{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;min-height:118px}
  .fxp-txt .mono{font-size:11px;color:var(--sc)}.fxp-txt b{font-size:19px}.fxp-txt small{font-size:13.5px;color:var(--soft);line-height:1.45}
  .fxp-dots{display:flex;justify-content:center;gap:4px;margin-top:10px}
  .fxp-dots button{min-height:0;padding:8px 4px;border:0;background:none}
  .fxp-dots i{display:block;width:8px;height:8px;border-radius:99px;background:#3a3a40;transition:width .3s,background .3s}
  .fxp-dots button.on i{width:24px;background:#F5D9A8}
}
.mnav,.mnav button,.m-bar button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media (max-width:760px){.fx .fxp{position:relative!important;inset:auto!important;transform:none!important}}
@media (max-width:760px){.fx .fxp{opacity:1!important;padding:0!important;margin:14px 0 0!important;border:0!important;background:none!important;box-shadow:none!important;height:auto!important;animation:none!important}.fxp-p{min-width:0;width:100%}.fxp-txt{min-width:0}}
@media (max-width:760px){.fxp-p{overflow:hidden}.fxp-p *{white-space:normal}.fxp-badge{white-space:nowrap!important}.fxp-txt b{color:#fff}}
@media (max-width:760px){.fxp-stage{height:270px}.fxp-badge{bottom:98px}}
/* factory player v2: continuous belt + press */
@media (max-width:760px){
  .fxp-stage{height:300px!important;position:relative;overflow:hidden}
  .fxp-st{top:16px!important;width:210px!important;padding:12px!important;gap:6px!important;transition:opacity .2s,transform .2s}
  .fxp-st.swap{opacity:0;transform:translateX(-50%) scale(.94)!important}
  .fxp-st.hit{animation:fxpShake .35s ease}
  @keyframes fxpShake{30%{transform:translateX(-50%) translateY(2px)}60%{transform:translateX(-50%) translateY(-1px)}}
  .fxp-sn{font-size:13px;font-weight:800;color:var(--sc)}
  .fxp-piston{position:absolute;left:50%;top:150px;width:46px;height:0;margin-left:-23px;z-index:2}
  .fxp-piston::before{content:"";position:absolute;left:50%;top:-14px;width:8px;height:14px;margin-left:-4px;background:linear-gradient(#555,#2a2a2e);border-radius:2px;transform-origin:top;transition:none}
  .fxp-piston i{position:absolute;left:0;top:0;width:46px;height:10px;border-radius:4px;background:var(--sc);box-shadow:0 0 14px var(--sc);transform:translateY(0)}
  .fxp-piston.down i{animation:fxpPress .5s cubic-bezier(.5,0,.3,1)}
  .fxp-piston.down::before{animation:fxpRod .5s cubic-bezier(.5,0,.3,1)}
  @keyframes fxpPress{45%{transform:translateY(64px)}100%{transform:translateY(0)}}
  @keyframes fxpRod{45%{transform:scaleY(5.6)}100%{transform:scaleY(1)}}
  .fxp-coins{position:absolute;left:0;right:0;bottom:36px;height:60px}
  .fxp-c{position:absolute;left:0;bottom:0;width:46px;height:46px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}
  .fxp-cf{position:absolute;inset:0;transition:opacity .25s,transform .25s}
  .fxp-cq{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;background:#2a2a2f;border:2px dashed #555;color:#888;font-weight:800;font-size:18px;opacity:0;transition:opacity .25s}
  .fxp-c.blank .fxp-cf{opacity:0;transform:scale(.6)}
  .fxp-c.blank .fxp-cq{opacity:1}
  .fxp-tag{position:absolute;left:50%;bottom:52px;transform:translate(-50%,6px) scale(.8);opacity:0;white-space:nowrap;padding:3px 8px;border-radius:99px;font:800 11px var(--mono);background:rgba(10,10,12,.92);border:1px solid var(--sc);color:#fff;transition:opacity .25s,transform .25s}
  .fxp-tag.on{opacity:1;transform:translate(-50%,0) scale(1)}
  .fxp-tag.r{border-color:#FF5E6C;color:#FF9AA4}.fxp-tag.y{border-color:#FFB15C;color:#FFD08F}
  .fxp-c.fx1{animation:fxpJit .4s}
  @keyframes fxpJit{25%{margin-left:-3px}50%{margin-left:3px}75%{margin-left:-2px}}
  .fxp-c.fx2 .fxp-cf{transform:translateY(-8px)}
  .fxp-c.fx3::after{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:2px;background:#FFB15C;box-shadow:0 0 10px #FFB15C;animation:fxpScan .6s ease-out forwards}
  @keyframes fxpScan{from{top:-6px;opacity:1}to{top:52px;opacity:0}}
  .fxp-c.fx4 .fxp-cf{box-shadow:0 0 18px 2px #F5D9A8;border-radius:50%}
  .fxp-c.fx5 .fxp-cf{box-shadow:0 0 16px 2px #7FB6FF;border-radius:50%}
  .fxp-belt{bottom:22px!important}
}
@media (max-width:760px){.fxp-txt,.fxp-txt *{white-space:normal!important}.fxp-st{overflow:hidden}.fxp-st .fm{transform:none!important;max-width:100%}}
@media (hover:none){.mnav button:hover,.mnav button:focus{color:var(--muted)}.mnav button.on,.mnav button.on:hover,.mnav button.on:focus{color:var(--ivory)}.mnav button:focus{outline:none}}
@media (max-width:760px){
  /* full-screen panels stop above the bottom nav, so the nav always works (it also closes them) */
  .overlay,.hm-ov,.wp-ov{bottom:calc(64px + env(safe-area-inset-bottom))!important;top:0!important;height:auto!important}
  .wp{max-height:100%!important;height:100%}
  .bm{height:100%!important;max-height:100%!important;border-radius:0}
  .hm-ov{padding:0!important}
}
@media (max-width:760px){
  .fxp-piston{top:146px}
  @keyframes fxpPress{40%{transform:translateY(66px)}55%{transform:translateY(66px)}100%{transform:translateY(0)}}
  @keyframes fxpRod{40%{transform:scaleY(5.7)}55%{transform:scaleY(5.7)}100%{transform:scaleY(1)}}
  .fxp-c.squash .fxp-cf,.fxp-c.squash .fxp-cq{animation:fxpSquash .5s ease}
  @keyframes fxpSquash{40%,55%{transform:scale(1.08,.86) translateY(4px)}}
}
@media (max-width:380px){
  .cw-w{display:none}
  .hdr{gap:8px!important}
  .hdr-right{gap:6px!important}
  .wb-pill .wb-car{display:none}
  .wrap{padding-left:10px!important;padding-right:10px!important}
}
@media (max-width:380px){.mnav button{min-width:0;font-size:9px!important;padding:0 1px}.mnav button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media (max-width:760px){
  .bn-lh{flex-wrap:wrap;gap:8px}.bn-lh .seg{max-width:100%;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.bn-lh .seg button{flex:none;white-space:nowrap}
  .devb-in{flex:1 1 140px;min-width:0}.devb-in input{min-width:0;width:100%}
}
/* phones: pump.fun-style coin list */
@media (max-width:760px){
  #grid.grid,section.grid{display:flex!important;flex-direction:column;gap:0!important;margin:0 -10px}
  .mrow{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;min-height:0;padding:14px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.06);color:#fff;text-align:left;cursor:pointer;background:linear-gradient(90deg,transparent 35%,rgba(61,220,151,.07))}
  .mrow.dn{background:linear-gradient(90deg,transparent 35%,rgba(242,112,138,.09))}
  .mrow:active{background-color:rgba(255,255,255,.04)}
  .mr-pic{position:relative;width:60px;height:60px}
  .mr-pic>.av{width:60px!important;height:60px!important;border-radius:14px!important;overflow:hidden}
  .mr-pic>.av img,.mr-pic>.av svg{border-radius:14px}
  .mr-pair{position:absolute;right:-5px;bottom:-5px;border-radius:50%;box-shadow:0 0 0 3px #0a0a0c;line-height:0}
  .mr-mid{display:flex;flex-direction:column;gap:5px;min-width:0}
  .mr-n{display:flex;align-items:center;gap:7px;min-width:0}
  .mr-n b{font-size:17px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mr-hot{flex:none;font-style:normal;font-size:10px;font-weight:800;color:#FF6B8B;border:1.5px solid #FF6B8B;border-radius:99px;padding:1px 6px}
  .mr-v{font-style:normal;font-size:13px}
  .mr-s{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);min-width:0;white-space:nowrap}
  .mr-s .mono{overflow:hidden;text-overflow:ellipsis;max-width:90px}
  .mr-age{color:#7ee2a8}
  .mr-tax{color:#111;font-weight:800;font-size:11px;padding:1px 6px;border-radius:6px}
  .mr-r{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
  .mr-r b{font-size:20px;font-weight:800;letter-spacing:-.01em}
  .mr-r .chgpill{font-size:12.5px;font-weight:800;padding:3px 9px;border-radius:7px}
  .mr-r .chgpill.up{background:rgba(61,220,151,.16);color:#3DDC97}
  .mr-r .chgpill.down{background:rgba(242,112,138,.18);color:#F2708A}
}
.tfw{padding:18px 20px;margin:16px 0;border:1px solid rgba(255,138,91,.4)!important;background:linear-gradient(135deg,rgba(255,138,91,.10),transparent 60%)!important;display:flex;flex-direction:column;gap:14px}
.tfw-h{display:flex;gap:12px;align-items:center}.tfw-f{font-size:28px}.tfw-h b{font-size:18px;display:block}.tfw-h small{font-size:13px}
.tfw-g{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tfw-g>div{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.25)}
.tfw-g small{display:block;font-size:11px;color:var(--muted)}.tfw-g b{font-size:17px}
@media (max-width:760px){.tfw-g{grid-template-columns:1fr 1fr}}
/* desktop factory press: travels exactly down to the coin, holds, comes back */
.fx-s0 .fx-house{--pd:46px}
@keyframes fxPressD{40%,58%{transform:translateY(var(--pd))}100%{transform:none}}
.fx-st.hit.fx-s0 .fx-house::after{animation:fxPressD .56s cubic-bezier(.5,0,.3,1)!important}
.fxc.squash{animation:fxcSquash .56s ease}
@keyframes fxcSquash{40%,58%{scale:1.08 .86}}
/* ===== coin website ===== */
body.on-site{background:#08080a}
.cs{--bg:#0b0b0d;--fg:#f2f2f4;--mut:#9a9aa3;--card:#141417;--ln:rgba(255,255,255,.09);--btn:var(--cc);--btnfg:#08080a;min-height:100vh;background:var(--bg);color:var(--fg);font-family:Manrope,system-ui,sans-serif;padding-bottom:40px}
.cs-neon{--bg:#05040c;--card:#0e0b1d;--ln:rgba(180,120,255,.25);--btn:linear-gradient(90deg,#ff3df0,#7b5cff);--btnfg:#fff;background:radial-gradient(ellipse at 50% -10%,rgba(123,92,255,.35),transparent 55%),#05040c}
.cs-paper{--bg:#f4efe4;--fg:#1b1a17;--mut:#6b665c;--card:#fffaf0;--ln:rgba(0,0,0,.12);--btn:#1b1a17;--btnfg:#f4efe4}
.cs-meme{--bg:#ffe14d;--fg:#111;--mut:#3a3410;--card:#fff;--ln:#111;--btn:#111;--btnfg:#ffe14d}
.cs-meme .cs-stats>div,.cs-meme .cs-safe,.cs-meme .cs-how,.cs-meme .cs-chart{border:3px solid #111!important;box-shadow:5px 5px 0 #111}
.cs-meme h1{font-family:'Archivo Black',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em}
.cs>*{max-width:980px;margin-left:auto;margin-right:auto}
.cs-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;gap:10px;max-width:none;position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--ln)}
.cs-brand{display:flex;align-items:center;gap:8px;font-size:17px}
.cs-tr{display:flex;gap:6px;align-items:center}
.cs-soc{min-height:36px;padding:0 12px;border-radius:99px;border:1px solid var(--ln);background:var(--card);color:var(--fg);display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;cursor:pointer}
.cs-soc svg{width:15px;height:15px}
.cs-buy{min-height:52px;padding:0 26px;border:0;border-radius:14px;background:var(--btn);color:var(--btnfg);font:800 17px Manrope,sans-serif;cursor:pointer;box-shadow:0 12px 30px -12px var(--cc)}
.cs-buy.sm{min-height:38px;padding:0 16px;font-size:14px;border-radius:99px;box-shadow:none}
.cs-hero{position:relative;padding:0 20px;margin-top:20px}
.cs-ban{border-radius:24px;overflow:hidden;aspect-ratio:3/1;background:var(--card)}
.cs-ban img{width:100%;height:100%;object-fit:cover;display:block}
.cs-id{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:30px 0 10px}
.cs-ban+.cs-id{margin-top:-90px}
.cs-logo .av{width:150px!important;height:150px!important;border-radius:32px!important;overflow:hidden;box-shadow:0 0 0 6px var(--bg),0 20px 50px -15px var(--cc)}
.cs-id h1{font-size:clamp(38px,8vw,72px);line-height:1;margin:10px 0 0;font-weight:800;letter-spacing:-.03em}
.cs-tk{font-size:20px;color:var(--mut);font-weight:700}
.cs-desc{max-width:640px;font-size:17px;line-height:1.55;color:var(--mut);margin:6px 0 0}
.cs-ctas{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px}
.cs-ca{min-height:52px;padding:0 18px;border-radius:14px;border:1px solid var(--ln);background:var(--card);color:var(--fg);display:inline-flex;align-items:center;gap:8px;font-size:15px;cursor:pointer}
.cs-ca small{color:var(--mut);font-weight:800}.cs-ca svg{width:15px;height:15px}
.cs-warn{margin:14px 20px 0;padding:12px 16px;border-radius:14px;background:rgba(242,112,138,.12);border:1px solid rgba(242,112,138,.45);color:inherit;font-size:14px;font-weight:600}
.cs-paper .cs-warn,.cs-meme .cs-warn{background:#ffd5dc;border-color:#c0304d;color:#5a0f1d}
.cs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 20px;margin-top:26px}
.cs-stats>div{background:var(--card);border:1px solid var(--ln);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:4px}
.cs-stats small,.cs-rk small{font-size:12px;color:var(--mut);font-weight:700}
.cs-stats b{font-size:22px;font-weight:800}
.cs-stats em{font-style:normal;font-weight:800;font-size:13px}.cs-stats em.up{color:#22b26f}.cs-stats em.down{color:#e04b68}
.cs-chart{position:relative;margin:12px 20px 0;height:200px;border-radius:20px;overflow:hidden;background:var(--card);border:1px solid var(--ln)}
.cs-chart svg{position:absolute;inset:16px 0 0;width:100%;height:calc(100% - 16px)}
.cs-chartbtn{position:absolute;right:12px;top:12px;min-height:34px;padding:0 14px;border-radius:99px;border:1px solid var(--ln);background:var(--bg);color:var(--fg);font-weight:700;font-size:13px;cursor:pointer}
.cs-safe,.cs-how{margin:12px 20px 0;padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--ln)}
.cs h2{margin:0 0 14px;font-size:24px;font-weight:800;letter-spacing:-.01em}
.cs-rk{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cs-rk>div{padding:12px;border-radius:14px;border:1px solid var(--ln);display:flex;flex-direction:column;gap:4px}
.cs-rk b{font-size:18px}
.cs-rk .lv-g b{color:#22b26f}.cs-rk .lv-y b{color:#d69a12}.cs-rk .lv-r b{color:#e04b68}
.cs-safe p{color:var(--mut);font-size:14px;margin:14px 0 0}
.cs-how ol{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;counter-reset:s}
.cs-how li{counter-increment:s;padding:14px;border-radius:14px;border:1px solid var(--ln);display:flex;flex-direction:column;gap:4px}
.cs-how li::before{content:counter(s);width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--btn);color:var(--btnfg);font-weight:800;margin-bottom:4px}
.cs-how li span{color:var(--mut);font-size:13.5px}
.cs-foot{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px 10px;color:var(--mut);text-align:center}
.cs-foot b{color:var(--fg)}.cs-foot small{font-size:12px}
.cs-pill{font-weight:700}
.site-ths{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.site-th{min-height:0;padding:8px;border-radius:14px;border:2px solid #2a2a2e;background:none;color:#fff;display:flex;flex-direction:column;gap:6px;align-items:center;cursor:pointer;font-weight:700;font-size:12.5px}
.site-th i{display:block;width:100%;height:56px;border-radius:9px}
.st-dark i{background:linear-gradient(160deg,#1b1b1f,#0b0b0d);box-shadow:inset 0 -12px 0 #3DDC97}
.st-neon i{background:radial-gradient(ellipse at 50% 0,#7b5cff,#05040c);box-shadow:inset 0 -12px 0 #ff3df0}
.st-paper i{background:#f4efe4;box-shadow:inset 0 -12px 0 #1b1a17}
.st-meme i{background:#ffe14d;box-shadow:inset 0 -12px 0 #111}
.site-th.on{border-color:var(--up)}
.site-link{padding:10px 12px;border-radius:10px;background:#0b0b0d;border:1px solid #2a2a2e;font-size:12px;word-break:break-all;color:var(--soft)}
@media (max-width:760px){
  .cs-top{padding:10px 12px}.cs-tr .cs-soc span{display:none}.cs-soc{padding:0 10px}
  .cs-stats{grid-template-columns:1fr 1fr;padding:0 12px}.cs-rk{grid-template-columns:1fr 1fr}.cs-how ol{grid-template-columns:1fr}
  .cs-hero{padding:0 12px}.cs-chart,.cs-safe,.cs-how,.cs-warn{margin-left:12px;margin-right:12px}
  .cs-logo .av{width:116px!important;height:116px!important;border-radius:26px!important}.cs-ban+.cs-id{margin-top:-64px}
  .cs-buy{width:100%}.cs-ctas{width:100%}.cs-ca{width:100%;justify-content:center}
  .site-ths{grid-template-columns:1fr 1fr}
}
.cs>section,.cs>.cs-warn{width:calc(100% - 40px);margin-left:auto!important;margin-right:auto!important;max-width:940px;box-sizing:border-box}
.cs>.cs-hero{padding:0}
.cs-stats{padding:0!important}
.cs-brand b,.cs h1,.cs h2,.cs-stats b,.cs-how li b{color:var(--fg)}
.cs-stats b{white-space:nowrap;font-size:20px}
@media (max-width:760px){.cs>section,.cs>.cs-warn{width:calc(100% - 24px)}.cs-stats b{font-size:17px}}
.kin{font-size:clamp(34px,3.7vw,56px);flex-wrap:nowrap}
.kin-a{white-space:nowrap;flex:none}
.kin-w>:first-child:not(b){width:calc(clamp(34px,3.7vw,56px)*.78)!important;height:calc(clamp(34px,3.7vw,56px)*.78)!important}
@media (max-width:760px){.kin{font-size:34px!important}.kin-w>:first-child:not(b){width:27px!important;height:27px!important}}
/* coin site v2 */
.cs{position:relative;overflow:hidden}
.cs-glow{position:absolute;left:50%;top:-180px;width:900px;height:700px;transform:translateX(-50%);opacity:.22;filter:blur(90px) saturate(1.6);pointer-events:none;z-index:0;max-width:none!important}
.cs-glow .av{width:100%!important;height:100%!important;border-radius:50%!important}
.cs-paper .cs-glow,.cs-meme .cs-glow{opacity:.12}
.cs>*:not(.cs-glow){position:relative;z-index:1}
.cs-top{z-index:6!important}
.cs-ban{aspect-ratio:3/1!important;max-height:none;border:1px solid var(--ln);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.cs-logo .av{animation:csFloat 5s ease-in-out infinite}
@keyframes csFloat{50%{transform:translateY(-6px)}}
.cs-stats>div{position:relative;overflow:hidden;border-top:3px solid var(--cc)!important}
.cs-paper .cs-stats>div,.cs-meme .cs-stats>div{border-top-width:3px}
.cs-si{font-size:20px;margin-bottom:4px}
.cs-stats em.mut{color:var(--mut)!important;font-weight:600}
.cs-bar{display:block;height:6px;border-radius:99px;background:color-mix(in srgb,var(--fg) 12%,transparent);overflow:hidden;margin-top:6px}
.cs-bar u{display:block;height:100%;background:var(--cc)}
.cs-info{margin-top:12px!important;padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--ln)}
.cs-ig{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cs-ig>div{padding:12px 14px;border-radius:14px;border:1px solid var(--ln);display:flex;flex-direction:column;gap:5px;min-width:0}
.cs-ig small{font-size:12px;color:var(--mut);font-weight:700}
.cs-ig b{font-size:14.5px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-cab{min-height:0;padding:0;border:0;background:none;color:var(--fg);display:inline-flex;gap:6px;align-items:center;cursor:pointer;font-size:14px}
.cs-cab svg{width:13px;height:13px}
.cs-more{min-height:46px;padding:0 22px;border-radius:99px;border:1.5px solid var(--cc);background:color-mix(in srgb,var(--cc) 12%,transparent);color:var(--fg);font:800 15px Manrope,sans-serif;cursor:pointer;transition:transform .15s,background .15s}
.cs-more:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--cc) 22%,transparent)}
.cs-paper .cs-more,.cs-meme .cs-more{border-color:var(--fg);background:transparent}
@media (max-width:760px){.cs-ig{grid-template-columns:1fr 1fr}.cs-glow{width:600px;height:500px}}
.wpv{width:330px}
.pv-tr{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.pv-th{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.pv-tl{display:grid;grid-template-columns:76px 1fr auto auto;gap:8px;align-items:center;font-size:12.5px}
.pv-tl span{color:var(--muted)}.pv-tl b{font-size:13.5px}.pv-tl b.up,.pv-tl em.up{color:var(--up)}.pv-tl b.down,.pv-tl em.down{color:var(--down)}
.pv-tl em{font-style:normal;color:var(--soft);font-size:12px;text-align:right}.pv-tl i{font-style:normal;color:var(--muted);font-size:11.5px;text-align:right;min-width:52px}
.pv-ub{display:block;width:60px;height:5px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.pv-ub u{display:block;height:100%;background:var(--up)}
.pv-tl.tot{padding-top:6px;border-top:1px solid var(--line)}
.pv-cur .av,.pv-cur .av img{border-radius:50%!important;object-fit:cover}
.pv-tl i{white-space:nowrap}.pv-tl{grid-template-columns:72px auto 1fr auto}.pv-tl em{justify-self:end}
/* ===== phones: coin header rebuilt as a clean card (banner on top, logo overlapping, info below) ===== */
@media (max-width:760px){
  .tp-banner{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:none!important;padding:0!important;gap:0!important;min-height:0!important;align-items:stretch!important;overflow:hidden!important;border-radius:20px!important}
  .tp-banner::after{display:none!important}
  .tp-banner>.tb-bg{position:relative!important;inset:auto!important;grid-area:auto!important;width:100%!important;height:auto!important;aspect-ratio:3/1;transform:none!important;filter:blur(30px) saturate(1.5)!important;opacity:.9!important;overflow:hidden;z-index:0!important}
  .tp-banner>.tb-bg.ban{filter:none!important;opacity:1!important}
  .tp-banner>.tb-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(13,13,15,.85))}
  .tp-banner>.tb-bg .av{position:absolute!important;left:0!important;top:50%!important;width:100%!important;height:auto!important;aspect-ratio:1;transform:translateY(-50%)!important}
  .tp-banner .tb-av{grid-area:auto!important;position:relative;z-index:2;margin:-38px 0 0 14px!important;justify-self:start;animation:none!important}
  .tp-banner .tb-av .av{width:76px!important;height:76px!important;box-shadow:0 0 0 4px #0d0d0f!important}
  .tp-banner .tp-id{grid-area:auto!important;position:relative;z-index:1;padding:8px 14px 0!important;min-width:0!important;flex:none!important}
  .tp-banner .title-xl{font-size:22px!important;line-height:1.2!important;text-shadow:none!important;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
  .tp-banner .title-xl .tk{font-size:13px!important;padding:3px 9px!important}
  .tp-banner .hs-pills{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:10px 0 0!important;padding:0!important;width:auto!important;overflow:visible!important}
  .tp-banner .hs-pills .pill{min-height:32px!important;font-size:12px!important;padding:0 10px!important}
  .tp-banner .hs-pills .iconbtn{width:32px!important;height:32px!important;min-height:0!important}
  .tp-banner .hs-pills .soc{display:flex;gap:6px}
  .tp-banner .tp-key{grid-area:auto!important;position:relative;z-index:1;display:grid!important;grid-template-columns:auto 1fr!important;gap:8px!important;padding:12px 14px 14px!important;width:auto!important;margin:0!important}
  .tp-banner .tp-key .tax{padding:8px 12px!important;border-radius:12px!important}
  .tp-banner .tp-key .tax b{font-size:20px!important}
  .tp-banner .tp-key .tax .splitbar,.tp-banner .tp-key .tax>div:last-child{display:none}
  .tp-banner .pairbig{min-width:0!important;padding:8px 12px!important;border-radius:12px!important;gap:10px}
  .tp-banner .pairbig .coin{width:30px!important;height:30px!important}
  .tp-banner .pairbig b{font-size:15px!important}.tp-banner .pairbig span{display:none}
}
.wl-mob a.wl-deep{min-height:0;padding:10px 14px;font-size:13.5px;background:none!important;color:#fff!important;border:1px solid var(--line)}
.wl-mob button.wl-deep{width:100%;cursor:pointer;font:inherit;font-weight:700;text-align:left}
.wl-mob button.wl-deep.sf{background:linear-gradient(135deg,#ffd84d,#ff9f1c);color:#2a1a00;border-color:transparent}
.wl-or{margin-top:4px}

/* holder rewards in the wallet panel */
.rw-note{font-size:12px;padding:4px 2px 8px;line-height:1.4}
.rw-row{display:flex;align-items:center;gap:10px;padding:9px 6px;border-radius:12px;text-decoration:none;color:inherit}
.rw-row:hover{background:rgba(127,127,127,.08)}
.rw-n{flex:1;min-width:0;display:flex;flex-direction:column}
.rw-n b{color:#3fd68a;font-variant-numeric:tabular-nums}
.rw-n small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw-v{font-size:12px;opacity:.7;white-space:nowrap}
.rw-g{width:34px;height:34px;display:grid;place-items:center;font-size:20px}


/* phone wallet connect: one tap per wallet */
.wl-one{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:rgba(127,127,127,.06);color:inherit;text-decoration:none;text-align:left;margin-top:10px}
.wl-one:active{transform:scale(.985)}
.wl-ic{width:44px;height:44px;border-radius:12px;flex:none}
.wl-ic.sm{width:28px;height:28px;border-radius:8px}
.wl-nm{display:flex;flex-direction:column;flex:1;min-width:0}
.wl-nm b{font-size:17px}
.wl-nm small{opacity:.6;font-size:12.5px}
.wl-go{background:#AB9FF2;color:#1c1638;font-weight:800;padding:9px 16px;border-radius:999px;font-size:14px}
.wl-one[data-arg=solflare] .wl-go{background:#FFC93B;color:#2a1d00}
.wl-more{margin-top:12px}
.wl-more summary{cursor:pointer;opacity:.7;font-size:13.5px;padding:6px 0}
.wl-more .wl-deep{margin-top:8px}

.dl-tap{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:360px}
.dl-tap>b{font-size:19px}
.dl-tap .wl-one{justify-content:space-between}

.pc-rw{display:flex;align-items:center;gap:11px;width:100%;margin-top:10px;padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:rgba(127,127,127,.05);color:inherit;text-align:left;cursor:pointer}
.pc-rw-ic{display:flex;flex:none}
.pc-rw-t,.pc-rw-r{display:flex;flex-direction:column;min-width:0;gap:2px}
.pc-rw-t small,.pc-rw-r small{opacity:.6;font-size:12px}
.pc-rw-t b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-rw-r{margin-left:auto;text-align:right;flex:none}
.pc-rw-r b{color:#3fd68a;font-size:15px}

/* ===== coin site templates: layout + palette ===== */
.site-ths{grid-template-columns:repeat(4,1fr)!important;gap:8px;max-height:min(56vh,460px);overflow:auto;padding:2px}
.site-th{padding:6px!important}
.spv{display:block;width:100%;height:70px;border-radius:9px;overflow:hidden;position:relative;background:#0b0b0d}
.spv em{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-style:normal}
.spv .av{flex:none}
.spv u,.spv s,.spv b{display:block;text-decoration:none}
.spv .p-row{display:flex;gap:3px}
.p-c u{width:46%;height:5px;border-radius:3px;background:currentColor;opacity:.9}.p-c s{width:30%;height:4px;border-radius:3px;background:currentColor;opacity:.4}.p-c .p-row b{width:16px;height:9px;border-radius:2px;background:currentColor;opacity:.25}
.spv-dark{color:#3DDC97}.spv-coin{background:radial-gradient(ellipse at 50% 0,#3DDC9766,#07120d 70%);color:#bff5dc}.spv-neon{background:radial-gradient(ellipse at 50% 0,#7b5cff,#05040c 75%);color:#ff3df0}
.p-bn{display:grid!important;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;padding:6px;gap:3px!important}
.p-bn b{border-radius:4px;background:#1d1d22;display:grid!important;place-items:center}.p-bn .p1{grid-row:span 2;background:#232329}.p-bn .p2{grid-column:span 2;background:linear-gradient(90deg,#1d1d22,#24242b)}.p-bn .p5{background:var(--up,#3DDC97)}
.spv-editorial{background:#f3eee3;color:#1b1a17}.p-ed{padding:6px 8px;align-items:stretch!important}.p-ed u{height:1px;background:#1b1a17}.p-ed strong{font:400 15px 'Instrument Serif',serif;text-align:center;white-space:nowrap;overflow:hidden}.p-ed .p-row{align-items:center;gap:6px}.p-ed .p-row s{flex:1;height:22px;background:repeating-linear-gradient(#1b1a1733 0 2px,transparent 2px 5px)}
.spv-maison{background:#0c0b09;color:#d9c79e}.p-ms .p-ring{width:40px;height:40px;border-radius:50%;border:1px dashed #d9c79e88;display:grid;place-items:center}.p-ms u{width:40%;height:1px;background:#d9c79e88}
.spv-cinema .p-bg{position:absolute;inset:-20px;filter:blur(10px) saturate(1.4);opacity:.8}.spv-cinema .p-bg .av{width:100%!important;height:100%!important}.p-cn{justify-content:flex-end!important;align-items:flex-start!important;padding:7px}.p-cn u{position:relative;width:50%;height:6px;border-radius:3px;background:#fff}.p-cn .p-row{position:relative}.p-cn .p-row b{width:18px;height:8px;border-radius:2px;background:#ffffff55;backdrop-filter:blur(4px)}
.spv-vapor{background:linear-gradient(180deg,#12002b,#3d0f5c 60%,#ff6ec7)}.p-sp{flex-direction:row!important;padding:6px}.p-sp .p-l{flex:1;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.p-sp .p-l u{width:80%;height:5px;background:linear-gradient(90deg,#fff,#ff71ce);border-radius:2px}.p-sp .p-l s{width:55%;height:4px;background:#ff71ce88;border-radius:2px}.p-sp .p-r{position:relative;width:44px;height:44px;display:grid;place-items:center}.p-sp .p-r i{position:absolute;inset:0;border-radius:50%;background:linear-gradient(#ffe66d,#ff71ce)}.p-sp .p-r .av{position:relative}
.spv-terminal{background:#000}.p-tm{flex-direction:row!important;padding:5px;gap:5px!important;align-items:stretch!important}.p-tm .p-sd{width:30%;border:1px solid #33ff6655;display:grid;place-items:center}.p-tm .p-mn{flex:1;border:1px solid #33ff6655;color:#33ff66;font:700 8.5px/1.35 monospace;padding:4px;text-align:left}
.spv-arcade{background:radial-gradient(#fff 1px,transparent 1.5px) 0 0/9px 9px,#0d0221;color:#ffd300;border-radius:0!important}.p-ar span,.p-ar u{font:700 7px monospace;letter-spacing:.08em}.p-ar u{color:#fff;animation:blink 1s steps(1) infinite}
.spv-comic{background:radial-gradient(rgba(255,59,48,.4) 1.4px,transparent 2px) 0 0/6px 6px,#fff3cf}.spv-meme{background:#ffe14d}
.p-sk .p-bs{position:absolute;width:58px;height:58px;background:#ff3b30;top:50%;left:50%;transform:translate(-50%,-56%) rotate(8deg)}.spv-meme .p-bs{background:#fff}.p-sk .av{position:relative;transform:translateY(-4px);box-shadow:0 0 0 2px #111}.p-sk u{position:absolute;bottom:4px;right:6px;font:900 11px Impact,sans-serif;color:#ffd60a;-webkit-text-stroke:.6px #111;transform:rotate(-8deg)}
@keyframes blink{50%{opacity:0}}
@media (max-width:560px){.site-ths{grid-template-columns:repeat(3,1fr)!important}.spv{height:60px}}

/* palettes */
.cs-coin{--bg:color-mix(in srgb,var(--cc) 12%,#060608);--card:color-mix(in srgb,var(--cc) 9%,#0e0e11);--ln:color-mix(in srgb,var(--cc) 35%,transparent);background:radial-gradient(ellipse at 50% -10%,color-mix(in srgb,var(--cc) 45%,transparent),transparent 60%),var(--bg)}
.cs-coin h1{background:linear-gradient(180deg,#fff 30%,var(--cc));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cs .up{color:#22b26f}.cs .down{color:#e04b68}

/* ---------- BENTO ---------- */
.cs-bento{--bg:#09090b;--card:#131316;--ln:rgba(255,255,255,.08)}
.bn{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:12px;width:calc(100% - 40px);max-width:1040px!important;margin:20px auto 0!important;box-sizing:border-box}
.bn-t{position:relative;overflow:hidden;border-radius:26px;background:var(--card);border:1px solid var(--ln);padding:20px;display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--fg);text-align:left}
.bn-t small{font-size:12px;font-weight:700;color:var(--mut);letter-spacing:.02em}
.bn-t>b{font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin-top:auto}
.bn-t em{font-style:normal;font-weight:700;font-size:13px;color:var(--mut)}
.bn-logo{grid-row:span 2;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--cc) 40%,transparent),transparent 70%),var(--card)}
.bn-banbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;filter:blur(2px)}
.bn-av{position:relative}.bn-av .av{width:min(170px,100%)!important;height:auto!important;aspect-ratio:1;border-radius:36px!important;box-shadow:0 30px 60px -20px var(--cc);animation:csFloat 5s ease-in-out infinite}
.bn-name{grid-column:span 2;justify-content:flex-end}
.bn-name h1{margin:0;font-size:clamp(34px,5.5vw,64px);line-height:.95;letter-spacing:-.04em;font-weight:800}
.bn-name p{margin:6px 0 0;color:var(--mut);font-size:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bn-ch{grid-column:span 2;grid-row:span 2;padding:20px 0 0}
.bn-chh{display:flex;justify-content:space-between;align-items:center;padding:0 20px}
.bn-chh button{min-height:32px;padding:0 12px;border-radius:99px;border:1px solid var(--ln);background:var(--bg);color:var(--fg);font-weight:700;font-size:12.5px;cursor:pointer}
.bn-ch svg{flex:1;width:100%;min-height:200px;margin-top:10px}
.bn-ring{align-items:center;justify-content:center;text-align:center}
.bn-ring i{--p:0;width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--cc) calc(var(--p)*1%),rgba(255,255,255,.08) 0);display:grid;place-items:center;position:relative}
.bn-ring i::before{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--card)}
.bn-ring i b{position:relative;font-size:20px;font-weight:800}
.bn-tax em{font-size:12px;line-height:1.4}
.bn-buy{cursor:pointer;background:var(--cc);border:0;color:#07080a;justify-content:flex-end}
.bn-buy small{color:rgba(0,0,0,.6)}
.bn-buy b{font-size:clamp(22px,2.6vw,30px)!important;margin:0!important}
.bn-buy span{position:absolute;top:16px;right:20px;font-size:30px;font-weight:800;transition:transform .2s}
.bn-buy:hover span{transform:translate(4px,-4px)}
.bn-ca{grid-column:span 2;justify-content:center}
.bn-cab{min-height:46px!important;justify-content:flex-start;width:fit-content}
.bn-soc{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
@media (max-width:760px){.bn{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(130px,auto)}.bn-logo{grid-row:span 1}.bn-name,.bn-ch,.bn-ca{grid-column:span 2}.bn-ch{grid-row:span 1}.bn-ch svg{min-height:150px}}

/* ---------- EDITORIAL ---------- */
.cs-editorial{--bg:#f3eee3;--fg:#17150f;--mut:#6a6457;--card:#faf6ec;--ln:rgba(23,21,15,.18);--btn:#17150f;--btnfg:#f3eee3;--cc:#17150f!important;background:#f3eee3}
.cs-editorial .cs-glow{display:none}
.ed-mast{width:calc(100% - 40px);max-width:1040px!important;margin:0 auto!important;padding-top:18px}
.ed-rule{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--fg);border-bottom:3px double var(--fg);padding:8px 0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.ed-rule span:last-child{display:flex;gap:6px;justify-content:flex-end}
.ed-rule.b{border-top:3px double var(--fg);border-bottom:1px solid var(--fg);letter-spacing:.04em;text-transform:none;font-size:14px}
.ed-rule .cs-soc{min-height:28px;padding:0 9px;font-size:11px;background:none;border-color:var(--ln)}
.ed-title{font:400 clamp(56px,13vw,170px)/0.9 'Instrument Serif',Georgia,serif!important;text-align:center;letter-spacing:-.03em!important;margin:14px 0 10px!important;color:var(--fg)}
.cs-mq{overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--ln);padding:10px 0;max-width:none!important;margin-top:0}
.cs-mq>div{display:inline-flex;gap:22px;align-items:center;animation:mq 26s linear infinite;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.cs-mq i{font-style:normal;opacity:.5}
@keyframes mq{to{transform:translateX(-50%)}}
.ed-lead{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:start;margin-top:34px!important}
.ed-kicker{display:block;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#b0301e;margin-bottom:10px}
.ed-story h2{font:400 clamp(30px,4.2vw,50px)/1.02 'Instrument Serif',Georgia,serif!important;letter-spacing:-.01em!important;margin:0 0 16px!important}
.ed-drop{font:17px/1.65 Georgia,'Times New Roman',serif;color:#2a271f;margin:0 0 18px}
.ed-drop::first-letter{float:left;font:400 64px/0.85 'Instrument Serif',serif;padding:6px 8px 0 0;color:#b0301e}
.ed-story .cs-ctas{justify-content:flex-start}
.ed-story .cs-buy{border-radius:0;box-shadow:none}
.ed-story .cs-ca{border-radius:0;background:transparent}
.ed-fig{margin:0}
.ed-img{position:relative;aspect-ratio:4/5;border:1px solid var(--fg);overflow:hidden;display:grid;place-items:center;background:#e9e2d2}
.ed-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.2) contrast(1.05)}
.ed-img span{position:relative}.ed-img .av{width:min(220px,60%)!important;height:auto!important;aspect-ratio:1;border-radius:0!important;box-shadow:12px 12px 0 var(--fg)}
.ed-fig figcaption,.ed-chart figcaption{font:italic 13px Georgia,serif;color:var(--mut);margin-top:8px;border-top:1px solid var(--ln);padding-top:6px}
.ed-cols{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px!important;border-top:3px double var(--fg)}
.ed-cols article{padding:18px 20px 6px;border-right:1px solid var(--ln)}.ed-cols article:last-child{border-right:0}.ed-cols article:first-child{padding-left:0}
.ed-cols b{font:400 44px/1 'Instrument Serif',serif;display:block}
.ed-cols p{font:15px/1.55 Georgia,serif;color:#3a362c;margin:8px 0 0}
.ed-chart{margin:26px auto 0!important;width:calc(100% - 40px);max-width:1040px!important;box-sizing:border-box}
.ed-chart svg{width:100%;height:180px;border-top:1px solid var(--fg);border-bottom:1px solid var(--fg)}
.cs-editorial .cs-info,.cs-editorial .cs-safe,.cs-editorial .cs-how{border-radius:0;background:transparent;border:0;border-top:3px double var(--fg)}
.cs-editorial h2{font:400 34px 'Instrument Serif',serif!important}
.cs-editorial .cs-ig>div,.cs-editorial .cs-rk>div,.cs-editorial .cs-how li{border-radius:0;border-color:var(--ln)}
.cs-editorial .cs-buy{border-radius:0;box-shadow:none}
.cs-editorial .cs-more{border-radius:0;border-color:var(--fg);background:transparent}
@media (max-width:760px){.ed-lead{grid-template-columns:1fr;gap:24px}.ed-cols{grid-template-columns:1fr}.ed-cols article{border-right:0;border-bottom:1px solid var(--ln);padding-left:0}.ed-rule span:nth-child(2){display:none}}

/* ---------- MAISON ---------- */
.cs-maison{--bg:#0c0b09;--fg:#ece3cf;--mut:#8f8572;--card:#12110e;--ln:rgba(217,199,158,.2);--btn:transparent;--btnfg:#ece3cf;--cc:#d9c79e!important;background:#0c0b09;font-family:Manrope,sans-serif}
.cs-maison .cs-glow{display:none}
.ms-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 28px;border-bottom:1px solid var(--ln);max-width:none!important}
.ms-soc{display:flex;gap:6px}.ms-top>span:last-child{display:flex;justify-content:flex-end}
.ms-mark{font:500 20px 'Cormorant Garamond',Georgia,serif;letter-spacing:.42em;text-transform:uppercase;color:var(--fg)}
.cs-maison .cs-soc{background:none;border-color:var(--ln);border-radius:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.cs-maison .cs-buy{border:1px solid #d9c79e;border-radius:0;box-shadow:none;font:600 13px Manrope,sans-serif;letter-spacing:.28em;text-transform:uppercase;padding:0 34px;transition:background .3s,color .3s}
.cs-maison .cs-buy:hover{background:#d9c79e;color:#0c0b09}
.cs-maison .cs-buy.sm{min-height:40px;padding:0 20px;font-size:11px}
.ms-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:70px 20px 40px!important}
.ms-ring{position:relative;width:300px;height:300px;display:grid;place-items:center}
.ms-ring svg{position:absolute;inset:0;width:100%;height:100%;animation:msSpin 40s linear infinite}
.ms-ring text{font:500 11px Manrope,sans-serif;letter-spacing:.3em;fill:#d9c79e}
@keyframes msSpin{to{transform:rotate(360deg)}}
.ms-av .av{width:190px!important;height:190px!important;border-radius:50%!important;box-shadow:0 0 0 1px #d9c79e,0 0 0 10px #0c0b09,0 0 0 11px rgba(217,199,158,.35);filter:saturate(.85)}
.ms-est{margin-top:40px;font-size:11px;letter-spacing:.38em;text-transform:uppercase;color:var(--mut)}
.cs-maison h1{font:300 clamp(48px,10vw,120px)/1 'Cormorant Garamond',Georgia,serif!important;letter-spacing:.02em!important;margin:18px 0 0!important;font-style:italic}
.ms-desc{max-width:560px;font:300 20px/1.6 'Cormorant Garamond',Georgia,serif;color:#bdb29b;margin:18px 0 0}
.ms-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:34px}
.cs-maison .cs-ca{border-radius:0;background:none;border-color:var(--ln);letter-spacing:.06em}
.ms-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);margin-top:30px!important}
.ms-stats>div{padding:30px 20px;text-align:center;border-right:1px solid var(--ln);display:flex;flex-direction:column;gap:8px}.ms-stats>div:last-child{border-right:0}
.ms-stats small{font-size:10.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--mut)}
.ms-stats b{font:400 40px/1 'Cormorant Garamond',serif;color:var(--fg)}
.ms-stats em{font-style:normal;font-size:12px;color:var(--mut);letter-spacing:.05em}
.ms-chart{text-align:center;padding:50px 0 10px!important}
.ms-chart svg{width:100%;height:160px;margin:18px 0}
.ms-lab{font-size:10.5px;letter-spacing:.38em;text-transform:uppercase;color:var(--mut)}
.ms-chart .link{color:var(--fg);letter-spacing:.24em;text-transform:uppercase;font-size:11px;border-bottom:1px solid #d9c79e;padding-bottom:3px}
.cs-maison .cs-info,.cs-maison .cs-safe,.cs-maison .cs-how{background:none;border-radius:0;border:0;border-top:1px solid var(--ln);padding:40px 0}
.cs-maison h2{font:300 italic 36px 'Cormorant Garamond',serif!important;text-align:center}
.cs-maison .cs-ig>div,.cs-maison .cs-rk>div,.cs-maison .cs-how li{border-radius:0}
.cs-maison .cs-how li::before{border-radius:50%;background:none;border:1px solid #d9c79e;color:#d9c79e}
.cs-maison .cs-more{border-radius:0;border-color:#d9c79e;background:none;letter-spacing:.2em;text-transform:uppercase;font-size:12px}
@media (max-width:760px){.ms-top{grid-template-columns:auto 1fr;padding:14px 16px}.ms-soc{display:none}.ms-mark{font-size:15px;letter-spacing:.3em}.ms-stats{grid-template-columns:1fr 1fr}.ms-stats>div:nth-child(2){border-right:0}.ms-stats>div:nth-child(-n+2){border-bottom:1px solid var(--ln)}.ms-ring{width:250px;height:250px}.ms-av .av{width:160px!important;height:160px!important}}

/* ---------- CINEMA ---------- */
.cs-cinema{--bg:#050507;--card:rgba(255,255,255,.06);--ln:rgba(255,255,255,.12);--btn:#fff;--btnfg:#050507}
.cs-cinema .cs-top{position:absolute;left:0;right:0;background:transparent;border:0;backdrop-filter:none}
.cn-hero{position:relative;min-height:min(92vh,860px);display:flex;flex-direction:column;justify-content:flex-end;max-width:none!important;width:100%!important;overflow:hidden}
.cn-bg{position:absolute;inset:-40px;z-index:0}
.cn-bg img,.cn-bg .av{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;filter:blur(28px) saturate(1.5) brightness(.75);transform:scale(1.15)}
.cn-bg img{filter:brightness(.6) saturate(1.2);transform:none}
.cn-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,7,.2) 0%,rgba(5,5,7,.1) 40%,rgba(5,5,7,.95) 92%),radial-gradient(ellipse at 30% 60%,transparent,rgba(0,0,0,.5));z-index:0}
.cn-in{position:relative;z-index:1;width:calc(100% - 48px);max-width:1040px;margin:0 auto;padding-bottom:30px}
.cn-av .av{width:110px!important;height:110px!important;border-radius:28px!important;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.cn-tag{display:inline-block;margin-top:18px;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);font-size:12px;font-weight:700}
.cn-in h1{font-size:clamp(54px,11vw,140px)!important;line-height:.88!important;letter-spacing:-.05em!important;margin:14px 0 0!important;text-shadow:0 10px 40px rgba(0,0,0,.4)}
.cn-in p{max-width:560px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.78);margin:14px 0 0}
.cn-in .cs-ctas{justify-content:flex-start}
.cn-in .cs-buy{box-shadow:0 14px 40px -10px rgba(255,255,255,.4)}
.cn-in .cs-ca{background:rgba(255,255,255,.1);backdrop-filter:blur(12px)}
.cn-bar{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);width:calc(100% - 48px);max-width:1040px;margin:0 auto 26px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(20px) saturate(1.3)}
.cn-bar>div{padding:16px 18px;display:flex;flex-direction:column;gap:3px;border-right:1px solid rgba(255,255,255,.08)}.cn-bar>div:last-child{border-right:0}
.cn-bar small{font-size:11.5px;color:rgba(255,255,255,.6);font-weight:700}.cn-bar b{font-size:20px;color:#fff}.cn-bar em{font-style:normal;font-weight:800;font-size:12.5px}
.cs-cinema .cs-glow{display:none}
.cs-cinema .cs-chart,.cs-cinema .cs-info,.cs-cinema .cs-safe,.cs-cinema .cs-how{backdrop-filter:blur(12px)}
@media (max-width:760px){.cn-bar{grid-template-columns:repeat(3,1fr)}.cn-bar>div:nth-child(n+4){border-top:1px solid rgba(255,255,255,.08)}.cn-bar>div:nth-child(3){border-right:0}.cn-in{width:calc(100% - 32px)}.cn-bar{width:calc(100% - 32px)}}

/* ---------- SYNTHWAVE (split layout) ---------- */
.cs-vapor{--cc:#ff71ce!important;--bg:#12002b;--fg:#fff;--mut:#d6a8ff;--card:rgba(36,6,70,.72);--ln:rgba(255,113,206,.38);--btn:linear-gradient(90deg,#ff71ce,#ffb86b);--btnfg:#1b0436;background:linear-gradient(180deg,#12002b 0%,#2a0750 60%,#12002b)}
.sp-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;padding:40px 0 10px!important;width:calc(100% - 40px);max-width:1040px!important;margin:0 auto!important}
.sp-k{font-size:13px;letter-spacing:.3em;color:#7df9ff;text-shadow:0 0 10px #7df9ff}
.cs-vapor h1{font:400 clamp(40px,7vw,86px)/1.02 Monoton,Manrope,sans-serif!important;letter-spacing:.02em!important;margin:12px 0 0!important;background:linear-gradient(180deg,#fff 20%,#ff71ce 55%,#7b5cff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(255,113,206,.55))}
.sp-txt p{font-size:17px;line-height:1.55;color:var(--mut);margin:14px 0 0}
.sp-txt .cs-ctas{justify-content:flex-start}
.sp-list{list-style:none;padding:0;margin:26px 0 0;border-top:1px solid var(--ln)}
.sp-list li{display:flex;justify-content:space-between;padding:12px 2px;border-bottom:1px solid var(--ln);font-size:14px;color:var(--mut)}
.sp-list b{color:#fff;font-size:16px;text-shadow:0 0 10px rgba(255,113,206,.6)}
.sp-art{position:relative;aspect-ratio:1;display:grid;place-items:center}
.sp-sun{position:absolute;width:86%;aspect-ratio:1;border-radius:50%;top:2%;background:linear-gradient(180deg,#ffe66d 10%,#ff71ce 60%,#b026ff);-webkit-mask:linear-gradient(#000 45%,transparent 45% 48%,#000 48% 58%,transparent 58% 62%,#000 62% 70%,transparent 70% 75%,#000 75% 82%,transparent 82% 88%,#000 88%);mask:linear-gradient(#000 45%,transparent 45% 48%,#000 48% 58%,transparent 58% 62%,#000 62% 70%,transparent 70% 75%,#000 75% 82%,transparent 82% 88%,#000 88%);filter:drop-shadow(0 0 50px #ff71ce)}
.sp-av{position:relative;z-index:1;margin-top:-12%}.sp-av .av{width:min(220px,46vw)!important;height:auto!important;aspect-ratio:1;border-radius:28px!important;box-shadow:0 0 0 3px #ff71ce,0 0 40px #ff71ce,0 0 90px #7b5cff;animation:csFloat 4s ease-in-out infinite}
.sp-floor{position:absolute;left:-30%;right:-30%;bottom:0;height:42%;background-image:linear-gradient(rgba(255,113,206,.7) 2px,transparent 2px),linear-gradient(90deg,rgba(255,113,206,.7) 2px,transparent 2px);background-size:46px 46px;transform:perspective(260px) rotateX(60deg);transform-origin:bottom;-webkit-mask:linear-gradient(transparent,#000 60%);mask:linear-gradient(transparent,#000 60%);animation:vpGrid 2s linear infinite}
@keyframes vpGrid{to{background-position:0 46px,0 0}}
.cs-vapor .cs-glow{display:none}
.cs-vapor .cs-chart,.cs-vapor .cs-info,.cs-vapor .cs-safe,.cs-vapor .cs-how{box-shadow:0 0 0 1px rgba(255,113,206,.15),0 10px 40px -15px #ff71ce}
@media (max-width:760px){.sp-hero{grid-template-columns:1fr}.sp-art{order:-1;max-width:340px;width:100%;margin:0 auto}}

/* ---------- TERMINAL (dashboard layout) ---------- */
.cs-terminal{--cc:#33ff66!important;--bg:#030503;--fg:#33ff66;--mut:#1fae4a;--card:#061008;--ln:rgba(51,255,102,.28);--btn:#33ff66;--btnfg:#000;background:#030503;font-family:'JetBrains Mono',monospace}
.cs-terminal::before{content:'';position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 2px,rgba(0,0,0,.28) 2px 4px);z-index:30}
.cs-terminal *{border-radius:3px!important}
.cs-terminal .cs-glow{display:none}
.tm{display:grid;grid-template-columns:300px 1fr;gap:18px;width:calc(100% - 40px);max-width:1120px!important;margin:24px auto 0!important;align-items:start}
.tm-side{position:sticky;top:20px;border:1px solid var(--ln);background:var(--card);padding:20px;display:flex;flex-direction:column;gap:12px}
.tm-av .av{width:120px!important;height:120px!important;filter:sepia(1) hue-rotate(70deg) saturate(3) contrast(1.1);box-shadow:0 0 0 1px var(--ln)}
.tm-side h1{font:400 44px/1 VT323,monospace!important;margin:0!important;text-shadow:0 0 10px rgba(51,255,102,.6)}
.tm-tk{color:var(--mut)}
.tm-side p{font-size:13px;line-height:1.55;color:#9dffb7;margin:0}
.tm-side .cs-buy{width:100%;font:700 15px 'JetBrains Mono',monospace;box-shadow:0 0 20px rgba(51,255,102,.35)}
.tm-side .cs-ca{width:100%;justify-content:center;background:transparent}
.tm-soc{display:flex;gap:6px;flex-wrap:wrap}.tm-soc .cs-soc{background:none}
.tm-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.tm-main>*{width:auto!important;margin:0!important;max-width:none!important}
.tm-win{border:1px solid var(--ln);background:#020402;box-shadow:0 0 40px -10px rgba(51,255,102,.25)}
.tm-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--ln);font-size:12px;color:var(--mut)}
.tm-bar i{width:11px;height:11px;border-radius:50%!important;background:#1d3b24}.tm-bar span{margin-left:8px}
.tm-body{padding:16px 18px;font-size:14px;line-height:1.7}
.tm-cmd{color:#c8ffd6;margin-top:12px}.tm-cmd:first-child{margin-top:0}
.tm-l{display:flex;align-items:baseline;gap:8px;color:var(--mut)}
.tm-l i{flex:1;border-bottom:1px dotted rgba(51,255,102,.25);transform:translateY(-4px)}
.tm-l b{color:var(--fg);font-weight:700;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62%}
.tm-l b.lv-y{color:#ffd23f}.tm-l b.lv-r,.tm-l b.down{color:#ff5f57}
.tm-chart svg{width:100%;height:140px;margin:6px 0}
.tm-cur{display:inline-block;width:9px;height:17px;background:var(--fg);vertical-align:middle;animation:blink 1s steps(1) infinite}
.cs-terminal .cs-how{background:var(--card)}
.cs-terminal h2{font:400 30px VT323,monospace!important}
@media (max-width:820px){.tm{grid-template-columns:1fr}.tm-side{position:static}}

/* ---------- ARCADE ---------- */
.cs-arcade{--cc:#ffd300!important;--bg:#0d0221;--fg:#fff;--mut:#b9a6ff;--card:#1b0b3a;--ln:#ffd300;--btn:#ffd300;--btnfg:#0d0221;background:radial-gradient(#fff 1px,transparent 1.5px) 0 0/48px 48px,radial-gradient(#ff2a6d 1px,transparent 1.5px) 24px 24px/48px 48px,#0d0221}
.cs-arcade *{border-radius:0!important}
.cs-arcade .cs-glow{display:none}
.cs-arcade h1,.cs-arcade h2,.cs-arcade .cs-buy,.cs-arcade .cs-more,.ar-hud,.ar-start,.ar-coin,.ar-table{font-family:'Press Start 2P',monospace!important;font-weight:400!important;letter-spacing:0!important}
.ar-screen{margin:24px auto 0!important;width:calc(100% - 40px);max-width:860px!important;box-sizing:border-box;border:4px solid #ffd300;box-shadow:0 0 0 4px #0d0221,0 0 0 8px #ff2a6d,0 0 60px rgba(255,42,109,.4);background:#000 radial-gradient(ellipse at center,#1b0b3a,#000 70%);padding:22px 22px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;position:relative;overflow:hidden}
.ar-screen::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(0,0,0,.35) 3px 4px);pointer-events:none}
.ar-hud{display:flex;justify-content:space-between;width:100%;font-size:10px;color:#ff2a6d}.ar-hud span:nth-child(2){color:#fff}
.ar-av .av{width:150px!important;height:150px!important;image-rendering:pixelated;box-shadow:0 0 0 4px #ffd300,8px 8px 0 4px #ff2a6d;animation:arBob .8s steps(2) infinite}
@keyframes arBob{50%{transform:translateY(-8px)}}
.cs-arcade h1{font-size:clamp(22px,5vw,44px)!important;line-height:1.3!important;color:#ffd300!important;text-shadow:4px 4px 0 #ff2a6d;margin:6px 0 0!important}
.ar-screen p{font-size:15px;color:#d8ceff;max-width:520px;margin:0}
.ar-start{border:0;background:none;color:#fff;font-size:clamp(11px,2.4vw,16px);cursor:pointer;padding:12px;animation:blink 1.1s steps(1) infinite}
.ar-start:hover{color:#ffd300;animation:none}
.ar-coin{font-size:9px;color:#7df9ff}
.cs-arcade .cs-ca{background:#1b0b3a;border:2px solid #ffd300}
.ar-table{margin:22px auto 0!important;width:calc(100% - 40px);max-width:860px!important;box-sizing:border-box;border:2px solid #ffd300;background:#1b0b3a;box-shadow:6px 6px 0 #ff2a6d;padding:20px;font-size:12px}
.ar-table h2{text-align:center;color:#ff2a6d;font-size:14px!important;margin:0 0 16px!important}
.ar-table>div{display:grid;grid-template-columns:60px 1fr auto;gap:10px;padding:10px 0;border-bottom:2px dashed rgba(255,211,0,.25)}
.ar-table>div:nth-child(2){color:#ffd300}.ar-table>div:nth-child(3){color:#7df9ff}.ar-table>div:nth-child(4){color:#ff2a6d}
.ar-table b{font-weight:400}
.cs-arcade h2{font-size:15px!important}
.cs-arcade .cs-buy{font-size:12px!important;box-shadow:4px 4px 0 #ff2a6d}
.cs-arcade .cs-more{font-size:10px!important}
.cs-arcade .cs-chart,.cs-arcade .cs-info,.cs-arcade .cs-how{border:2px solid #ffd300!important;box-shadow:6px 6px 0 #ff2a6d}

/* ---------- STICKER (Comic / Meme) ---------- */
.cs-comic{--cc:#1e6bff!important;--bg:#fff3cf;--fg:#111;--mut:#4a4030;--card:#fff;--ln:#111;--btn:#ff3b30;--btnfg:#fff;background:radial-gradient(rgba(255,59,48,.2) 2px,transparent 2.5px) 0 0/14px 14px,#fff3cf}
.cs-meme{--cc:#111!important}
.csl-sticker .cs-glow{display:none}
.sk-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;width:calc(100% - 40px);max-width:1040px!important;margin:30px auto 0!important;padding:0!important}
.sk-art{position:relative;aspect-ratio:1;display:grid;place-items:center}
.sk-burst{position:absolute;inset:4%;background:#ffd60a;border:0;animation:skSpin 30s linear infinite;filter:drop-shadow(6px 6px 0 #111)}
.cs-comic .sk-burst{background:#ff3b30}.cs-meme .sk-burst{background:#fff}
@keyframes skSpin{to{transform:rotate(360deg)}}
.sk-av{position:relative;transform:rotate(-5deg)}.sk-av .av{width:min(200px,44vw)!important;height:auto!important;aspect-ratio:1;border-radius:24px!important;box-shadow:0 0 0 5px #111,10px 10px 0 5px #111}
.sk-tag{position:absolute;bottom:10%;right:6%;background:#111;color:#fff;font:400 22px Bangers,'Archivo Black',Impact,sans-serif;letter-spacing:.06em;padding:6px 14px;transform:rotate(8deg);border-radius:8px}
.csl-sticker h1{font:400 clamp(54px,10vw,112px)/.92 Bangers,'Archivo Black',Impact,sans-serif!important;letter-spacing:.02em!important;text-transform:uppercase;margin:0!important;color:#ffd60a!important;-webkit-text-stroke:3px #111;text-shadow:6px 6px 0 #111;transform:rotate(-2deg)}
.cs-meme h1{font-family:'Archivo Black',Impact,sans-serif!important;color:#fff!important;letter-spacing:-.02em!important}
.sk-bub{position:relative;margin-top:22px;background:#fff;border:3px solid #111;border-radius:22px;padding:16px 18px;font-size:16px;font-weight:600;line-height:1.5;box-shadow:5px 5px 0 #111;max-width:520px}
.sk-bub::before{content:'';position:absolute;left:30px;top:-17px;width:24px;height:24px;background:#fff;border-left:3px solid #111;border-top:3px solid #111;transform:skewY(-30deg) rotate(10deg)}
.sk-txt .cs-ctas{justify-content:flex-start;margin-top:22px}
.csl-sticker .cs-buy{border:3px solid #111;box-shadow:5px 5px 0 #111;font:400 24px Bangers,'Archivo Black',Impact,sans-serif;letter-spacing:.05em;transform:rotate(-1.5deg);transition:transform .15s}
.csl-sticker .cs-buy:hover{transform:rotate(1deg) scale(1.04)}
.cs-meme .cs-buy{font-family:'Archivo Black',Impact,sans-serif;font-size:18px}
.csl-sticker .cs-ca{border:3px solid #111;box-shadow:4px 4px 0 #111;background:#fff;color:#111}
.csl-sticker .cs-mq{background:#111;color:#ffd60a;border:0;margin-top:30px;transform:rotate(-1.2deg);width:104%!important;margin-left:-2%!important}
.cs-meme .cs-mq{color:#ffe14d}
.sk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:calc(100% - 40px);max-width:1040px!important;margin:34px auto 0!important}
.sk-stats>div{background:#fff;border:3px solid #111;box-shadow:6px 6px 0 #111;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px;transform:rotate(-1.5deg)}
.sk-stats>div:nth-child(2n){transform:rotate(1.5deg);background:#e6f0ff}.cs-meme .sk-stats>div:nth-child(2n){background:#fff6c2}
.sk-stats small{font-weight:800;font-size:12px;text-transform:uppercase;color:#4a4030}
.sk-stats b{font-size:26px;font-weight:800;color:#111}
.csl-sticker .cs-chart,.csl-sticker .cs-info,.csl-sticker .cs-how,.csl-sticker .cs-safe{border:3px solid #111!important;box-shadow:6px 6px 0 #111;margin-top:24px!important}
.csl-sticker h2{font:400 34px Bangers,'Archivo Black',Impact,sans-serif!important;letter-spacing:.04em!important}
.csl-sticker .cs-more{border:3px solid #111;background:#ffd60a;box-shadow:4px 4px 0 #111;color:#111}
.csl-sticker .cs-warn{background:#ffd5dc;border:3px solid #111;color:#5a0f1d}
@media (max-width:760px){.sk-hero{grid-template-columns:1fr}.sk-art{max-width:330px;width:100%;margin:0 auto}.sk-stats{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.cs *{animation:none!important}}

.ed-img{aspect-ratio:1!important;max-height:440px}
.ed-lead{align-items:center!important}
.cs-terminal .tm-l b.up{color:#33ff66}
.csl-sticker .cs-buy.sm,.cs-arcade .cs-buy.sm{font-size:15px!important;white-space:nowrap;transform:none;box-shadow:3px 3px 0 #111;min-height:38px;padding:0 14px}
.cs-arcade .cs-buy.sm{font-size:9px!important;box-shadow:3px 3px 0 #ff2a6d}
.cs-buy.sm{white-space:nowrap}
@media (max-width:760px){.ed-fig{max-width:320px;margin:0 auto}.ed-title{font-size:clamp(48px,15vw,90px)!important}}

.pc-co{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px}
.pc-co-h{display:flex;align-items:center;gap:8px}.pc-co-h b{font-size:14px}.pc-co-h small{font-size:12px}
.pc-co-t{font-size:14.5px;line-height:1.45;cursor:pointer;word-break:break-word}
.pc-co-up{display:flex;flex-direction:column;gap:2px;padding:7px 10px;border-left:2px solid var(--up);background:rgba(61,220,151,.05);border-radius:0 8px 8px 0;font-size:13.5px}
.pc-co-a{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--muted)}
.pc-co-a button{background:none;border:0;color:var(--muted);padding:0;min-height:0;cursor:pointer;display:inline-flex}
.pc-co-a button svg{width:15px;height:15px}
.pc-co-a .co-upd{color:var(--up);font-weight:700;font-size:13px}

/* X post preview cards in callouts */
.xp{display:block;margin-top:8px;padding:12px;border-radius:14px;border:1px solid var(--line);background:#0b0b0c;color:inherit;text-decoration:none;max-width:420px;transition:border-color .15s}
.xp:hover{border-color:rgba(255,255,255,.28)}
.xp.load,.xp.fail{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;font-weight:700;font-size:13px}
.xp.fail small{color:var(--muted)}
.xp-h{display:flex;align-items:center;gap:9px}
.xp-h>img{width:34px;height:34px;border-radius:50%;flex:none;background:#222}
.xp-h>span{display:flex;flex-direction:column;min-width:0;flex:1}
.xp-h b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xp-h small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xp-v{font-style:normal;display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#1d9bf0;color:#fff;font-size:9px;vertical-align:1px}
.xp-x{font-weight:800;font-size:16px;opacity:.8}
.xp-t{font-size:13.5px;line-height:1.45;margin-top:8px;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.xp-img{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:12px;margin-top:9px;border:1px solid var(--line)}
.xp-q{margin-top:9px;padding:10px;border-radius:12px;border:1px solid var(--line)}
.xp-q .xp-h>img{width:22px;height:22px}.xp-q .xp-t{-webkit-line-clamp:3;font-size:13px}.xp-q .xp-img{max-height:140px}
.xp-pop{position:fixed;z-index:200;pointer-events:none;animation:xpIn .14s ease-out}
.xp-pop .xp{max-width:none;margin:0;padding:18px;background:#fff;color:#0f1419;border:0;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.xp-pop .xp-h small,.xp-pop .xp-q{color:#536471;border-color:#cfd9de}
.xp-pop .xp-h>img{width:44px;height:44px}.xp-pop .xp-h b{font-size:16px}
.xp-pop .xp-t{font-size:17px;line-height:1.5;-webkit-line-clamp:14}
.xp-pop .xp-img{max-height:380px;border-color:#cfd9de}
.xp-pop .xp-q .xp-t{font-size:15px;color:#0f1419}
@keyframes xpIn{from{opacity:0;transform:translateY(4px)}}

/* ===== overnight mobile pass ===== */
@media (max-width:760px){
  /* coin header: compact — price and chart come into view sooner */
  html body .tp-banner{grid-template-columns:auto 1fr!important;grid-template-areas:"bg bg" "av id" "key key"!important}
  html body .tp-banner>.tb-bg{grid-area:bg!important;aspect-ratio:auto!important;height:64px!important}
  html body .tp-banner>.tb-bg.ban{height:86px!important}
  html body .tp-banner>.tb-bg img{width:100%;height:100%;object-fit:cover}
  html body .tp-banner .tb-av{grid-area:av!important;margin:-26px 0 0 12px!important;align-self:start}
  html body .tp-banner .tb-av .av{width:64px!important;height:64px!important;box-shadow:0 0 0 3px #0d0d0f!important}
  html body .tp-banner .tp-id{grid-area:id!important;padding:8px 12px 0 10px!important}
  html body .tp-banner .title-xl{font-size:19px!important}
  html body .tp-banner .hs-pills{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;margin:8px -12px 0 -76px!important;padding:0 12px!important;-webkit-mask:linear-gradient(90deg,#000 92%,transparent)}
  html body .tp-banner .hs-pills::-webkit-scrollbar{display:none}
  html body .tp-banner .hs-pills>*{flex:none}
  html body .tp-banner .tp-key{grid-area:key!important;padding:10px 12px 12px!important}
  html body .tp-banner .tp-key .tax{padding:6px 12px!important}
  html body .tp-banner .tp-key .tax b{font-size:18px!important}
  html body .tp-banner .pairbig{padding:6px 10px!important}
  html body .tp-banner .pairbig .coin{width:26px!important;height:26px!important}
  /* inputs: 16px so iPhone Safari doesn't zoom in on tap */
  input,textarea,select{font-size:16px!important}
  /* callout actions: finger-sized */
  .co-ic,.co-a button{min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center}
  .co-more{padding:8px 0;min-height:34px}
  .tf,.ctog{min-height:36px}
  .trow{min-height:44px}
  .tpf{white-space:nowrap}
  /* callouts card on the coin page */
  .tp-thread .co-gate{padding-left:14px;padding-right:14px;box-sizing:border-box;flex-wrap:wrap;gap:8px}
  .tp-thread .co-gate .btn{max-width:100%}
  /* ranks: crown no longer covers the leader */
  .lb-pod{margin-top:26px}
  .crown{transform:scale(.8);top:-30px!important}
  /* small secondary text stays readable */
  .co small,.co-h small,.trow small{font-size:11px}
  .mnav button span{font-size:10.5px}
}
/* the Launch pill keeps its dark icon when its screen is open */
.mnav button.pri.on{color:#0A0A0B!important}
/* jump links land below the sticky header */
html{scroll-padding-top:76px}
/* iPhone home bar: the bottom nav grows by the safe area instead of being squashed */
@supports (padding:env(safe-area-inset-bottom)){
  @media (max-width:760px){ .mnav{height:calc(64px + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom)!important} body{padding-bottom:calc(72px + env(safe-area-inset-bottom))} }
}
/* coin sites: no app padding, readable headers, a way back */
body.on-site{padding-bottom:0!important}
.cs-comic .cs-brand b,.cs-meme .cs-brand b{color:#111!important}
.cs-comic .cs-top,.cs-meme .cs-top{background:color-mix(in srgb,var(--bg) 92%,transparent)!important}
.cs-back{position:fixed;left:14px;bottom:16px;z-index:50;min-height:40px;padding:0 14px;border-radius:99px;border:1px solid rgba(255,255,255,.25);background:rgba(10,10,12,.78);color:#fff;font:700 13px Manrope,sans-serif;backdrop-filter:blur(10px);cursor:pointer}
.cs-cab{min-height:36px!important}.cs-soc{min-height:40px}
@media (max-width:760px){.ms-top>span:last-child .cs-buy{padding:0 12px!important;letter-spacing:.16em}.ms-mark{font-size:13px!important;letter-spacing:.22em!important;white-space:nowrap;overflow:hidden}.cs-arcade .cs-buy.sm{font-size:8px!important;padding:0 10px}}
.cs>.cs-back{position:fixed!important;z-index:60!important;max-width:none!important;margin:0!important}
@media (max-width:760px){.ms-top{grid-template-columns:1fr auto!important}.ms-top>span:last-child .cs-buy{width:auto!important}}

/* ---------- trenches: New / Graduating / Graduated ---------- */
.trench{padding-top:22px;padding-bottom:40px}
.tn-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.tn-live{width:7px;height:7px;border-radius:99px;background:var(--up);box-shadow:0 0 0 0 rgba(61,220,151,.6);animation:tnPulse 1.8s infinite}
@keyframes tnPulse{70%{box-shadow:0 0 0 7px rgba(61,220,151,0)}100%{box-shadow:0 0 0 0 rgba(61,220,151,0)}}
.tn-f{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tn-tabs{display:none}
.tn-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tn-col{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);min-width:0;display:flex;flex-direction:column;overflow:hidden}
.tn-ch{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:14px 16px 12px;border-bottom:1px solid var(--line)}
.tn-ch b{font-size:15px}
.tn-ch .mono{font-size:12px;color:var(--ice);background:var(--s3);padding:1px 7px;border-radius:99px}
.tn-ch small{width:100%;font-size:12px}
.tn-list{max-height:calc(100vh - 250px);min-height:280px;overflow-y:auto;overscroll-behavior:contain;padding:6px;scrollbar-width:thin}
.tn-empty{padding:32px 14px;text-align:center;font-size:13.5px;line-height:1.5;display:flex;gap:8px;justify-content:center;align-items:center}
.tnrow{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:4px 11px;align-items:center;padding:10px 10px 8px;border-radius:12px;cursor:pointer;transition:background .15s}
.tnrow:hover{background:var(--s2)}
.tnrow+.tnrow{margin-top:2px}
.tnrow.is-new{animation:tnIn .9s ease}
@keyframes tnIn{0%{background:rgba(61,220,151,.22);transform:translateY(-6px);opacity:0}30%{opacity:1;transform:none}100%{background:transparent}}
.trw-pic{width:52px;height:52px;border-radius:12px;overflow:hidden;grid-row:span 2;display:block}
.trw-pic>*{width:100%!important;height:100%!important;border-radius:12px}
.trw-mid{min-width:0;display:flex;flex-direction:column;gap:3px}
.trw-n{display:flex;gap:5px;align-items:center;min-width:0}
.trw-n b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trw-n i{font-style:normal;font-size:12px}
.trw-s{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted);min-width:0;white-space:nowrap}
.trw-s .mono:first-child{color:var(--soft);overflow:hidden;text-overflow:ellipsis}
.trw-age{color:var(--up)}
.trw-tax{font-style:normal;font-family:var(--mono);font-size:10.5px;font-weight:800;color:#0A0A0B;padding:1px 5px;border-radius:5px}
.trw-trap{font-style:normal}
.trw-k{display:flex;gap:10px;font-size:11.5px;color:var(--muted);white-space:nowrap;min-width:0;overflow:hidden}
.trw-k b{color:var(--soft);font-weight:700}
.trw-k .ok{color:var(--up)}.trw-k .bad{color:var(--orange);overflow:hidden;text-overflow:ellipsis}
.trw-r{display:flex;flex-direction:column;align-items:flex-end;gap:5px;align-self:start}
.trw-rb{display:flex;align-items:center;gap:2px}
.trw-r>b{font-size:15px;font-weight:800}
.trw-r .chgpill{margin-left:0;font-size:11px;padding:2px 6px}
.trw-r .chgpill.up{background:rgba(61,220,151,.12)}.trw-r .chgpill.down{background:rgba(242,112,138,.12)}
.trw-star{width:28px;height:24px;border:0;background:none;color:var(--faint);display:inline-flex;align-items:center;justify-content:center;border-radius:8px;margin-right:-6px}
.trw-star svg{width:16px;height:16px}.trw-star.on{color:var(--yellow)}
.trw-bar{grid-column:2/4;display:flex;align-items:center;gap:8px;height:12px}
.trw-bar u{flex:1;height:4px;border-radius:9px;background:var(--s3);overflow:hidden;display:block}
.trw-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--ice-d),var(--ice));transition:width .4s ease}
.trw-bar i.done{background:linear-gradient(90deg,var(--up),#9BF0C8)}
.trw-bar small{font-size:10.5px;color:var(--muted);width:30px;text-align:right}
@media (max-width:1100px) and (min-width:761px){.tn-cols{gap:10px}.tnrow{grid-template-columns:44px minmax(0,1fr) auto}.trw-pic{width:44px;height:44px}.trw-k span:nth-child(2){display:none}}
@media (max-width:760px){
  .trench{padding-top:14px;padding-left:0;padding-right:0}
  .tn-head{padding:0 16px;margin-bottom:12px}
  .tn-tabs{display:flex;position:sticky;top:0;z-index:20;margin:0 16px 10px;background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:3px}
  .tn-tabs button{flex:1;position:relative;z-index:1;min-height:40px;border:0;background:none;color:var(--muted);font-size:13px;font-weight:700;border-radius:9px;white-space:nowrap;touch-action:manipulation}
  .tn-tabs button b{font-size:11px;color:var(--faint);margin-left:2px}
  .tn-tabs button.on{color:var(--ice)}.tn-tabs button.on b{color:var(--ice)}
  .tn-ind{position:absolute;left:3px;top:3px;bottom:3px;width:calc((100% - 6px)/3);border-radius:9px;background:var(--s3);transition:transform .25s ease}
  .tn-cols{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;align-items:flex-start}
  .tn-cols::-webkit-scrollbar{display:none}
  .tn-col{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;background:none;border:0;border-radius:0;padding:0 10px}
  .tn-ch{display:none}
  .tn-list{max-height:none;min-height:50vh;overflow:visible;padding:0}
  .tnrow{padding:10px 8px 8px}
}

/* ---------- notifications ---------- */
.notif{width:min(440px,calc(100vw - 32px));overflow-y:auto}
.notif .terms-h{margin-bottom:14px}
.notif .nt-p{padding:6px 20px 22px;line-height:1.55;margin:0}
.nt-main{display:flex;align-items:center;gap:12px;margin:4px 18px 14px;padding:14px;border-radius:14px;background:var(--s2);border:1px solid var(--line2)}
.nt-main.on{border-color:rgba(61,220,151,.45);background:rgba(61,220,151,.07)}
.nt-main>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.nt-main small{font-size:12.5px}
.nt-bell{font-size:24px}
.nt-opts{display:flex;flex-direction:column;gap:6px;padding:0 18px}
.nt-opt{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--s1);min-height:56px}
.nt-opt:disabled{opacity:.55;cursor:default}
.nt-ic{font-size:19px;width:26px;text-align:center}
.nt-tx{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.nt-tx b{font-size:14px}.nt-tx small{font-size:12px;line-height:1.35}
.nt-sw{flex:none;width:40px;height:24px;border-radius:99px;background:var(--s3);border:1px solid var(--line2);position:relative;transition:background .2s}
.nt-sw::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:99px;background:var(--muted);transition:transform .2s,background .2s}
.nt-opt.on .nt-sw{background:rgba(61,220,151,.3);border-color:rgba(61,220,151,.6)}
.nt-opt.on .nt-sw::after{transform:translateX(16px);background:var(--up)}
.nt-foot{display:block;padding:14px 20px 20px;font-size:11.5px;line-height:1.5}
.nt-ios{padding:4px 20px 22px;line-height:1.55}
.nt-ios ol{margin:10px 0 12px;padding-left:20px}.nt-ios li{margin:4px 0}
.nt-sh{display:inline-block;padding:0 6px;border:1px solid var(--line2);border-radius:6px;font-size:12px}
.nt-btn{font-size:16px}
.wb-acts .btn[data-act=notifOpen]{flex:0 0 auto;padding:0 14px}
.wl-nt{margin-left:auto}
.wl-head .wl-nt+.wl-clear{margin-left:8px}
@media (max-width:760px){.nt-btn{display:none}.wl-nt{min-height:38px;padding:0 12px;font-size:13px}}

/* ---------- TP / SL ---------- */
.bs.bs3{grid-template-columns:1fr 1fr 1.1fr}
.bs .l{font-size:14px!important}.bs .l.on{background:var(--ice);color:#0A0A0B}
.tpsl{display:flex;flex-direction:column;gap:12px}
.tps-mode{display:grid!important;grid-template-columns:1fr 1fr}
.tps-mode button{min-height:38px}
.tps-now{font-size:12.5px;display:flex;gap:6px;align-items:baseline}.tps-now b{color:var(--text)}
.tps-row{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--bg2);display:flex;flex-direction:column;gap:9px}
.tps-row.tp.on{border-color:rgba(61,220,151,.4)}.tps-row.sl.on{border-color:rgba(242,112,138,.4)}
.tps-tg{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;min-height:30px;text-align:left;color:var(--soft)}
.tps-tg i{flex:none;width:34px;height:20px;border-radius:99px;background:var(--s3);border:1px solid var(--line2);position:relative}
.tps-tg i::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:99px;background:var(--muted);transition:transform .2s}
.tps-row.tp.on .tps-tg i{background:rgba(61,220,151,.3)}.tps-row.tp.on .tps-tg i::after{transform:translateX(14px);background:var(--up)}
.tps-row.sl.on .tps-tg i{background:rgba(242,112,138,.3)}.tps-row.sl.on .tps-tg i::after{transform:translateX(14px);background:var(--down)}
.tps-in{display:flex;gap:8px;align-items:center}
.tps-in .inp{flex:1;min-width:0;min-height:44px;font-family:var(--mono);font-size:16px}
.tps-in .seg{flex:none}
.tps-hint{font-size:11.5px;color:var(--muted)}
.tps-amt{display:flex;align-items:center;gap:10px;font-size:12.5px}
.tps-amt .presets{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0}
.tps-amt .presets button.on{border-color:var(--ice);color:var(--ice)}
.tps-sum{font-size:13px;line-height:1.5;padding:10px 12px;border-radius:12px;background:var(--s2);color:var(--soft)}
.tps-sum b{color:var(--text)}
.tps-err{font-size:12.5px;color:var(--orange);margin-top:4px}
#tps-sum>.tps-err{padding:10px 12px;border-radius:12px;background:rgba(255,154,77,.08);margin:0}
.tps-note{margin:4px 0;font-size:13.5px}
.tps-list{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:4px}
.tps-lh{display:flex;justify-content:space-between;align-items:center;font-size:13.5px}
.tps-lh .link{min-height:32px;font-size:13px}
.tps-e{font-size:12.5px;padding:6px 0;display:flex;gap:8px;align-items:center}
.tps-o{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--bg2);font-size:13px}
.tps-o>span{display:flex;gap:8px;font-weight:700}.tps-o em{font-style:normal;font-family:var(--mono);font-size:12.5px}
.tps-o small{flex:1;text-align:right;font-size:11.5px}
.tps-o .link{min-height:32px;font-size:12.5px;color:var(--down)}

/* ---------- phones: coin header TAX + PAIRED cards as an even pair (same width, height, radius, rhythm) ---------- */
@media (max-width:760px){
  html body .tp-banner .tp-key{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:stretch!important}
  html body .tp-banner .tp-key>.liq{grid-column:1/-1}
  html body .tp-banner .tp-key>.tax,html body .tp-banner .tp-key>.pairbig{min-height:62px;height:100%;margin:0!important;border-radius:14px!important;padding:8px 12px!important;box-sizing:border-box;transform:none!important}
  html body .tp-banner .tp-key>.tax{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;align-content:center;column-gap:10px;row-gap:2px;text-align:left}
  html body .tp-banner .tp-key>.tax b{grid-column:1;grid-row:1/4;font-size:26px!important;line-height:1;align-self:center}
  html body .tp-banner .tp-key>.tax small{grid-column:2;display:block!important;font-size:9.5px!important;letter-spacing:.1em!important;line-height:1.15;font-weight:800;white-space:nowrap}
  html body .tp-banner .tp-key>.tax small:first-child{grid-row:1}
  html body .tp-banner .tp-key>.tax small:nth-of-type(2){grid-row:2;opacity:.75}
  html body .tp-banner .tp-key>.tax .spbar{grid-column:2;grid-row:3;display:flex!important;width:100%;height:5px;margin:3px 0 0;border-radius:9px;overflow:hidden}
  html body .tp-banner .tp-key>.pairbig{display:flex!important;align-items:center;gap:10px}
  html body .tp-banner .tp-key>.pairbig .coin,html body .tp-banner .tp-key>.pairbig .av{width:38px!important;height:38px!important;flex:none;animation:none}
  html body .tp-banner .tp-key>.pairbig div{min-width:0}
  html body .tp-banner .tp-key>.pairbig small{font-size:9.5px!important;letter-spacing:.1em!important}
  html body .tp-banner .tp-key>.pairbig b{font-size:20px!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body .tp-banner .tp-key>.pairbig span{display:none}
}
/* phones: chart legend = pair + close + change on one line; scale buttons live in the toolbar; first time label not clipped */
.c-scale-tb{display:none!important}
@media (max-width:760px){
  html body .c-legend{max-width:calc(100% - 70px);font-size:11px;line-height:1.45}
  html body .c-legend .c-lt .muted{display:none}
  html body .c-ohlc{font-size:11px!important;white-space:nowrap}
  html body .c-ohlc .c-ohl{display:none}
  html body .c-scale{display:none!important}
  html body .c-scale-tb{display:inline-flex!important}
  html body .cpanel #chart{padding-left:4px}
}
/* phones: coin page polish */
@media (max-width:760px){
  html body .st-foot b.st-pool{flex-direction:column;align-items:flex-start;gap:1px}
  html body .st-foot b.st-pool em{font-size:11.5px}
  html body .cr-money small{white-space:normal;line-height:1.25;min-height:2.5em;display:flex;align-items:flex-end}
  html body .cr-money b{font-size:12.5px}
  html body .tfilters .seg button{white-space:nowrap}
  html body .tsp-paid .sp-ic{width:18px;height:18px}html body .tsp-paid .sp-ic svg{width:16px;height:16px}
  html body footer .foot{justify-content:flex-start;gap:10px 16px}
  html body footer .foot>span:last-child{margin-left:0!important;width:100%;display:flex;flex-wrap:wrap;gap:4px 18px!important}
  html body footer .foot>span:last-child a{min-height:44px;display:inline-flex;align-items:center;padding:0 2px}
}
/* phones: board polish */
@media (max-width:760px){
  html body #tc .tc-side{width:86px}
  html body #tc .tc-side>*{width:100%;box-sizing:border-box;border-radius:12px!important;min-height:46px}
  html body #tc .tc-pair{justify-content:center;padding:6px 8px!important}
  html body #tc .tc-side .tax{justify-content:center;padding:6px 8px!important}
  html body .fbar2:not(.mopen) .pairrow{display:none}
  html body .pairrow .kicker,html body .pair-head .kicker{white-space:nowrap}
}
/* phones: create page — tax chips in an even 6-column grid (0% = plain coin gets the wide slot), trap durations on one row */
@media (max-width:760px){
  html body .taxf .txrow:not(.sm){display:grid!important;grid-template-columns:repeat(6,1fr);gap:6px}
  html body .taxf .txrow:not(.sm) .txs{min-width:0;min-height:44px;width:100%}
  html body .taxf .txrow:not(.sm) .txs:first-child{grid-column:span 2}
  html body .tc-seg{flex-wrap:nowrap!important}
  html body .tc-seg button{flex:1 1 0;min-width:0;min-height:40px;white-space:nowrap;padding:0 2px}
}
/* coin cards: TAX and PAIR badges share one width and radius */
html body .tch-side{align-items:stretch;width:64px}
html body .tch-side>.tax,html body .tch-side>.pairmini,html body .tch-side>.liq{width:100%;min-width:0;box-sizing:border-box;border-radius:12px;text-align:center}
@media (max-width:760px){html body .tch-side{width:58px}}
html body .lb3-cap em.down{color:var(--down)}html body .lb3-cap em:not(.up):not(.down){color:var(--soft)}
@media (max-width:760px){html body .bh-per button{min-height:34px;min-width:40px;padding:0 8px;font-size:11px}}
/* coin site (phones): bento without holes; the floating "← Trade on treid" never covers the last content */
@media (max-width:760px){
  html body .bn .bn-logo,html body .bn .bn-buy{grid-column:span 2}
  html body .bn .bn-logo{min-height:200px;display:flex!important;align-items:center!important;justify-content:center!important}
  html body .cs{padding-bottom:84px!important}
}
/* tablets / phones: the sticky header is opaque enough that the board never reads through it */
@media (max-width:1100px){html body > #app > header,html body header{background:rgba(8,8,9,.97)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}}
/* creator reputation chip (coin page) */
.dev-rep{display:inline-flex;align-items:center;gap:4px;margin-top:6px;align-self:flex-start;min-height:30px;padding:0 10px;border-radius:99px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--soft);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.dev-rep.good{border-color:rgba(61,220,151,.45);color:#3DDC97;background:rgba(61,220,151,.07)}
.dev-rep.bad{border-color:rgba(242,112,138,.5);color:#F2708A;background:rgba(242,112,138,.08)}
.dh2-n i.rg{font-style:normal;color:#F2708A;font-weight:800}
.tsp-paid .tsp-who{width:100%;color:var(--muted)!important;font-size:12px}
/* deposit / receive sheet */
.recv{width:min(400px,calc(100vw - 32px));overflow-y:auto;padding-bottom:20px!important}
.recv .terms-h{margin-bottom:6px}
.rv-qr{width:220px;height:220px;margin:12px auto 8px;padding:10px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center}
.rv-qr svg{width:100%;height:100%;display:block}
.rv-qr svg rect[fill="#ffffff"],.rv-qr svg rect[fill="white"]{fill:#fff}
.rv-net{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;margin:4px 0}
.rv-p{text-align:center;font-size:12.5px;line-height:1.5;margin:6px 20px 10px}
.rv-addr{display:block;width:calc(100% - 40px);margin:0 20px 10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line2);background:var(--bg2);color:var(--text);font-size:12.5px;word-break:break-all;text-align:center;line-height:1.45}
.rv-copy{display:flex;width:calc(100% - 40px);margin:0 20px}
.rv-bal{display:block;text-align:center;margin-top:10px;font-size:12px}
html body .hdr-right .wbal .wb-acts .btn.pri{display:inline-flex!important}   /* the Deposit button inside the wallet menu is not the header "Launch" button */
/* modals that were already open: live re-renders must not replay the pop-in (looked like the screen shaking) */
.ov-still,.ov-still>*{animation:none!important}
/* logo draws in once per visit; live re-renders must not replay it (it flickered constantly) */
.booted .tr-bar,.booted .tr-stem{animation:none}
.booted .lb-spark .draw{animation:none;stroke-dashoffset:0}   /* sparklines were re-drawing from blank on every live update */
#fxp .fxp-view{cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
/* ---- TP/SL: % sliders + draggable target lines on the chart (GMGN-style) ---- */
.tps-sl{margin-top:10px}
.tps-sl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;margin:0;cursor:pointer;touch-action:pan-y}
.tps-sl input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--c) var(--p,0%),rgba(255,255,255,.1) var(--p,0%))}
.tps-sl input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--c) var(--p,0%),rgba(255,255,255,.1) var(--p,0%))}
.tps-sl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:var(--c);border:3px solid #111113;box-shadow:0 0 0 1px var(--c)}
.tps-sl input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--c);border:3px solid #111113}
.tps-sl.tp{--c:#3DDC97}.tps-sl.sl{--c:#F2708A}
.tps-sk{position:relative;height:18px;margin:0 9px}.tps-sk button{position:absolute;top:0;transform:translateX(-50%);background:none;border:0;padding:2px 0;font:inherit;font-size:10px;color:var(--muted,#6b6b73);cursor:pointer}.tps-sk button:hover{color:var(--c)}
.c-tl{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}
.c-tl .tgl{position:absolute;left:0;right:64px;height:18px;margin-top:-9px;pointer-events:auto;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.c-tl .tgl i{position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--c);opacity:.85}
.c-tl .tgl.tp{--c:#3DDC97}.c-tl .tgl.sl{--c:#F2708A}
.c-tl .tl-p{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:stretch;border:1px solid var(--c);border-radius:4px;background:#111113;color:var(--c);font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden}
.c-tl .tl-p b,.c-tl .tl-p em,.c-tl .tl-p s{padding:2px 7px;font-style:normal;text-decoration:none}
.c-tl .tl-p b{background:color-mix(in srgb,var(--c) 18%,transparent);border-right:1px solid var(--c)}
.c-tl .tl-p s{border-left:1px solid color-mix(in srgb,var(--c) 45%,transparent);color:#cfcfd4;font-weight:600}
.c-tl .tgl:hover i,.c-tl .tgl.drag i{border-top-style:solid;opacity:1}

@media (max-width:760px){.c-tl .tgl{right:52px;height:26px;margin-top:-13px}.c-tl .tl-p{font-size:11.5px}.c-tl .tl-p b,.c-tl .tl-p em,.c-tl .tl-p s{padding:3px 8px}}

.c-tl .tgl.drag,body.tl-drag,body.tl-drag *{cursor:grabbing!important}
.c-tl .tl-p b{display:flex;align-items:center;gap:5px}
.c-tl .tl-p b:before{content:'';width:6px;height:9px;opacity:.7;background:radial-gradient(circle,currentColor 1px,transparent 1.3px) 0 0/3px 3px}

/* GMGN look: outlined tag on a dashed line, a small ring where the line meets the price axis, value only on the axis */
.c-tl .tl-p{background:rgba(17,17,19,.85)!important;color:var(--c)!important;border-radius:3px;left:12%}
.c-tl .tl-p b{background:none!important;border-right:1px solid var(--c)}
.c-tl .tl-p b:before{display:none}
.c-tl .tl-p b,.c-tl .tl-p em{padding:2px 8px}
.c-tl .tgl i{border-top-style:dashed!important}
.c-tl .tgl.drag i{opacity:1}
.c-tl .tgl.drag .tl-p{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent)}
.c-tl .tl-o{position:absolute;right:-4px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;border:1.5px solid var(--c);background:#111113}
.c-tl .tgl.drag .tl-o{background:var(--c)}
/* tag sits near the right edge, just left of the price axis (like GMGN) */
.c-tl .tl-p{left:auto!important;right:70px;transform:translateY(-50%)!important}
@media (max-width:760px){.c-tl .tl-p{right:18px}}
.c-tl .tgl{right:calc(var(--axw,60px) + 6px)!important}
.c-tl .tl-p{right:16px!important}
/* GMGN-size tag: tiny, thin outline, transparent — the price lives on the axis, the % move in the panel */
.c-tl .tl-p{right:120px!important;font-size:9.5px!important;font-weight:700;letter-spacing:.04em;border-radius:2px;border-width:1px;background:rgba(17,17,19,.6)!important;box-shadow:none!important;line-height:1}
.c-tl .tl-p b,.c-tl .tl-p em{padding:3px 6px!important;display:flex;align-items:center}
.c-tl .tl-p b{gap:5px;font-weight:700}
.c-tl .tl-p b:before{display:block!important;content:'';width:1px;height:8px;background:currentColor;opacity:.8;border-radius:0}
.c-tl .tl-p em{opacity:1}
.c-tl .tgl i{border-top-width:1px;opacity:.75}
.c-tl .tl-o{width:7px;height:7px;margin-top:-3.5px;border-width:1px;right:-3px}
.c-tl .tgl.drag .tl-p{box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 22%,transparent)!important}
@media (max-width:760px){.c-tl .tl-p{right:12px!important;font-size:10px!important}.c-tl .tl-p b,.c-tl .tl-p em{padding:4px 7px!important}}
.tps-sl[style*="--lim"]{position:relative}
.tps-sl[style*="--lim"]:after{content:'';position:absolute;top:9px;height:4px;left:var(--lim);right:0;border-radius:4px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 3px,transparent 3px 6px);pointer-events:none}
/* ---- callout rewards ---- */
.co-cred{display:block;margin-top:8px;font-size:12px;color:var(--soft);text-align:center}
.co-cred b{color:#E6CB95}
.co-earn{font-size:11.5px;color:#3DDC97;background:rgba(61,220,151,.08);border:1px solid rgba(61,220,151,.22);border-radius:99px;padding:2px 8px;white-space:nowrap}
.co-earnb{display:flex;gap:10px;align-items:flex-start;margin:0 12px 10px;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,rgba(230,203,149,.10),rgba(230,203,149,.03));border:1px solid rgba(230,203,149,.25);font-size:12.5px;line-height:1.45;color:var(--soft)}
.co-earnb b{color:#F2E3C2}
.co-top{display:flex;flex-direction:column}
.co-toph,.co-topr{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr auto;gap:10px;align-items:center;padding:9px 14px;font-size:12.5px}
.co-toph{font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.co-topr{background:none;border:0;border-top:1px solid var(--line);color:inherit;text-align:left;cursor:pointer}
.co-topr:hover{background:rgba(255,255,255,.03)}
.co-topn{display:flex;align-items:center;gap:8px;min-width:0}.co-topn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-topn em{font-style:normal;color:var(--muted,#6b6b73);width:16px;text-align:right}
.wp-coe{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:12px 24px 0;padding:10px 14px;border-radius:12px;border:1px solid rgba(61,220,151,.2);background:rgba(61,220,151,.05);font-size:13px}
@media (max-width:760px){.wp-coe{margin:10px 14px 0}}
.spk-note .spk-warn{color:#F2B05E;font-weight:700}
.cr-know{margin:14px 0 12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(230,203,149,.25);background:rgba(230,203,149,.05);font-size:12.5px;line-height:1.5;color:var(--soft)}
.cr-know b{color:#F2E3C2}.cr-know ul{margin:6px 0 0;padding-left:18px}.cr-know li{margin:3px 0}
/* your average entry / exit: small tags like the TP/SL ones, value on the price axis */
.c-avg{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}
.avg-tag{position:absolute;right:calc(var(--axw,60px) + 8px);transform:translateY(-50%);font:700 9px var(--mono);letter-spacing:.05em;color:var(--c);border:1px solid var(--c);border-radius:2px;padding:2px 5px;background:rgba(17,17,19,.75);white-space:nowrap}

/* creator rewards: clear countdown, nothing spills out of the tiles */
.cr-cd{padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.02);gap:5px}
.cr-cdt{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
.cr-cdt small{font-size:11px;color:var(--soft);white-space:nowrap}
.cr-cdt span{font-size:12px;color:var(--soft);text-align:right;min-width:0;overflow-wrap:anywhere}.cr-cdt span b{font-size:16px;color:var(--text,#fff);font-weight:700}
.cr-cd.s-y .cr-cdt span b,.cr-cd.s-y .cr-cdt small{color:#FFD15C}.cr-cd.s-r .cr-cdt span b,.cr-cd.s-r .cr-cdt small{color:#FF8C96}
.cr-cdw{font-size:10.5px;margin-top:-3px;text-align:right}
.cr-cd .cr-ticks small{font-size:9.5px}
.cr-money b .cr-u{font-style:normal;font-size:10px;color:var(--muted);font-weight:500}
.cr-money b{font-size:12.5px}
.cr-money small{overflow:hidden;text-overflow:ellipsis}
.cr-cdt span b{font-family:var(--mono,ui-monospace,monospace)}

.upd-pill{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9999;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#1b1b1f;color:#e9e9ec;font-size:13px;box-shadow:0 8px 30px rgba(0,0,0,.5);cursor:pointer;white-space:nowrap}
.upd-pill b{color:#3DDC97}
@media (max-width:700px){.upd-pill{bottom:calc(84px + env(safe-area-inset-bottom))}}

.cto-how{margin:2px 0 10px;padding-left:18px;display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.4;color:var(--soft)}
.cto-how b{color:var(--text,#fff);font-weight:600}
/* wide screens use the whole width (like pump.fun): content grows, the callouts rail stays on the right edge */
@media (min-width:1500px){
  .wrap{max-width:none;padding:0 28px}
  .hdr,.wrap.hdr,header .wrap.hdr{max-width:none;padding:0 28px}
}

/* "Just launched" box fillers */
#i2-fresh{transition:opacity .26s,transform .26s}#i2-fresh.out{opacity:0;transform:translateY(4px)}
.i2-act em{font-style:normal;font-weight:700}.i2-act em.up{color:#3DDC97}.i2-act em.down{color:#F2708A}
.i2-cta{border:1px dashed rgba(255,255,255,.14)!important;background:transparent}
.i2-plus{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.25);color:var(--soft);font-size:18px;flex:none}
.i2-go{font-size:12px;color:var(--ivory,#efe7d6);white-space:nowrap;margin-left:auto}

.ts-view.ts-still{-webkit-mask-image:none;mask-image:none}
/* pair search dropdown on the launch page: right under the search box, compact, scrolls */
.rpp-s{position:relative}
.rpp-s .cpp-drop,.cpp-s .cpp-drop{max-height:300px;overflow-y:auto;overscroll-behavior:contain}

.cpp-it.no{opacity:.45;cursor:not-allowed}.cpp-it.no small{color:#F2708A}.cpp-it.no .rwp-v{display:none}
html,body{overflow-x:clip}
/* tablets: the burn list keeps its 5 key columns inside the screen */
@media (min-width:761px) and (max-width:1050px){.bn-row{grid-template-columns:30px minmax(0,1.2fr) minmax(0,1.4fr) 96px 90px;gap:10px}.bn-row>*:nth-child(6),.bn-row>*:nth-child(7){display:none}}
/* very small phones: trench tabs fit */
@media (max-width:360px){.tn-tabs{margin:0 8px 10px}.tn-tabs button{min-width:0;font-size:11.5px;padding:0 2px}.tn-tabs button b{font-size:10px}}
@media (min-width:761px) and (max-width:1050px){.bn-lg{grid-template-columns:20px minmax(0,1fr) 130px 100px 70px 60px 30px;gap:8px}.bn-lg>*:nth-child(5){display:none}}

/* create page: pair is an advanced one-liner */
.rpp-min .rpp-line{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.rpp-min .rpp-line>.coin{flex:none}.rpp-min .rpp-t{display:flex;flex-direction:column;min-width:0;flex:1}.rpp-min .rpp-line small{color:var(--muted);font-size:11.5px}
.rpp-chg{font-size:12px;white-space:nowrap;color:var(--soft);text-decoration:underline;text-underline-offset:3px}
@media (max-width:480px){.rpp-min .rpp-line{flex-wrap:wrap}.rpp-chg{margin-left:34px}.rpp-min .rpp-t{flex:1 1 200px}}

/* hero: "pay holders in" on its own line, the rolling word below */
.kin{flex-wrap:wrap;row-gap:.06em}.kin .kin-a{flex-basis:100%}

.rpp-det{display:block}.rpp-det summary{cursor:pointer;list-style:none}.rpp-det summary::-webkit-details-marker{display:none}
.rpp-det ul{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--soft)}

.rpp-hot{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.rpp-hl{font-size:12px;font-weight:700;color:var(--gold,#E8C77A);margin-right:4px;white-space:nowrap}
.rpp-more{border-style:dashed!important;color:var(--soft)}
header{z-index:45}   /* above the callouts rail (40): the wallet / notification menus open over it */
/* burn-rate card: fixed size whatever period is picked */
.bh-gauge{min-width:0}
.bh-gauge .bh-shr small{display:block;min-height:2.7em;line-height:1.35}
.bh-gauge .bh-dv{width:100%;min-width:0}
.bh-gauge .bh-dv b,.bh-gauge .bh-mini b,.bh-gauge .bh-mini small{white-space:nowrap;font-variant-numeric:tabular-nums}
.bh-gauge .bh-avg{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.bh-gauge .bh-per button{min-width:34px}
/* creator fees → X / GitHub / another wallet */
.feeto{display:flex;flex-direction:column;gap:8px}
.feeto-q{display:flex;gap:4px;flex-wrap:wrap}
.feeto-q button{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid #2A2A2E;background:#131315;color:var(--muted);font:700 12.5px Manrope,sans-serif;flex:1 1 auto}
.feeto-q button.on{background:var(--ivory);color:#0A0A0B;border-color:var(--ivory)}
.feeto-n{font-size:11.5px;line-height:1.45}.feeto-n b{color:var(--text,#fff)}
.cr-to{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:8px 0 2px;padding:8px 10px;border-radius:10px;background:rgba(127,182,255,.07);border:1px solid rgba(127,182,255,.18);font-size:12.5px}
.cr-to-ic{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#0d0d10;color:#fff;font-weight:800}
.cr-to a{color:#BFD8FF;text-decoration:none}.cr-to a:hover{text-decoration:underline}
.cr-to em{margin-left:auto;font-style:normal;font-size:11px;color:var(--muted)}.cr-to em.ok{color:#3DDC97}
.cr-hlgo{width:100%;margin-top:10px}
.hl-form{margin-top:10px}.hl-form .hl-post{display:inline-flex;margin-left:4px;min-height:30px;padding:0 10px;font-size:12px;vertical-align:middle;text-decoration:none}
.hl-form small{font-size:11px;line-height:1.4}
.cr-hlre{display:block;margin-top:8px;font-size:12px}
@media (max-width:420px){.feeto-q button{flex:1 1 40%}}
/* trending strip: swipe with a finger, drag with a mouse */
.ts-track{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.ts-track.ts-drag{cursor:grabbing}.ts-track.ts-drag .ts-card{pointer-events:none}
.ts-track img{-webkit-user-drag:none;user-drag:none}
/* ===== touch screens: every tap target ≥ ~40px (bigger where there's room, a larger invisible hit area where rows are tight) ===== */
@media (pointer:coarse){
  /* real size bumps */
  .pill.copy2,.pill.cs-pill,.slipbtn,.dev-rep{min-height:40px}
  .iconbtn{min-width:40px;min-height:40px}
  .maker{min-height:36px;display:inline-flex;align-items:center}
  [data-act="lbtab"],[data-act="qpick"],.cpp-q,[data-act="paySol"]{min-height:40px}
  [data-act="star"].btn{min-height:40px}
  [data-act="stf"]{min-height:34px;min-width:40px}
  a.cr-log{min-height:40px;align-items:center}
  .cr-rules>summary{min-height:40px;display:flex;align-items:center;cursor:pointer}
  .feeto-q button{min-height:46px}
  /* invisible hit areas (layout unchanged): taller vertically, never into the neighbour */
  .tape-item,[data-act="tf"],[data-act="ctype"],[data-act="cmode"],[data-act="cden"],[data-act="cscale"],[data-act="cauto"],[data-act="lsort"],[data-act="abs"],[data-act="trendList"],[data-act="social"]{position:relative}
  .tape-item::after,[data-act="tf"]::after,[data-act="ctype"]::after,[data-act="cmode"]::after,[data-act="cden"]::after,[data-act="cscale"]::after,[data-act="cauto"]::after,[data-act="lsort"]::after,[data-act="abs"]::after,[data-act="trendList"]::after{content:'';position:absolute;left:0;right:0;top:-8px;bottom:-8px}
  [data-act="lsort"]::after,[data-act="abs"]::after{top:-14px;bottom:-14px}
  [data-act="trendList"]::after{left:-8px;right:-8px;top:-14px;bottom:-14px}
  [data-act="social"]{padding:12px 10px;margin:-12px -10px}
  .fxp-dots button{min-width:28px;min-height:40px;padding:12px 6px}
  [data-act="czoom"],[data-act="cfull"]{min-width:38px;min-height:38px}
}
/* wallet menu: who + Disconnect at the top, like other launchpads */
.wb-top{justify-content:flex-start;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--line)}
.wb-wic,.wb-top .wb-wi{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;background:#222}
.wb-who{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}.wb-who small{font-size:11.5px}
.wb-who .wb-addr{padding:0;justify-content:flex-start;color:var(--text,#fff);font-size:13px}
.wb-dc2{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 13px;border-radius:11px;border:1px solid rgba(242,112,138,.45);background:rgba(242,112,138,.1);color:#F2708A;font:700 13px Manrope,sans-serif;cursor:pointer;flex:none}
.wb-dc2:hover{background:rgba(242,112,138,.18)}
.wb-bl{padding:12px 18px 0}.wb-bl small{font-size:12px}
@media (pointer:coarse){.wb-dc2{min-height:42px}}
/* phones: the trades table keeps the wallet (who bought / sold) — the pair-token amount, price and link column make room */
@media (max-width:760px){
  .trow{grid-template-columns:36px 46px minmax(0,.85fr) minmax(0,.8fr) minmax(0,1.5fr)!important;gap:6px!important}
  .trow>*:nth-child(7){display:flex!important;flex-wrap:nowrap;align-items:center;justify-content:flex-end;min-width:0;width:100%}
  .trow>*:nth-child(4){display:none!important}
  .trow.h>*:first-child{white-space:nowrap;font-size:11px}
  .trow .maker{min-width:0;padding:2px;font-size:11.5px}
  .trow .maker .bdg{font-size:9px;padding:1px 4px}
  .trow .mk-f{display:none!important}   /* the whole row opens the wallet on a phone */
  .trow.h>*:nth-child(7){text-align:right}
}
@media (max-width:380px){.trow{font-size:11px!important;gap:4px!important;padding:10px 6px!important;grid-template-columns:30px 40px minmax(0,.9fr) minmax(0,.85fr) minmax(0,1.3fr)!important}.trow .maker .av{display:none}}
/* ===== coin page on a computer: everything important fits the first screen (compact header, chart sized to the window) ===== */
@media (min-width:1101px){
  .tp-env>.link[data-act="home"]{min-height:0;padding:0;margin:0 0 8px;font-size:12.5px}
  .tp-banner,.tp-banner:has(.tb-bg.ban){min-height:0!important;padding:12px 18px!important;align-items:center!important;gap:16px!important;margin-top:0!important}
  .tp-banner .tb-av .av{width:68px!important;height:68px!important}
  .tp-banner .title-xl{font-size:24px!important}
  .tp-banner .hs-pills{margin-top:6px!important}
  .tp-banner .tax{padding:6px 12px!important}.tp-banner .tax b{font-size:20px!important}
  .tp-banner .pairbig{padding-top:6px;padding-bottom:6px}
  .tp-grid3{margin-top:12px}
  .tp-grid3 .tp-main,.tp-grid3 .tp-side{gap:12px}
  .kst{padding-top:10px!important;padding-bottom:10px!important}
  .tp-main .cpanel .chartbox{height:clamp(320px,calc(100vh - 440px),680px)}
}
/* callouts column: title + new button on one row, the two tabs full width below (nothing gets cut off) */
.tp-thread .tt-h{flex-wrap:wrap;row-gap:10px}
.tp-thread .tt-h>b{flex:1}
.tp-thread .tt-tabs{order:3;width:100%}
.tp-thread .tt-tabs button{flex:1;justify-content:center;min-width:0}
.tp-thread .tt-tk{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}
/* ===== coin page on a phone: the info block fits the screen width, compact ===== */
@media (max-width:760px){
  html body .tp-env>.link[data-act="home"]{min-height:0!important;padding:0!important;margin:0 0 8px!important;font-size:13px!important}
  html body .tp-env .tp-banner .hs-pills{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:6px!important;margin:8px 0 0!important;padding:0!important;width:auto!important;max-width:100%!important}
  html body .tp-env .tp-banner .hs-pills>*{flex:none;max-width:100%}
  html body .tp-env .tp-banner .hs-pills .pill{min-height:32px!important;font-size:12px!important;padding:0 9px!important;white-space:nowrap}
  html body .tp-env .tp-banner .hs-pills .pill .maker{max-width:118px;padding:0 2px!important;font-size:12px}
  html body .tp-env .tp-banner .tp-key{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px!important;width:auto!important;margin:10px 14px 14px!important}
  html body .tp-env .tp-banner .tp-key>.tax,html body .tp-env .tp-banner .tp-key>.pairbig{min-height:0!important;padding:8px 10px!important;border-radius:14px!important;min-width:0}
  html body .tp-env .tp-banner .tp-key>.tax b{font-size:24px!important}
  html body .tp-env .tp-banner .tp-key>.pairbig .coin,html body .tp-env .tp-banner .tp-key>.pairbig .av{width:32px!important;height:32px!important}
  html body .tp-env .tp-banner .tp-key>.pairbig b{font-size:17px!important}
  html body .tp-env .tp-banner .tp-key>.trapbox,html body .tp-env .tp-banner .tp-key>*:not(.tax):not(.pairbig){grid-column:1/-1}
  html body .tp-env .kst>div{padding-top:9px!important;padding-bottom:9px!important}
}
/* ===== phones: no huge blurred / endlessly animated layers — pinch-zooming them made iOS run out of memory and reload the page ===== */
@media (max-width:760px),(pointer:coarse){
  .aurora{filter:none!important;opacity:.6}
  .aurora>*{animation:none!important;mix-blend-mode:normal!important}
  .tp-glow{display:none!important}
  .tp-env .tk,.tp-env .pill,.tp-env .hs-pills .pill{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .ts-track{will-change:auto}
}
@media (max-width:760px){
  html body .tp-env .tp-banner .hs-pills .pill{max-width:100%;overflow:hidden;min-width:0}
  html body .tp-env .tp-banner .hs-pills .pill .maker span:not(.av):not(.bdg){max-width:74px}
}
@media (max-width:380px){
  html body .tp-env .tp-banner .hs-pills .pill{font-size:11px!important;padding:0 7px!important}
  html body .tp-env .tp-banner .hs-pills .pill .maker .bdg{display:none}
}
/* ===== phones: coin info block — one clean, aligned layout (final word; everything lines up on the same 14px edge) =====
   banner · logo + name · "created … by …" · [CA][Coin site][★][share] · [TAX | PAIRED WITH] */
@media (max-width:760px){
  html body main.tp-env section.tp-banner{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:none!important;column-gap:12px!important;row-gap:0!important;padding:0 0 14px!important;align-items:end!important}
  html body main.tp-env section.tp-banner>.tb-bg{grid-column:1/-1!important;grid-row:1!important}
  html body main.tp-env section.tp-banner>.tb-av{grid-column:1!important;grid-row:2!important;margin:-34px 0 0 14px!important;align-self:end}
  html body main.tp-env section.tp-banner>.tb-av .av{width:72px!important;height:72px!important}
  html body main.tp-env section.tp-banner>.tp-id{display:contents!important}
  html body main.tp-env section.tp-banner .title-xl{grid-column:2!important;grid-row:2!important;padding:8px 14px 2px 0!important;margin:0!important;font-size:21px!important;line-height:1.15!important;min-width:0;align-self:center}
  html body main.tp-env section.tp-banner .tp-id>*:not(.title-xl):not(.hs-pills){grid-column:1/-1!important;margin:8px 14px 0!important}
  html body main.tp-env section.tp-banner .hs-pills{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:12px 14px 0!important;padding:0!important;width:auto!important;overflow:visible!important}
  /* "created 21m ago by 7eKN…" → a quiet info line, first */
  html body main.tp-env section.tp-banner .hs-pills>.pill:not(.copy2):not(.cs-pill){order:-1;flex:1 1 100%;min-height:0!important;padding:0!important;border:0!important;background:none!important;font-size:12.5px!important;color:var(--muted)}
  html body main.tp-env section.tp-banner .hs-pills>.pill:not(.copy2):not(.cs-pill) .maker{color:var(--text);font-size:12.5px}
  html body main.tp-env section.tp-banner .hs-pills>.pill:not(.copy2):not(.cs-pill) .maker span:not(.av):not(.bdg){max-width:none}
  /* the action row: CA takes the free space, the rest are equal-height buttons */
  html body main.tp-env section.tp-banner .hs-pills>.copy2{flex:1 1 auto;justify-content:center;min-height:38px!important;font-size:12.5px!important}
  html body main.tp-env section.tp-banner .hs-pills>.cs-pill{min-height:38px!important;font-size:12.5px!important}
  html body main.tp-env section.tp-banner .hs-pills>.iconbtn{width:38px!important;height:38px!important;min-height:0!important;flex:none}
  html body main.tp-env section.tp-banner .hs-pills>.soc,html body main.tp-env section.tp-banner .hs-pills>.socials{order:5;display:flex;gap:6px}
  /* TAX | PAIRED WITH: two equal cards on the same edges */
  html body main.tp-env section.tp-banner .tp-key{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:12px 14px 0!important;padding:0!important;width:auto!important}
  html body main.tp-env section.tp-banner .tp-key>.tax,html body main.tp-env section.tp-banner .tp-key>.pairbig{min-height:58px!important;margin:0!important;padding:8px 12px!important;border-radius:14px!important}
  html body main.tp-env section.tp-banner .tp-key>*:not(.tax):not(.pairbig){grid-column:1/-1}
}
@media (max-width:380px){
  html body main.tp-env section.tp-banner .hs-pills>.cs-pill{padding:0 9px!important}
  html body main.tp-env section.tp-banner .title-xl{font-size:19px!important}
}
@media (max-width:760px){
  html body main.tp-env section.tp-banner .tp-id>*:not(.title-xl):not(.hs-pills){grid-row:3!important}
  html body main.tp-env section.tp-banner .hs-pills{grid-row:4!important}
  html body main.tp-env section.tp-banner .tp-key{grid-row:5!important}
  html body main.tp-env section.tp-banner .hs-pills>.pill:not(.copy2):not(.cs-pill) .maker{max-width:none!important}
}
@media (max-width:380px){
  html body main.tp-env section.tp-banner .hs-pills{gap:6px!important}
  html body main.tp-env section.tp-banner .hs-pills>.copy2,html body main.tp-env section.tp-banner .hs-pills>.cs-pill{padding:0 8px!important;font-size:11px!important;min-height:34px!important}
  html body main.tp-env section.tp-banner .hs-pills>.iconbtn{width:34px!important;height:34px!important}
}
@media (max-width:760px){
  html body main.tp-env section.tp-banner .hs-pills{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center}
  html body main.tp-env section.tp-banner .hs-pills>.pill:not(.copy2):not(.cs-pill),html body main.tp-env section.tp-banner .hs-pills>.soc,html body main.tp-env section.tp-banner .hs-pills>.socials{grid-column:1/-1}
  html body main.tp-env section.tp-banner .hs-pills>.copy2{min-width:0;overflow:hidden;white-space:nowrap}
}
@media (max-width:760px){
  .trow>*:nth-child(4){display:block!important}
  .trow>*:nth-child(5){display:none!important}
}
@media (max-width:760px){
  /* the full-width rows must never widen the action-row columns (iOS fonts are wider than in tests) */
  html body main.tp-env section.tp-banner .hs-pills{grid-template-columns:minmax(0,1fr) auto 38px 38px!important;width:auto!important;max-width:calc(100% - 28px)!important}
  html body main.tp-env section.tp-banner .hs-pills>*{min-width:0!important;max-width:100%}
  html body main.tp-env section.tp-banner .hs-pills>.pill:not(.copy2):not(.cs-pill){white-space:normal!important;flex-wrap:wrap;overflow:hidden;row-gap:2px}
  html body main.tp-env section.tp-banner .hs-pills>.iconbtn{width:38px!important;min-width:0!important}
  html body main.tp-env section.tp-banner .hs-pills>.soc:empty,html body main.tp-env section.tp-banner .hs-pills>.socials:empty{display:none!important}
}
.ts-card.ts-in{animation:tsIn .7s ease-out}
@keyframes tsIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
/* trades table (computer): maker sits at the right edge next to the txn link, like dexscreener */
@media (min-width:761px){
  .trow>*:nth-child(7){display:flex;justify-content:flex-end;text-align:right;min-width:0}
  .trow.h>*:nth-child(7){display:block;text-align:right}
  .trow .mk-cell{width:100%}
}
/* the coin ticker now sits under the header (header with search on the very top, like pump.fun) */
header + .tape{position:relative;z-index:1}
/* phones: the coin action row is a fixed grid now, so the old right-edge fade mask (from the scrolling version) must go — it hid the share button */
@media (max-width:760px){
  html body main.tp-env section.tp-banner .hs-pills{-webkit-mask:none!important;mask:none!important;overflow:visible!important}
}
/* ===== coin page on a computer: the coin banner sits in the middle column (between callouts and buy/sell) with MC, volume, liquidity,
   holders and ATH inside it like pump.fun — banner look, TAX and PAIRED WITH kept ===== */
.tb-kpi{display:none}
@media (min-width:761px){
  .tp-main>.tp-banner{margin:0!important}
  .tp-main>.kst{display:none!important}
  .tp-banner .tb-kpi{display:flex;align-items:flex-end;gap:22px;margin-left:auto;flex:none;padding:0 4px}
  .tb-kpi>div{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}
  .tb-kpi small{font-size:11px;color:rgba(255,255,255,.62)}
  .tb-kpi b{font-size:15px;font-weight:700;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
  .tb-kpi .big b{font-size:24px;font-weight:800;display:flex;align-items:center;gap:8px}
  .tb-kpi .chgpill{font-size:11px}
  .tp-banner .tp-key{margin-left:0!important}
  .tp-banner .tp-id{flex:1 1 auto;min-width:0}
  .tp-banner .tb-av{order:1}.tp-banner .tp-id{order:2}.tp-banner .tp-key{order:3}
  .tp-banner .hs-pills{flex-wrap:wrap}
}
/* middle column too narrow for one row: the numbers go on their own row, spread out */
@media (min-width:761px){
  .tp-banner .tb-kpi{order:5;width:100%;margin:6px 0 0;justify-content:space-between;padding:10px 4px 0;border-top:1px solid rgba(255,255,255,.08)}
  .tb-kpi>div{align-items:flex-start}
}
/* final word for the banner in the middle column (computer): logo | name + links | TAX + PAIRED WITH, numbers strip underneath */
@media (min-width:761px){
  html body main.tp-env .tp-main section.tp-banner{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"av id key" "kpi kpi kpi"!important;align-items:center!important;column-gap:16px!important;row-gap:12px!important;padding:14px 16px 0!important;min-height:0!important;flex-wrap:nowrap!important}
  html body main.tp-env .tp-main section.tp-banner>.tb-bg{grid-area:auto!important}
  html body main.tp-env .tp-main section.tp-banner>.tb-av{grid-area:av!important;margin:0!important;align-self:center}
  html body main.tp-env .tp-main section.tp-banner>.tb-av .av{width:64px!important;height:64px!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-id{grid-area:id!important;min-width:0!important;flex:none!important}
  html body main.tp-env .tp-main section.tp-banner .title-xl{font-size:24px!important}
  html body main.tp-env .tp-main section.tp-banner .hs-pills{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:6px 0 0!important;width:auto!important;padding:0!important}
  html body main.tp-env .tp-main section.tp-banner .hs-pills .pill{min-height:30px!important;font-size:12px!important;padding:0 10px!important}
  html body main.tp-env .tp-main section.tp-banner .hs-pills .iconbtn{width:30px!important;height:30px!important;min-height:0!important;min-width:0!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key{grid-area:key!important;display:flex!important;gap:8px!important;margin:0!important;width:auto!important;align-self:center}
  html body main.tp-env .tp-main section.tp-banner>.tb-kpi{grid-area:kpi!important;display:flex!important;justify-content:space-between;align-items:flex-end;width:auto!important;margin:0 -16px!important;padding:10px 18px 12px!important;border-top:1px solid rgba(255,255,255,.08);background:rgba(8,8,10,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  html body main.tp-env .tp-main section.tp-banner>.tb-kpi>div{align-items:flex-start}
}
@media (min-width:761px) and (max-width:1250px){
  html body main.tp-env .tp-main section.tp-banner{grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"av id" "key key" "kpi kpi"!important}
}
/* ===== trades table: sortable + filterable headers (dexscreener style), trader at the right edge next to the Solscan link ===== */
.trow.h .th{display:flex;align-items:center;gap:4px;min-width:0}
.trow.h .th.r{justify-content:flex-end}
.trow.h .th-l{min-height:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;white-space:nowrap}
.trow.h .th-l:hover{color:var(--text)}
.trow.h .th.sorted .th-l{color:var(--text)}
.trow.h .th-f{display:inline-grid;place-items:center;min-height:0;width:20px;height:20px;padding:0;border:0;border-radius:6px;background:none;color:var(--faint);cursor:pointer;opacity:.75;font-size:11px}
.trow.h .th-f:hover{opacity:1;color:var(--text);background:rgba(255,255,255,.06)}
.trow.h .th-f.on{opacity:1;color:#7FB6FF;background:rgba(127,182,255,.14)}
.trow .maker .bdg{margin:0 2px 0 0}
@media (min-width:761px){
  .trow{grid-template-columns:minmax(64px,.7fr) minmax(70px,.7fr) minmax(84px,1fr) minmax(76px,1fr) minmax(84px,1fr) minmax(104px,1.1fr) minmax(190px,1.6fr) 40px!important;gap:12px!important}
  .trow .mk-cell{justify-content:flex-end;gap:2px}
  .trow .mk-f{opacity:.35}
  .trow:hover .mk-f,.trow .mk-f.on{opacity:1}
  .trow>*:nth-child(8){justify-self:end}
}
.tp-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tp-chips .chip{min-height:30px;font-size:12px}
.modal.tpm{width:min(440px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;padding:0 0 16px!important;overflow:hidden}
.tpm-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
.tpm-h b{font-size:15px}
.modal.tpm>*:not(.tpm-h){margin:0 16px}
.tpm-pre{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.tpm-pre button{min-height:42px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);font:700 13px Manrope,sans-serif;cursor:pointer}
.tpm-pre button:hover{border-color:rgba(255,255,255,.25)}
.tpm-pre button.on{background:var(--ivory);color:#0b0b0c;border-color:var(--ivory)}
.tpm-in{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#0d0d10}
.tpm-in span{padding:0 12px;color:var(--muted);font-size:12.5px;min-width:44px}
.tpm-in input{flex:1;min-width:0;border:0!important;background:none!important;border-radius:0!important;min-height:44px}
.tpm-in em{font-style:normal;padding:0 12px;color:var(--muted);font-size:12px;border-left:1px solid var(--line);align-self:stretch;display:flex;align-items:center;background:rgba(255,255,255,.03)}
.tpm-f{display:flex;justify-content:center;gap:10px;padding-top:4px}
.tpm-f .btn{min-width:110px}
.tpm-me{align-self:flex-start;font-size:12.5px}
.modal.tpm small{font-size:11.5px;line-height:1.45}
@media (max-width:760px){.trow.h .th-f{width:24px;height:24px}}
/* the middle banner has the banner's own shape (1500×500 = 3:1) with the uploaded banner as its background; info on top, numbers along the bottom */
@media (min-width:761px){
  html body main.tp-env .tp-main section.tp-banner{aspect-ratio:3/1;max-height:400px;min-height:220px;grid-template-rows:auto 1fr auto!important;grid-template-areas:"av id key" ". . ." "kpi kpi kpi"!important;align-items:start!important;overflow:hidden!important}
  html body main.tp-env .tp-main section.tp-banner>.tb-bg{position:absolute!important;inset:0!important;z-index:0!important}
  html body main.tp-env .tp-main section.tp-banner>.tb-bg.ban img{width:100%;height:100%;object-fit:cover;object-position:center}
  html body main.tp-env .tp-main section.tp-banner::after{background:linear-gradient(180deg,rgba(8,8,10,.72) 0%,rgba(8,8,10,.15) 38%,rgba(8,8,10,.1) 62%,rgba(8,8,10,.55) 100%)!important}
  html body main.tp-env .tp-main section.tp-banner>.tb-kpi{grid-row:3!important;align-self:end;background:rgba(8,8,10,.66)!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key{align-self:start}
  html body main.tp-env .tp-main section.tp-banner .title-xl{text-shadow:0 2px 12px rgba(0,0,0,.7)!important}
}
@media (min-width:761px) and (max-width:1250px){
  html body main.tp-env .tp-main section.tp-banner{aspect-ratio:auto;grid-template-rows:auto auto auto!important;grid-template-areas:"av id" "key key" "kpi kpi"!important}
}
/* banner block: the 3:1 banner shape only when the coin has a banner image — without one it stays compact (no big blurred empty area) */
@media (min-width:761px){
  html body main.tp-env .tp-main section.tp-banner:not(:has(.tb-bg.ban)){aspect-ratio:auto!important;min-height:0!important;grid-template-rows:auto auto!important;grid-template-areas:"av id key" "kpi kpi kpi"!important}
  html body main.tp-env .tp-main section.tp-banner:not(:has(.tb-bg.ban))>.tb-bg{opacity:.55!important}
  /* the numbers: five equal cells with thin dividers instead of five islands spread across the width */
  html body main.tp-env .tp-main section.tp-banner>.tb-kpi{display:grid!important;grid-template-columns:1.4fr repeat(4,1fr);gap:0!important;padding:0!important}
  html body main.tp-env .tp-main section.tp-banner>.tb-kpi>div{padding:10px 16px 11px;border-left:1px solid rgba(255,255,255,.07);align-items:flex-start!important;justify-content:flex-end}
  html body main.tp-env .tp-main section.tp-banner>.tb-kpi>div:first-child{border-left:0}
}
@media (min-width:761px){
  /* the 3:1 shape is a minimum: when the middle column is narrow and the info wraps, the block grows instead of cutting the numbers off */
  html body main.tp-env .tp-main section.tp-banner{overflow:visible!important}
  html body main.tp-env .tp-main section.tp-banner>.tb-bg{border-radius:inherit;overflow:hidden!important}
  html body main.tp-env .tp-main section.tp-banner::after{border-radius:inherit}
  html body main.tp-env .tp-main section.tp-banner>.tb-kpi{border-radius:0 0 inherit inherit;border-bottom-left-radius:18px;border-bottom-right-radius:18px}
}
/* filter windows: everything sits 18px in from the edges */
html body .modal.tpm{padding:0 18px 18px!important;gap:14px!important}
html body .modal.tpm>*{margin-left:0!important;margin-right:0!important}
html body .modal.tpm>.tpm-h{margin:0 -18px!important;padding:14px 18px!important}
html body .modal.tpm>.inp{width:100%;min-height:46px}
html body .modal.tpm>.tpm-f{padding-top:6px}
@media (min-width:761px){html body main.tp-env .tp-main section.tp-banner{min-height:auto!important;max-height:none!important}}
@media (min-width:1600px){html body main.tp-env .tp-main section.tp-banner:has(.tb-bg.ban){max-height:420px!important}}
/* ===== coin banner (computer) — composed like a profile header: banner art fills the block, TAX + PAIRED WITH top-right,
   big logo + name + links anchored bottom-left over a soft dark fade, numbers strip at the very bottom. Same 3:1 block for every coin. ===== */
@media (min-width:761px){
  html body main.tp-env .tp-main section.tp-banner,html body main.tp-env .tp-main section.tp-banner:not(:has(.tb-bg.ban)){
    aspect-ratio:3/1!important;min-height:auto!important;max-height:none!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;
    grid-template-areas:". . key" ". . ." "av id id" "kpi kpi kpi"!important;column-gap:16px!important;row-gap:0!important;padding:16px 20px 0!important;align-items:end!important}
  html body main.tp-env .tp-main section.tp-banner::after{background:linear-gradient(180deg,rgba(8,8,10,.35) 0%,rgba(8,8,10,0) 28%,rgba(8,8,10,.05) 45%,rgba(8,8,10,.78) 82%,rgba(8,8,10,.9) 100%)!important}
  html body main.tp-env .tp-main section.tp-banner:not(:has(.tb-bg.ban))>.tb-bg{opacity:.8!important;filter:blur(18px) saturate(1.3)!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key{grid-area:key!important;align-self:start!important;justify-self:end}
  html body main.tp-env .tp-main section.tp-banner>.tb-av{grid-area:av!important;align-self:end!important;margin:0 0 14px!important}
  html body main.tp-env .tp-main section.tp-banner>.tb-av .av{width:92px!important;height:92px!important;box-shadow:0 0 0 4px rgba(10,10,12,.9),0 10px 30px rgba(0,0,0,.6)!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-id{grid-area:id!important;align-self:end!important;padding-bottom:16px}
  html body main.tp-env .tp-main section.tp-banner .title-xl{font-size:32px!important;line-height:1.1!important;padding:0!important}
  html body main.tp-env .tp-main section.tp-banner .hs-pills{margin-top:10px!important}
  html body main.tp-env .tp-main section.tp-banner>.tb-kpi{grid-area:kpi!important;margin:0 -20px!important}
}
@media (min-width:761px) and (max-width:1250px){
  html body main.tp-env .tp-main section.tp-banner,html body main.tp-env .tp-main section.tp-banner:not(:has(.tb-bg.ban)){grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:". key" ". ." "av id" "kpi kpi"!important}
  html body main.tp-env .tp-main section.tp-banner>.tb-av .av{width:72px!important;height:72px!important}
  html body main.tp-env .tp-main section.tp-banner .title-xl{font-size:26px!important}
}
@media (min-width:761px) and (max-width:1560px){
  html body main.tp-env .tp-main section.tp-banner .hs-pills{gap:5px!important}
  html body main.tp-env .tp-main section.tp-banner .hs-pills .pill{font-size:11.5px!important;padding:0 8px!important;min-height:28px!important}
  html body main.tp-env .tp-main section.tp-banner .hs-pills .iconbtn{width:28px!important;height:28px!important}
  html body main.tp-env .tp-main section.tp-banner .title-xl{font-size:28px!important}
}
@media (min-width:761px) and (max-width:1560px){
  html body main.tp-env .tp-main section.tp-banner .hs-pills{flex-wrap:nowrap!important;min-width:0}
  html body main.tp-env .tp-main section.tp-banner .hs-pills>*{flex:none}
  html body main.tp-env .tp-main section.tp-banner .hs-pills>.pill:not(.copy2):not(.cs-pill){flex:0 1 auto;min-width:0;overflow:hidden}
  html body main.tp-env .tp-main section.tp-banner .hs-pills>.pill:not(.copy2):not(.cs-pill) .maker{min-width:0}
}

@media (min-width:761px){html body main.tp-env .tp-main section.tp-banner .hs-pills>.pill{white-space:nowrap}}
@media (min-width:761px){
  /* banner coins: 1500×500 shape, but never taller than ~40% of the window (the chart stays on the first screen) */
  html body main.tp-env .tp-main section.tp-banner:has(.tb-bg.ban){aspect-ratio:3/1!important;max-height:max(260px,42vh)!important}
  /* no banner image: compact header, no giant blurred logo */
  html body main.tp-env .tp-main section.tp-banner:not(:has(.tb-bg.ban)){aspect-ratio:auto!important;grid-template-rows:auto auto!important;grid-template-areas:"av id key" "kpi kpi kpi"!important;padding-top:16px!important}
  html body main.tp-env .tp-main section.tp-banner:not(:has(.tb-bg.ban))>.tp-key{align-self:center!important}
  html body main.tp-env .tp-main section.tp-banner:not(:has(.tb-bg.ban))>.tb-av{margin:0 0 16px!important}
}
@media (min-width:761px) and (max-width:1250px){
  html body main.tp-env .tp-main section.tp-banner:not(:has(.tb-bg.ban)){grid-template-areas:"av id" "key key" "kpi kpi"!important}
}
/* ===== banners: slim 4:1, any landscape picture, drag to position ===== */
.ident-ban{aspect-ratio:4/1!important;max-height:200px}
.ident-ban.has-crop{display:block;cursor:default;padding:0}
.ban-crop{position:relative;width:100%;aspect-ratio:4/1;border-radius:inherit;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;background:#0d0d10}
.ban-crop.drag{cursor:grabbing}
.ban-crop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ban-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:6px 12px;border-radius:99px;background:rgba(8,8,10,.62);color:#fff;font:700 12px Manrope,sans-serif;pointer-events:none;opacity:.9;transition:opacity .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ban-crop.drag .ban-hint,.ban-crop:hover .ban-hint{opacity:0}
.ban-chg{position:absolute;right:10px;top:10px;z-index:2;padding:5px 11px;border-radius:99px;background:rgba(8,8,10,.7);color:#fff;font:700 11.5px Manrope,sans-serif;cursor:pointer}
.ident-ban.has-crop{position:relative}
.ban-edit-btn{position:absolute;left:14px;top:12px;z-index:3;min-height:0;height:28px;padding:0 11px;border-radius:99px;border:1px solid rgba(255,255,255,.18);background:rgba(8,8,10,.6);color:#fff;font:700 12px Manrope,sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ban-edit-btn:hover{background:rgba(8,8,10,.8)}
.modal.ban-m{width:min(720px,calc(100vw - 32px))}
.ban-m .ban-crop{border-radius:14px}
.ban-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:4/1;border-radius:14px;border:1.5px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.02);cursor:pointer;color:var(--soft)}
.ban-pick:hover{border-color:rgba(216,195,160,.6)}
.ban-pick small{font-size:11.5px;color:var(--muted)}
@media (min-width:761px){html body main.tp-env .tp-main section.tp-banner:has(.tb-bg.ban){aspect-ratio:4/1!important;max-height:max(230px,32vh)!important}}
@media (min-width:761px){html body main.tp-env .tp-main section.tp-banner .ban-edit-btn{grid-area:auto}}
html body .modal.tpm.ban-m{width:min(720px,calc(100vw - 32px))!important;max-width:none!important}
/* phones: smaller trending cards */
@media (max-width:760px){
  /* trending strip: smaller cards */
  .ts{margin:14px 0 4px!important}
  .ts-card{width:138px!important;height:172px!important}
  .ts-card .ts-n{font-size:13px}
}

/* the "Live on Solana" pill above the headline */
.hx-live{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:5px 11px 5px 9px;border-radius:99px;border:1px solid rgba(61,220,151,.25);background:rgba(61,220,151,.07);color:#9FE9C6;font:700 11.5px Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase}
/* ===== top meme card: swipe on phones + dots ===== */
#tc{touch-action:pan-y}
.tc-dots{display:none}
@media (max-width:760px){
  .tc-dots{display:flex;justify-content:center;gap:5px;padding:0 0 10px;position:relative;z-index:2}
  .tc-dots i{width:5px;height:5px;border-radius:99px;background:rgba(255,255,255,.22);transition:width .25s,background .25s}
  .tc-dots i.on{width:16px;background:rgba(255,255,255,.85)}
}
/* ===== side fades only where there is more to scroll (no shadow over the first/last item) ===== */
html body .tw-scroll,html body .pr-rail,html body .chips,html body .cats,html body .cpp-quick,html body .qpairs{-webkit-mask-image:none;mask-image:none}
html body .fx-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)!important;mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)!important}
html body .fx-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px)!important;mask-image:linear-gradient(90deg,transparent,#000 32px)!important}
html body .fx-l.fx-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent)!important}
/* ===== phones: nothing shows above the header (Safari's see-through top bar) ===== */
@media (max-width:1100px){
  html body header::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:240px;background:#08080a;pointer-events:none}
  html{background-color:#08080a}
}
/* coin banner (computer): TAX (its full look: %, BUY & SELL, reward split bar) stacked above PAIRED WITH — same width, centred together on the right, vertically in the middle of the banner */
@media (min-width:761px){
  html body main.tp-env .tp-main section.tp-banner>.tp-key{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:210px!important;justify-self:end!important;align-self:center!important;grid-row:1/3!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key>.tax{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center;gap:2px;padding:12px 14px!important;border-radius:16px!important;margin:0!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key>.tax b{font-size:34px!important;line-height:1}
  html body main.tp-env .tp-main section.tp-banner>.tp-key>.tax small{font-size:10.5px!important;letter-spacing:.14em}
  html body main.tp-env .tp-main section.tp-banner>.tp-key>.tax .spbar,html body main.tp-env .tp-main section.tp-banner>.tp-key>.tax>div:last-child{display:flex!important;width:100%;height:6px;margin-top:6px;border-radius:9px;overflow:hidden}
  html body main.tp-env .tp-main section.tp-banner>.tp-key>.pairbig{display:flex!important;align-items:center;justify-content:center;gap:12px;padding:12px 14px!important;border-radius:16px!important;margin:0!important;min-width:0;background:rgba(10,10,12,.72)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  html body main.tp-env .tp-main section.tp-banner>.tp-key>.pairbig .coin,html body main.tp-env .tp-main section.tp-banner>.tp-key>.pairbig .av{width:44px!important;height:44px!important;flex:none}
  html body main.tp-env .tp-main section.tp-banner>.tp-key>.pairbig>div{min-width:0;text-align:left}
  html body main.tp-env .tp-main section.tp-banner>.tp-key>.pairbig b{font-size:22px!important;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  html body main.tp-env .tp-main section.tp-banner>.tp-key>.pairbig span{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* ================= HOME "LIVE ARENA" ================= */
.intro3.ar{display:grid!important;grid-template-columns:minmax(380px,560px) minmax(0,1fr)!important;gap:26px!important;align-items:stretch!important;padding:26px 26px 0!important;overflow:hidden;
  background:radial-gradient(120% 140% at 0% 0%,rgba(216,195,160,.08),transparent 55%),linear-gradient(180deg,#0E0E10,#09090B)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:22px!important}
.intro3.ar>.aurora{display:none}
.ar-txt{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:6px 0 26px;min-width:0}
.ar-txt .kin,.ar-txt .i3-p,.ar-txt .i3-cta{margin:0!important}
.ar-st{display:flex}.ar-st span{display:flex;flex-direction:column;gap:2px;padding:0 22px;border-left:1px solid rgba(255,255,255,.08)}.ar-st span:first-child{padding-left:0;border-left:0}
.ar-st b{font-size:20px;font-weight:700;color:var(--text)}.ar-st small{font-size:12px;color:var(--muted)}
.ar-spot{position:relative;border-radius:18px!important;overflow:hidden;border:1px solid rgba(255,255,255,.1)!important;background:#0D0D0F!important;padding:0!important;margin:0 0 26px!important;min-height:320px;display:flex}
.ar-card{position:relative;flex:1;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:22px 24px!important;cursor:pointer;color:#fff;min-width:0;height:auto!important}
.ar-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.ar-bg img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:transform 6s ease}
.ar-card:hover .ar-bg img{transform:scale(1.04)}
.ar-bg:not(.ban) .av{position:absolute;left:60%;top:50%;width:130%!important;height:auto!important;aspect-ratio:1;transform:translate(-50%,-50%);filter:blur(60px) saturate(1.4);opacity:.5}
.ar-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,11,.94) 0%,rgba(9,9,11,.6) 45%,rgba(9,9,11,.25) 100%),linear-gradient(180deg,transparent 55%,rgba(9,9,11,.8))}
.ar-l,.ar-r{position:relative;z-index:1;min-width:0}
.ar-l{display:flex;flex-direction:column;gap:16px;justify-content:center}
.ar-k{display:inline-flex;align-items:center;gap:8px;font:800 11px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.ar-id{display:flex;align-items:center;gap:14px;min-width:0}
.ar-id .av{width:64px!important;height:64px!important;flex:none;box-shadow:0 0 0 3px rgba(10,10,12,.85),0 8px 24px rgba(0,0,0,.5)}
.ar-id>span{display:flex;flex-direction:column;min-width:0}
.ar-id b{font-size:26px;font-weight:800;line-height:1.1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ar-id small{color:#E6D3AE;font-weight:700;font-size:13px}
.ar-mc small{font-size:12px;color:rgba(255,255,255,.6);display:block}
.ar-mc b{font-size:38px;font-weight:800;display:flex;align-items:baseline;gap:12px;line-height:1.1}
.ar-mc em{font-style:normal;font-size:15px}.ar-mc em.up{color:var(--up)}.ar-mc em.down{color:var(--down)}
.ar-kv{display:flex;gap:24px;flex-wrap:wrap}
.ar-kv>span{display:flex;flex-direction:column;gap:2px}
.ar-kv small{font-size:11.5px;color:rgba(255,255,255,.55)}
.ar-kv b{font-size:15px;display:inline-flex;align-items:center;gap:6px}
.ar-tax{color:#FFD98A}
.ar-r{display:flex;align-items:center}
.ar-ch{display:block;width:100%;height:200px}.ar-ch svg{width:100%;height:100%;display:block}
.ar-spot .tc-timer{z-index:2}
.ar-spot .tc-dots{position:absolute;right:20px;bottom:16px;z-index:2;display:flex;gap:6px}
.ar-spot .tc-dots i{width:7px;height:7px;border-radius:9px;background:rgba(255,255,255,.3)}.ar-spot .tc-dots i.on{width:22px;background:#fff}
/* trades flowing underneath */
.ar-tape{grid-column:1/-1;margin:0 -26px;border-top:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.015);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.ar-tr{display:flex;width:max-content;animation:arTape 60s linear infinite}
.ar-tr.still{animation:none;padding-left:26px}
.ar-tape:hover .ar-tr{animation-play-state:paused}
@keyframes arTape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ar-ti{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border:0;background:none;color:var(--soft);font:500 13px Manrope,sans-serif;white-space:nowrap;cursor:pointer;min-height:0}
.ar-ti:hover{color:#fff}
.ar-ti .av{width:20px!important;height:20px!important}
.ar-ti b{font-weight:800}.ar-ti b.up{color:var(--up)}.ar-ti b.down{color:var(--down)}
.ar-ti .mono{color:#fff;font-weight:700}
.ar-ti small{color:var(--muted);font-size:12px}
@media (max-width:1250px){.intro3.ar{grid-template-columns:1fr!important}.ar-txt{padding-bottom:0}}
@media (max-width:760px){
  .intro3.ar{padding:16px 14px 0!important;gap:14px!important}
  .ar-txt{gap:12px}.ar-txt .i3-p{display:none}.ar-st b{font-size:16px}.ar-st span{padding:0 14px}
  .ar-spot{min-height:0;margin-bottom:14px!important}
  .ar-card{grid-template-columns:1fr;gap:10px;padding:14px!important}
  .ar-id .av{width:46px!important;height:46px!important}.ar-id b{font-size:19px}
  .ar-mc b{font-size:26px}.ar-kv{gap:16px}.ar-kv b{font-size:13px}
  .ar-ch{height:90px}.ar-r{margin:0 -14px}
  .ar-tape{margin:0 -14px}.ar-ti{padding:11px 14px;font-size:12px}
}
@media (min-width:761px){
  html body main.tp-env .tp-main section.tp-banner>.tp-key{position:absolute!important;right:20px;top:calc(50% - 34px);transform:translateY(-50%);z-index:3;width:196px!important;gap:8px!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key>.tax{padding:9px 12px!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key>.tax b{font-size:28px!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key>.pairbig{padding:9px 12px!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key>.pairbig .coin,html body main.tp-env .tp-main section.tp-banner>.tp-key>.pairbig .av{width:38px!important;height:38px!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key>.pairbig b{font-size:20px!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-id{padding-right:224px!important}
  html body main.tp-env .tp-main section.tp-banner{min-height:300px!important}
}
@media (min-width:761px){html body main.tp-env .tp-main section.tp-banner>.tp-key{top:calc(50% - 33px)!important;bottom:auto!important;margin:0!important}}
@media (min-width:761px){html body main.tp-env .tp-main section.tp-banner>.tp-key{grid-area:auto!important;grid-row:auto!important;grid-column:auto!important}}
/* copycat badge: our own vampire-face icon */
.vamp-ic{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.2em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.vampb .vamp-ic,.mr-v .vamp-ic,.ts-vamp .vamp-ic{width:20px;height:20px}
.cs-warn .vamp-ic{width:18px;height:18px;margin-right:4px}
/* new-callout window: image button right under the text, compact one-line tip */
.co-tbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.co-tbar .co-cnt{margin:0!important}
.co-imgb2{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:10px;border:1px solid rgba(216,195,160,.4);background:rgba(216,195,160,.08);color:#EAD9B8;font:700 12.5px Manrope,sans-serif;cursor:pointer}
.co-imgb2:hover{background:rgba(216,195,160,.16)}
.co-imgb2 svg{width:16px;height:16px}
.co-tip2{display:flex;align-items:flex-start;gap:10px;margin:0 18px 12px;padding:9px 10px 9px 12px;border-radius:10px;background:rgba(61,220,151,.06);border:1px solid rgba(61,220,151,.18)}
.co-tip2 p{margin:0;flex:1;font-size:12.5px;line-height:1.45;color:var(--soft)}.co-tip2 p b{color:#fff}.co-tip2 i{color:var(--muted)}
.co-tipi{font-size:14px;line-height:1.3}
.co-tipx{min-height:0;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer;flex:none}.co-tipx:hover{color:#fff;background:rgba(255,255,255,.06)}
.co-mf{justify-content:flex-end}
.intro3.ar{padding-bottom:0!important}
/* arena: a banner too small for this size is shown soft (blurred, darker) instead of pixelated */
.ar-bg.low img{filter:blur(14px) saturate(1.3);transform:scale(1.12);opacity:.45}
.ar-card:hover .ar-bg.low img{transform:scale(1.14)}
/* arena banner is a soft ambient backdrop (any banner quality looks good at this size); the coin's logo + numbers stay sharp in front */
.ar-bg img{filter:blur(4px) saturate(1.2);transform:scale(1.04);opacity:.5}
.ar-card:hover .ar-bg img{transform:scale(1.07)}
/* arena card v2: content on the left; the coin's chart runs along the whole bottom edge as a soft area (from the left edge to the right), the banner stays a quiet backdrop */
.ar-card{display:flex!important;flex-direction:column;justify-content:center;min-height:300px;padding:24px 28px 92px!important}
.ar-l{max-width:560px;gap:14px}
.ar-r{position:absolute!important;left:0;right:0;bottom:0;height:52%;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.35) 0%,#000 30%);mask-image:linear-gradient(90deg,rgba(0,0,0,.35) 0%,#000 30%)}
.ar-ch{height:100%!important}
.ar-l{z-index:2}
.ar-bg img{opacity:.38!important;filter:blur(6px) saturate(1.15)!important}
.ar-bg::after{background:linear-gradient(90deg,rgba(9,9,11,.95) 0%,rgba(9,9,11,.7) 40%,rgba(9,9,11,.45) 100%),linear-gradient(180deg,rgba(9,9,11,.2),rgba(9,9,11,.75))!important}
.ar-spot{max-height:380px}
@media (max-width:760px){.ar-card{padding:14px 14px 70px!important;min-height:0}.ar-r{height:42%}}
.ar-card{align-items:stretch!important;justify-content:space-between!important;padding:22px 28px 0!important;text-align:left}
.ar-l{align-self:flex-start!important;align-items:flex-start;width:100%;max-width:none}
.ar-r{position:relative!important;left:auto;right:auto;bottom:auto;height:110px;margin:14px -28px 0;-webkit-mask-image:none;mask-image:none}
.ar-spot .tc-dots{top:22px;bottom:auto;right:24px}
@media (max-width:760px){.ar-card{padding:14px 14px 0!important}.ar-r{height:70px;margin:10px -14px 0}}
/* burnery: four tubes (devs, holders, tax burns, buybacks) */
.bh-stage{grid-template-columns:300px minmax(0,1fr) 250px}
.bh-tubes{gap:6px!important}
.bh-tube b{font-size:12.5px}
@media (max-width:980px){.bh-stage{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.bh-stage{grid-template-columns:1fr}}
/* burnery: equal side columns, so the fire and the counter sit exactly under the title */
.bh-stage{grid-template-columns:300px minmax(0,1fr) 300px!important}
@media (max-width:980px){.bh-stage{grid-template-columns:1fr 1fr!important}}
@media (max-width:760px){.bh-stage{grid-template-columns:1fr!important}}
/* burn window: centred and symmetric */
.hm.bt{width:min(520px,100%)!important;padding:26px 24px 24px!important;text-align:center}
.bt-h{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:6px;margin-bottom:18px!important}
.bt-ic{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:radial-gradient(circle at 50% 60%,rgba(255,120,40,.35),rgba(255,120,40,.06));border:1px solid rgba(255,140,60,.35);font-size:28px;margin-bottom:4px}
.bt-h b{font-size:20px}
.bt-h small{max-width:380px;color:var(--muted);font-size:13px;line-height:1.5}
.bt-x{position:absolute!important;right:-8px;top:-10px}
.hm.bt .bt-empty{align-items:center;text-align:center;padding:4px 0 0}
.hm.bt .bt-empty p{max-width:360px}
.hm.bt .bt-empty .btn{min-width:180px}
.hm.bt .bt-coins{justify-content:center}
.hm.bt .bt-row,.hm.bt .bt-sum{text-align:left}
/* ===== Locked launch: dev bag in a Jupiter Lock escrow ===== */
.dlk{margin-top:10px;padding:13px 14px;border-radius:14px;border:1px solid #26262A;background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:10px}
.dlk.on{border-color:rgba(61,220,151,.35);background:linear-gradient(180deg,rgba(61,220,151,.06),rgba(61,220,151,.015))}
.dlk-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dlk-h b{font-size:14px}.dlk-h .muted{font-size:12px}
.dlk-q{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dlk-q button{min-height:42px;border-radius:11px;border:1px solid #2A2A2E;background:#131315;color:var(--muted);font:700 12.5px var(--mono)}
.dlk-q button.on{background:#3DDC97;color:#06140D;border-color:#3DDC97}
.dlk-off{font-size:12px;color:var(--soft)}
.dlk-tl{display:flex;gap:3px;height:46px}
.dlk-seg{border-radius:9px;padding:6px 9px;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden}
.dlk-seg b{font-size:12.5px;white-space:nowrap}.dlk-seg small{font-size:10.5px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlk-seg.l{background:rgba(61,220,151,.18);color:#7FF0BE;border:1px solid rgba(61,220,151,.35)}
.dlk-seg.u{background:repeating-linear-gradient(90deg,rgba(61,220,151,.13) 0 6px,rgba(61,220,151,.05) 6px 9px);color:#BDF5DB;border:1px solid rgba(61,220,151,.2)}
.dlk-ax{position:relative;display:flex;justify-content:space-between;font-size:10.5px;color:var(--soft);margin-top:-5px;height:14px}
.dlk-ax span[style]{position:absolute;top:0;transform:translateX(-50%)}
.dlk-facts{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);line-height:1.45}
.dlk-facts b{color:var(--ivory)}
.lkb{display:inline-flex;align-items:center;gap:3px;vertical-align:middle;margin-left:7px;padding:2px 7px;border-radius:6px;font-size:10px;background:rgba(8,32,22,.92);border:1px solid rgba(61,220,151,.4);color:#7FF0BE;cursor:help;-webkit-text-fill-color:currentColor;text-shadow:none}
.lkb b{font:800 9.5px var(--mono);letter-spacing:.06em}
.lkb.un{background:rgba(40,30,6,.92);border-color:rgba(255,209,92,.35);color:#FFD15C}
.lkbar{margin:10px 0;display:flex;align-items:center;gap:14px;padding:11px 16px;border-radius:14px;background:linear-gradient(90deg,rgba(61,220,151,.1),rgba(61,220,151,.03));border:1px solid rgba(61,220,151,.32)}
.lk-ic{font-size:18px}
.lk-t{display:flex;flex-direction:column;min-width:0}
.lk-t b{font-size:13px;color:#7FF0BE}.lk-t span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-tr{position:relative;flex:1;min-width:80px;max-width:340px;height:6px;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(61,220,151,.25) 0 4px,rgba(61,220,151,.08) 4px 6px)}
.lk-tr .cl{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:#3DDC97}
.lk-tr .nw{position:absolute;top:-4px;width:3px;height:14px;margin-left:-1px;border-radius:2px;background:var(--ivory);box-shadow:0 0 0 2px rgba(0,0,0,.5)}
.lk-a{font-size:11.5px;font-weight:700;color:#7FF0BE;white-space:nowrap;text-decoration:none}
.lk-a:hover{text-decoration:underline}
.lkfix{margin:8px 0 2px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 14px;border-radius:12px;border:1px solid rgba(255,209,92,.45);background:rgba(255,209,92,.10);color:#FFD15C;font-weight:500;font-size:12.5px;cursor:pointer;text-align:left}
.lkfix b{font-weight:700}.lkfix em{font-style:normal;font-weight:700;padding:5px 12px;border-radius:9px;background:#FFD15C;color:#1a1400;white-space:nowrap}
@media (max-width:640px){.lkbar{display:grid;grid-template-columns:auto 1fr auto;row-gap:10px}.lk-tr{grid-column:1/-1;max-width:none;order:3}.lk-t span{white-space:normal}.dlk-q button{font-size:11.5px}}
/* arena card: the coin's info is big and fills the left side, centred top-to-bottom (sizes follow the card's own width) */
@media (min-width:761px){
  .ar-card{container-type:inline-size;justify-content:center!important;min-height:320px}
  .ar-l{flex:1;justify-content:center!important;gap:clamp(12px,1.6cqi,16px)!important;padding:0}
  .ar-k{font-size:clamp(11px,1.3cqi,15px)}
  .ar-id{gap:clamp(14px,2cqi,24px)}
  .ar-id .av{width:clamp(64px,7.5cqi,84px)!important;height:clamp(64px,7.5cqi,84px)!important}
  .ar-id b{font-size:clamp(26px,3.4cqi,38px)}
  .ar-id small{font-size:clamp(13px,1.3cqi,16px)}
  .ar-mc small{font-size:clamp(12px,1.4cqi,16px)}
  .ar-mc b{font-size:clamp(36px,5.2cqi,56px);gap:14px}
  .ar-mc em{font-size:clamp(14px,1.6cqi,19px)}
  .ar-kv{gap:clamp(22px,3cqi,40px)}
  .ar-kv small{font-size:clamp(11.5px,1.3cqi,15px)}
  .ar-kv b{font-size:clamp(15px,1.7cqi,20px);gap:8px}
  .ar-kv b .coin{width:clamp(16px,2.2cqi,26px)!important;height:clamp(16px,2.2cqi,26px)!important}
}
@media (min-width:761px){   /* the chart sits on the right, behind — the info on the left keeps the full height */
  .ar-r{position:absolute!important;left:36%;right:0;bottom:0;height:64%;margin:0!important;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%);mask-image:linear-gradient(90deg,transparent 0%,#000 28%)}
  .ar-card{padding:22px 28px!important}
}
/* arena card: info column + the usual TAX block next to it */
.ar-l{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:clamp(24px,4cqi,56px)!important}
.ar-info{display:flex;flex-direction:column;gap:clamp(12px,1.6cqi,16px);min-width:0}
.ar-taxb{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 18px;border-radius:16px;min-width:clamp(110px,12cqi,150px);color:#0A0A0B;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.ar-taxb small{font:800 10px var(--mono);letter-spacing:.14em}
.ar-taxb b{font-size:clamp(26px,3.2cqi,38px);font-weight:800;line-height:1.05}
.ar-taxb .ar-bs{font-size:9px;letter-spacing:.06em}
.ar-taxb .split-bar,.ar-taxb [class*=spl]{margin-top:6px;width:100%}
@media (max-width:760px){.ar-l{gap:14px!important}.ar-taxb{padding:8px 10px;min-width:84px;border-radius:12px}.ar-taxb b{font-size:22px}.ar-info{gap:10px}}
/* arena card: TAX and PAIRED WITH as two small blocks in the same row as 24h vol / holders */
.ar-kv{align-items:center}
.ar-kv>.ar-tx{flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 12px 6px;border-radius:11px;color:#0A0A0B;min-width:76px}
.ar-tx small{font:800 8.5px var(--mono)!important;letter-spacing:.14em;color:rgba(10,10,11,.7)!important}
.ar-tx b{font-size:19px!important;font-weight:800;line-height:1.05;color:#0A0A0B}
.ar-tx .spbar{width:100%;margin-top:3px}
.ar-kv>.ar-pr{flex-direction:row;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:11px;background:rgba(20,20,24,.82);border:1px solid rgba(255,255,255,.1)}
.ar-pr>span{display:flex;flex-direction:column;gap:1px}
.ar-pr small{font:800 8.5px var(--mono)!important;letter-spacing:.12em;color:rgba(255,255,255,.55)!important}
.ar-pr b{font-size:15px!important;line-height:1.1}
@media (max-width:760px){.ar-kv{gap:10px 14px!important}.ar-tx b{font-size:16px!important}.ar-pr b{font-size:13px!important}}
.ar-kv>.ar-tx,.ar-kv>.ar-pr{height:46px;box-sizing:border-box}
.ar-kv>.ar-tx{height:auto;min-height:46px}
.ar-tx .spbar.mini{flex:none!important;height:6px!important;min-width:56px;margin-top:4px;background:rgba(0,0,0,.25);padding:1px;border-radius:99px}
.ar-tx .spbar.mini i{display:block;height:100%}
/* wallet picker: detected wallets + the other popular Solana wallets */
.wdet{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7FF0BE;background:rgba(61,220,151,.12);border:1px solid rgba(61,220,151,.3);padding:3px 8px;border-radius:7px}
.wsep{display:flex;align-items:center;gap:10px;margin:4px 0;color:var(--muted);font-size:12px}.wsep::before,.wsep::after{content:"";flex:1;height:1px;background:var(--line)}
.wnone{display:flex;flex-direction:column;gap:3px;padding:4px 2px 2px}.wnone b{font-size:14.5px}.wnone span{font-size:13px;color:var(--muted)}
.wrest{display:flex;flex-direction:column;gap:8px;max-height:min(46vh,420px);overflow:auto}
.wopt2{min-height:52px;font-size:14.5px;color:#fff;text-decoration:none;background:rgba(255,255,255,.025)}
.wget{font-size:12px;font-weight:700;color:var(--muted)}
.wopt2:hover .wget{color:#fff}
.wini{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;font:800 16px Manrope,sans-serif;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.wl-deep .wini{width:32px;height:32px;border-radius:9px;font-size:14px}
.wopt2 .wl-ic.sm{width:34px;height:34px;border-radius:10px}
.ar-kv>.ar-tx,.ar-kv>.ar-pr{height:54px!important;min-height:0!important;box-sizing:border-box;align-self:center}
.ar-kv>.ar-tx{padding:4px 12px!important;justify-content:center}
/* board card: activity tiles (risk checks live on the coin page) */
.rk-t.lv-n{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09);cursor:default}
.rk-t.lv-n .rk-l{color:var(--muted);letter-spacing:.06em}
/* hero rolling word: room for descenders (g, y, p) — the soft fade only touches the very edges */
.kin-slot{height:1.32em!important;-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent)!important;mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent)!important}
.kin-w{height:1.32em!important;padding-bottom:.06em;box-sizing:border-box}
/* holder rewards token, next to the TAX block */
.rwin{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:2px 7px 2px 5px;border-radius:99px;background:rgba(10,10,11,.82);color:#fff;font-size:10.5px;line-height:1;white-space:nowrap;max-width:100%}
.rwin .coin,.rwin .av{flex:none;border-radius:50%}
.rwin b{font:800 10.5px var(--mono)!important;color:#fff!important;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
.pairbig.rwbig{background:linear-gradient(135deg,rgba(61,220,151,.2),rgba(61,220,151,.06));border-color:rgba(61,220,151,.45);cursor:default}
.pairbig.rwbig small{color:#9FF3CC}
.pairbig.rwbig span{font-size:11px;color:rgba(255,255,255,.65)}
@media (max-width:760px){.tp-banner .tp-key .rwbig{grid-column:1/-1}}
.tch-side .tax .rwin{padding:2px 6px 2px 3px;gap:3px}
.tch-side .tax .rwin b{font-size:9.5px!important;max-width:44px}
.tch-side .tax:has(.rwin){min-width:0}
.tch-side .tax .rwin{max-width:none}
@media (min-width:761px){
  html body main.tp-env .tp-main section.tp-banner>.tp-key:has(.rwbig){top:50%!important;transform:translateY(calc(-50% - 33px))!important;gap:6px!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key:has(.rwbig) .tax{padding:5px 12px!important;min-height:0!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key:has(.rwbig) .tax b{font-size:22px!important;line-height:1.1}
  html body main.tp-env .tp-main section.tp-banner>.tp-key:has(.rwbig) .pairbig{padding:4px 12px 4px 5px!important;min-height:0!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key:has(.rwbig) .pairbig .coin,html body main.tp-env .tp-main section.tp-banner>.tp-key:has(.rwbig) .pairbig .av{width:32px!important;height:32px!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key:has(.rwbig) .pairbig b{font-size:17px!important}
  html body main.tp-env .tp-main section.tp-banner>.tp-key:has(.rwbig) .pairbig div>span{display:none}
}
html body .tch-side:has(.rwin){width:86px}
@media (max-width:760px){html body .tch-side:has(.rwin){width:80px}}
.ar-kv>.ar-rw{background:rgba(12,32,23,.85);border-color:rgba(61,220,151,.4)}
.ar-rw small{color:#9FF3CC!important}
/* phones: the chart sits softly behind the bottom of the card, so a coin without a chart leaves no empty band (all slides are the same height) */
@media (max-width:760px){
  .ar-card{padding:14px 14px 16px!important}
  .ar-r{position:absolute!important;left:0;right:0;bottom:0;height:46%!important;margin:0!important;z-index:1;opacity:.5;pointer-events:none}
  .ar-l{position:relative;z-index:2}
}
@media (max-width:760px){
  .ar-kv{flex-wrap:wrap;gap:10px 12px!important}
  .ar-kv>.ar-tx,.ar-kv>.ar-pr{height:48px!important}
  .ar-kv>.ar-tx{min-width:62px;padding:3px 9px!important}
  .ar-kv>.ar-pr{padding:5px 10px 5px 6px}
  .ar-pr .coin,.ar-pr .av{width:22px!important;height:22px!important}
  .ar-pr small{font-size:7.5px!important}
}
@media (max-width:760px){
  .ar-kv{display:grid!important;grid-template-columns:auto auto;justify-content:start;gap:10px 14px!important}
  .ar-kv>.ar-rw{grid-column:1/-1;justify-self:start}
}
/* ✓ X: the coin's X account confirmed */
.xb{display:inline-flex;align-items:center;vertical-align:middle;margin-left:7px;padding:2px 7px;border-radius:6px;font:800 10px var(--mono);background:rgba(10,10,12,.9);border:1px solid rgba(255,255,255,.35);color:#fff;-webkit-text-fill-color:#fff;text-shadow:none;cursor:help}
.xfix{border-color:rgba(255,255,255,.3)!important;background:rgba(255,255,255,.06)!important;color:#fff!important}
.xcm{display:flex;flex-direction:column;gap:14px;width:min(460px,100%)}
.xcm-go{text-align:center;text-decoration:none}
.xcm-l{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}
.xcm-l input{width:100%}
.xcm-err{font-size:12.5px;color:#F7A2B3;background:rgba(242,112,138,.1);border:1px solid rgba(242,112,138,.3);padding:8px 10px;border-radius:10px}
.tc-warn{margin-top:8px;font-size:12px;line-height:1.45;color:#FFDE85;background:rgba(255,209,92,.08);border:1px solid rgba(255,209,92,.25);padding:8px 10px;border-radius:10px}
/* create: starting market cap (Standard / Pro start) */
.stp-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stp{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:13px 14px;border-radius:14px;border:1px solid #2A2A2E;background:#131315;color:var(--text);cursor:pointer;font:inherit}
.stp:hover{border-color:#3A3A40}
.stp.on{border-color:var(--ivory);background:linear-gradient(180deg,rgba(237,233,225,.07),rgba(237,233,225,.02));box-shadow:0 0 0 1px var(--ivory) inset}
.stp-h{display:flex;align-items:center;gap:8px}.stp-h b{font-size:14.5px}
.stp-h em{font:800 9px var(--mono);letter-spacing:.1em;font-style:normal;color:#06140D;background:#3DDC97;padding:2px 6px;border-radius:5px}
.stp-mc{font-size:20px;font-weight:800;color:#fff}.stp-mc i{font-style:normal;color:var(--muted);font-size:15px}
.stp small{font-size:11px;color:var(--muted);margin-top:-3px}
.stp ul{margin:6px 0 0;padding-left:16px;font-size:12px;color:var(--soft);line-height:1.5}
.stp-n{display:block;margin-top:8px;font-size:12px;line-height:1.45}
@media (max-width:560px){.stp-row{grid-template-columns:1fr}}
.stp-mc u{text-decoration:none;font-size:13px;color:var(--muted);margin-left:2px}
.stp-g{display:grid;grid-template-columns:auto auto auto;justify-content:start;column-gap:12px;row-gap:1px;align-items:baseline;margin-top:4px}
.stp-g em{font-style:normal;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.stp-g b{font-size:20px;font-weight:800;color:#fff}.stp-g i{font-style:normal;color:var(--muted)}
.stp-g1{display:flex;flex-direction:column;gap:1px;margin-top:4px}
.stp-g1 em{font-style:normal;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.stp-g1 b{font-size:24px;font-weight:800;color:#fff}.stp-g1 u{text-decoration:none;font-size:13px;color:var(--muted)}
/* burnery: leaderboard and live burns side by side on wide screens, tighter columns, readable type pills */
.bn-src{display:inline-flex;align-items:center;gap:5px;justify-self:start;max-width:100%;padding:3px 9px;border-radius:99px;background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);font-size:11px!important}
.bn-row{font-size:13.5px}.bn-row .bn-c b{font-size:14px}.bn-bar b{font-size:13px}
.bn-lg{font-size:13px}.bn-lg .bn-c b{font-size:13.5px}
@media (max-width:760px){.bn-src{font-size:10px!important;padding:2px 7px}.bn-src em{display:none}}
.pv-trap2{margin:0;font-size:12px}
/* burnery lists: readable width, a visible track behind each bar, live burns as clear rows */
.bn-wrap{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.bn-wrap>section{margin:0!important}
.bn-stk{background:rgba(255,255,255,.05);border-radius:99px;padding:0}
.bn-bar b{min-width:52px;text-align:right}
.bn-lg2{display:grid;grid-template-columns:40px minmax(0,1fr) 150px 70px 48px 32px;gap:14px;align-items:center;padding:10px 8px;border-bottom:1px solid var(--line);position:relative}
.bn-lg2::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--c);opacity:.8}
.bn-lg2:hover{background:rgba(255,170,70,.035)}
.bl-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:color-mix(in srgb,var(--c) 14%,transparent);margin-left:6px}
.bl-coin{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}
.bl-coin>span{display:flex;flex-direction:column;min-width:0}
.bl-coin b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl-src{font-style:normal;font-size:11.5px;font-weight:700;color:var(--c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bl-src i{font-style:normal;color:var(--faint);font-weight:500}
.bl-amt{display:flex;flex-direction:column;align-items:flex-end}
.bl-amt b{font-size:15px;color:#FFD2A8}.bl-amt small{font-size:11px;color:var(--muted)}
.bl-usd{text-align:right;font-weight:700;color:#FFB15C}
.bl-t{text-align:right;color:var(--muted);font-size:12px}
.bn-lg2.big .bl-amt b{color:#FFB15C;text-shadow:0 0 12px rgba(255,140,40,.45)}
@media (max-width:760px){.bn-lg2{grid-template-columns:34px minmax(0,1fr) 100px 40px;gap:8px}.bn-lg2 .bl-usd,.bn-lg2 .txb{display:none}.bl-ic{width:28px;height:28px;margin-left:4px;font-size:13px}.bl-amt b{font-size:13px}}
/* ===== Burnery v2: a calm analytics header (title, total, sources, daily chart) ===== */
.bx{max-width:1180px;margin:8px auto 22px;display:flex;flex-direction:column;gap:18px}
.bx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.bx-head h1{margin:6px 0 6px;font:800 clamp(30px,3vw,42px)/1.05 Manrope,sans-serif;letter-spacing:-.03em}
.bx-head p{margin:0;max-width:620px;color:var(--muted);font-size:14.5px;line-height:1.55}
.bx-cta{flex:none;min-height:44px;padding:0 20px}
.bx-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px}
.bx-main{position:relative;min-height:340px;border-radius:18px;border:1px solid rgba(255,170,70,.18);background:radial-gradient(120% 90% at 50% 100%,rgba(255,110,30,.16),transparent 60%),#0E0B0A;overflow:hidden}
.bx-main .bn-fire{position:absolute!important;inset:0;min-height:0!important;overflow:hidden!important;opacity:.85}
.bx-main .bn-pit{bottom:6%!important}
.bx-main .bn-now{top:auto!important;bottom:14px!important}
.bx-tot{position:relative;z-index:2;padding:26px 28px;display:flex;flex-direction:column;gap:4px;pointer-events:none}
.bx-tot small{font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,210,168,.7)}
.bx-tot b{font-size:clamp(44px,5vw,64px);font-weight:800;line-height:1.05;color:#FFE2C2;text-shadow:0 0 30px rgba(255,140,40,.35)}
.bx-tot span{font-size:13px;color:rgba(255,255,255,.6)}
.bx-side{display:flex;flex-direction:column;gap:14px}
.bx-card{padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--card,#121214);display:flex;flex-direction:column;gap:12px}
.bx-ch{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.bx-ch b{font-size:14px}.bx-ch small{font-size:12px;color:var(--muted)}
.bx-stk{display:flex;gap:2px;height:10px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.05)}
.bx-src{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.bx-src>div{display:grid;grid-template-columns:10px 1fr auto;column-gap:8px;align-items:center;font-size:13px}
.bx-src i{width:9px;height:9px;border-radius:3px}.bx-src b{font-size:13px}
.bx-src small{grid-column:2/-1;font-size:11px;color:var(--muted)}
.bx-days{display:grid;grid-template-columns:repeat(14,1fr);gap:4px;height:72px;align-items:end}
.bx-days span{height:100%;display:flex;align-items:flex-end}
.bx-days u{display:flex;flex-direction:column-reverse;width:100%;border-radius:4px 4px 2px 2px;overflow:hidden;background:rgba(255,255,255,.06);text-decoration:none}
.bx-days i{display:block;width:100%}
.bx-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);padding-top:10px}
.bx-kv small{display:block;font-size:11px;color:var(--muted)}.bx-kv b{font-size:16px}
@media (max-width:900px){.bx-grid{grid-template-columns:1fr}.bx-head{flex-direction:column;align-items:flex-start}.bx-main{min-height:260px}}
.bx-main .bh-sup,.bx-main .bh-left{display:none!important}
@media (max-width:900px){
  .bx-main{min-height:380px}
  .bx-main .bn-fire{top:150px!important}
  .bx-main .bn-now{display:none!important}
  .bx-src{grid-template-columns:1fr}
}
/* keep the "Who's burning" tubes in the new layout */
.bx-side .bh-side{position:static!important;width:auto!important;max-width:none!important;margin:0!important;padding:16px 18px!important;border-radius:16px;border:1px solid var(--line);background:var(--card,#121214);transform:none!important}
.bx-side .bh-tubes{justify-content:space-between}
.bx-main{min-height:420px}
.bx-tr{display:flex;align-items:flex-start;gap:34px;flex-wrap:wrap}
.bx-tr>div{display:flex;flex-direction:column;gap:4px}
.bx-usd b{font-size:clamp(30px,3.2vw,42px)!important;color:#FFB15C!important;text-shadow:0 0 24px rgba(255,140,40,.3)}
.bh-tusd{color:#FFB15C!important;font-weight:700}
.bx-kv em{display:block;font-style:normal;font-size:12px;color:#FFB15C;margin-top:1px}
@media (max-width:900px){.bx-main{min-height:470px}.bx-main .bn-fire{top:215px!important}}
/* burnery (classic layout): daily burns panel on the right, value under the counter, wider side panels */
.bh-act .bx-card{padding:0;border:0;background:none;gap:12px}
.bh-act .bx-days{height:110px}
.bh-val{display:block;margin-top:4px;font-size:13px;color:rgba(255,255,255,.65);letter-spacing:0}
.bh-val em{font-style:normal;font-size:20px;font-weight:800;color:#FFB15C;margin-right:4px}
@media (min-width:1400px){.bh-stage{grid-template-columns:360px minmax(0,1fr) 360px!important}}
.bh-top p{max-width:640px}
.bn-scale{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;color:var(--faint);margin-left:6px;font-size:10.5px}
.bh-side.bh-act{padding:16px 18px 14px;border-radius:20px;background:linear-gradient(180deg,rgba(255,140,60,.06),rgba(255,255,255,.012));border:1px solid #2E231C;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);align-self:center}
.bh .bh-sup{display:none!important}
@media (max-width:980px){.bh-side.bh-act{flex-direction:column}}
.bh .bh-left{display:none!important}
.bd-seg{transform:scale(.88);transform-origin:right center}.bd-seg button{padding:5px 10px;font-size:12px}
.bx-ax{display:flex;justify-content:space-between;font-size:10.5px;color:var(--faint);margin-top:-6px}
.bx-kv4{grid-template-columns:repeat(4,1fr)}.bx-kv4 b{font-size:14px}
.bh-act .bx-ch{flex-direction:column;align-items:stretch;gap:10px}
.bd-seg{transform:none;display:grid!important;grid-template-columns:repeat(4,1fr);width:100%}.bd-seg button{white-space:nowrap}
.bn-more{display:block;width:100%;margin-top:10px;padding:11px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--soft);font-weight:700;cursor:pointer}.bn-more:hover{color:#fff;border-color:#3A3A40}
.tg-live{font:800 10px var(--mono);letter-spacing:.08em;color:#3DDC97;align-self:flex-start}
.tg-pre{font:800 9.5px var(--mono);letter-spacing:.1em;color:#FFD15C;border:1px solid rgba(255,209,92,.4);background:rgba(255,209,92,.08);padding:3px 7px;border-radius:6px;align-self:flex-start}
.tg .bh-dv b em{font-style:normal;font-size:13px;color:var(--muted);font-weight:600}
.tg-note{display:block;font-size:11px;color:var(--faint);text-align:center}
/* burn rate meter, calmer labels */
.bh-dvu{display:block;font-size:13px;color:#FFB15C;font-weight:700;margin-top:2px}
.bh-lvl{display:inline-block;margin-top:8px;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700;border:1px solid}
.bh-lvl.q{color:var(--muted);border-color:#2E2E33;background:rgba(255,255,255,.03)}
.bh-lvl.w{color:#7FF0BE;border-color:rgba(61,220,151,.35);background:rgba(61,220,151,.08)}
.bh-lvl.h{color:#FFD15C;border-color:rgba(255,209,92,.35);background:rgba(255,209,92,.08)}
.bh-lvl.f{color:#FF8C5A;border-color:rgba(255,120,60,.45);background:rgba(255,120,60,.1)}

/* holders-paid-in block: same look as PAIRED WITH; DEV OUT badge brighter */
.pairbig.rwbig{background:linear-gradient(135deg,rgba(163,177,194,.22),rgba(232,232,234,.12))!important;border-color:rgba(163,177,194,.45)!important}
.pairbig.rwbig small{color:#C3CCD8!important}
.ar-kv>.ar-rw{background:rgba(20,20,24,.82)!important;border-color:rgba(255,255,255,.1)!important}.ar-rw small{color:rgba(255,255,255,.55)!important}
.crb.out{background:#E5484D!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#FF6B70!important;box-shadow:0 0 0 1px rgba(229,72,77,.35),0 2px 10px rgba(229,72,77,.35)}
/* trenches: filter panel in the board's style */
.tn-filt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:8px;border-radius:14px;background:#0F0F11;border:1px solid #222223}
.tf-g{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 8px;border-radius:11px;border:1px solid #232326;background:rgba(255,255,255,.015)}
.tf-g.on{border-color:rgba(237,233,225,.28)}
.tf-gl{display:inline-flex;align-items:center;gap:6px;font:800 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tf-gl i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;color:var(--text);background:#1E1E22;border:1px solid #2C2C31}
.tf-seg{display:flex;gap:2px;padding:2px;border-radius:9px;background:#141416}
.tf-seg button{height:28px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:700 12px var(--mono);cursor:pointer;white-space:nowrap}
.tf-seg button:hover{color:var(--text)}
.tf-seg button.on{background:#F3F0EA;color:#0A0A0A}
.tf-ts{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}
.tf-t{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:99px;border:1px solid #2A2A2B;background:transparent;color:var(--muted);font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s}
.tf-t i{font-style:normal;display:grid;place-items:center;width:16px;height:16px;border-radius:5px;font-size:10px;color:var(--tc);background:color-mix(in srgb,var(--tc) 14%,transparent)}
.tf-t:hover{color:var(--text);border-color:#45464D}
.tf-t.on{background:color-mix(in srgb,var(--tc) 14%,transparent);border-color:color-mix(in srgb,var(--tc) 55%,transparent);color:#fff}
.tf-clr{height:36px;padding:0 10px;border:0;background:none;color:#F7A2B3;font-size:12px;font-weight:700;cursor:pointer}
@media (max-width:760px){.tn-filt{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:6px}.tn-filt::-webkit-scrollbar{display:none}.tf-g,.tf-ts{flex:none}.tf-ts{flex-wrap:nowrap;margin-left:0}}
@media (max-width:1600px){.tf-seg button{padding:0 8px}.tf-t{padding:0 11px}.tn-filt{gap:6px}.tf-g{gap:6px}}
/* sniper trap preview: timer and steps side by side, less stretched */
.trap .tl3{display:grid!important;grid-template-columns:minmax(180px,.9fr) minmax(0,1.4fr);gap:10px;align-items:stretch;margin-top:12px}
.trap .tl3 .liq-prev{height:auto!important;min-height:0;border-radius:14px;display:flex;align-items:center}
.trap .tl3 .liq-prev .liq-c{flex-direction:column;align-items:flex-start;gap:4px}
.trap .tl3 .liq-prev .lq-big{font-size:30px}
.trap .tl3 .tstair{margin-top:0;height:84px}
.trap .tl3 .tstair span{max-height:84px;border-radius:9px}
@media (max-width:640px){.trap .tl3{grid-template-columns:1fr}.trap .tl3 .liq-prev{min-height:56px}.trap .tl3 .liq-prev .liq-c{flex-direction:row;align-items:center}}
.tstair span{min-height:42px!important;padding:5px 2px 4px!important;overflow:hidden}.tstair small{padding-bottom:0!important}
.trap .tl3{align-items:end!important}.trap .tl3 .tstair{height:96px!important;align-items:flex-end!important;align-self:end}.trap .tl3 .tstair span{max-height:96px!important;margin:0!important}.trap .tl3 .liq-prev{height:96px!important;box-sizing:border-box;align-self:end;margin:0!important}
/* ===== fix-ui: trade panel states ===== */
.slip-warn{margin-top:-2px;padding:8px 11px;border-radius:10px;font-size:12px;line-height:1.35;color:var(--yellow);background:rgba(255,209,92,.08);border:1px solid rgba(255,209,92,.25)}
.quote .q-cap{display:block;font-size:11.5px;padding-top:2px}
.inp-bad,.amtwrap .inp.inp-bad,.devb-in input.inp-bad{border-color:var(--down)!important;box-shadow:0 0 0 2px rgba(242,112,138,.25)!important;animation:inpShake .25s ease-in-out}
@keyframes inpShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
/* fix-ui: coin header — the "created … by <creator>" pill was squeezed to "create" (761–1560px); let the pill row wrap instead */
@media (min-width:761px) and (max-width:1560px){
  html body main.tp-env .tp-main section.tp-banner .hs-pills{flex-wrap:wrap!important;row-gap:6px!important}
  html body main.tp-env .tp-main section.tp-banner .hs-pills>.pill:not(.copy2):not(.cs-pill){flex:none!important;overflow:visible!important;max-width:100%}
}
/* fix-ui: Activity box — the creator's track-record badge (e.g. "Serial rugger · 4 launches · 4 rugs") wraps instead of pushing out of the card */
.actbox .st-foot>div,.st-foot>div{min-width:0}
.st-foot .dev-rep{white-space:normal!important;max-width:100%;height:auto;line-height:1.3;padding-top:5px;padding-bottom:5px;text-align:left;flex-wrap:wrap;border-radius:14px}
/* fix-ui: dev-bag lock confirm */
.lkc .lkc-amt{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line)}
.lkc .lkc-amt b{font-size:20px}
.lkc .lkc-n{margin:0;font-size:12.5px;line-height:1.45}
.lkc .lkc-w{color:var(--yellow)}
.lkc .lkc-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}
.lkc .lkc-l li{display:flex;justify-content:space-between;gap:10px}
/* fix-ui: coin mini-site on phones — the floating "← Trade on treid" pill covered the stat cards; it sits at the end of the page instead */
@media (max-width:760px){
  .cs>.cs-back{position:static!important;display:block;margin:4px auto 28px!important;left:auto;bottom:auto}
}
@media (min-width:761px){html body main.tp-env .tp-main section.tp-banner>.tp-key:has(.rwbig)>*{flex:none!important;margin:0!important}}
/* coin header: always tall enough for the TAX / PAIRED (/ HOLDERS PAID IN) blocks — they never stick out of the banner */
@media (min-width:761px){
  html body main.tp-env .tp-main section.tp-banner{min-height:262px!important}
  html body main.tp-env .tp-main section.tp-banner:has(.rwbig){min-height:300px!important}
  html body main.tp-env .tp-main section.tp-banner:not(:has(.tb-bg.ban)){min-height:262px!important}
  html body main.tp-env .tp-main section.tp-banner:not(:has(.tb-bg.ban)):has(.rwbig){min-height:300px!important}
}
/* dev bag lock panel (coin page) */
.lk2{margin:10px 0;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(61,220,151,.08),rgba(61,220,151,.02));border:1px solid rgba(61,220,151,.3);display:flex;flex-direction:column;gap:12px}
.lk2-h{display:flex;align-items:center;gap:12px}
.lk2-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:17px;background:rgba(61,220,151,.14);flex:none}
.lk2-h>div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.lk2-h b{font-size:15px;color:#7FF0BE}.lk2-h span{font-size:12.5px;color:var(--muted)}
.lk2-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lk2-c{padding:9px 12px;border-radius:11px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:1px}
.lk2-c small{font-size:11px;color:var(--muted)}.lk2-c b{font-size:18px;color:#fff}.lk2-c span{font-size:11.5px;color:var(--soft)}
.lk2-tl{display:flex;flex-direction:column;gap:6px;padding:0 4px}
.lk2-tr{position:relative;height:8px;border-radius:99px;background:rgba(255,255,255,.06);margin-top:16px}
.lk2-tr .l{position:absolute;left:0;top:0;bottom:0;border-radius:99px 0 0 99px;background:#3DDC97}
.lk2-tr .u{position:absolute;right:0;top:0;bottom:0;border-radius:0 99px 99px 0;background:repeating-linear-gradient(90deg,rgba(61,220,151,.45) 0 5px,rgba(61,220,151,.12) 5px 8px)}
.lk2-tr .nw{position:absolute;top:-5px;width:3px;height:18px;margin-left:-1px;border-radius:2px;background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.5)}
.lk2-tr .nw u{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);text-decoration:none;font:800 10px var(--mono);color:#fff;white-space:nowrap}
.lk2-ax{position:relative;display:flex;justify-content:space-between;font-size:10.5px;color:var(--muted);height:14px}
.lk2-ax span[style]{position:absolute;transform:translateX(-50%);white-space:nowrap}
@media (max-width:640px){.lk2-g{gap:6px}.lk2-c{padding:8px}.lk2-c b{font-size:15px}.lk2-c span{font-size:10.5px}.lk2-ax span[style]{display:none}.lk2-h .lk-a{display:none}}
.lk2-tr .nw u{left:-1px;transform:none}
/* no-banner coins: same header shape as coins with a banner (logo blurred behind) */
@media (min-width:761px){
  html body main.tp-env .tp-main section.tp-banner:not(:has(.tb-bg.ban)){aspect-ratio:4/1!important;max-height:max(230px,32vh)!important;min-height:262px!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;grid-template-areas:". . key" ". . ." "av id id" "kpi kpi kpi"!important;padding-top:16px!important;align-items:end!important}
  html body main.tp-env .tp-main section.tp-banner:not(:has(.tb-bg.ban))>.tb-av{margin:0 0 14px!important;align-self:end!important}
}
/* dev lock: one slim line under the header */
.lk3{display:flex;align-items:center;gap:16px;margin:8px 0 2px;padding:7px 14px;border-radius:12px;background:rgba(61,220,151,.06);border:1px solid rgba(61,220,151,.25);font-size:12.5px;overflow:hidden}
.lk3-t{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.lk3-t b{color:#7FF0BE;font-size:13px}
.lk3-s{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;padding-left:16px;border-left:1px solid rgba(255,255,255,.08)}
.lk3-s small{font-size:11px;color:var(--muted)}.lk3-s b{font-size:12.5px;color:#fff}
.lk3-tr{flex:1;min-width:50px;height:5px;border-radius:99px;background:repeating-linear-gradient(90deg,rgba(61,220,151,.35) 0 4px,rgba(61,220,151,.1) 4px 6px);overflow:hidden}
.lk3-tr i{display:block;height:100%;background:#3DDC97}
.lk3-a{font-size:12px;font-weight:700;color:#7FF0BE;text-decoration:none;white-space:nowrap}.lk3-a:hover{text-decoration:underline}
@media (max-width:760px){.lk3{flex-wrap:wrap;gap:6px 12px}.lk3-s{padding-left:0;border-left:0}.lk3-tr{display:none}}

.cr-money .cr-usd{font-style:normal;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-logmore{display:block;margin:6px auto 0;font-size:12px}
.lk3.lk3-no{background:rgba(255,209,92,.07);border-color:rgba(255,209,92,.35)}.lk3-no .lk3-t b{color:#FFD15C}.lk3-no .lk3-w{color:var(--muted);white-space:normal}
