:root{
  --bg:#07090D;
  --bg2:#0C1016;
  --panel:#10151D;
  --edge:#1E2733;
  --txt:#E8F5EE;
  --dim:#6E8296;
  --pump:#00FF88;
  --pump2:#00C46A;
  --hot:#FF3D81;
  --gold:#FFD34D;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  --disp:'Archivo Black',Impact,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:radial-gradient(ellipse at 50% -10%,#101826,var(--bg) 60%);color:var(--txt);font-family:var(--mono);font-size:14px;min-height:100vh}

/* trending tape: one pill per token, unmistakably separated */
.tape{position:sticky;top:0;z-index:20;background:#04060A;border-bottom:1px solid var(--edge);height:44px;display:flex;align-items:center;overflow:hidden}
.tapetrack{display:inline-flex;align-items:center;white-space:nowrap;font-size:12px;font-weight:700;animation:crawl 35s linear infinite;will-change:transform}
.tpill{display:inline-flex;align-items:center;gap:7px;background:#10151D;border:1px solid var(--edge);border-radius:999px;padding:4px 12px 4px 5px;margin:0 8px;cursor:pointer}
.tpill:hover{border-color:var(--pump)}
.tape:hover .tapetrack{animation-play-state:paused}
.tpill.first{border-color:var(--gold);background:#151509;box-shadow:0 0 14px rgba(255,211,77,.22)}
.trkb{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;border-radius:999px;background:#1B2330;color:var(--dim);font-size:10px;font-weight:800;padding:0 7px}
.trkb.gold{background:var(--gold);color:#231A00;font-size:11px}
.trkb.silver{background:#C9D4E0;color:#12100A}
.trkb.bronze{background:#D8925A;color:#12100A}
.tpill .tico{width:15px;height:15px;border-radius:50%;background:#fff;flex:none}
.tpill .tk{color:var(--pump)}
.tpill .amt{color:var(--txt)}
@keyframes crawl{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* header: corner (nav over brand) — big status dead centre — CTA right */
header{position:relative;display:flex;align-items:center;gap:20px;padding:14px 22px;min-height:74px}
.corner{display:flex;flex-direction:column;gap:2px}
.brand{font-family:var(--disp);font-size:24px;color:var(--txt);text-decoration:none;letter-spacing:-.01em}
.brand span{color:var(--pump)}
.status{position:absolute;left:50%;transform:translateX(-50%);font-size:14px;color:var(--dim);white-space:nowrap;text-align:center}
.status b{color:var(--pump);font-weight:800;font-size:19px;font-family:var(--disp);margin:0 2px;text-shadow:0 0 14px rgba(0,255,136,.35)}
@media(max-width:860px){.status{position:static;transform:none;order:3;width:100%;font-size:12px}.status b{font-size:15px}header{flex-wrap:wrap}}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pump);margin-right:6px;animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.25}}
.topnav{display:flex;gap:12px;font-size:11px}
.topnav a{color:var(--dim);text-decoration:none;font-weight:700}
.topnav a:hover{color:var(--pump)}
.cta{margin-left:auto;font:inherit;font-weight:800;font-size:13px;background:var(--pump);color:#03140A;border:0;border-radius:10px;padding:11px 18px;cursor:pointer;box-shadow:0 0 24px rgba(0,255,136,.25)}
.cta:hover{filter:brightness(1.1)}

main{max-width:1060px;margin:0 auto;padding:8px 18px 90px}

/* top-3 cards: same shape, cascading size — gold, silver, bronze */
.king{margin:10px 0 28px}
.kcard{position:relative;display:flex;gap:20px;align-items:center;background:linear-gradient(120deg,#131B14,#0E1420 70%);border-radius:18px;padding:22px 24px;cursor:pointer}
.kbadge{position:absolute;top:-13px;left:22px;color:#231A00;font-family:var(--disp);font-size:11px;letter-spacing:.12em;padding:5px 12px;border-radius:999px}
.klogo{border-radius:20px;background:#1A222E center/cover no-repeat;display:grid;place-items:center;font-family:var(--disp);color:var(--dim);flex:none;border:2px solid var(--edge)}
.kmain{flex:1;min-width:0}
.kname{font-family:var(--disp);line-height:1.1}
.kname .tk{color:var(--pump)}
.kdesc{color:var(--dim);margin-top:6px}
.kmeta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;align-items:center;font-size:12px}
.kright{text-align:right;flex:none}
.ktotal{font-family:var(--disp);color:var(--pump);text-shadow:0 0 24px rgba(0,255,136,.5)}
.kboosts{font-size:11px;color:var(--dim);margin-top:4px}
/* #1 — GOLD, full size */
.k1{border:3px solid var(--gold);box-shadow:0 0 55px rgba(255,211,77,.22),inset 0 0 60px rgba(0,255,136,.04);padding:30px 32px;gap:24px}
.k1:hover{box-shadow:0 0 80px rgba(255,211,77,.35),inset 0 0 60px rgba(0,255,136,.06)}
.k1 .kbadge{background:var(--gold)}
.k1 .klogo{width:132px;height:132px;font-size:52px}
.k1 .kname{font-size:31px}
.k1 .kdesc{font-size:14px}
.k1 .ktotal{font-size:42px}
/* #2 — SILVER, about half */
.k2{border:2.5px solid #C9D4E0;box-shadow:0 0 30px rgba(180,200,220,.18);padding:20px 22px;gap:16px;border-radius:16px;width:80%;margin:0 0 24px}
.k2:hover{box-shadow:0 0 40px rgba(180,200,220,.26)}
.k2 .kbadge{background:#C9D4E0;font-size:10.5px;top:-12px;left:18px}
.k2 .klogo{width:84px;height:84px;font-size:32px;border-radius:16px}
.k2 .kname{font-size:21px}
.k2 .kdesc{font-size:12px;margin-top:4px}
.k2 .kmeta{margin-top:8px}
.k2 .ktotal{font-size:27px;text-shadow:0 0 16px rgba(0,255,136,.45)}
/* #3 — BRONZE, smaller still */
.k3{border:2px solid #D8925A;box-shadow:0 0 22px rgba(216,146,90,.17);padding:15px 18px;gap:14px;border-radius:14px;width:64%;margin:0}
@media(max-width:820px){.k2,.k3{width:100%}}
/* phone layout: cards stack, the money moves to its own bottom row */
@media(max-width:700px){
  main{padding:8px 10px 60px}
  .kcard{flex-wrap:wrap;gap:12px;padding:20px 14px 14px}
  .k1 .klogo{width:78px;height:78px;font-size:30px;border-radius:16px}
  .k2 .klogo{width:60px;height:60px;font-size:24px}
  .k3 .klogo{width:48px;height:48px;font-size:18px}
  .kmain{flex:1;min-width:0}
  .k1 .kname{font-size:19px}
  .k2 .kname{font-size:16px}
  .k3 .kname{font-size:14px}
  .kname{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
  .k1 .kdesc{font-size:12px}
  .cachip{max-width:160px}
  .kmeta{gap:7px}
  .kmeta .btn{padding:6px 9px;font-size:11px}
  .dexbtn{padding:5px 9px}
  .kright{width:100%;display:flex;align-items:baseline;gap:12px;text-align:left;border-top:1px solid rgba(30,39,51,.6);padding-top:10px}
  .k1 .ktotal{font-size:26px}
  .k2 .ktotal{font-size:20px}
  .k3 .ktotal{font-size:17px}
  .kboosts{margin-top:0}
  .board{overflow-x:auto}
  table{min-width:600px}
  .cta{font-size:11px;padding:9px 12px}
  .brand{font-size:20px}
  header{gap:10px;padding:10px 14px}
  footer{position:static;margin-top:20px}
}
.k3:hover{box-shadow:0 0 30px rgba(216,146,90,.25)}
.k3 .kbadge{background:#D8925A;font-size:9.5px;top:-11px;left:16px}
.k3 .klogo{width:62px;height:62px;font-size:24px;border-radius:13px}
.k3 .kname{font-size:17px}
.k3 .kmeta{margin-top:6px}
.k3 .ktotal{font-size:21px;text-shadow:0 0 12px rgba(0,255,136,.4)}

/* chain badges + ca chip */
.chain{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.06em;padding:4px 9px;border-radius:999px;text-transform:uppercase;vertical-align:middle}
.chainico{width:14px;height:14px;border-radius:50%;flex:none;background:#fff}
.chain.solana{background:linear-gradient(90deg,#9945FF,#14F195);color:#04110A}
.chain.ethereum{background:#627EEA;color:#fff}
.chain.base{background:#0052FF;color:#fff}
.chain.bsc{background:#F0B90B;color:#231A00}
.chain.ton{background:#0098EA;color:#fff}
.chain.robinhood{background:#CCFF00;color:#141A00}
.chain.other{background:#3A4654;color:#fff}
.cachip{display:inline-flex;align-items:center;gap:7px;background:#0A0E14;border:1px solid var(--edge);border-radius:8px;padding:5px 10px;font-size:11px;color:var(--dim);cursor:pointer;max-width:260px}
.cachip:hover{border-color:var(--pump);color:var(--txt)}
.cachip .caval{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cachip .cp{color:var(--pump);flex:none;font-weight:700}
.cachip .calbl{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--pump);flex:none;background:rgba(0,255,136,.1);border-radius:5px;padding:2px 5px}
/* ghost seats: the future, faded */
.ghostk{opacity:.4;border-style:dashed!important;box-shadow:none!important;cursor:pointer;transition:opacity .15s}
.ghostk:hover{opacity:.7}
.ghostk .klogo{color:var(--dim);border-style:dashed}
.ghostrow{opacity:.4;cursor:pointer;transition:opacity .15s}
.ghostrow:hover{opacity:.7}
.ghostrow .tlogo{color:var(--dim);border:1.5px dashed var(--edge);background:none}

/* DEX Screener button: icon + stacked wordmark */
.dexbtn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px}
.dexico{width:18px;height:18px;border-radius:4px;flex:none}
.dexlbl{display:flex;flex-direction:column;line-height:1.05;text-align:left}
.dexlbl b{font-size:11px;letter-spacing:.05em;color:var(--txt)}
.dexlbl small{font-size:8.5px;color:var(--dim);letter-spacing:.04em}

/* tickers are copyable everywhere: chip look, icon always visible */
.tkcopy{cursor:pointer;background:rgba(0,255,136,.09);border:1px solid rgba(0,255,136,.3);border-radius:7px;padding:1px 7px 1px 6px;white-space:nowrap}
.tkcopy:hover{background:rgba(0,255,136,.18);border-color:var(--pump)}
.tkcopy::after{content:'⧉';font-size:.62em;margin-left:5px;opacity:.75;vertical-align:2px}
.tkcopy:hover::after{opacity:1}
.k2 .kmeta .btn,.k3 .kmeta .btn{padding:6px 10px;font-size:11px}

/* ranks 2-3: stacked under the king, shrinking */
.podium{display:flex;flex-direction:column;margin-bottom:30px}

/* the board table */
.board{background:var(--panel);border:1.5px solid var(--edge);border-radius:14px;overflow:hidden}
table{width:100%;border-collapse:collapse;font-size:13px}
th{font-size:10px;letter-spacing:.1em;color:var(--dim);text-align:left;padding:10px 14px;border-bottom:1px solid var(--edge)}
th.r,td.r{text-align:right}
td{padding:10px 14px;border-bottom:1px solid rgba(30,39,51,.6)}
tr:last-child td{border-bottom:0}
tbody tr{cursor:pointer}
tbody tr:hover{background:#141B25}
.rk{font-family:var(--disp);color:var(--dim);font-size:13px}
.tlogo{width:34px;height:34px;border-radius:9px;background:#1A222E center/cover no-repeat;display:grid;place-items:center;font-family:var(--disp);font-size:14px;color:var(--dim)}
.tname{font-weight:800}
.tname .tk{color:var(--pump)}
.tdesc{font-size:11px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}
.ttotal{font-family:var(--disp);color:var(--pump)}
.pumpmini{font:inherit;font-weight:800;font-size:11px;background:none;border:1.5px solid var(--pump);color:var(--pump);border-radius:8px;padding:6px 12px;cursor:pointer}
.pumpmini:hover{background:var(--pump);color:#03140A}

/* log */
.log{position:fixed;left:16px;bottom:40px;z-index:10;width:280px;background:rgba(12,16,22,.93);border:1.5px solid var(--edge);border-radius:14px;padding:12px 14px;backdrop-filter:blur(6px)}
.log h2{margin:0 0 8px;font-family:var(--disp);font-size:11px;letter-spacing:.14em;color:var(--pump)}
.log ul{list-style:none;margin:0;padding:0;font-size:11px;max-height:120px;overflow:auto;scrollbar-width:thin}
.log li{padding:4px 0;border-bottom:1px solid rgba(30,39,51,.5);color:var(--dim)}
.log li:last-child{border:0}
.log .tk{color:var(--pump);font-weight:800;cursor:pointer}
.log li.new{animation:slide .4s ease-out}
@keyframes slide{from{transform:translateY(-8px);opacity:0}to{opacity:1}}
@media(max-width:1000px){.log{display:none}}

.buypop{position:fixed;top:52px;left:50%;transform:translateX(-50%) translateY(-18px) scale(.9);z-index:40;background:rgba(12,16,22,.97);border:2px solid var(--pump);border-radius:14px;padding:12px 26px;text-align:center;opacity:0;pointer-events:none;transition:.35s cubic-bezier(.2,1.4,.4,1);box-shadow:0 12px 50px rgba(0,255,136,.3)}
.buypop.show{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
.buypop small{display:block;font-family:var(--disp);font-size:9px;letter-spacing:.22em;color:var(--hot);margin-bottom:3px}
.buypop b{font-family:var(--disp);font-size:15px}
.buypop span{display:inline-block;margin-left:10px;font-family:var(--disp);font-size:15px;color:var(--pump)}

footer{position:fixed;left:0;right:0;bottom:0;z-index:15;text-align:center;font-size:10.5px;color:var(--dim);background:rgba(4,6,10,.9);border-top:1px solid var(--edge);padding:8px}

/* dashboard */
.card{position:relative;background:var(--panel);border:2px solid var(--edge);border-radius:20px;padding:26px}
.dashveil{position:fixed;inset:0;background:rgba(4,6,10,.72);backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:opacity .22s;z-index:49}
.dashveil.open{opacity:1;pointer-events:auto}
.dash{position:fixed;top:50%;left:50%;width:min(460px,94vw);max-height:88vh;border-radius:20px;transform:translate(-50%,-50%) scale(.93);opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.25,1.4,.4,1),opacity .2s;overflow-y:auto;z-index:50;background:rgba(12,16,22,.97)}
.dash.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}
.dgrid>div{background:#0A0E14;border:1px solid var(--edge);border-radius:10px;padding:8px}
.dgrid small{display:block;font-size:8.5px;letter-spacing:.1em;color:var(--dim);font-weight:700;margin-bottom:3px}
.dgrid b{font-family:var(--disp);font-size:13px;color:var(--pump)}
.card .x{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--edge);background:none;color:var(--txt);font-size:16px;cursor:pointer}
.card .x:hover{background:var(--edge)}
.crumb{font-size:12px;color:var(--dim);margin:0 0 8px}
.big{font-family:var(--disp);font-size:clamp(24px,5vw,32px);line-height:1.2;margin:0 0 12px}
.big .tkcopy{font-size:.5em;font-family:var(--mono);font-weight:700;vertical-align:middle;position:relative;top:-.14em;margin-left:2px}
.big .tk{color:var(--pump)}
.owner{border:1.5px solid var(--edge);border-radius:14px;padding:14px;overflow:hidden}
.owner .flagimg{position:relative;overflow:hidden;margin:-14px -14px 12px;height:150px;background:#0B0F15}
.owner .flagimg::before{content:'';position:absolute;inset:-24px;background:var(--fi) center/cover no-repeat;filter:blur(20px) saturate(1.25);opacity:.55}
.owner .flagimg::after{content:'';position:absolute;inset:8px;background:var(--fi) center/contain no-repeat}
.owner .msg{margin:6px 0 10px;font-size:13.5px;color:var(--txt)}
.owner .meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.owner .since{margin-top:10px;padding-top:8px;border-top:1px solid var(--edge);font-size:11px;color:var(--dim)}
.row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.btn{padding:11px 16px;border-radius:10px;border:1.5px solid var(--txt);background:none;color:var(--txt);font-weight:700;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer;font-family:var(--mono)}
.btn.dark{background:var(--pump);border-color:var(--pump);color:#03140A;font-weight:800}
.btn.dark:hover{filter:brightness(1.1)}
.btn.ghost{border-color:var(--edge);color:var(--dim)}
.btn.ghost:hover{border-color:var(--txt);color:var(--txt)}
.card label{display:block;font-size:12px;margin:12px 0 4px;font-weight:700}
.hintinline{color:var(--dim);font-weight:400}
.card input,.card select{width:100%;font:inherit;padding:10px;border:1.5px solid var(--edge);border-radius:10px;background:#0A0E14;color:var(--txt);outline:none}
.card input:focus,.card select:focus{border-color:var(--pump)}
.half{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.upl{display:flex;align-items:center;gap:10px}
.upl input[type=file]{flex:1;font-size:11px;color:var(--dim);border:1.5px dashed var(--edge);padding:9px;border-radius:10px;background:#0A0E14}
.upl input[type=file]::file-selector-button{font:inherit;font-size:11px;font-weight:700;background:none;border:1.5px solid var(--pump);border-radius:8px;color:var(--pump);padding:5px 10px;cursor:pointer;margin-right:10px}
.uplstatus{font-size:11px;color:var(--dim);flex:none;max-width:40%}
.uplstatus.ok{color:var(--pump)}
.imgprev{margin-top:8px;height:90px;border-radius:10px;border:1.5px solid var(--edge);background:center/cover no-repeat}
.pay{flex:1;padding:12px;border:0;border-radius:10px;background:var(--pump);color:#03140A;font-family:var(--disp);font-size:14px;cursor:pointer}
.pay:hover{filter:brightness(1.1)}
.err{color:var(--hot);font-size:12px;margin-top:6px;min-height:1.2em}
.fine{font-size:11px;color:var(--dim);margin:14px 0 0}
.fine b{color:var(--txt)}
.fine.warn{border:1px solid rgba(255,61,129,.4);border-radius:10px;padding:9px 11px;color:#E8A8BE}
.fine.warn b{color:var(--hot)}

/* rules / terms / report pages */
.pveil{position:fixed;inset:0;background:rgba(4,6,10,.8);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:16px;z-index:55}
.pveil.open{display:flex}
.page{width:min(680px,100%);max-height:88vh;overflow:auto}
.page h1{font-family:var(--disp);font-size:26px;margin:4px 0 6px}
.page .sub{color:var(--dim);margin:0 0 18px;font-size:13px}
.page h2{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--pump);margin:20px 0 6px}
.page p,.page li{font-size:13.5px;line-height:1.6;margin:0 0 8px;color:var(--txt)}
.page ol,.page ul{padding-left:20px;margin:0}
.page li{margin-bottom:6px}
.page b{color:var(--hot)}
.page textarea{width:100%;font:inherit;padding:10px;border:1.5px solid var(--edge);border-radius:10px;background:#0A0E14;color:var(--txt);min-height:90px;resize:vertical;outline:none}
.page textarea:focus{border-color:var(--pump)}
.page .ok{border:1.5px solid var(--edge);border-radius:12px;padding:18px;text-align:center}
.hide{display:none!important}
.toast{position:fixed;left:50%;bottom:52px;transform:translateX(-50%) translateY(20px);background:var(--pump);color:#03140A;padding:12px 20px;font-family:var(--disp);font-size:13px;border-radius:10px;opacity:0;transition:.25s;z-index:60;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media (prefers-reduced-motion:reduce){*{animation:none!important}}