/* runner.fun · race day in the trenches
   night: grape dark base · pump: gains + primary action · rug: losses · bag: prizes · ink: sticker outlines */
:root{
  --night:#120d2b;
  --night2:#17113a;
  --lane:#1f1848;
  --lane2:#2a2160;
  --line:#3b3180;
  --chalk:#fbf7ff;
  --dust:#a99fd8;
  --dust2:#7b70b0;
  --pump:#2ef07f;
  --pump-ink:#063d1e;
  --rug:#ff4f7b;
  --bag:#ffd541;
  --sky:#59d2ff;
  --ink:#06040f;
  --paper:#fff6dc;
  --display:'Bricolage Grotesque',system-ui,sans-serif;
  --sans:'Bricolage Grotesque',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --r-lg:18px;--r-md:12px;--r-sm:8px;
  --stick:4px 4px 0 var(--ink);
  --stick-sm:3px 3px 0 var(--ink);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--night);color:var(--chalk);font:400 15px/1.55 var(--sans);font-variation-settings:'wdth' 100;position:relative;overflow-x:clip;
  background-image:radial-gradient(900px 500px at 85% -10%,#2ef07f14,transparent 60%),radial-gradient(800px 600px at -10% 10%,#7a4dff22,transparent 60%),repeating-linear-gradient(135deg,#ffffff03 0 2px,transparent 2px 14px)}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.02em}
p{margin:0}
.hidden{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.mono,.mono-value{font-family:var(--mono)}
.muted{color:var(--dust2);font-weight:400}
.lime-text{color:var(--pump)!important}
.return-negative{color:var(--rug)!important}
:focus-visible{outline:3px solid var(--bag);outline-offset:2px}

/* ---------- buttons ---------- */
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--ink);border-radius:var(--r-md);padding:11px 18px;font:700 15px var(--display);box-shadow:var(--stick-sm);transition:transform .08s,box-shadow .08s;white-space:nowrap;text-decoration:none}
.button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}
.button-lime{background:var(--pump);color:var(--pump-ink)}
.button-lime:hover{background:#5bff9d}
.button-ghost{background:var(--lane2);color:var(--chalk)}
.button-ghost:hover{background:#352a78}
.button-sm{padding:8px 13px;font-size:13px;border-radius:10px}
.button-lg{padding:15px 24px;font-size:17px}
.button-full{width:100%}
.button:disabled{opacity:.6;cursor:wait}
.text-button{background:none;border:0;padding:0;color:var(--dust);font:600 13px var(--sans);text-decoration:underline;text-underline-offset:3px}
.text-button:hover{color:var(--chalk)}
.icon-button{width:42px;height:42px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--lane2);box-shadow:var(--stick-sm);font-size:18px}
.icon-button.spin{animation:spin .8s linear infinite}
.icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- top ---------- */
.mode-banner{text-align:center;font:600 12px var(--sans);color:var(--ink);background:var(--bag);padding:6px 12px;border-bottom:2px solid var(--ink)}
.topbar{position:sticky;top:0;z-index:50;height:72px;display:flex;align-items:center;gap:20px;padding:0 max(24px,calc((100vw - 1240px)/2));background:#120d2bf2;backdrop-filter:blur(14px);border-bottom:2px solid var(--ink)}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--pump);color:var(--pump-ink);border:2px solid var(--ink);box-shadow:var(--stick-sm);transform:rotate(-4deg)}
.brand-mark svg{width:24px;height:24px}
.brand-word{font:800 24px var(--display);font-variation-settings:'wdth' 80;letter-spacing:-.03em}
.brand-word span{color:var(--pump)}
.navlinks{display:flex;gap:2px;margin-left:auto}
.navlink{border:0;background:none;padding:9px 12px;border-radius:10px;color:var(--dust);font:600 15px var(--sans);display:inline-flex;align-items:center;gap:6px}
.navlink:hover{color:var(--chalk);background:var(--lane)}
.navlink.active{color:var(--chalk);background:var(--lane2);box-shadow:inset 0 -3px 0 var(--pump)}
.nav-count{font:700 11px var(--mono);background:var(--pump);color:var(--pump-ink);border-radius:999px;padding:1px 7px}
.top-actions{display:flex;align-items:center;gap:10px}
.network-pill{display:inline-flex;align-items:center;gap:8px;font:700 13px var(--mono);padding:8px 12px;border-radius:999px;background:var(--lane);border:2px solid var(--ink)}
.flag{width:14px;height:14px;border-radius:3px;background:conic-gradient(var(--chalk) 25%,var(--ink) 0 50%,var(--chalk) 0 75%,var(--ink) 0) 0 0/7px 7px;border:1px solid var(--ink)}
.wallet-button{gap:8px}
.wallet-dot{width:8px;height:8px;border-radius:50%;background:var(--dust2)}
.wallet-button.connected .wallet-dot{background:var(--pump)}
.wl-short{display:none}
.mobile-menu{display:none;width:42px;height:42px;border-radius:10px;border:2px solid var(--ink);background:var(--lane2);font-size:18px}

/* ticker */
.ticker{position:sticky;top:72px;z-index:45;display:flex;align-items:center;height:38px;background:var(--pump);color:var(--pump-ink);border-bottom:2px solid var(--ink);overflow:hidden}
.ticker-label{flex-shrink:0;display:flex;align-items:center;gap:7px;padding:0 16px 0 max(24px,calc((100vw - 1240px)/2));font:800 14px var(--display);height:100%;background:var(--ink);color:var(--pump)}
.ticker-viewport{flex:1;overflow:hidden}
.ticker-track{display:inline-flex;gap:36px;white-space:nowrap;animation:ticker 60s linear infinite;padding-left:20px}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes ticker{to{transform:translateX(-50%)}}
.tk{font:600 14px var(--sans)}
.tk b{font-family:var(--mono);font-weight:700}
.tk em{font-style:normal;font-weight:800}
.tk i{font-style:normal;opacity:.6}
.tk u{text-decoration:none;background:var(--ink);color:var(--bag);border-radius:4px;padding:0 5px;font-size:12px}
.tk .lime-text{color:var(--pump-ink)!important}
.tk .return-negative{color:#a3002b!important}
.tk:before{content:"▲";font-size:9px;margin-right:10px;vertical-align:2px}
.pulse-dot,.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.4s infinite}
@keyframes pulse{50%{opacity:.3}}

/* ---------- hero ---------- */
.hero{padding:56px 0 40px}
.hero-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px 48px;align-items:end;position:relative;margin-bottom:36px}
.hero h1{font:800 clamp(64px,10vw,148px)/.9 var(--display);font-variation-settings:'wdth' 85,'opsz' 96;letter-spacing:-.015em;text-transform:none;color:var(--chalk);text-shadow:5px 5px 0 var(--ink)}
.hero-side{display:flex;flex-direction:column;gap:20px;padding-bottom:10px}
.hero-sub{font-size:19px;line-height:1.5;color:#d9d2ff;max-width:46ch}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.proof-row{color:var(--dust);font-size:14px}
.proof-row strong{color:var(--chalk)}
.prize-sticker{position:absolute;top:-62px;right:-14px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;width:132px;height:132px;border-radius:50%;background:var(--bag);color:var(--ink);border:3px solid var(--ink);box-shadow:var(--stick);transform:rotate(12deg);text-align:center;line-height:1.05;padding:10px}
.prize-sticker b{font:800 30px var(--display);font-variation-settings:'wdth' 75;letter-spacing:-.03em}
.prize-sticker span{font:700 12px var(--sans);margin-top:4px}
.prize-sticker i{font:800 12px var(--sans);font-style:normal;margin-top:6px;background:var(--ink);color:var(--bag);padding:2px 8px;border-radius:999px}

/* panels */
.panel{background:var(--lane);border:2px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--stick)}

/* ---------- the track ---------- */
.track{position:relative}
.track-body{overflow:hidden}
.track-head{padding-right:170px!important}
.track-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 24px 14px}
.track-head h2{font:800 28px var(--display);font-variation-settings:'wdth' 80}
.track-head p{color:var(--dust);font-size:14px;margin-top:2px}
.track-clock{text-align:right}
.track-clock span{display:block;color:var(--dust);font-size:13px}
.track-clock b{font:700 26px var(--mono);color:var(--bag)}
.track-body{position:relative;background:var(--night2);border-block:2px solid var(--ink);padding:10px 0 6px}
.track-scale{position:relative;height:22px;margin:0 128px 4px 230px}
.track-scale span{position:absolute;transform:translateX(-50%);font:700 12px var(--mono);color:var(--dust2)}
.track-scale span.hit{color:var(--pump)}
.lane{position:relative;display:grid;grid-template-columns:230px 1fr 128px;align-items:center;height:52px;border-top:1px dashed #3b318066;cursor:pointer}
.lane:first-of-type{border-top:0}
.lane:hover{background:#ffffff06}
.lane-who{padding:0 12px 0 20px;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.lane-who b{font:700 14px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lane-who small{color:var(--dust);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lane-run{position:relative;height:100%}
.lane-marks{position:absolute;inset:0;pointer-events:none}
.lane-marks i{position:absolute;top:0;bottom:0;width:1px;background:#3b318055}
.lane-trail{position:absolute;left:0;top:50%;height:6px;margin-top:-3px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--pump));transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.lane.down .lane-trail{background:linear-gradient(90deg,transparent,var(--rug))}
.lane-runner{position:absolute;top:50%;transform:translate(-50%,-50%);transition:left 1.2s cubic-bezier(.2,.8,.2,1)}
.lane-runner .token-avatar{width:34px;height:34px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.lane.leader .lane-runner .token-avatar{outline:3px solid var(--bag);outline-offset:1px}
.lane-score{padding-right:20px;text-align:right;display:flex;flex-direction:column;line-height:1.15}
.lane-score b{font:700 18px var(--mono)}
.lane-score small{font:600 12px var(--sans);color:var(--dust)}
.lane.up .lane-score b{color:var(--pump)}
.finish{position:absolute;top:0;bottom:0;right:128px;width:12px;background:conic-gradient(var(--chalk) 25%,var(--ink) 0 50%,var(--chalk) 0 75%,var(--ink) 0) 0 0/12px 12px;opacity:.9}
.track-empty{display:flex;align-items:center;gap:16px;padding:12px 20px 4px;color:var(--dust);font-size:14px}
.lane.gate .lane-trail{display:none}
.lane.gate .lane-score b{font-size:14px;color:var(--bag)}
.track-foot{display:grid;grid-template-columns:repeat(3,auto) 1fr;gap:12px 36px;padding:14px 24px 18px;align-items:end}
.track-foot div{display:flex;flex-direction:column;line-height:1.2}
.track-foot b{font:700 22px var(--mono)}
.track-foot span{color:var(--dust);font-size:13px}
.track-foot .pool b{font:800 20px var(--display)}
.track-foot .pool{justify-self:end;text-align:right;background:var(--bag);color:var(--ink);border:2px solid var(--ink);border-radius:var(--r-md);padding:8px 14px;box-shadow:var(--stick-sm);transform:rotate(-1.5deg)}
.track-foot .pool span{color:#5a4600}
.metric-unit{font-size:.7em}
.flash{animation:flash 1s ease-out}
@keyframes flash{0%{color:var(--pump);text-shadow:0 0 16px #2ef07f99}100%{text-shadow:none}}

/* ---------- trending ---------- */
.trending{padding:40px 0 20px}
.trend-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.trend-head h2,.panel-heading h2,.how-heading h2,.receipt-copy h2,.final-cta h2,.view-heading h2{font:800 clamp(30px,4vw,44px)/1 var(--display);font-variation-settings:'wdth' 80}
.panel-subtitle{color:var(--dust);font-size:15px;margin-top:6px;max-width:60ch}
.trend-updated{font:500 12px var(--mono);color:var(--dust2);white-space:nowrap}
.trend-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:14px;overflow-x:auto;padding:4px 6px 14px 2px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.trend-card{scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--r-lg);border:2px solid var(--ink);background:var(--lane);box-shadow:var(--stick);cursor:pointer;min-height:162px}
.trend-card:hover{background:var(--lane2)}
.trend-card.is-called{background:linear-gradient(160deg,#3a2a14,var(--lane) 60%)}
.trend-top{display:flex;align-items:center;gap:10px}
.trend-name{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.trend-name strong{font:700 16px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trend-name small{font-size:12px;color:var(--dust)}
.trend-ch{font:700 15px var(--mono);text-align:right;line-height:1.1}
.trend-ch small{display:block;font:600 11px var(--sans);color:var(--dust)}
.trend-ch.up{color:var(--pump)}
.trend-ch.down{color:var(--rug)}
.trend-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px 0;border-block:1px dashed var(--line)}
.trend-stats small{display:block;font:600 11px var(--sans);color:var(--dust2)}
.trend-stats b{font:700 13px var(--mono)}
.trend-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}
.trend-open{display:inline-flex;align-items:center;gap:6px;font:600 12px var(--sans);color:var(--bag)}
.trend-open i{width:7px;height:7px;border-radius:50%;background:var(--bag);animation:pulse 1.4s infinite}
.trend-called{font:600 12px var(--sans);color:var(--dust);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trend-cta{font:700 13px var(--display);color:var(--chalk);white-space:nowrap}
.trend-cta.lime{color:var(--pump-ink);background:var(--pump);padding:6px 11px;border-radius:9px;border:2px solid var(--ink)}
.trend-card.skeleton{cursor:default;gap:12px}
.trend-card.skeleton span{display:block;height:14px;border-radius:6px;background:linear-gradient(90deg,var(--lane2),#3a2f7a,var(--lane2));background-size:200% 100%;animation:shimmer 1.3s infinite}
.trend-card.skeleton span:nth-child(2){width:70%}
.trend-card.skeleton span:nth-child(3){width:45%;margin-top:auto}
@keyframes shimmer{to{background-position:-200% 0}}

/* ---------- avatars ---------- */
.token-avatar,.coin-icon{position:relative;display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;font:800 15px var(--display);color:var(--ink);overflow:hidden;border:2px solid var(--ink)}
.token-avatar img,.coin-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.avatar-lime{background:var(--pump)}
.avatar-purple{background:#b69bff}
.avatar-blue{background:var(--sky)}
.avatar-gold{background:var(--bag)}
.avatar-pink{background:var(--rug)}

/* ---------- board ---------- */
.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;padding:30px 0 20px}
.board-panel{overflow:hidden}
.panel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:22px 24px 16px}
.board-controls{display:flex;gap:10px}
.search-box{display:flex;align-items:center;gap:8px;padding:0 12px;height:42px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--night2);min-width:240px;color:var(--dust)}
.search-box input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:14px;color:var(--chalk)}
.search-box input::placeholder{color:var(--dust2)}
.search-box kbd{font:600 11px var(--mono);border:1px solid var(--line);border-radius:5px;padding:1px 6px}
.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 24px 14px;border-bottom:2px solid var(--ink)}
.tab-list{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.tab-list::-webkit-scrollbar{display:none}
.board-tab{border:2px solid transparent;background:none;padding:7px 12px;border-radius:999px;color:var(--dust);font:600 14px var(--sans);white-space:nowrap}
.board-tab:hover{color:var(--chalk)}
.board-tab.active{background:var(--chalk);color:var(--ink);border-color:var(--ink)}
.board-tab span{font:700 11px var(--mono);margin-left:4px}
.board-sort{display:flex;align-items:center;gap:8px}
.sort-label{font-size:13px;color:var(--dust)}
.board-sort select{background:var(--night2);border:2px solid var(--ink);border-radius:10px;padding:7px 10px;font-size:13px;color:var(--chalk)}
.table-wrap,.table-scroll{overflow-x:auto}
.call-table{width:100%;border-collapse:collapse;white-space:nowrap}
.call-table th{text-align:left;font:600 12px var(--sans);color:var(--dust2);padding:12px;border-bottom:1px solid var(--line)}
.call-table td{padding:12px;border-bottom:1px dashed #3b318088;font-size:14px;vertical-align:middle}
.call-table th:first-child,.call-table td:first-child{padding-left:24px}
.call-table th:last-child,.call-table td:last-child{padding-right:20px}
.board-table th:nth-child(n+3),.board-table td:nth-child(n+3){text-align:right}
.call-table tbody tr{cursor:pointer}
.call-table tbody tr:hover{background:#ffffff07}
.call-table tbody tr:last-child td{border-bottom:0}
.coin-cell{display:flex;align-items:center;gap:11px}
.coin-main{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.coin-title{font:700 15px var(--sans);display:flex;align-items:center;gap:6px;max-width:250px;overflow:hidden;text-overflow:ellipsis}
.coin-meta{font-size:12px;color:var(--dust);display:flex;align-items:center;gap:5px}
.copy-mini{border:0;background:none;color:var(--dust2);padding:0;font-size:12px}
.copy-mini:hover{color:var(--pump)}
.caller-cell{display:flex;flex-direction:column;line-height:1.25}
.caller-cell strong{font:700 14px var(--sans)}
.sub-value{display:block;font-size:12px;color:var(--dust2);font-family:var(--sans)}
.mcap-cell{font:500 14px var(--mono)}
.return-cell{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.peak-main{font:700 18px var(--mono)}
.peak-main.is-hot{color:var(--pump)}
.return-sub{font:700 13px var(--mono)}
.now-cell{gap:2px}
.row-spark{width:70px;height:22px;display:block}
.row-spark path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.row-spark.up path{stroke:var(--pump)}
.row-spark.down path{stroke:var(--rug)}
.row-spark.flat path{stroke:var(--line);stroke-dasharray:3 3}
.row-action{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;border:2px solid var(--ink);background:var(--lane2);color:var(--chalk)}
.row-action:hover{background:var(--pump);color:var(--pump-ink)}
.badge{font:700 11px var(--sans);font-style:normal;padding:1px 7px;border-radius:999px;border:1.5px solid var(--ink)}
.badge-first{background:var(--bag);color:var(--ink)}
.badge-grad{background:var(--sky);color:var(--ink)}
.you{font:800 11px var(--sans);font-style:normal;color:var(--ink);background:var(--pump);padding:1px 6px;border-radius:999px;margin-left:4px}
.status-pill{display:inline-flex;align-items:center;gap:5px;font:700 11px var(--sans);padding:2px 8px;border-radius:999px;border:1.5px solid var(--ink);background:var(--pump);color:var(--pump-ink)}
.status-pending{background:var(--lane2);color:var(--dust)}
.status-moon{background:var(--bag);color:var(--ink)}
.status-rug,.status-dq{background:var(--rug);color:var(--ink)}
.row-mine{background:#2ef07f0d}
.row-dq{opacity:.45}
.row-up td{animation:rowup 1.6s ease-out}
@keyframes rowup{0%{background:#2ef07f2e}100%{background:transparent}}
.row-new td{animation:rownew 2.2s ease-out}
@keyframes rownew{0%{background:#ffd5412e}100%{background:transparent}}
.empty-state{text-align:center;padding:48px 24px}
.empty-icon{font-size:30px;margin-bottom:8px}
.empty-state strong{display:block;font:800 22px var(--display)}
.empty-state p{color:var(--dust);margin:6px auto 16px;max-width:42ch}
.table-footer{display:flex;justify-content:space-between;gap:12px;padding:12px 24px;font-size:13px;color:var(--dust);border-top:2px solid var(--ink);background:var(--night2)}
.footer-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pump);animation:pulse 1.4s infinite;margin-right:4px}

/* side */
.side-column{display:flex;flex-direction:column;gap:24px}
.arena-card{padding:20px;background:var(--lane2)}
.arena-top{display:flex;justify-content:space-between;align-items:center}
.arena-top h3{font:800 24px var(--display);font-variation-settings:'wdth' 80}
.pill{font:700 12px var(--sans);padding:3px 10px;border-radius:999px;background:var(--chalk);color:var(--ink);border:2px solid var(--ink)}
.arena-card>p{color:var(--dust);font-size:14px;margin:8px 0 14px}
.arena-score{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:var(--r-md);background:var(--night2);border:2px solid var(--ink)}
.arena-score small{display:block;font-size:12px;color:var(--dust)}
.arena-score strong{font:700 17px var(--sans)}
.leader-score{text-align:right}
.leader-score strong{font:700 22px var(--mono);color:var(--pump)}
.arena-progress{height:12px;margin:16px 0 6px;border-radius:999px;background:var(--night2);border:2px solid var(--ink);overflow:hidden}
.arena-progress span{display:block;height:100%;background:repeating-linear-gradient(135deg,var(--bag) 0 8px,#e8b800 8px 16px)}
.arena-progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--dust);margin-bottom:14px}
.arena-progress-label b{font-family:var(--mono);color:var(--chalk)}
.arena-footnote{font-size:12px;color:var(--dust);margin-top:10px;text-align:center}
.leader-panel{padding:18px 20px}
.side-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.side-panel-heading h3{font:800 22px var(--display);font-variation-settings:'wdth' 80}
.side-panel-heading .section-eyebrow{margin-bottom:2px}
.leader-row{display:grid;grid-template-columns:24px 34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px dashed var(--line);cursor:pointer}
.leader-rank{font:700 13px var(--mono);color:var(--dust2)}
.leader-row:first-child .leader-rank{color:var(--bag)}
.leader-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:800 12px var(--display);color:var(--ink);background:#b69bff;border:2px solid var(--ink)}
.leader-avatar.purple{background:#b69bff}.leader-avatar.blue{background:var(--sky)}.leader-avatar.gold{background:var(--bag)}.leader-avatar.pink{background:var(--rug)}
.leader-avatar:not(.purple):not(.blue):not(.gold):not(.pink){background:var(--pump)}
.leader-user{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.leader-user strong{font:700 14px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leader-user small{font-size:12px;color:var(--dust)}
.leader-return{font:700 15px var(--mono);color:var(--pump)}
.leader-empty{color:var(--dust);font-size:14px;padding:10px 0}
.leader-foot{font-size:12px;color:var(--dust2);margin-top:8px}

/* ---------- receipt slip ---------- */
.receipt-section{display:grid;grid-template-columns:1fr minmax(0,440px);gap:56px;align-items:center;padding:80px 0}
.receipt-copy p{color:var(--dust);font-size:17px;margin:14px 0 22px;max-width:44ch}
.receipt-preview{position:relative;background:var(--paper);color:var(--ink);padding:28px 26px 30px;transform:rotate(2deg);filter:drop-shadow(6px 6px 0 var(--ink));font-family:var(--mono);cursor:default;
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%;
  -webkit-mask-composite:source-in;mask-composite:intersect;
  mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%}
.receipt-preview[data-call-id]{cursor:pointer}
.slip-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px dashed var(--ink);padding-bottom:10px;margin-bottom:12px;gap:10px}
.slip-head b{font:800 22px var(--display);letter-spacing:-.02em}
.slip-head span{font-size:12px}
.slip-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:4px 0}
.slip-row b{font-weight:700}
.slip-row.big{font-size:20px;font-weight:700}
.slip-row.big b{font-size:28px;color:#0a8a43}
.slip-chart{color:#0a8a43;margin:8px 0 10px;border-block:1px dashed #06040f55;padding:6px 0}
.slip-chart svg{display:block;width:100%;height:100px}
.slip-foot{border-top:2px dashed var(--ink);margin-top:12px;padding-top:10px;font-size:12px;text-align:center}
.slip-stamp{position:absolute;left:50%;top:128px;margin-left:-40px;transform:rotate(-14deg);border:3px solid #0a8a43;color:#0a8a43;font:800 16px var(--display);padding:2px 10px;border-radius:8px;opacity:.85}
.slip-stamp.rug{border-color:#c2183f;color:#c2183f}

/* ---------- how ---------- */
.how-section{padding:40px 0 60px}
.how-heading{display:grid;grid-template-columns:1fr minmax(0,46ch);gap:24px;align-items:end;margin-bottom:28px}
.how-heading p{color:var(--dust);font-size:16px}
.steps-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step-card{position:relative;padding:22px 20px 20px;background:var(--lane);border:2px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--stick)}
.step-number{position:absolute;top:-16px;left:18px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--chalk);color:var(--ink);border:2px solid var(--ink);font:800 18px var(--display)}
.step-card:nth-child(4) .step-number{background:var(--bag)}
.step-card h3{font:800 22px var(--display);font-variation-settings:'wdth' 85;margin:10px 0 8px}
.step-card p{color:var(--dust);font-size:14px}
.step-live{margin-top:14px;display:inline-flex;align-items:center;gap:7px;font:600 12px var(--sans);color:var(--pump);background:#2ef07f14;border:1px solid #2ef07f44;border-radius:999px;padding:3px 10px}
.step-live i{width:6px;height:6px;border-radius:50%;background:var(--pump);animation:pulse 1.4s infinite}
.step-live:empty{display:none}

/* ---------- cta + footer ---------- */
.final-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 36px;margin-bottom:60px;background:var(--pump);color:var(--pump-ink);border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:6px 6px 0 var(--ink)}
.final-cta p{font-size:16px;margin-top:6px}
.final-cta .button-lime{background:var(--ink);color:var(--pump)}
.footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding:28px 0 40px;border-top:2px solid var(--ink)}
.footer-note{color:var(--dust);font-size:14px}
.footer-links{margin-left:auto;display:flex;gap:18px}
.footer-links button,.footer-links a{background:none;border:0;padding:0;color:var(--dust);font:600 14px var(--sans)}
.footer-links button:hover,.footer-links a:hover{color:var(--chalk)}
.footer-bottom{width:100%;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--dust2)}
.footer-brand .brand-mark{width:30px;height:30px}
.footer-brand .brand-word{font-size:20px}

/* ---------- alt views ---------- */
.alt-view{min-height:66vh;padding:44px 0 70px}
.view-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.view-heading h2{font-size:clamp(40px,6vw,72px);font-variation-settings:'wdth' 75;text-shadow:4px 4px 0 var(--ink)}
.view-heading p{color:var(--dust);margin-top:8px;font-size:15px}
.section-eyebrow{display:flex;align-items:center;gap:8px;font:600 13px var(--sans);color:var(--dust)}
.section-dot{width:8px;height:8px;border-radius:50%;background:var(--pump)}
.purple-dot{background:#b69bff}
.gold-dot{background:var(--bag)!important}
.view-actions{display:flex;gap:10px;flex-wrap:wrap}
.view-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:24px;align-items:start}
.view-panel{padding:22px}
.view-loading{display:flex;align-items:center;gap:10px;color:var(--dust);padding:60px 0}
.notice-bar{padding:12px 16px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--lane2);margin-bottom:18px;font-size:14px}
.notice-me{background:var(--pump);color:var(--pump-ink)}
.day-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.day-chip{border:2px solid var(--ink);background:var(--lane);border-radius:999px;padding:6px 14px;font:600 13px var(--sans);color:var(--dust)}
.day-chip:hover{color:var(--chalk)}
.day-chip.active{background:var(--chalk);color:var(--ink)}
.rank-table{width:100%;border-collapse:collapse;white-space:nowrap}
.rank-table th{text-align:left;font:600 12px var(--sans);color:var(--dust2);padding:10px 8px;border-bottom:1px solid var(--line)}
.rank-table td{padding:12px 8px;border-bottom:1px dashed #3b318088;font-size:14px}
.rank-table tbody tr[data-call-id]{cursor:pointer}
.rank-table tbody tr[data-call-id]:hover{background:#ffffff07}
.rank-table th:last-child,.rank-table td:last-child{text-align:right}
.rank-number{font:700 15px var(--mono);color:var(--dust)}
.row-paid .rank-number{color:var(--bag)}
.rank-user{display:flex;align-items:center;gap:10px}
.rank-user div{display:flex;flex-direction:column;line-height:1.25}
.rank-user small{font-size:12px;color:var(--dust2)}
.rank-points{font:700 16px var(--mono);color:var(--pump)}
.rank-prize{font:700 14px var(--mono);color:var(--bag)}
.rank-prize small{display:block;font-size:11px;color:var(--dust)}
.side-title{font:800 24px var(--display);font-variation-settings:'wdth' 80;margin:6px 0 14px}
.split-list{display:grid;gap:7px;margin-bottom:10px}
.split-row{display:grid;grid-template-columns:30px 1fr 40px auto;align-items:center;gap:10px;font:600 13px var(--mono);color:var(--dust)}
.split-row strong{color:var(--chalk);text-align:right}
.split-row small{color:var(--bag);min-width:48px;text-align:right}
.split-bar{height:10px;border-radius:999px;background:var(--night2);border:1.5px solid var(--ink);overflow:hidden}
.split-bar i{display:block;height:100%;background:var(--bag)}
.detail-section{margin-top:18px}
.detail-section-label{font:700 14px var(--sans);margin-bottom:6px}
.detail-note{color:var(--dust);font-size:14px}
.rules-list{margin:8px 0 0;padding-left:20px;color:#d9d2ff;font-size:15px;line-height:1.75}
.rules-list li::marker{color:var(--pump)}
.rules-panel{max-width:760px}
.winners-total{text-align:right}
.winners-total small{display:block;font-size:13px;color:var(--dust)}
.winners-total strong{font:700 30px var(--mono);color:var(--bag)}
.payout-card{margin-bottom:20px}
.tx-link{font:600 13px var(--mono);color:var(--pump)}
.tx-link:hover{text-decoration:underline}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:4px 0 20px}
.stat{padding:14px 16px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--lane);box-shadow:var(--stick-sm)}
.stat small{display:block;font-size:13px;color:var(--dust)}
.stat strong{font:700 26px var(--mono)}
.table-panel{padding:0;overflow:hidden}
.view-panel.table-panel .board-table{min-width:760px}
.my-call-empty{text-align:center;padding:48px 24px}
.my-call-empty h3{font:800 26px var(--display);margin:6px 0}
.my-call-empty p{color:var(--dust);margin:0 auto 18px;max-width:46ch}
.account-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin-bottom:20px}
.account-panel p{margin-top:6px;font-size:14px;color:var(--dust);max-width:46ch}
.account-panel.needs-wallet{background:#3a2f14;border-color:var(--ink)}
.account-wallet{display:flex;gap:8px;flex:1;max-width:500px}
.account-wallet .text-input{flex:1;min-width:0;margin:0}
.gold-link{color:var(--bag);text-decoration:underline}

/* ---------- modals ---------- */
.modal-backdrop,.detail-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;background:#06040fcc;backdrop-filter:blur(6px)}
.call-modal,.detail-modal{position:relative;width:min(520px,100%);min-width:0;max-width:100%;padding:28px;background:var(--lane);border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:8px 8px 0 var(--ink);animation:pop .18s ease-out}
.detail-modal{width:min(620px,100%)}
@keyframes pop{from{transform:scale(.96) rotate(-1deg);opacity:0}}
.call-modal h2,.auth-modal h2{font:800 34px var(--display);font-variation-settings:'wdth' 80;margin-bottom:6px}
.modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:10px;border:2px solid var(--ink);background:var(--lane2);font-size:20px;line-height:1}
.modal-sub{color:var(--dust);font-size:14px;margin-bottom:6px}
.field-label{display:flex;justify-content:space-between;margin:16px 0 6px;font:700 14px var(--sans)}
.field-label span{font-weight:500;color:var(--dust2);font-size:13px}
.input-shell{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--night2)}
.input-shell:focus-within{box-shadow:0 0 0 3px #2ef07f55}
.input-shell input{flex:1;min-width:0;border:0;outline:0;background:none;font:500 13px var(--mono);padding:9px 0;color:var(--chalk)}
.paste-button{border:2px solid var(--ink);background:var(--chalk);color:var(--ink);border-radius:9px;padding:6px 12px;font:700 13px var(--sans)}
.text-input{width:100%;padding:12px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--night2);color:var(--chalk);outline:0;font-size:15px}
.text-input:focus{box-shadow:0 0 0 3px #2ef07f55}
.text-input::placeholder,.input-shell input::placeholder{color:var(--dust2)}
.mono-input{font:500 13px var(--mono)}
.field-help{font-size:12px;color:var(--dust2);margin-top:6px}
.form-error{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--rug);color:var(--ink);font:600 14px var(--sans);border:2px solid var(--ink)}
.lookup-status{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:var(--dust)}
.spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;display:inline-block}
.token-preview{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--lane2)}
.tp-main{flex:1;min-width:0;display:flex;flex-direction:column}
.tp-main strong{font:700 15px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp-main span{font:500 12px var(--mono);color:var(--dust)}
.tp-tag{font:700 12px var(--sans);padding:3px 9px;border-radius:999px;border:2px solid var(--ink);background:var(--lane);white-space:nowrap}
.tp-tag.tp-first{background:var(--bag);color:var(--ink)}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.modal-disclaimer{font-size:12px;color:var(--dust2);margin-top:14px;text-align:center}
.wallet-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 0;padding:12px 14px;border-radius:var(--r-md);border:2px dashed var(--line);background:var(--night2)}
.wallet-card strong{display:block;font:700 15px var(--sans)}
.wallet-card span{display:block;font-size:13px;color:var(--dust)}
.wallet-card.ok{border:2px solid var(--ink);background:#173a2a}
.wallet-card.ok strong{color:var(--pump)}
.wallet-card.warn{flex-direction:column;align-items:flex-start;border-color:var(--bag)}
.wc-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.auth-modal{width:min(440px,100%)}
.auth-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:2px solid var(--ink);background:var(--night2);margin-bottom:16px}
.auth-tab{border:0;background:none;padding:7px 16px;border-radius:999px;font:700 14px var(--sans);color:var(--dust)}
.auth-tab.active{background:var(--pump);color:var(--pump-ink)}
.auth-modal .field-label{margin-top:12px}

/* detail / receipt modal */
.detail-header{display:flex;align-items:center;gap:14px;padding-right:44px}
.detail-header>div{min-width:0}
.detail-header .token-avatar{width:52px;height:52px;font-size:20px}
.detail-header h2{font:800 26px var(--display);font-variation-settings:'wdth' 85}
.detail-header p{font:500 12px var(--mono);color:var(--dust2);word-break:break-all;margin-top:2px}
.detail-badge{margin-left:auto;flex-shrink:0}
.receipt-hero{margin:20px 0 6px;padding:18px 20px;border-radius:var(--r-md);background:var(--paper);color:var(--ink);border:2px solid var(--ink);display:flex;flex-direction:column}
.receipt-hero small{font:600 13px var(--sans)}
.receipt-hero strong{font:700 54px/1 var(--mono);letter-spacing:-.04em;margin:4px 0}
.receipt-hero strong.lime-text{color:#0a8a43!important}
.receipt-hero span{font-size:14px}
.receipt-hero b{background:var(--bag);border:1.5px solid var(--ink);border-radius:999px;padding:0 6px}
.detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.detail-metric{padding:12px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--night2)}
.detail-metric small{display:block;font-size:12px;color:var(--dust)}
.detail-metric strong{font:700 17px var(--mono)}
.detail-metric em{font-style:normal;font-size:12px;margin-left:4px}
.timeline{position:relative;display:grid;gap:12px;margin:8px 0 16px}
.timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;border-left:2px dashed var(--line)}
.tl-item{display:grid;grid-template-columns:20px 1fr;gap:8px;position:relative}
.tl-item strong{display:block;font:700 15px var(--sans)}
.tl-item small{font-size:12px;color:var(--dust)}
.tl-dot{width:12px;height:12px;margin-top:5px;border-radius:50%;background:var(--dust2);border:2px solid var(--ink)}
.tl-lime{background:var(--pump)}
.tl-purple{background:#b69bff}
.tl-pulse{background:var(--pump);animation:pulse 1.4s infinite}
.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.receipt-fine{margin-top:14px;font-size:12px;color:var(--dust2)}

/* toast */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r-md);background:var(--chalk);color:var(--ink);border:2px solid var(--ink);box-shadow:var(--stick);font:600 14px var(--sans);max-width:calc(100% - 32px)}
.toast-mark{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--pump);border:2px solid var(--ink);font-size:12px;font-weight:800}
.toast.toast-bad .toast-mark{background:var(--rug)}

/* ---------- responsive ---------- */
@media(max-width:1100px){
  .navlink{padding:8px 9px;font-size:14px}
  .network-pill{display:none}
  .main-grid{grid-template-columns:minmax(0,1fr) 280px}
  .steps-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}
}
@media(max-width:860px){
  .topbar{height:64px}
  .ticker{top:64px}
  .navlinks{position:absolute;top:62px;left:0;right:0;display:none;flex-direction:column;gap:2px;padding:10px 16px 14px;background:var(--night);border-bottom:2px solid var(--ink)}
  .navlinks.mobile-open{display:flex}
  .navlink{padding:12px}
  .mobile-menu{display:block}
  .hero-copy{grid-template-columns:1fr;gap:20px}
  .prize-sticker{width:104px;height:104px;top:-52px;right:-6px}
  .prize-sticker b{font-size:24px}
  .prize-sticker span{font-size:10px}
  .main-grid,.view-grid,.receipt-section,.how-heading{grid-template-columns:1fr}
  .receipt-section{gap:36px;padding:56px 0}
  .receipt-preview{max-width:440px;transform:rotate(1.5deg)}
  .stat-row{grid-template-columns:repeat(2,1fr)}
  .track-foot{grid-template-columns:repeat(3,1fr)}
  .track-foot .pool{grid-column:1/-1;justify-self:start}
}
@media(max-width:600px){
  .shell{width:calc(100% - 28px)}
  .topbar{padding:0 14px;gap:10px}
  .brand-word{font-size:21px}
  .top-actions{gap:8px;margin-left:auto}
  .top-actions .button-sm{padding:7px 10px;font-size:13px}
  .wl-long{display:none}.wl-short{display:inline}
  .wallet-dot{display:none}
  .hero{padding:36px 0 28px}
  .hero h1{font-size:clamp(60px,19vw,92px)}
  .hero-sub{font-size:16px}
  .prize-sticker{width:88px;height:88px;top:-46px;right:-4px}
  .track-head{padding-right:96px!important}
  .prize-sticker b{font-size:20px}
  .prize-sticker span{font-size:9px}
  .prize-sticker i{font-size:9px}
  .button-lg{padding:13px 18px;font-size:16px}
  .track-head{flex-direction:column;align-items:flex-start;padding:16px}
  .track-clock{text-align:left}
  .track-scale{margin:0 74px 4px 128px}
  .lane{grid-template-columns:128px 1fr 74px;height:48px}
  .lane-who{padding:0 6px 0 12px}
  .lane-who b{font-size:13px}
  .lane-score{padding-right:12px}
  .lane-score b{font-size:14px}
  .finish{right:74px;width:8px;background-size:8px 8px}
  .lane-runner .token-avatar{width:28px;height:28px;font-size:12px}
  .track-foot{grid-template-columns:repeat(2,1fr);padding:14px 16px}
  .track-foot b{font-size:18px}
  .trend-head{flex-direction:column;align-items:flex-start}
  .trend-row{grid-auto-columns:82%}
  .panel-heading{flex-direction:column;align-items:stretch;padding:18px 16px 12px}
  .search-box{min-width:0;flex:1}
  .board-toolbar{flex-direction:column;align-items:stretch;padding:0 16px 12px}
  .call-table th:first-child,.call-table td:first-child{padding-left:16px}
  .board-table{min-width:720px}
  .table-footer{padding:10px 16px;font-size:12px}
  .steps-grid{grid-template-columns:1fr}
  .final-cta{flex-direction:column;align-items:flex-start;padding:24px}
  .footer-links{margin-left:0}
  .call-modal,.detail-modal{padding:22px 18px}
  .detail-metrics{grid-template-columns:1fr}
  .account-panel{flex-direction:column;align-items:stretch}
  .account-wallet{max-width:none}
  .winners-total{text-align:left}
  .rank-table{min-width:520px}
  .modal-actions .button{flex:1}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .ticker-track{animation:none}
}
.table-panel>.side-panel-heading{padding:18px 20px 4px}
.table-panel .rank-table th:first-child,.table-panel .rank-table td:first-child{padding-left:20px}
.table-panel .rank-table th:last-child,.table-panel .rank-table td:last-child{padding-right:20px}

/* v3 tweaks */
.ticker-viewport{padding-left:0}
.ticker-track{padding-left:0}
.live-pill{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin-left:10px;font:700 13px var(--sans);color:var(--pump-ink);background:var(--pump);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;letter-spacing:0}
.live-pill .pulse-dot{width:7px;height:7px}
.x-button{display:grid;place-items:center;color:var(--chalk);text-decoration:none}
.x-button:hover{background:var(--pump);color:var(--pump-ink)}
.x-link{display:inline-flex;align-items:center;gap:6px}
.status-mega{background:var(--sky);color:var(--ink)}
.status-legend{background:linear-gradient(90deg,var(--bag),var(--rug),#b69bff);color:var(--ink)}
@media(max-width:600px){.top-actions .x-button{display:none}}

.ca-pill{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 12px 7px 7px;border-radius:999px;border:2px solid var(--ink);background:var(--lane);color:var(--chalk);font:600 13px var(--mono);box-shadow:var(--stick-sm)}
.ca-pill b{font:800 12px var(--sans);background:var(--bag);color:var(--ink);border-radius:999px;padding:2px 8px}
.ca-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-pill:hover{background:var(--lane2)}
.ca-pill.pending span{color:var(--dust);font-family:var(--sans)}
.ca-hero{align-self:flex-start;font-size:14px;padding:9px 14px 9px 9px}
@media(max-width:1100px){.top-actions .ca-pill{display:none}}

.ca-copy{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin-top:4px;padding:4px 10px;border-radius:9px;border:2px solid var(--ink);background:var(--night2);color:var(--dust);font:500 12px var(--mono);cursor:copy}
.ca-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-copy:hover{color:var(--pump);border-color:var(--pump)}
.copy-mini{cursor:copy;font:inherit;color:var(--dust)}/* runner.fun · race day in the trenches
   night: grape dark base · pump: gains + primary action · rug: losses · bag: prizes · ink: sticker outlines */
:root{
  --night:#120d2b;
  --night2:#17113a;
  --lane:#1f1848;
  --lane2:#2a2160;
  --line:#3b3180;
  --chalk:#fbf7ff;
  --dust:#a99fd8;
  --dust2:#7b70b0;
  --pump:#2ef07f;
  --pump-ink:#063d1e;
  --rug:#ff4f7b;
  --bag:#ffd541;
  --sky:#59d2ff;
  --ink:#06040f;
  --paper:#fff6dc;
  --display:'Bricolage Grotesque',system-ui,sans-serif;
  --sans:'Bricolage Grotesque',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --r-lg:18px;--r-md:12px;--r-sm:8px;
  --stick:4px 4px 0 var(--ink);
  --stick-sm:3px 3px 0 var(--ink);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--night);color:var(--chalk);font:400 15px/1.55 var(--sans);font-variation-settings:'wdth' 100;position:relative;overflow-x:clip;
  background-image:radial-gradient(900px 500px at 85% -10%,#2ef07f14,transparent 60%),radial-gradient(800px 600px at -10% 10%,#7a4dff22,transparent 60%),repeating-linear-gradient(135deg,#ffffff03 0 2px,transparent 2px 14px)}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.02em}
p{margin:0}
.hidden{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.mono,.mono-value{font-family:var(--mono)}
.muted{color:var(--dust2);font-weight:400}
.lime-text{color:var(--pump)!important}
.return-negative{color:var(--rug)!important}
:focus-visible{outline:3px solid var(--bag);outline-offset:2px}

/* ---------- buttons ---------- */
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--ink);border-radius:var(--r-md);padding:11px 18px;font:700 15px var(--display);box-shadow:var(--stick-sm);transition:transform .08s,box-shadow .08s;white-space:nowrap;text-decoration:none}
.button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}
.button-lime{background:var(--pump);color:var(--pump-ink)}
.button-lime:hover{background:#5bff9d}
.button-ghost{background:var(--lane2);color:var(--chalk)}
.button-ghost:hover{background:#352a78}
.button-sm{padding:8px 13px;font-size:13px;border-radius:10px}
.button-lg{padding:15px 24px;font-size:17px}
.button-full{width:100%}
.button:disabled{opacity:.6;cursor:wait}
.text-button{background:none;border:0;padding:0;color:var(--dust);font:600 13px var(--sans);text-decoration:underline;text-underline-offset:3px}
.text-button:hover{color:var(--chalk)}
.icon-button{width:42px;height:42px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--lane2);box-shadow:var(--stick-sm);font-size:18px}
.icon-button.spin{animation:spin .8s linear infinite}
.icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- top ---------- */
.mode-banner{text-align:center;font:600 12px var(--sans);color:var(--ink);background:var(--bag);padding:6px 12px;border-bottom:2px solid var(--ink)}
.topbar{position:sticky;top:0;z-index:50;height:72px;display:flex;align-items:center;gap:20px;padding:0 max(24px,calc((100vw - 1240px)/2));background:#120d2bf2;backdrop-filter:blur(14px);border-bottom:2px solid var(--ink)}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--pump);color:var(--pump-ink);border:2px solid var(--ink);box-shadow:var(--stick-sm);transform:rotate(-4deg)}
.brand-mark svg{width:24px;height:24px}
.brand-word{font:800 24px var(--display);font-variation-settings:'wdth' 80;letter-spacing:-.03em}
.brand-word span{color:var(--pump)}
.navlinks{display:flex;gap:2px;margin-left:auto}
.navlink{border:0;background:none;padding:9px 12px;border-radius:10px;color:var(--dust);font:600 15px var(--sans);display:inline-flex;align-items:center;gap:6px}
.navlink:hover{color:var(--chalk);background:var(--lane)}
.navlink.active{color:var(--chalk);background:var(--lane2);box-shadow:inset 0 -3px 0 var(--pump)}
.nav-count{font:700 11px var(--mono);background:var(--pump);color:var(--pump-ink);border-radius:999px;padding:1px 7px}
.top-actions{display:flex;align-items:center;gap:10px}
.network-pill{display:inline-flex;align-items:center;gap:8px;font:700 13px var(--mono);padding:8px 12px;border-radius:999px;background:var(--lane);border:2px solid var(--ink)}
.flag{width:14px;height:14px;border-radius:3px;background:conic-gradient(var(--chalk) 25%,var(--ink) 0 50%,var(--chalk) 0 75%,var(--ink) 0) 0 0/7px 7px;border:1px solid var(--ink)}
.wallet-button{gap:8px}
.wallet-dot{width:8px;height:8px;border-radius:50%;background:var(--dust2)}
.wallet-button.connected .wallet-dot{background:var(--pump)}
.wl-short{display:none}
.mobile-menu{display:none;width:42px;height:42px;border-radius:10px;border:2px solid var(--ink);background:var(--lane2);font-size:18px}

/* ticker */
.ticker{position:sticky;top:72px;z-index:45;display:flex;align-items:center;height:38px;background:var(--pump);color:var(--pump-ink);border-bottom:2px solid var(--ink);overflow:hidden}
.ticker-label{flex-shrink:0;display:flex;align-items:center;gap:7px;padding:0 16px 0 max(24px,calc((100vw - 1240px)/2));font:800 14px var(--display);height:100%;background:var(--ink);color:var(--pump)}
.ticker-viewport{flex:1;overflow:hidden}
.ticker-track{display:inline-flex;gap:36px;white-space:nowrap;animation:ticker 60s linear infinite;padding-left:20px}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes ticker{to{transform:translateX(-50%)}}
.tk{font:600 14px var(--sans)}
.tk b{font-family:var(--mono);font-weight:700}
.tk em{font-style:normal;font-weight:800}
.tk i{font-style:normal;opacity:.6}
.tk u{text-decoration:none;background:var(--ink);color:var(--bag);border-radius:4px;padding:0 5px;font-size:12px}
.tk .lime-text{color:var(--pump-ink)!important}
.tk .return-negative{color:#a3002b!important}
.tk:before{content:"▲";font-size:9px;margin-right:10px;vertical-align:2px}
.pulse-dot,.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.4s infinite}
@keyframes pulse{50%{opacity:.3}}

/* ---------- hero ---------- */
.hero{padding:56px 0 40px}
.hero-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px 48px;align-items:end;position:relative;margin-bottom:36px}
.hero h1{font:800 clamp(64px,10vw,148px)/.9 var(--display);font-variation-settings:'wdth' 85,'opsz' 96;letter-spacing:-.015em;text-transform:none;color:var(--chalk);text-shadow:5px 5px 0 var(--ink)}
.hero-side{display:flex;flex-direction:column;gap:20px;padding-bottom:10px}
.hero-sub{font-size:19px;line-height:1.5;color:#d9d2ff;max-width:46ch}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.proof-row{color:var(--dust);font-size:14px}
.proof-row strong{color:var(--chalk)}
.prize-sticker{position:absolute;top:-62px;right:-14px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;width:132px;height:132px;border-radius:50%;background:var(--bag);color:var(--ink);border:3px solid var(--ink);box-shadow:var(--stick);transform:rotate(12deg);text-align:center;line-height:1.05;padding:10px}
.prize-sticker b{font:800 30px var(--display);font-variation-settings:'wdth' 75;letter-spacing:-.03em}
.prize-sticker span{font:700 12px var(--sans);margin-top:4px}
.prize-sticker i{font:800 12px var(--sans);font-style:normal;margin-top:6px;background:var(--ink);color:var(--bag);padding:2px 8px;border-radius:999px}

/* panels */
.panel{background:var(--lane);border:2px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--stick)}

/* ---------- the track ---------- */
.track{position:relative}
.track-body{overflow:hidden}
.track-head{padding-right:170px!important}
.track-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 24px 14px}
.track-head h2{font:800 28px var(--display);font-variation-settings:'wdth' 80}
.track-head p{color:var(--dust);font-size:14px;margin-top:2px}
.track-clock{text-align:right}
.track-clock span{display:block;color:var(--dust);font-size:13px}
.track-clock b{font:700 26px var(--mono);color:var(--bag)}
.track-body{position:relative;background:var(--night2);border-block:2px solid var(--ink);padding:10px 0 6px}
.track-scale{position:relative;height:22px;margin:0 128px 4px 230px}
.track-scale span{position:absolute;transform:translateX(-50%);font:700 12px var(--mono);color:var(--dust2)}
.track-scale span.hit{color:var(--pump)}
.lane{position:relative;display:grid;grid-template-columns:230px 1fr 128px;align-items:center;height:52px;border-top:1px dashed #3b318066;cursor:pointer}
.lane:first-of-type{border-top:0}
.lane:hover{background:#ffffff06}
.lane-who{padding:0 12px 0 20px;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.lane-who b{font:700 14px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lane-who small{color:var(--dust);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lane-run{position:relative;height:100%}
.lane-marks{position:absolute;inset:0;pointer-events:none}
.lane-marks i{position:absolute;top:0;bottom:0;width:1px;background:#3b318055}
.lane-trail{position:absolute;left:0;top:50%;height:6px;margin-top:-3px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--pump));transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.lane.down .lane-trail{background:linear-gradient(90deg,transparent,var(--rug))}
.lane-runner{position:absolute;top:50%;transform:translate(-50%,-50%);transition:left 1.2s cubic-bezier(.2,.8,.2,1)}
.lane-runner .token-avatar{width:34px;height:34px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.lane.leader .lane-runner .token-avatar{outline:3px solid var(--bag);outline-offset:1px}
.lane-score{padding-right:20px;text-align:right;display:flex;flex-direction:column;line-height:1.15}
.lane-score b{font:700 18px var(--mono)}
.lane-score small{font:600 12px var(--sans);color:var(--dust)}
.lane.up .lane-score b{color:var(--pump)}
.finish{position:absolute;top:0;bottom:0;right:128px;width:12px;background:conic-gradient(var(--chalk) 25%,var(--ink) 0 50%,var(--chalk) 0 75%,var(--ink) 0) 0 0/12px 12px;opacity:.9}
.track-empty{display:flex;align-items:center;gap:16px;padding:12px 20px 4px;color:var(--dust);font-size:14px}
.lane.gate .lane-trail{display:none}
.lane.gate .lane-score b{font-size:14px;color:var(--bag)}
.track-foot{display:grid;grid-template-columns:repeat(3,auto) 1fr;gap:12px 36px;padding:14px 24px 18px;align-items:end}
.track-foot div{display:flex;flex-direction:column;line-height:1.2}
.track-foot b{font:700 22px var(--mono)}
.track-foot span{color:var(--dust);font-size:13px}
.track-foot .pool b{font:800 20px var(--display)}
.track-foot .pool{justify-self:end;text-align:right;background:var(--bag);color:var(--ink);border:2px solid var(--ink);border-radius:var(--r-md);padding:8px 14px;box-shadow:var(--stick-sm);transform:rotate(-1.5deg)}
.track-foot .pool span{color:#5a4600}
.metric-unit{font-size:.7em}
.flash{animation:flash 1s ease-out}
@keyframes flash{0%{color:var(--pump);text-shadow:0 0 16px #2ef07f99}100%{text-shadow:none}}

/* ---------- trending ---------- */
.trending{padding:40px 0 20px}
.trend-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.trend-head h2,.panel-heading h2,.how-heading h2,.receipt-copy h2,.final-cta h2,.view-heading h2{font:800 clamp(30px,4vw,44px)/1 var(--display);font-variation-settings:'wdth' 80}
.panel-subtitle{color:var(--dust);font-size:15px;margin-top:6px;max-width:60ch}
.trend-updated{font:500 12px var(--mono);color:var(--dust2);white-space:nowrap}
.trend-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:14px;overflow-x:auto;padding:4px 6px 14px 2px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.trend-card{scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--r-lg);border:2px solid var(--ink);background:var(--lane);box-shadow:var(--stick);cursor:pointer;min-height:162px}
.trend-card:hover{background:var(--lane2)}
.trend-card.is-called{background:linear-gradient(160deg,#3a2a14,var(--lane) 60%)}
.trend-top{display:flex;align-items:center;gap:10px}
.trend-name{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.trend-name strong{font:700 16px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trend-name small{font-size:12px;color:var(--dust)}
.trend-ch{font:700 15px var(--mono);text-align:right;line-height:1.1}
.trend-ch small{display:block;font:600 11px var(--sans);color:var(--dust)}
.trend-ch.up{color:var(--pump)}
.trend-ch.down{color:var(--rug)}
.trend-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px 0;border-block:1px dashed var(--line)}
.trend-stats small{display:block;font:600 11px var(--sans);color:var(--dust2)}
.trend-stats b{font:700 13px var(--mono)}
.trend-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}
.trend-open{display:inline-flex;align-items:center;gap:6px;font:600 12px var(--sans);color:var(--bag)}
.trend-open i{width:7px;height:7px;border-radius:50%;background:var(--bag);animation:pulse 1.4s infinite}
.trend-called{font:600 12px var(--sans);color:var(--dust);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trend-cta{font:700 13px var(--display);color:var(--chalk);white-space:nowrap}
.trend-cta.lime{color:var(--pump-ink);background:var(--pump);padding:6px 11px;border-radius:9px;border:2px solid var(--ink)}
.trend-card.skeleton{cursor:default;gap:12px}
.trend-card.skeleton span{display:block;height:14px;border-radius:6px;background:linear-gradient(90deg,var(--lane2),#3a2f7a,var(--lane2));background-size:200% 100%;animation:shimmer 1.3s infinite}
.trend-card.skeleton span:nth-child(2){width:70%}
.trend-card.skeleton span:nth-child(3){width:45%;margin-top:auto}
@keyframes shimmer{to{background-position:-200% 0}}

/* ---------- avatars ---------- */
.token-avatar,.coin-icon{position:relative;display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;font:800 15px var(--display);color:var(--ink);overflow:hidden;border:2px solid var(--ink)}
.token-avatar img,.coin-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.avatar-lime{background:var(--pump)}
.avatar-purple{background:#b69bff}
.avatar-blue{background:var(--sky)}
.avatar-gold{background:var(--bag)}
.avatar-pink{background:var(--rug)}

/* ---------- board ---------- */
.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;padding:30px 0 20px}
.board-panel{overflow:hidden}
.panel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:22px 24px 16px}
.board-controls{display:flex;gap:10px}
.search-box{display:flex;align-items:center;gap:8px;padding:0 12px;height:42px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--night2);min-width:240px;color:var(--dust)}
.search-box input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:14px;color:var(--chalk)}
.search-box input::placeholder{color:var(--dust2)}
.search-box kbd{font:600 11px var(--mono);border:1px solid var(--line);border-radius:5px;padding:1px 6px}
.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 24px 14px;border-bottom:2px solid var(--ink)}
.tab-list{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.tab-list::-webkit-scrollbar{display:none}
.board-tab{border:2px solid transparent;background:none;padding:7px 12px;border-radius:999px;color:var(--dust);font:600 14px var(--sans);white-space:nowrap}
.board-tab:hover{color:var(--chalk)}
.board-tab.active{background:var(--chalk);color:var(--ink);border-color:var(--ink)}
.board-tab span{font:700 11px var(--mono);margin-left:4px}
.board-sort{display:flex;align-items:center;gap:8px}
.sort-label{font-size:13px;color:var(--dust)}
.board-sort select{background:var(--night2);border:2px solid var(--ink);border-radius:10px;padding:7px 10px;font-size:13px;color:var(--chalk)}
.table-wrap,.table-scroll{overflow-x:auto}
.call-table{width:100%;border-collapse:collapse;white-space:nowrap}
.call-table th{text-align:left;font:600 12px var(--sans);color:var(--dust2);padding:12px;border-bottom:1px solid var(--line)}
.call-table td{padding:12px;border-bottom:1px dashed #3b318088;font-size:14px;vertical-align:middle}
.call-table th:first-child,.call-table td:first-child{padding-left:24px}
.call-table th:last-child,.call-table td:last-child{padding-right:20px}
.board-table th:nth-child(n+3),.board-table td:nth-child(n+3){text-align:right}
.call-table tbody tr{cursor:pointer}
.call-table tbody tr:hover{background:#ffffff07}
.call-table tbody tr:last-child td{border-bottom:0}
.coin-cell{display:flex;align-items:center;gap:11px}
.coin-main{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.coin-title{font:700 15px var(--sans);display:flex;align-items:center;gap:6px;max-width:250px;overflow:hidden;text-overflow:ellipsis}
.coin-meta{font-size:12px;color:var(--dust);display:flex;align-items:center;gap:5px}
.copy-mini{border:0;background:none;color:var(--dust2);padding:0;font-size:12px}
.copy-mini:hover{color:var(--pump)}
.caller-cell{display:flex;flex-direction:column;line-height:1.25}
.caller-cell strong{font:700 14px var(--sans)}
.sub-value{display:block;font-size:12px;color:var(--dust2);font-family:var(--sans)}
.mcap-cell{font:500 14px var(--mono)}
.return-cell{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.peak-main{font:700 18px var(--mono)}
.peak-main.is-hot{color:var(--pump)}
.return-sub{font:700 13px var(--mono)}
.now-cell{gap:2px}
.row-spark{width:70px;height:22px;display:block}
.row-spark path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.row-spark.up path{stroke:var(--pump)}
.row-spark.down path{stroke:var(--rug)}
.row-spark.flat path{stroke:var(--line);stroke-dasharray:3 3}
.row-action{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;border:2px solid var(--ink);background:var(--lane2);color:var(--chalk)}
.row-action:hover{background:var(--pump);color:var(--pump-ink)}
.badge{font:700 11px var(--sans);font-style:normal;padding:1px 7px;border-radius:999px;border:1.5px solid var(--ink)}
.badge-first{background:var(--bag);color:var(--ink)}
.badge-grad{background:var(--sky);color:var(--ink)}
.you{font:800 11px var(--sans);font-style:normal;color:var(--ink);background:var(--pump);padding:1px 6px;border-radius:999px;margin-left:4px}
.status-pill{display:inline-flex;align-items:center;gap:5px;font:700 11px var(--sans);padding:2px 8px;border-radius:999px;border:1.5px solid var(--ink);background:var(--pump);color:var(--pump-ink)}
.status-pending{background:var(--lane2);color:var(--dust)}
.status-moon{background:var(--bag);color:var(--ink)}
.status-rug,.status-dq{background:var(--rug);color:var(--ink)}
.row-mine{background:#2ef07f0d}
.row-dq{opacity:.45}
.row-up td{animation:rowup 1.6s ease-out}
@keyframes rowup{0%{background:#2ef07f2e}100%{background:transparent}}
.row-new td{animation:rownew 2.2s ease-out}
@keyframes rownew{0%{background:#ffd5412e}100%{background:transparent}}
.empty-state{text-align:center;padding:48px 24px}
.empty-icon{font-size:30px;margin-bottom:8px}
.empty-state strong{display:block;font:800 22px var(--display)}
.empty-state p{color:var(--dust);margin:6px auto 16px;max-width:42ch}
.table-footer{display:flex;justify-content:space-between;gap:12px;padding:12px 24px;font-size:13px;color:var(--dust);border-top:2px solid var(--ink);background:var(--night2)}
.footer-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pump);animation:pulse 1.4s infinite;margin-right:4px}

/* side */
.side-column{display:flex;flex-direction:column;gap:24px}
.arena-card{padding:20px;background:var(--lane2)}
.arena-top{display:flex;justify-content:space-between;align-items:center}
.arena-top h3{font:800 24px var(--display);font-variation-settings:'wdth' 80}
.pill{font:700 12px var(--sans);padding:3px 10px;border-radius:999px;background:var(--chalk);color:var(--ink);border:2px solid var(--ink)}
.arena-card>p{color:var(--dust);font-size:14px;margin:8px 0 14px}
.arena-score{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:var(--r-md);background:var(--night2);border:2px solid var(--ink)}
.arena-score small{display:block;font-size:12px;color:var(--dust)}
.arena-score strong{font:700 17px var(--sans)}
.leader-score{text-align:right}
.leader-score strong{font:700 22px var(--mono);color:var(--pump)}
.arena-progress{height:12px;margin:16px 0 6px;border-radius:999px;background:var(--night2);border:2px solid var(--ink);overflow:hidden}
.arena-progress span{display:block;height:100%;background:repeating-linear-gradient(135deg,var(--bag) 0 8px,#e8b800 8px 16px)}
.arena-progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--dust);margin-bottom:14px}
.arena-progress-label b{font-family:var(--mono);color:var(--chalk)}
.arena-footnote{font-size:12px;color:var(--dust);margin-top:10px;text-align:center}
.leader-panel{padding:18px 20px}
.side-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.side-panel-heading h3{font:800 22px var(--display);font-variation-settings:'wdth' 80}
.side-panel-heading .section-eyebrow{margin-bottom:2px}
.leader-row{display:grid;grid-template-columns:24px 34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px dashed var(--line);cursor:pointer}
.leader-rank{font:700 13px var(--mono);color:var(--dust2)}
.leader-row:first-child .leader-rank{color:var(--bag)}
.leader-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:800 12px var(--display);color:var(--ink);background:#b69bff;border:2px solid var(--ink)}
.leader-avatar.purple{background:#b69bff}.leader-avatar.blue{background:var(--sky)}.leader-avatar.gold{background:var(--bag)}.leader-avatar.pink{background:var(--rug)}
.leader-avatar:not(.purple):not(.blue):not(.gold):not(.pink){background:var(--pump)}
.leader-user{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.leader-user strong{font:700 14px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leader-user small{font-size:12px;color:var(--dust)}
.leader-return{font:700 15px var(--mono);color:var(--pump)}
.leader-empty{color:var(--dust);font-size:14px;padding:10px 0}
.leader-foot{font-size:12px;color:var(--dust2);margin-top:8px}

/* ---------- receipt slip ---------- */
.receipt-section{display:grid;grid-template-columns:1fr minmax(0,440px);gap:56px;align-items:center;padding:80px 0}
.receipt-copy p{color:var(--dust);font-size:17px;margin:14px 0 22px;max-width:44ch}
.receipt-preview{position:relative;background:var(--paper);color:var(--ink);padding:28px 26px 30px;transform:rotate(2deg);filter:drop-shadow(6px 6px 0 var(--ink));font-family:var(--mono);cursor:default;
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%;
  -webkit-mask-composite:source-in;mask-composite:intersect;
  mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50%/16px 100%}
.receipt-preview[data-call-id]{cursor:pointer}
.slip-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px dashed var(--ink);padding-bottom:10px;margin-bottom:12px;gap:10px}
.slip-head b{font:800 22px var(--display);letter-spacing:-.02em}
.slip-head span{font-size:12px}
.slip-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:4px 0}
.slip-row b{font-weight:700}
.slip-row.big{font-size:20px;font-weight:700}
.slip-row.big b{font-size:28px;color:#0a8a43}
.slip-chart{color:#0a8a43;margin:8px 0 10px;border-block:1px dashed #06040f55;padding:6px 0}
.slip-chart svg{display:block;width:100%;height:100px}
.slip-foot{border-top:2px dashed var(--ink);margin-top:12px;padding-top:10px;font-size:12px;text-align:center}
.slip-stamp{position:absolute;left:50%;top:128px;margin-left:-40px;transform:rotate(-14deg);border:3px solid #0a8a43;color:#0a8a43;font:800 16px var(--display);padding:2px 10px;border-radius:8px;opacity:.85}
.slip-stamp.rug{border-color:#c2183f;color:#c2183f}

/* ---------- how ---------- */
.how-section{padding:40px 0 60px}
.how-heading{display:grid;grid-template-columns:1fr minmax(0,46ch);gap:24px;align-items:end;margin-bottom:28px}
.how-heading p{color:var(--dust);font-size:16px}
.steps-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step-card{position:relative;padding:22px 20px 20px;background:var(--lane);border:2px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--stick)}
.step-number{position:absolute;top:-16px;left:18px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--chalk);color:var(--ink);border:2px solid var(--ink);font:800 18px var(--display)}
.step-card:nth-child(4) .step-number{background:var(--bag)}
.step-card h3{font:800 22px var(--display);font-variation-settings:'wdth' 85;margin:10px 0 8px}
.step-card p{color:var(--dust);font-size:14px}
.step-live{margin-top:14px;display:inline-flex;align-items:center;gap:7px;font:600 12px var(--sans);color:var(--pump);background:#2ef07f14;border:1px solid #2ef07f44;border-radius:999px;padding:3px 10px}
.step-live i{width:6px;height:6px;border-radius:50%;background:var(--pump);animation:pulse 1.4s infinite}
.step-live:empty{display:none}

/* ---------- cta + footer ---------- */
.final-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 36px;margin-bottom:60px;background:var(--pump);color:var(--pump-ink);border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:6px 6px 0 var(--ink)}
.final-cta p{font-size:16px;margin-top:6px}
.final-cta .button-lime{background:var(--ink);color:var(--pump)}
.footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding:28px 0 40px;border-top:2px solid var(--ink)}
.footer-note{color:var(--dust);font-size:14px}
.footer-links{margin-left:auto;display:flex;gap:18px}
.footer-links button,.footer-links a{background:none;border:0;padding:0;color:var(--dust);font:600 14px var(--sans)}
.footer-links button:hover,.footer-links a:hover{color:var(--chalk)}
.footer-bottom{width:100%;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--dust2)}
.footer-brand .brand-mark{width:30px;height:30px}
.footer-brand .brand-word{font-size:20px}

/* ---------- alt views ---------- */
.alt-view{min-height:66vh;padding:44px 0 70px}
.view-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.view-heading h2{font-size:clamp(40px,6vw,72px);font-variation-settings:'wdth' 75;text-shadow:4px 4px 0 var(--ink)}
.view-heading p{color:var(--dust);margin-top:8px;font-size:15px}
.section-eyebrow{display:flex;align-items:center;gap:8px;font:600 13px var(--sans);color:var(--dust)}
.section-dot{width:8px;height:8px;border-radius:50%;background:var(--pump)}
.purple-dot{background:#b69bff}
.gold-dot{background:var(--bag)!important}
.view-actions{display:flex;gap:10px;flex-wrap:wrap}
.view-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:24px;align-items:start}
.view-panel{padding:22px}
.view-loading{display:flex;align-items:center;gap:10px;color:var(--dust);padding:60px 0}
.notice-bar{padding:12px 16px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--lane2);margin-bottom:18px;font-size:14px}
.notice-me{background:var(--pump);color:var(--pump-ink)}
.day-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.day-chip{border:2px solid var(--ink);background:var(--lane);border-radius:999px;padding:6px 14px;font:600 13px var(--sans);color:var(--dust)}
.day-chip:hover{color:var(--chalk)}
.day-chip.active{background:var(--chalk);color:var(--ink)}
.rank-table{width:100%;border-collapse:collapse;white-space:nowrap}
.rank-table th{text-align:left;font:600 12px var(--sans);color:var(--dust2);padding:10px 8px;border-bottom:1px solid var(--line)}
.rank-table td{padding:12px 8px;border-bottom:1px dashed #3b318088;font-size:14px}
.rank-table tbody tr[data-call-id]{cursor:pointer}
.rank-table tbody tr[data-call-id]:hover{background:#ffffff07}
.rank-table th:last-child,.rank-table td:last-child{text-align:right}
.rank-number{font:700 15px var(--mono);color:var(--dust)}
.row-paid .rank-number{color:var(--bag)}
.rank-user{display:flex;align-items:center;gap:10px}
.rank-user div{display:flex;flex-direction:column;line-height:1.25}
.rank-user small{font-size:12px;color:var(--dust2)}
.rank-points{font:700 16px var(--mono);color:var(--pump)}
.rank-prize{font:700 14px var(--mono);color:var(--bag)}
.rank-prize small{display:block;font-size:11px;color:var(--dust)}
.side-title{font:800 24px var(--display);font-variation-settings:'wdth' 80;margin:6px 0 14px}
.split-list{display:grid;gap:7px;margin-bottom:10px}
.split-row{display:grid;grid-template-columns:30px 1fr 40px auto;align-items:center;gap:10px;font:600 13px var(--mono);color:var(--dust)}
.split-row strong{color:var(--chalk);text-align:right}
.split-row small{color:var(--bag);min-width:48px;text-align:right}
.split-bar{height:10px;border-radius:999px;background:var(--night2);border:1.5px solid var(--ink);overflow:hidden}
.split-bar i{display:block;height:100%;background:var(--bag)}
.detail-section{margin-top:18px}
.detail-section-label{font:700 14px var(--sans);margin-bottom:6px}
.detail-note{color:var(--dust);font-size:14px}
.rules-list{margin:8px 0 0;padding-left:20px;color:#d9d2ff;font-size:15px;line-height:1.75}
.rules-list li::marker{color:var(--pump)}
.rules-panel{max-width:760px}
.winners-total{text-align:right}
.winners-total small{display:block;font-size:13px;color:var(--dust)}
.winners-total strong{font:700 30px var(--mono);color:var(--bag)}
.payout-card{margin-bottom:20px}
.tx-link{font:600 13px var(--mono);color:var(--pump)}
.tx-link:hover{text-decoration:underline}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:4px 0 20px}
.stat{padding:14px 16px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--lane);box-shadow:var(--stick-sm)}
.stat small{display:block;font-size:13px;color:var(--dust)}
.stat strong{font:700 26px var(--mono)}
.table-panel{padding:0;overflow:hidden}
.view-panel.table-panel .board-table{min-width:760px}
.my-call-empty{text-align:center;padding:48px 24px}
.my-call-empty h3{font:800 26px var(--display);margin:6px 0}
.my-call-empty p{color:var(--dust);margin:0 auto 18px;max-width:46ch}
.account-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin-bottom:20px}
.account-panel p{margin-top:6px;font-size:14px;color:var(--dust);max-width:46ch}
.account-panel.needs-wallet{background:#3a2f14;border-color:var(--ink)}
.account-wallet{display:flex;gap:8px;flex:1;max-width:500px}
.account-wallet .text-input{flex:1;min-width:0;margin:0}
.gold-link{color:var(--bag);text-decoration:underline}

/* ---------- modals ---------- */
.modal-backdrop,.detail-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;background:#06040fcc;backdrop-filter:blur(6px)}
.call-modal,.detail-modal{position:relative;width:min(520px,100%);min-width:0;max-width:100%;padding:28px;background:var(--lane);border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:8px 8px 0 var(--ink);animation:pop .18s ease-out}
.detail-modal{width:min(620px,100%)}
@keyframes pop{from{transform:scale(.96) rotate(-1deg);opacity:0}}
.call-modal h2,.auth-modal h2{font:800 34px var(--display);font-variation-settings:'wdth' 80;margin-bottom:6px}
.modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:10px;border:2px solid var(--ink);background:var(--lane2);font-size:20px;line-height:1}
.modal-sub{color:var(--dust);font-size:14px;margin-bottom:6px}
.field-label{display:flex;justify-content:space-between;margin:16px 0 6px;font:700 14px var(--sans)}
.field-label span{font-weight:500;color:var(--dust2);font-size:13px}
.input-shell{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 12px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--night2)}
.input-shell:focus-within{box-shadow:0 0 0 3px #2ef07f55}
.input-shell input{flex:1;min-width:0;border:0;outline:0;background:none;font:500 13px var(--mono);padding:9px 0;color:var(--chalk)}
.paste-button{border:2px solid var(--ink);background:var(--chalk);color:var(--ink);border-radius:9px;padding:6px 12px;font:700 13px var(--sans)}
.text-input{width:100%;padding:12px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--night2);color:var(--chalk);outline:0;font-size:15px}
.text-input:focus{box-shadow:0 0 0 3px #2ef07f55}
.text-input::placeholder,.input-shell input::placeholder{color:var(--dust2)}
.mono-input{font:500 13px var(--mono)}
.field-help{font-size:12px;color:var(--dust2);margin-top:6px}
.form-error{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--rug);color:var(--ink);font:600 14px var(--sans);border:2px solid var(--ink)}
.lookup-status{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:var(--dust)}
.spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;display:inline-block}
.token-preview{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--lane2)}
.tp-main{flex:1;min-width:0;display:flex;flex-direction:column}
.tp-main strong{font:700 15px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp-main span{font:500 12px var(--mono);color:var(--dust)}
.tp-tag{font:700 12px var(--sans);padding:3px 9px;border-radius:999px;border:2px solid var(--ink);background:var(--lane);white-space:nowrap}
.tp-tag.tp-first{background:var(--bag);color:var(--ink)}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.modal-disclaimer{font-size:12px;color:var(--dust2);margin-top:14px;text-align:center}
.wallet-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 0;padding:12px 14px;border-radius:var(--r-md);border:2px dashed var(--line);background:var(--night2)}
.wallet-card strong{display:block;font:700 15px var(--sans)}
.wallet-card span{display:block;font-size:13px;color:var(--dust)}
.wallet-card.ok{border:2px solid var(--ink);background:#173a2a}
.wallet-card.ok strong{color:var(--pump)}
.wallet-card.warn{flex-direction:column;align-items:flex-start;border-color:var(--bag)}
.wc-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.auth-modal{width:min(440px,100%)}
.auth-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:2px solid var(--ink);background:var(--night2);margin-bottom:16px}
.auth-tab{border:0;background:none;padding:7px 16px;border-radius:999px;font:700 14px var(--sans);color:var(--dust)}
.auth-tab.active{background:var(--pump);color:var(--pump-ink)}
.auth-modal .field-label{margin-top:12px}

/* detail / receipt modal */
.detail-header{display:flex;align-items:center;gap:14px;padding-right:44px}
.detail-header>div{min-width:0}
.detail-header .token-avatar{width:52px;height:52px;font-size:20px}
.detail-header h2{font:800 26px var(--display);font-variation-settings:'wdth' 85}
.detail-header p{font:500 12px var(--mono);color:var(--dust2);word-break:break-all;margin-top:2px}
.detail-badge{margin-left:auto;flex-shrink:0}
.receipt-hero{margin:20px 0 6px;padding:18px 20px;border-radius:var(--r-md);background:var(--paper);color:var(--ink);border:2px solid var(--ink);display:flex;flex-direction:column}
.receipt-hero small{font:600 13px var(--sans)}
.receipt-hero strong{font:700 54px/1 var(--mono);letter-spacing:-.04em;margin:4px 0}
.receipt-hero strong.lime-text{color:#0a8a43!important}
.receipt-hero span{font-size:14px}
.receipt-hero b{background:var(--bag);border:1.5px solid var(--ink);border-radius:999px;padding:0 6px}
.detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.detail-metric{padding:12px;border-radius:var(--r-md);border:2px solid var(--ink);background:var(--night2)}
.detail-metric small{display:block;font-size:12px;color:var(--dust)}
.detail-metric strong{font:700 17px var(--mono)}
.detail-metric em{font-style:normal;font-size:12px;margin-left:4px}
.timeline{position:relative;display:grid;gap:12px;margin:8px 0 16px}
.timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;border-left:2px dashed var(--line)}
.tl-item{display:grid;grid-template-columns:20px 1fr;gap:8px;position:relative}
.tl-item strong{display:block;font:700 15px var(--sans)}
.tl-item small{font-size:12px;color:var(--dust)}
.tl-dot{width:12px;height:12px;margin-top:5px;border-radius:50%;background:var(--dust2);border:2px solid var(--ink)}
.tl-lime{background:var(--pump)}
.tl-purple{background:#b69bff}
.tl-pulse{background:var(--pump);animation:pulse 1.4s infinite}
.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.receipt-fine{margin-top:14px;font-size:12px;color:var(--dust2)}

/* toast */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r-md);background:var(--chalk);color:var(--ink);border:2px solid var(--ink);box-shadow:var(--stick);font:600 14px var(--sans);max-width:calc(100% - 32px)}
.toast-mark{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--pump);border:2px solid var(--ink);font-size:12px;font-weight:800}
.toast.toast-bad .toast-mark{background:var(--rug)}

/* ---------- responsive ---------- */
@media(max-width:1100px){
  .navlink{padding:8px 9px;font-size:14px}
  .network-pill{display:none}
  .main-grid{grid-template-columns:minmax(0,1fr) 280px}
  .steps-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}
}
@media(max-width:860px){
  .topbar{height:64px}
  .ticker{top:64px}
  .navlinks{position:absolute;top:62px;left:0;right:0;display:none;flex-direction:column;gap:2px;padding:10px 16px 14px;background:var(--night);border-bottom:2px solid var(--ink)}
  .navlinks.mobile-open{display:flex}
  .navlink{padding:12px}
  .mobile-menu{display:block}
  .hero-copy{grid-template-columns:1fr;gap:20px}
  .prize-sticker{width:104px;height:104px;top:-52px;right:-6px}
  .prize-sticker b{font-size:24px}
  .prize-sticker span{font-size:10px}
  .main-grid,.view-grid,.receipt-section,.how-heading{grid-template-columns:1fr}
  .receipt-section{gap:36px;padding:56px 0}
  .receipt-preview{max-width:440px;transform:rotate(1.5deg)}
  .stat-row{grid-template-columns:repeat(2,1fr)}
  .track-foot{grid-template-columns:repeat(3,1fr)}
  .track-foot .pool{grid-column:1/-1;justify-self:start}
}
@media(max-width:600px){
  .shell{width:calc(100% - 28px)}
  .topbar{padding:0 14px;gap:10px}
  .brand-word{font-size:21px}
  .top-actions{gap:8px;margin-left:auto}
  .top-actions .button-sm{padding:7px 10px;font-size:13px}
  .wl-long{display:none}.wl-short{display:inline}
  .wallet-dot{display:none}
  .hero{padding:36px 0 28px}
  .hero h1{font-size:clamp(60px,19vw,92px)}
  .hero-sub{font-size:16px}
  .prize-sticker{width:88px;height:88px;top:-46px;right:-4px}
  .track-head{padding-right:96px!important}
  .prize-sticker b{font-size:20px}
  .prize-sticker span{font-size:9px}
  .prize-sticker i{font-size:9px}
  .button-lg{padding:13px 18px;font-size:16px}
  .track-head{flex-direction:column;align-items:flex-start;padding:16px}
  .track-clock{text-align:left}
  .track-scale{margin:0 74px 4px 128px}
  .lane{grid-template-columns:128px 1fr 74px;height:48px}
  .lane-who{padding:0 6px 0 12px}
  .lane-who b{font-size:13px}
  .lane-score{padding-right:12px}
  .lane-score b{font-size:14px}
  .finish{right:74px;width:8px;background-size:8px 8px}
  .lane-runner .token-avatar{width:28px;height:28px;font-size:12px}
  .track-foot{grid-template-columns:repeat(2,1fr);padding:14px 16px}
  .track-foot b{font-size:18px}
  .trend-head{flex-direction:column;align-items:flex-start}
  .trend-row{grid-auto-columns:82%}
  .panel-heading{flex-direction:column;align-items:stretch;padding:18px 16px 12px}
  .search-box{min-width:0;flex:1}
  .board-toolbar{flex-direction:column;align-items:stretch;padding:0 16px 12px}
  .call-table th:first-child,.call-table td:first-child{padding-left:16px}
  .board-table{min-width:720px}
  .table-footer{padding:10px 16px;font-size:12px}
  .steps-grid{grid-template-columns:1fr}
  .final-cta{flex-direction:column;align-items:flex-start;padding:24px}
  .footer-links{margin-left:0}
  .call-modal,.detail-modal{padding:22px 18px}
  .detail-metrics{grid-template-columns:1fr}
  .account-panel{flex-direction:column;align-items:stretch}
  .account-wallet{max-width:none}
  .winners-total{text-align:left}
  .rank-table{min-width:520px}
  .modal-actions .button{flex:1}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .ticker-track{animation:none}
}
.table-panel>.side-panel-heading{padding:18px 20px 4px}
.table-panel .rank-table th:first-child,.table-panel .rank-table td:first-child{padding-left:20px}
.table-panel .rank-table th:last-child,.table-panel .rank-table td:last-child{padding-right:20px}

/* v3 tweaks */
.ticker-viewport{padding-left:0}
.ticker-track{padding-left:0}
.live-pill{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin-left:10px;font:700 13px var(--sans);color:var(--pump-ink);background:var(--pump);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;letter-spacing:0}
.live-pill .pulse-dot{width:7px;height:7px}
.x-button{display:grid;place-items:center;color:var(--chalk);text-decoration:none}
.x-button:hover{background:var(--pump);color:var(--pump-ink)}
.x-link{display:inline-flex;align-items:center;gap:6px}
.status-mega{background:var(--sky);color:var(--ink)}
.status-legend{background:linear-gradient(90deg,var(--bag),var(--rug),#b69bff);color:var(--ink)}
@media(max-width:600px){.top-actions .x-button{display:none}}

.ca-pill{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 12px 7px 7px;border-radius:999px;border:2px solid var(--ink);background:var(--lane);color:var(--chalk);font:600 13px var(--mono);box-shadow:var(--stick-sm)}
.ca-pill b{font:800 12px var(--sans);background:var(--bag);color:var(--ink);border-radius:999px;padding:2px 8px}
.ca-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-pill:hover{background:var(--lane2)}
.ca-pill.pending span{color:var(--dust);font-family:var(--sans)}
.ca-hero{align-self:flex-start;font-size:14px;padding:9px 14px 9px 9px}
@media(max-width:1100px){.top-actions .ca-pill{display:none}}

.ca-copy{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin-top:4px;padding:4px 10px;border-radius:9px;border:2px solid var(--ink);background:var(--night2);color:var(--dust);font:500 12px var(--mono);cursor:copy}
.ca-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca-copy:hover{color:var(--pump);border-color:var(--pump)}
.copy-mini{cursor:copy;font:inherit;color:var(--dust)}