/* page layouts */
.top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;align-items:end;margin:0 0 34px}
.top-l .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.find{display:flex;gap:10px;align-items:flex-end;padding-bottom:4px}
.find .field{flex:1;margin:0}
.wide{width:100%}
.led-wrap{margin:0 0 42px;display:grid;gap:10px}
.led-wrap .led-cap{z-index:2}
.split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.split-side{position:sticky;top:96px}
.list-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px}
.list-head .lbl{margin:0}
.list-head+.rows{margin-bottom:42px}
.coin-row .mc small{display:block;color:var(--mute);font-size:12px}
.coin-row .act .btn{height:32px;padding:0 12px}
.tagline{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--coral);font-weight:700}

/* coin */
.coin-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:40px;align-items:end;margin:0 0 30px}
.ch-id{display:flex;gap:20px;align-items:flex-end;min-width:0}
.ch-id h1{word-break:break-word}
.ch-id .lbl{margin-bottom:10px}
.ch-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;font-size:13px;color:var(--mute)}
.ch-links a,.ch-links button{color:var(--body);border-bottom:1px solid var(--line2);background:none;border-top:0;border-left:0;border-right:0;padding:0;cursor:pointer;font-size:13px}
.ch-links a:hover,.ch-links button:hover{color:var(--coral);border-color:var(--coral)}
.ch-curve .bar{margin:4px 0 6px}
.quote{margin:4px 0 16px;border-top:1px solid var(--line)}
.quote:empty{display:none}
.donate h2{margin-bottom:6px}
.donate .note{margin:0 0 18px}
.blk .lbl{margin-bottom:14px}
.trades{list-style:none;margin:0;padding:0}
.trades li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
.trades li:last-child{border:0}
.trades .s{font-weight:700;text-transform:uppercase;font-size:12px}
.trades .s.buy{color:var(--ink)}
.trades .s.sell{color:var(--coral)}
.trades a{color:var(--mute)}
.trades a:hover{color:var(--ink)}
.trades.empty-list li{display:block}

/* donate page */
.pick{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 16px}
.pick button{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 4px;border:1px solid var(--line2);border-radius:4px;background:transparent;cursor:pointer;font:600 13px TextWeb;color:var(--body)}
.pick button:hover{border-color:var(--ink);color:var(--ink)}
.pick button .cimg{width:28px;height:28px}
.pick button .cimg b{font-size:10px}
.coinline{margin:0 0 16px}
.coinline:empty{display:none}
.coinline .kv b{color:var(--ink)}
.link{background:none;border:0;padding:0;cursor:pointer;color:var(--coral);font:700 12px TextWeb;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid currentColor}
.side-led{margin:0}
a.u{color:var(--ink);border-bottom:1px solid var(--coral)}
q{color:var(--ink);font-style:italic}

/* launch */
.steps{list-style:none;margin:0;padding:0;display:flex;gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;align-self:end}
.steps li{flex:1;padding:14px 12px;font:700 12px/1 TextWeb;text-transform:uppercase;letter-spacing:.05em;color:var(--dim);border-right:1px solid var(--line);counter-increment:st}
.steps li::before{content:"0" counter(st) " ";font-family:MonoWeb;color:var(--dim)}
.steps li:last-child{border-right:0}
.steps li.now{color:var(--ink);background:rgba(255,122,92,.1)}
.steps li.now::before{color:var(--coral)}
.steps li.did{color:var(--body)}
.steps li.did::before{content:"✓ ";color:var(--coral)}
.lgrid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px}
.drop{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px dashed var(--line2);border-radius:4px;cursor:pointer;text-align:center;font:700 12px/1.5 TextWeb;text-transform:uppercase;letter-spacing:.05em;color:var(--body);overflow:hidden;margin-bottom:16px}
.drop small{font-weight:400;text-transform:none;letter-spacing:0;color:var(--mute)}
.drop:hover,.drop.over{border-color:var(--coral)}
.drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

/* charity: picker (launch), list + send (coin), line on the board */
.ch{margin-bottom:22px}
.ch>span b{font-weight:600;color:var(--body)}
.ch-find{position:relative}
.ch-res{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;list-style:none;margin:0;padding:4px 0;max-height:min(360px,52vh);overflow-y:auto;background:#040A16;border:1px solid var(--line2);border-radius:4px;box-shadow:0 18px 40px rgba(0,2,9,.7)}
.ch-res li{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--line)}
.ch-res li:last-child{border-bottom:0}
.ch-res li.at,.ch-res li:hover{background:rgba(255,122,92,.08)}
.ch-res li.on{opacity:.55}
.ch-res li.ch-empty{display:block;cursor:default;color:var(--mute);font-size:14px;padding:12px}
.ch-res li.ch-empty:hover{background:none}
.ch-mono{width:32px;height:32px;border-radius:4px;overflow:hidden;background:#0B1322;border:1px solid var(--line);display:grid;place-items:center;flex:none}
.ch-mono img{width:100%;height:100%;object-fit:contain;background:#EEF1F4}
.ch-mono b{font:700 11px/1 MonoWeb,monospace;color:var(--coral);letter-spacing:0}
.ch-nm{min-width:0;display:flex;flex-direction:column;gap:2px}
.ch-nm b{color:var(--ink);font-weight:600;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ch-nm b a:hover{color:var(--coral)}
.ch-nm small{color:var(--mute);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.ch-nm small a{color:var(--body);border-bottom:1px solid var(--line2)}
.ch-nm small a:hover{color:var(--coral);border-color:var(--coral)}
.ch-tag{font:700 10px/1 TextWeb;text-transform:uppercase;letter-spacing:.06em;color:var(--coral);border:1px solid rgba(255,122,92,.45);border-radius:3px;padding:4px 6px}
.ch-add{font:700 11px/1 TextWeb;text-transform:uppercase;letter-spacing:.05em;color:var(--body)}
.ch-picked{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--line)}
.ch-picked li{display:grid;grid-template-columns:32px minmax(0,1fr) 84px 30px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.ch-picked li.ch-none{display:block;color:var(--mute);font-size:14px;padding:12px 0}
.ch-pct{display:flex;align-items:center;gap:6px}
.ch-pct .in-box{padding:8px 8px;text-align:right;font-size:14px}
.ch-pct span{color:var(--mute);font:600 13px MonoWeb}
.ch-x{width:30px;height:30px;border:1px solid var(--line2);border-radius:4px;background:transparent;color:var(--mute);cursor:pointer;font-size:18px;line-height:1}
.ch-x:hover{border-color:var(--coral);color:var(--coral)}
.ch-foot{display:flex;align-items:center;gap:16px}
.ch-foot .ch-sum{flex:1;border-bottom:0}
.ch-foot .ch-sum:empty{display:none}
.ch-sum .bad{color:var(--coral)}
.ch .note{margin-top:8px}
#lNeed{margin:10px 0 0;text-align:center}
.ch-list{list-style:none;margin:0 0 6px;padding:0;border-top:1px solid var(--line)}
.ch-list li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.ch-share{color:var(--ink);text-align:right;font-size:14px}
.ch-share small{display:block;color:var(--mute);font-size:11px;margin-top:2px}
.charity #chFacts{margin:0 0 16px}
.charity #chFacts a{color:var(--coral)}
.coin-row .nm small.ch-line{color:var(--body);font-size:12px;white-space:normal;line-height:1.4;margin-top:2px}
.ch-gift{margin:0 0 16px}
.ch-gift .field{margin-bottom:10px}
.ch-gift .ch-list{margin:0}
#dWho{max-width:100%}
.coin-row .nm small.ch-line span{color:var(--coral)}

/* reversed */
.rev{margin:10px 0 70px}
.rev-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);gap:28px;padding:0 0 12px;border-bottom:1px solid var(--line2);font:700 12px/1 TextWeb;text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}
.rev-rows{list-style:none;margin:0;padding:0}
.rev-rows li{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);gap:28px;padding:20px 0;border-bottom:1px solid var(--line)}
.rev-rows p{margin:0;font-size:15px}
.rev-rows p.us{color:var(--ink)}
.rev-rows p code{white-space:normal;word-break:break-word}
.rv-id{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}
.rv-id b{color:var(--coral);font-size:12px}
.rv-id code{white-space:normal;word-break:break-word}
.rv-id .src{font-size:12px;color:var(--mute);word-break:break-all}
.rv-id .src:hover{color:var(--coral)}
.where{margin-bottom:20px}
.where .split-main{grid-column:1/-1}
.where-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line2)}
.where-grid>div{padding:22px 24px 6px 0}
.where-grid>div+div{padding-left:24px;border-left:1px solid var(--line)}
.where-grid h2{font-size:15px;margin:0 0 10px}
.where-grid p{margin:0}

@media (max-width:1000px){
  .top,.coin-head,.split{grid-template-columns:1fr}
  .split-side{position:static}
  .find{flex-direction:column;align-items:stretch}
  .rev-head{display:none}
  .rev-rows li{grid-template-columns:1fr;gap:10px}
  .rev-rows p::before{display:block;font:700 12px/1.8 TextWeb;text-transform:uppercase;letter-spacing:.05em;color:var(--mute)}
  .rev-rows p:nth-of-type(1)::before{content:"On pump.fun"}
  .rev-rows p.us::before{content:"Here, on Raydium";color:var(--coral)}
  .where-grid{grid-template-columns:1fr}
  .where-grid>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .three{grid-template-columns:1fr}
  .lgrid{grid-template-columns:120px minmax(0,1fr);gap:14px}
  .steps li{padding:12px 6px;font-size:12px}
  .ch-id{align-items:flex-start}
  .cimg.lg{width:64px;height:64px}
  .ch-res li{grid-template-columns:32px minmax(0,1fr) auto;gap:10px}
  .ch-res li .ch-tag{display:none}
  .ch-picked li{grid-template-columns:32px minmax(0,1fr) 70px 30px;gap:8px}
}
@media (max-width:600px){
  #dWho button,#sort button,#gMode button{padding:0 10px}
  .list-head{flex-wrap:wrap;gap:10px}
}
@media (max-width:600px){
  #dWho{display:flex;width:100%}
  #dWho button{flex:1 1 auto;padding:0 6px;font-size:11px;letter-spacing:.02em}
}