@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Exo+2:wght@200;300;400;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap');

:root{
  --bg:#010408;
  --bg2:#020609;
  --bg3:#030a0d;
  --panel:#020609;
  --border:rgba(0,255,136,.06);
  --border2:rgba(0,255,136,.14);
  --acc:#00ff88;
  --acc2:#ff2d6b;
  --acc3:#f5a623;
  --grn:#00e676;
  --red:#ff2d6b;
  --ylw:#f5a623;
  --pur:#a855f7;
  --org:#ff7043;
  --cyan:#00e5ff;
  --dim:#0d2a1a;
  --dim2:#2a5e3a;
  --dim3:#4d9962;
  --bright:#b3ffd6;
  --white:#e0fff0;
  --mono:'Share Tech Mono',monospace;
  --disp:'Exo 2',sans-serif;
  --sans:'Rajdhani',sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{height:100%}
body{
  background:var(--bg);
  color:var(--bright);
  font-family:var(--mono);
  font-size:12px;
  min-height:100vh;
  overflow-x:hidden;
  padding-bottom:26px;
  cursor:crosshair;
}
body::before{
  content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 3px);
}
body::after{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 60% 50% at 15% 50%,rgba(0,255,136,.018) 0%,transparent 60%),
    radial-gradient(ellipse 50% 60% at 85% 40%,rgba(0,200,255,.012) 0%,transparent 60%);
}
::-webkit-scrollbar{width:2px;height:2px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(0,255,136,.12);border-radius:2px}
::-webkit-scrollbar-thumb:hover{background:rgba(0,255,136,.3)}

/* HEADER */
.hdr{
  display:flex;align-items:center;gap:10px;
  padding:0 16px;height:48px;
  border-bottom:1px solid rgba(0,255,136,.07);
  background:rgba(1,4,8,.97);
  position:sticky;top:0;z-index:100;
  backdrop-filter:blur(20px);
  flex-wrap:nowrap;overflow-x:auto;
}
.hdr::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--acc) 30%,var(--cyan) 70%,transparent);
  opacity:.4;
}
.logo{
  font-family:var(--disp);font-weight:900;font-size:14px;
  letter-spacing:.2em;color:var(--acc);
  text-shadow:0 0 20px rgba(0,255,136,.5);
  white-space:nowrap;flex-shrink:0;
}
.logo span{color:var(--red);text-shadow:0 0 16px rgba(255,45,107,.4)}
.hstat{
  display:flex;align-items:center;gap:5px;font-size:8px;color:var(--dim3);
  padding:3px 8px;background:rgba(0,255,136,.02);
  border:1px solid rgba(0,255,136,.07);border-radius:3px;white-space:nowrap;flex-shrink:0;
}
.hstat b{color:var(--bright);font-weight:600}
.dot{width:6px;height:6px;border-radius:50%;background:var(--dim);flex-shrink:0;transition:all .3s}
.dot.live{background:var(--grn);box-shadow:0 0 8px var(--grn);animation:blink 2.5s ease-in-out infinite}
.dot.conn{background:var(--ylw);box-shadow:0 0 6px var(--ylw)}

/* ANIMATIONS */
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}
@keyframes slideIn{from{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes fadeUp{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes glow{0%,100%{box-shadow:none}50%{box-shadow:0 0 18px rgba(255,119,51,.6)}}
@keyframes glow2{0%,100%{box-shadow:none}50%{box-shadow:0 0 6px rgba(255,45,107,.35)}}
@keyframes rot{to{transform:rotate(360deg)}}

#radarBadge{
  margin-left:auto;flex-shrink:0;
  background:linear-gradient(135deg,rgba(255,112,67,.12),rgba(255,112,67,.06));
  border:1px solid rgba(255,112,67,.35);color:var(--org);
  padding:4px 10px;border-radius:3px;font-size:9px;font-weight:700;
  cursor:pointer;letter-spacing:.8px;transition:all .2s;white-space:nowrap;
}
#radarBadge:hover{background:rgba(255,112,67,.2);border-color:rgba(255,112,67,.6);box-shadow:0 0 16px rgba(255,112,67,.2)}
#radarBadge.pulse{animation:glow 1.2s ease-in-out 3}
#clockEl{font-size:9px;color:var(--dim2);font-family:var(--mono);letter-spacing:1px;flex-shrink:0}

/* LAYOUT */
.body{display:flex;height:calc(100vh - 48px)}
.right-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.right{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}

/* LEFT PANEL */
.left{
  width:292px;flex-shrink:0;border-right:1px solid rgba(0,255,136,.06);
  display:flex;flex-direction:column;overflow:hidden;background:rgba(1,4,8,.7);
}
.search-bar{padding:8px 12px;border-bottom:1px solid rgba(0,255,136,.05);flex-shrink:0}
.search-bar input{
  width:100%;padding:6px 10px;
  background:rgba(0,255,136,.02);border:1px solid rgba(0,255,136,.08);
  border-radius:3px;color:var(--bright);font-family:var(--mono);font-size:9px;
  outline:none;transition:border-color .2s;letter-spacing:.3px;
}
.search-bar input::placeholder{color:rgba(0,255,136,.2)}
.search-bar input:focus{border-color:rgba(0,255,136,.3);box-shadow:inset 0 0 12px rgba(0,255,136,.02)}

/* TABS */
.tabs{display:flex;border-bottom:1px solid rgba(0,255,136,.05);flex-shrink:0;background:rgba(0,0,0,.15);overflow-x:auto}
.tab{flex:1;padding:9px 4px;text-align:center;font-size:7.5px;font-weight:600;letter-spacing:.6px;cursor:pointer;border-bottom:2px solid transparent;color:rgba(0,255,136,.2);transition:all .15s;white-space:nowrap;min-width:44px;font-family:var(--mono)}
.tab:hover{color:rgba(0,255,136,.6);background:rgba(0,255,136,.02)}
.tab.t-pre.on{color:var(--org);border-bottom-color:var(--org);background:rgba(255,112,67,.04)}
.tab.t-pump.on{color:var(--grn);border-bottom-color:var(--grn);background:rgba(0,230,118,.04)}
.tab.t-dump.on{color:var(--red);border-bottom-color:var(--red);background:rgba(255,45,107,.04)}
.tab.t-all.on{color:var(--cyan);border-bottom-color:var(--cyan);background:rgba(0,229,255,.04)}
.tab.t-dna.on{color:var(--pur);border-bottom-color:var(--pur);background:rgba(168,85,247,.04)}
.rank-list{flex:1;overflow-y:auto}

/* RANK ITEMS */
.ri{padding:8px 14px;border-bottom:1px solid rgba(0,255,136,.03);cursor:pointer;transition:background .1s;position:relative}
.ri:hover{background:rgba(0,255,136,.016)}
.ri.sel{background:rgba(0,255,136,.022)}
.ri.sel::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--acc);box-shadow:2px 0 8px rgba(0,255,136,.3)}
.ri-top{display:flex;align-items:center;gap:6px;margin-bottom:3px}
.ri-sym{font-family:var(--disp);font-weight:700;font-size:11px;letter-spacing:.5px;color:var(--bright)}
.ri-px{font-size:8px;color:rgba(0,255,136,.25)}
.ri-chg{font-size:10px;font-weight:700;margin-left:auto;font-family:var(--mono)}
.ri-chg.up{color:var(--grn)}.ri-chg.dn{color:var(--red)}.ri-chg.fl{color:rgba(0,255,136,.25)}
.ri-bar{display:flex;gap:6px;font-size:8px;color:rgba(0,255,136,.3);align-items:center;flex-wrap:wrap}
.ri-score{font-family:var(--disp);font-weight:700;font-size:12px}

/* CHIPS */
.chips{display:flex;gap:3px;flex-wrap:wrap;margin-top:3px}
.chip{font-size:7px;font-weight:600;padding:1px 5px;border-radius:2px;letter-spacing:.4px;font-family:var(--mono)}
.p1{background:rgba(0,255,136,.1);color:var(--grn);border:1px solid rgba(0,255,136,.2)}
.p2{background:rgba(0,229,255,.08);color:var(--cyan);border:1px solid rgba(0,229,255,.18)}
.p3{background:rgba(168,85,247,.1);color:var(--pur);border:1px solid rgba(168,85,247,.2)}
.p4{background:rgba(0,229,255,.06);color:var(--cyan)}
.p5{background:rgba(168,85,247,.08);color:var(--pur)}
.p6{background:rgba(245,166,35,.1);color:var(--ylw);border:1px solid rgba(245,166,35,.2)}
.p7{background:rgba(0,255,136,.08);color:var(--grn)}
.csqz{background:rgba(255,45,107,.12);color:#ff6b9d;border:1px solid rgba(255,45,107,.3);animation:glow2 2s infinite}
.cfake{background:rgba(60,60,80,.2);color:#555}
.c1mb{background:rgba(0,255,136,.18);color:var(--grn);border:1px solid rgba(0,255,136,.38);font-weight:900}
.p22s{background:rgba(255,200,0,.18);color:#ffc800;border:1px solid rgba(255,200,0,.4);font-weight:900;animation:glow2 2s infinite}
.p22w{background:rgba(255,200,0,.08);color:#aa8800;border:1px solid rgba(255,200,0,.2)}
.p23s{background:rgba(255,100,0,.18);color:#ff6400;border:1px solid rgba(255,100,0,.4);font-weight:900}
.p23w{background:rgba(255,100,0,.08);color:#aa4400;border:1px solid rgba(255,100,0,.2)}
.p24s{background:rgba(180,0,255,.18);color:#c060ff;border:1px solid rgba(180,0,255,.4);font-weight:900}
.p24w{background:rgba(180,0,255,.08);color:#8040aa;border:1px solid rgba(180,0,255,.2)}
.p25s{background:rgba(0,200,255,.18);color:#00c8ff;border:1px solid rgba(0,200,255,.4);font-weight:900;animation:glow2 2s infinite}
.p25w{background:rgba(0,200,255,.08);color:#006688;border:1px solid rgba(0,200,255,.2)}
.p26s{background:rgba(255,50,50,.18);color:#ff4444;border:1px solid rgba(255,50,50,.4);font-weight:900;animation:glow2 2s infinite}
.p26w{background:rgba(255,50,50,.08);color:#883333;border:1px solid rgba(255,50,50,.2)}
.p27s{background:rgba(255,165,0,.18);color:#ffa500;border:1px solid rgba(255,165,0,.4);font-weight:900}
.p27w{background:rgba(255,165,0,.08);color:#886600;border:1px solid rgba(255,165,0,.2)}
.p28s{background:rgba(100,200,100,.18);color:#64c864;border:1px solid rgba(100,200,100,.4);font-weight:900}
.p28w{background:rgba(100,200,100,.08);color:#336633;border:1px solid rgba(100,200,100,.2)}
.comboC{background:rgba(255,80,0,.22);color:#ff5000;border:1px solid rgba(255,80,0,.5);font-weight:900;animation:glow2 1.5s infinite}
.comboW{background:rgba(0,160,255,.22);color:#00a0ff;border:1px solid rgba(0,160,255,.5);font-weight:900;animation:glow2 1.5s infinite}
.comboS{background:rgba(255,200,0,.22);color:#ffd000;border:1px solid rgba(255,200,0,.5);font-weight:900;animation:glow2 1.5s infinite}
.comboL{background:rgba(180,0,255,.22);color:#c060ff;border:1px solid rgba(180,0,255,.5);font-weight:900;animation:glow2 1.5s infinite}
.comboV{background:rgba(255,30,100,.22);color:#ff3060;border:1px solid rgba(255,30,100,.5);font-weight:900;animation:glow2 1.5s infinite}

/* RADAR SPLIT */
#longRadar{
  flex-shrink:0;border-bottom:1px solid rgba(0,255,136,.05);
  max-height:228px;display:flex;flex-direction:row;background:var(--bg2);position:relative;
}
#longRadar::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.35) 25%,rgba(255,255,255,.04) 50%,rgba(255,45,107,.35) 75%,transparent);z-index:2;pointer-events:none}
#radarPumpPanel{flex:1;display:flex;flex-direction:column;border-right:1px solid rgba(0,255,136,.08);min-width:0;overflow:hidden;background:linear-gradient(180deg,rgba(0,255,136,.02) 0%,transparent 40%)}
#radarDumpPanel{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,45,107,.02) 0%,transparent 40%)}
#radarList{flex:1;overflow-y:auto}
#dumpRadarList{flex:1;overflow-y:auto}
.radar-hdr{display:flex;align-items:center;gap:8px;padding:5px 14px 4px;background:rgba(0,0,0,.4);border-bottom:1px solid rgba(0,255,136,.03);flex-shrink:0}
.radar-hdr.dump-hdr{border-bottom:1px solid rgba(255,45,107,.04);background:rgba(255,45,107,.01)}
.radar-title{font-family:var(--disp);font-weight:700;font-size:7px;letter-spacing:2px;text-transform:uppercase;color:rgba(0,255,136,.2)}
.radar-cnt{margin-left:auto;font-family:var(--mono);font-size:8px;color:var(--acc)}

/* RADAR ITEMS */
.ri2{padding:5px 12px;border-bottom:1px solid rgba(0,255,136,.025);cursor:pointer;transition:background .1s;position:relative}
.ri2:hover{background:rgba(0,255,136,.015)}
.ri2-top{display:flex;align-items:center;gap:5px;margin-bottom:2px}
.ri2-sym{font-family:var(--disp);font-weight:700;font-size:11px;color:var(--bright)}
.ri2-phase{font-family:var(--disp);font-size:7px;font-weight:700;padding:1px 5px;border-radius:2px}
.phase-1{background:rgba(0,255,136,.08);color:var(--acc);border:1px solid rgba(0,255,136,.2)}
.phase-2{background:rgba(245,166,35,.1);color:var(--ylw);border:1px solid rgba(245,166,35,.3)}
.phase-3{background:rgba(255,112,67,.12);color:var(--org);border:1px solid rgba(255,112,67,.35);animation:glow2 1.2s infinite}
.ri2-chg{font-size:9px;font-weight:700;margin-left:auto;font-family:var(--mono)}
.ri2-bottom{display:flex;gap:4px;flex-wrap:wrap}
.rchip{font-family:var(--mono);font-size:7px;font-weight:600;padding:1px 5px;border-radius:2px}
.rchip.v{background:rgba(168,85,247,.1);color:var(--pur)}
.rchip.a{background:rgba(0,255,136,.1);color:var(--grn)}
.rchip.o{background:rgba(0,229,255,.08);color:var(--cyan)}
.rchip.d{background:rgba(245,166,35,.08);color:var(--ylw)}
.rchip.s{background:rgba(255,45,107,.15);color:#ff6b9d;animation:glow2 1.5s infinite}
.r-entry-badge{font-family:var(--mono);font-size:6px;font-weight:700;padding:1px 5px;border-radius:2px;letter-spacing:.5px;background:rgba(255,45,107,.15);color:#ff5577;border:1px solid rgba(255,45,107,.3)}
.rdismiss{background:none;border:none;color:rgba(255,255,255,.12);cursor:pointer;font-size:9px;padding:0 2px;line-height:1;transition:.15s}
.rdismiss:hover{color:var(--red);text-shadow:0 0 6px var(--red)}
.radar-empty{padding:14px;text-align:center;font-size:7px;color:rgba(0,255,136,.1);letter-spacing:.5px}
.ll{font-size:6px;font-weight:700;padding:1px 4px;border-radius:2px;letter-spacing:.3px}
.ll.v{background:rgba(168,85,247,.12);color:var(--pur);border:1px solid rgba(168,85,247,.22)}
.ll.a{background:rgba(0,255,136,.08);color:var(--grn);border:1px solid rgba(0,255,136,.18)}
.ll.o{background:rgba(0,229,255,.08);color:var(--cyan);border:1px solid rgba(0,229,255,.18)}
.ll.d{background:rgba(245,166,35,.08);color:var(--ylw);border:1px solid rgba(245,166,35,.18)}
.ll.sqz{background:rgba(255,45,107,.12);color:#ff6b9d;border:1px solid rgba(255,45,107,.28);animation:glow2 1.5s infinite}
.ptimer{display:inline-flex;align-items:center;gap:3px;background:rgba(255,112,67,.12);border:1px solid rgba(255,112,67,.4);color:var(--org);padding:2px 6px;border-radius:2px;font-size:7px;font-weight:700;animation:glow 2.5s infinite;font-family:var(--mono)}
.ptimer b{font-family:var(--disp);font-size:9px}

/* RIGHT PANEL */
.empty-r{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--dim2);gap:10px;text-align:center;padding:20px;background:var(--panel)}

/* COIN HEADER */
.coin-hdr{padding:12px 16px;border-bottom:1px solid rgba(0,255,136,.05);flex-shrink:0;background:rgba(0,0,0,.25)}
.coin-hdr-top{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.coin-sym{font-family:var(--disp);font-weight:900;font-size:18px;letter-spacing:1px}
.coin-chg{font-size:13px;font-weight:700;font-family:var(--mono)}
.probbar-wrap{display:flex;align-items:center;gap:8px;margin-top:5px}
.probbar-bg{flex:1;height:4px;background:rgba(0,255,136,.04);border-radius:4px;overflow:hidden}
.probbar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}
.badge{font-family:var(--mono);font-weight:700;padding:4px 12px;border-radius:3px;font-size:9px;margin-left:auto;white-space:nowrap;letter-spacing:.5px}
.b-pre{background:rgba(255,112,67,.1);color:var(--org);border:1px solid rgba(255,112,67,.28);animation:glow 2.5s infinite}
.b-sqz{background:rgba(255,45,107,.1);color:#ff6b9d;border:1px solid rgba(255,45,107,.3)}
.b-med{background:rgba(245,166,35,.08);color:var(--ylw);border:1px solid rgba(245,166,35,.2)}
.b-ok{background:rgba(0,255,136,.08);color:var(--grn);border:1px solid rgba(0,255,136,.2)}
.b-low{background:rgba(255,255,255,.03);color:var(--dim2);border:1px solid var(--border)}
.coin-stats{display:flex;gap:10px;flex-wrap:wrap}
.cs{font-size:8px;color:var(--dim2)}.cs b{color:var(--bright);font-weight:600}
.cs.g b{color:var(--grn)}.cs.w b{color:var(--ylw)}.cs.r b{color:var(--red)}

/* DETAIL TABS */
.dtabs{display:flex;border-bottom:1px solid rgba(0,255,136,.05);flex-shrink:0;overflow-x:auto;background:rgba(0,0,0,.15)}
.dtab{padding:8px 14px;font-size:8px;color:var(--dim2);cursor:pointer;border-bottom:2px solid transparent;transition:.12s;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;font-family:var(--mono)}
.dtab:hover{color:var(--bright)}
.dtab.on{color:var(--acc);border-bottom-color:var(--acc);background:rgba(0,255,136,.04)}
.dbody{display:none;flex:1;overflow-y:auto;padding:14px 16px}
.dbody.on{display:block}

/* TABLES */
.tf-bar{display:flex;gap:4px;margin-bottom:10px;align-items:center;flex-wrap:wrap}
.tf-btn{padding:3px 8px;font-family:var(--mono);font-size:8px;background:transparent;border:1px solid rgba(0,255,136,.08);color:rgba(0,255,136,.3);cursor:pointer;border-radius:3px;transition:.12s}
.tf-btn:hover,.tf-btn.on{border-color:rgba(0,255,136,.3);color:var(--acc);background:rgba(0,255,136,.06)}
.tbl-wrap{overflow-x:auto;border:1px solid rgba(0,255,136,.07);border-radius:4px}
table.kt{width:100%;border-collapse:collapse;font-size:8px;font-family:var(--mono)}
table.kt thead tr{background:rgba(0,255,136,.02);border-bottom:1px solid rgba(0,255,136,.07)}
table.kt th{padding:5px 7px;text-align:right;color:rgba(0,255,136,.3);font-weight:700;letter-spacing:.4px;white-space:nowrap}
table.kt th:first-child{text-align:left}
table.kt td{padding:4px 7px;text-align:right;border-bottom:1px solid rgba(0,255,136,.025);white-space:nowrap}
table.kt td:first-child{text-align:left}
table.kt tr:hover td{background:rgba(0,255,136,.015)}
table.kt tr.fire td{background:rgba(0,255,136,.06)}
table.kt tr.pmp td{background:rgba(0,255,136,.035)}
table.kt tr.dmp td{background:rgba(255,45,107,.035)}
table.kt tr.spk td{background:rgba(245,166,35,.035)}
table.kt tr.pre td{background:rgba(255,112,67,.04)}
table.kt tr.clx td{background:rgba(255,215,0,.05);outline:1px solid rgba(255,215,0,.12)}

/* CARDS */
.card{padding:10px 13px;border:1px solid rgba(0,255,136,.07);border-radius:4px;margin-bottom:8px;font-size:9px;line-height:1.8;background:rgba(0,255,136,.01)}
.card.bull{background:rgba(0,255,136,.025);border-color:rgba(0,255,136,.18)}
.card.bear{background:rgba(255,45,107,.025);border-color:rgba(255,45,107,.18)}
.card.neu{background:rgba(245,166,35,.02);border-color:rgba(245,166,35,.14)}
.card.pre{background:rgba(255,112,67,.04);border-color:rgba(255,112,67,.26)}
.card.pur{background:rgba(168,85,247,.03);border-color:rgba(168,85,247,.18)}
.ctitle{font-family:var(--mono);font-weight:700;font-size:7px;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:5px}
.card.bull .ctitle{color:var(--grn)}.card.bear .ctitle{color:var(--red)}
.card.neu .ctitle{color:var(--ylw)}.card.pre .ctitle{color:var(--org)}.card.pur .ctitle{color:var(--pur)}
.sec{font-family:var(--mono);font-weight:700;font-size:7px;text-transform:uppercase;letter-spacing:1.5px;color:rgba(0,255,136,.25);margin:12px 0 6px}

/* SCORE ROWS */
.sr{display:flex;align-items:center;gap:5px;padding:4px 0;border-bottom:1px solid rgba(0,255,136,.025);font-size:8px}
.sr:last-child{border-bottom:none}
.sr-ic{font-size:10px;flex-shrink:0;width:14px}
.sr-lb{flex:1;color:rgba(0,255,136,.3)}
.sr-vl{min-width:55px;text-align:right;font-weight:700;font-size:8px}
.sr-bw{width:70px;height:3px;background:rgba(0,255,136,.04);border-radius:2px;overflow:hidden;flex-shrink:0}
.sr-bf{height:100%;border-radius:2px}
.sr-pt{min-width:32px;text-align:right;font-size:8px}

/* TIMELINE */
.tl{display:flex;flex-direction:column;gap:4px;padding-left:4px;border-left:1px solid rgba(0,255,136,.06);margin:8px 0}
.tl-row{display:flex;gap:8px;font-size:8px;align-items:flex-start}
.tl-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:1px;margin-left:-4px}
.tl-t{color:var(--dim2);min-width:75px;flex-shrink:0}

/* DNA PANEL */
.dna-watch{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid rgba(0,255,136,.025);font-size:9px;cursor:pointer;transition:background .1s}
.dna-watch:hover{background:rgba(168,85,247,.03)}
.heat{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.heat.hot{background:var(--org);box-shadow:0 0 6px var(--org);animation:blink 1.5s infinite}
.heat.warm{background:var(--ylw)}
.heat.cold{background:var(--dim)}
.dna-card{padding:10px 14px;border:1px solid rgba(0,255,136,.07);border-radius:4px;margin-bottom:8px}
.dna-rank{font-family:var(--disp);font-weight:800;font-size:18px;min-width:26px;color:var(--pur)}
.dna-rank.r1{color:var(--ylw);text-shadow:0 0 10px rgba(245,166,35,.4)}
.dna-rank.r2{color:var(--grn)}
.dna-rank.r3{color:var(--cyan)}
.dna-panel-body{flex:1;overflow-y:auto;padding:12px 16px}

/* DEPTH VIZ */
.depth-row{display:flex;align-items:center;gap:5px;margin-bottom:2px}
.depth-bar{height:6px;border-radius:1px;min-width:2px}

/* 2D STATS */
.twostat{display:flex;flex-direction:column;align-items:center;padding:8px 11px;border:1px solid rgba(0,255,136,.07);border-radius:4px;font-size:8px;min-width:72px;background:rgba(0,255,136,.01);transition:border-color .2s}
.twostat:hover{border-color:rgba(0,255,136,.12)}
.twostat .v{font-family:var(--disp);font-weight:800;font-size:13px;margin-bottom:2px}
.twostat .l{font-size:6px;color:rgba(0,255,136,.25);letter-spacing:.6px;text-transform:uppercase}

/* LEGACY ALIASES */
.li-sym{font-family:var(--disp);font-weight:800;font-size:12px;color:var(--bright)}
.li-score{font-family:var(--disp);font-weight:800;font-size:11px}
.li-layers{display:flex;gap:3px;margin-top:3px;flex-wrap:wrap}
.radar-section{padding:4px 12px 3px;font-size:6px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;border-bottom:1px solid rgba(0,255,136,.04)}
.entry-badge{font-size:8px;font-weight:900;padding:3px 8px;border-radius:3px;letter-spacing:.5px}
.entry-badge.go{background:rgba(0,255,136,.12);color:var(--grn);border:1px solid rgba(0,255,136,.35)}
.entry-badge.watch{background:rgba(245,166,35,.08);color:var(--ylw);border:1px solid rgba(245,166,35,.25)}

/* SPINNER */
.spin{width:16px;height:16px;border:2px solid rgba(0,255,136,.1);border-top-color:var(--acc);border-radius:50%;animation:rot .8s linear infinite;flex-shrink:0}
.loading{display:flex;align-items:center;gap:10px;padding:20px;color:rgba(0,255,136,.25);font-size:9px}

/* TICKER */
#marketTicker{position:fixed;bottom:0;left:0;right:0;height:26px;background:rgba(1,4,8,.97);border-top:1px solid rgba(0,255,136,.06);overflow:hidden;z-index:200;display:flex;align-items:center}
#marketTicker::before,#marketTicker::after{content:'';position:absolute;top:0;bottom:0;width:40px;z-index:2;pointer-events:none}
#marketTicker::before{left:0;background:linear-gradient(90deg,rgba(1,4,8,1),transparent)}
#marketTicker::after{right:0;background:linear-gradient(-90deg,rgba(1,4,8,1),transparent)}

/* MATRIX BG */
#matrixBgCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.03}

/* ════ BOOT OVERLAY ════ */
#bootOverlay{
  position:fixed;inset:0;z-index:99999;
  background:#010408;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  overflow:hidden;
}
#bootOverlay::before{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 3px);
  pointer-events:none;
}
#bootRainCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.07}
.boot-version{position:absolute;top:20px;right:24px;font-family:var(--mono);font-size:8px;color:rgba(0,255,136,.15);letter-spacing:.1em}
.boot-version span{color:rgba(0,255,136,.3)}
.boot-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;max-width:840px;padding:0 24px}
.boot-logo{font-family:var(--disp);font-weight:900;font-size:clamp(32px,7vw,70px);letter-spacing:.12em;color:#000;-webkit-text-stroke:1px var(--acc);text-shadow:0 0 20px rgba(0,255,136,.7),0 0 60px rgba(0,255,136,.25);animation:logoFlicker 4s ease-in-out infinite;margin-bottom:3px}
.boot-logo span{color:var(--acc);-webkit-text-stroke:0}
@keyframes logoFlicker{0%,96%,100%{opacity:1}97%{opacity:.85}99%{opacity:.7}}
.boot-tagline{font-family:var(--mono);font-size:9px;letter-spacing:.3em;color:rgba(0,255,136,.3);text-transform:uppercase;margin-bottom:28px}
.boot-stage-panel{width:100%;margin-bottom:16px;min-height:178px;opacity:0;transition:opacity .5s ease}
.boot-stage-panel.visible{opacity:1}
/* CONN */
.boot-conn-header{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border:1px solid rgba(0,255,136,.1);border-bottom:none;border-radius:3px 3px 0 0;background:rgba(0,255,136,.02)}
.boot-conn-title{font-family:var(--disp);font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--acc);display:flex;align-items:center;gap:8px}
.boot-conn-icon{animation:blink 1s ease-in-out infinite}
.boot-conn-addr{font-family:var(--mono);font-size:7px;color:rgba(0,255,136,.25)}
.boot-conn-log{border:1px solid rgba(0,255,136,.07);border-bottom:none;background:rgba(0,0,0,.4);height:105px;overflow-y:auto;padding:5px 10px;font-family:var(--mono);font-size:8.5px}
.boot-conn-line{display:flex;gap:10px;padding:2px 0;color:rgba(0,255,136,.3);border-bottom:1px solid rgba(0,255,136,.02);animation:fadeUp .2s ease}
.boot-conn-line.ok{color:var(--acc);font-weight:700}
.bcl-ts{color:rgba(0,255,136,.14);flex-shrink:0}.bcl-txt{flex:1}
.boot-conn-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(0,255,136,.07);border-radius:0 0 3px 3px;overflow:hidden}
.boot-conn-stat{display:flex;justify-content:space-between;align-items:center;padding:4px 10px;border-bottom:1px solid rgba(0,255,136,.04);border-right:1px solid rgba(0,255,136,.04);font-size:7.5px}
.boot-conn-stat span{color:rgba(0,255,136,.18);font-family:var(--mono)}.boot-conn-stat b{color:rgba(0,255,136,.55);font-family:var(--mono)}
/* MARKET */
.boot-panels{display:grid;grid-template-columns:1fr 6px 1fr;width:100%}
.boot-divider{display:flex;align-items:stretch;justify-content:center}
.boot-divider-line{width:1px;background:linear-gradient(180deg,transparent,rgba(0,255,136,.3) 20%,rgba(0,255,136,.5) 50%,rgba(0,255,136,.3) 80%,transparent)}
.boot-panel{border:1px solid rgba(0,255,136,.08);background:rgba(0,255,136,.015);padding:12px;position:relative;overflow:hidden;min-height:170px}
.boot-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px}
.boot-panel.pump-panel::before{background:linear-gradient(90deg,transparent,rgba(0,255,136,.5),transparent)}
.boot-panel.dump-panel::before{background:linear-gradient(90deg,transparent,rgba(255,45,107,.5),transparent)}
.boot-panel-title{font-family:var(--disp);font-size:8px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.pump-panel .boot-panel-title{color:var(--acc)}.dump-panel .boot-panel-title{color:var(--red)}
.boot-panel-title::before{content:'';width:5px;height:5px;border-radius:50%;flex-shrink:0}
.pump-panel .boot-panel-title::before{background:var(--acc);box-shadow:0 0 6px var(--acc);animation:blink 1.5s infinite}
.dump-panel .boot-panel-title::before{background:var(--red);box-shadow:0 0 6px var(--red);animation:blink 1.8s infinite}
.boot-coin-row{display:flex;align-items:center;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03);opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .3s}
.dump-panel .boot-coin-row{transform:translateX(8px)}
.boot-coin-row.visible{opacity:1;transform:translateX(0)}
.boot-coin-rank{font-family:var(--disp);font-size:7px;color:rgba(255,255,255,.18);min-width:18px}
.boot-coin-sym{font-family:var(--disp);font-weight:700;font-size:12px;flex:1;letter-spacing:.04em}
.pump-panel .boot-coin-sym{color:var(--white)}.dump-panel .boot-coin-sym{color:rgba(255,200,200,.9)}
.boot-coin-bar{height:2px;border-radius:1px;flex:2;margin:0 8px;overflow:hidden;background:rgba(255,255,255,.04)}
.boot-coin-bar-fill{height:100%;border-radius:1px;transition:width 1.5s cubic-bezier(.4,0,.2,1)}
.pump-panel .boot-coin-bar-fill{background:var(--acc);box-shadow:0 0 4px var(--acc)}
.dump-panel .boot-coin-bar-fill{background:var(--red);box-shadow:0 0 4px var(--red)}
.boot-coin-chg{font-family:var(--mono);font-weight:700;font-size:11px;min-width:52px;text-align:right}
.pump-panel .boot-coin-chg{color:var(--acc)}.dump-panel .boot-coin-chg{color:var(--red)}
.boot-loading-empty{padding:14px;text-align:center;font-size:9px;color:rgba(0,255,136,.18);font-family:var(--mono)}
/* DNA */
.boot-dna-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.boot-dna-title{font-family:var(--disp);font-weight:700;font-size:9px;letter-spacing:.14em;color:var(--acc);display:flex;align-items:center;gap:8px}
.boot-dna-helix{width:200px;height:48px;flex-shrink:0}
.boot-dna-grid{display:grid;grid-template-columns:1fr 1px 1fr}
.boot-dna-divider{background:linear-gradient(180deg,transparent,rgba(0,255,136,.1),transparent)}
.boot-dna-col{padding:0 10px}
.boot-dna-col-title{font-family:var(--disp);font-size:8px;font-weight:700;letter-spacing:.12em;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(0,255,136,.05)}
.boot-dna-patterns{display:flex;flex-direction:column;gap:2px}
.boot-dna-row{display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:8.5px;padding:2px 0;opacity:0;transform:translateX(-5px);transition:opacity .3s,transform .3s}
.boot-dna-row.visible{opacity:1;transform:translateX(0)}
.boot-dna-key{font-family:var(--disp);font-weight:700;font-size:8px;min-width:26px}
.boot-dna-name{flex:1;font-size:7.5px;color:rgba(255,255,255,.38)}
.boot-dna-bar{width:55px;height:3px;background:rgba(255,255,255,.04);border-radius:2px;overflow:hidden;flex-shrink:0}
.boot-dna-bar-fill{height:100%;border-radius:2px;transition:width 1s cubic-bezier(.4,0,.2,1)}
.boot-dna-freq{font-family:var(--mono);font-size:7.5px;min-width:28px;text-align:right}
/* SIGNAL */
.boot-signal-header{margin-bottom:10px}
.boot-signal-title{font-family:var(--disp);font-weight:700;font-size:10px;letter-spacing:.14em;color:var(--acc);margin-bottom:2px}
.boot-signal-subtitle{font-family:var(--mono);font-size:7.5px;color:rgba(0,255,136,.18);letter-spacing:.08em}
.boot-signal-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.boot-signal-row{display:flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid rgba(0,255,136,.06);border-radius:2px;background:rgba(0,0,0,.18);opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s}
.boot-signal-row.visible{opacity:1;transform:translateY(0)}
.boot-signal-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;animation:blink 1.2s ease-in-out infinite}
.boot-signal-name{font-family:var(--mono);font-size:8px;font-weight:700;margin-bottom:1px}
.boot-signal-sub{font-family:var(--mono);font-size:6.5px;color:rgba(255,255,255,.18)}
.boot-signal-status{margin-left:auto;font-family:var(--mono);font-size:7px;color:var(--acc);letter-spacing:.07em;padding:1px 5px;border:1px solid rgba(0,255,136,.18);border-radius:2px;background:rgba(0,255,136,.03);white-space:nowrap}
/* STAGE TRACK */
.boot-stage{width:100%;margin-bottom:14px}
.boot-stage-track{display:flex;gap:0;position:relative}
.boot-stage-track::before{content:'';position:absolute;top:4px;left:0;right:0;height:1px;background:rgba(0,255,136,.06)}
.boot-stage-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;z-index:1}
.boot-stage-dot{width:8px;height:8px;border-radius:50%;background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.18);transition:all .4s}
.boot-stage-item.active .boot-stage-dot{background:var(--acc);border-color:var(--acc);box-shadow:0 0 12px var(--acc);animation:stagePulse 1s ease-in-out infinite}
.boot-stage-item.done .boot-stage-dot{background:rgba(0,255,136,.3);border-color:rgba(0,255,136,.5)}
@keyframes stagePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.4)}}
.boot-stage-label{font-family:var(--mono);font-size:7px;letter-spacing:.08em;color:rgba(0,255,136,.18);text-align:center;transition:color .4s}
.boot-stage-item.active .boot-stage-label{color:var(--acc)}
.boot-stage-item.done .boot-stage-label{color:rgba(0,255,136,.4)}
.boot-status-line{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:rgba(0,255,136,.5);margin-bottom:6px;min-height:20px;text-align:center}
.boot-status-line .cursor{display:inline-block;width:8px;height:13px;background:var(--acc);opacity:.8;animation:cursorBlink .7s step-end infinite;vertical-align:middle;margin-left:3px}
@keyframes cursorBlink{0%,100%{opacity:.8}50%{opacity:0}}
.boot-status-line .hl{color:var(--acc);font-weight:700}
.boot-progress-wrap{width:100%;height:2px;background:rgba(0,255,136,.05);border-radius:1px;overflow:hidden;margin-bottom:8px}
.boot-progress-fill{height:100%;background:linear-gradient(90deg,var(--acc),rgba(0,255,136,.5));width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}
.boot-pct{font-family:var(--disp);font-size:9px;color:rgba(0,255,136,.25);text-align:right;margin-bottom:20px}
.boot-flash{position:absolute;inset:0;background:rgba(0,255,136,.04);pointer-events:none;opacity:0;z-index:10}
.boot-skip{position:absolute;bottom:24px;right:24px;font-family:var(--mono);font-size:8px;letter-spacing:.1em;color:rgba(0,255,136,.18);cursor:pointer;border:1px solid rgba(0,255,136,.07);padding:5px 12px;border-radius:2px;background:transparent;transition:all .2s}
.boot-skip:hover{color:rgba(0,255,136,.5);border-color:rgba(0,255,136,.18);background:rgba(0,255,136,.03)}


@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Exo+2:wght@200;300;400;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap');

:root{
  --bg:#010408; --bg2:#020609; --bg3:#030a0d;
  --panel:#020609;
  --border:rgba(0,255,136,.06); --border2:rgba(0,255,136,.14);
  --acc:#00ff88; --acc2:#ff2d6b; --acc3:#f5a623;
  --grn:#00e676; --red:#ff2d6b; --ylw:#f5a623;
  --pur:#a855f7; --org:#ff7043; --cyan:#00e5ff;
  --dim:#0d2a1a; --dim2:#2a5e3a; --dim3:#4d9962;
  --bright:#b3ffd6; --white:#e0fff0;
  --mono:'Share Tech Mono',monospace;
  --disp:'Exo 2',sans-serif;
  --sans:'Rajdhani',sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden}
body{
  background:var(--bg); color:var(--bright);
  font-family:var(--mono); font-size:12px;
  cursor:crosshair;
}

/* CRT scanlines */
body::before{
  content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 3px);
}
/* Ambient glow */
body::after{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse 50% 60% at 25% 50%,rgba(0,255,136,.018) 0%,transparent 60%),
    radial-gradient(ellipse 50% 60% at 75% 50%,rgba(255,45,107,.012) 0%,transparent 60%);
}

/* ═══ HEADER ═══ */
.hdr{
  display:flex;align-items:center;gap:10px;
  padding:0 16px;height:44px;
  border-bottom:1px solid rgba(0,255,136,.07);
  background:rgba(1,4,8,.97);
  position:relative; z-index:10;
  backdrop-filter:blur(20px);
}
.hdr::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--acc) 30%,var(--cyan) 70%,transparent);
  opacity:.4;
}
.logo{
  font-family:var(--disp);font-weight:900;font-size:13px;
  letter-spacing:.22em;color:var(--acc);
  text-shadow:0 0 20px rgba(0,255,136,.5);
  white-space:nowrap;flex-shrink:0;
}
.logo span{color:var(--red);text-shadow:0 0 16px rgba(255,45,107,.4)}
.hstat{
  display:flex;align-items:center;gap:5px;font-size:8px;color:var(--dim3);
  padding:3px 8px;background:rgba(0,255,136,.02);
  border:1px solid rgba(0,255,136,.07);border-radius:3px;white-space:nowrap;
}
.hstat b{color:var(--bright);font-weight:600}
.dot{width:6px;height:6px;border-radius:50%;background:var(--grn);box-shadow:0 0 8px var(--grn);flex-shrink:0}
.hdot-red{background:var(--red);box-shadow:0 0 8px var(--red)}
#clockEl{font-size:9px;color:var(--dim2);font-family:var(--mono);letter-spacing:1px;flex-shrink:0;margin-left:auto}

@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}
@keyframes glow{0%,100%{box-shadow:none}50%{box-shadow:0 0 18px rgba(255,119,51,.6)}}
@keyframes glowRed{0%,100%{box-shadow:none}50%{box-shadow:0 0 14px rgba(255,45,107,.5)}}
@keyframes glowGrn{0%,100%{box-shadow:none}50%{box-shadow:0 0 14px rgba(0,255,136,.4)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideRight{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}

/* ═══ MAIN LAYOUT ═══ */
.main{
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  height:calc(100vh - 44px);
  overflow:hidden;
}

/* ═══ CENTER DIVIDER ═══ */
.divider{
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(0,255,136,.08) 10%,
    rgba(0,255,136,.2) 30%,
    rgba(255,45,107,.2) 70%,
    rgba(255,45,107,.08) 90%,
    transparent 100%
  );
  position:relative;
}
.divider::after{
  content:'VS';
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-family:var(--disp);font-size:7px;font-weight:900;letter-spacing:.3em;
  color:rgba(255,255,255,.06);writing-mode:vertical-rl;
  padding:8px 0;
}

/* ═══ PANEL BASE ═══ */
.panel{display:flex;flex-direction:column;overflow:hidden;position:relative}

/* ═══ PANEL HEADER ═══ */
.panel-hdr{
  flex-shrink:0;
  padding:10px 16px 8px;
  border-bottom:1px solid;
  position:relative;
  display:flex;flex-direction:column;gap:6px;
}
.pump-panel .panel-hdr{
  border-color:rgba(0,255,136,.08);
  background:linear-gradient(180deg,rgba(0,255,136,.025) 0%,transparent 100%);
}
.dump-panel .panel-hdr{
  border-color:rgba(255,45,107,.08);
  background:linear-gradient(180deg,rgba(255,45,107,.025) 0%,transparent 100%);
}

/* top line accent */
.pump-panel .panel-hdr::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(0,255,136,.6) 50%,transparent);
}
.dump-panel .panel-hdr::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,45,107,.6) 50%,transparent);
}

.phdr-top{display:flex;align-items:center;gap:10px}
.phdr-title{
  font-family:var(--disp);font-weight:900;font-size:12px;letter-spacing:.22em;
  text-transform:uppercase;
}
.pump-panel .phdr-title{color:var(--acc);text-shadow:0 0 16px rgba(0,255,136,.3)}
.dump-panel .phdr-title{color:var(--red);text-shadow:0 0 16px rgba(255,45,107,.3)}

.phdr-badge{
  font-size:7px;font-weight:700;padding:2px 8px;border-radius:2px;letter-spacing:.6px;margin-left:auto;
}
.pump-panel .phdr-badge{
  background:rgba(0,255,136,.08);color:var(--grn);border:1px solid rgba(0,255,136,.2);
  animation:glowGrn 2.5s infinite;
}
.dump-panel .phdr-badge{
  background:rgba(255,45,107,.08);color:#ff6b9d;border:1px solid rgba(255,45,107,.2);
  animation:glowRed 2.5s infinite;
}

/* stats row under title */
.phdr-stats{display:flex;gap:12px;font-size:8px;color:rgba(0,255,136,.25)}
.dump-panel .phdr-stats{color:rgba(255,45,107,.25)}
.phdr-stat b{font-weight:600}
.pump-panel .phdr-stat b{color:var(--grn)}
.dump-panel .phdr-stat b{color:#ff6b9d}

/* Phase filter pills */
.phase-filter{display:flex;gap:4px;align-items:center}
.pfil{
  font-size:7px;font-weight:700;padding:2px 7px;border-radius:2px;
  cursor:pointer;letter-spacing:.4px;border:1px solid transparent;
  transition:all .15s;color:rgba(0,255,136,.2);background:transparent;
}
.pfil:hover{color:rgba(0,255,136,.5)}
.pfil.on.ph3{background:rgba(255,112,67,.12);color:var(--org);border-color:rgba(255,112,67,.35);animation:glow 2s infinite}
.pfil.on.ph2{background:rgba(245,166,35,.08);color:var(--ylw);border-color:rgba(245,166,35,.25)}
.pfil.on.ph1{background:rgba(0,255,136,.06);color:var(--grn);border-color:rgba(0,255,136,.2)}
.pfil.on.phAll{background:rgba(0,229,255,.06);color:var(--cyan);border-color:rgba(0,229,255,.18)}

.dump-panel .pfil{color:rgba(255,45,107,.2)}
.dump-panel .pfil.on.ph3{background:rgba(255,45,107,.15);color:#ff4488;border-color:rgba(255,45,107,.4);animation:glowRed 2s infinite}
.dump-panel .pfil.on.ph2{background:rgba(245,166,35,.08);color:var(--ylw);border-color:rgba(245,166,35,.25)}
.dump-panel .pfil.on.ph1{background:rgba(255,100,0,.06);color:#ff7700;border-color:rgba(255,100,0,.2)}
.dump-panel .pfil.on.phAll{background:rgba(0,229,255,.06);color:var(--cyan);border-color:rgba(0,229,255,.18)}

/* ═══ COIN LIST ═══ */
.coin-list{flex:1;overflow-y:auto;position:relative}
::-webkit-scrollbar{width:2px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(0,255,136,.1);border-radius:2px}

/* ═══ PHASE 3 HERO CARDS ═══ */
.hero-section{
  padding:8px 10px 4px;
  border-bottom:1px solid rgba(255,112,67,.06);
}
.hero-label{
  font-size:6px;font-weight:700;letter-spacing:1.2px;
  color:rgba(255,112,67,.4);text-transform:uppercase;margin-bottom:6px;
  display:flex;align-items:center;gap:6px;
}
.hero-label::after{content:'';flex:1;height:1px;background:rgba(255,112,67,.08)}

/* Phase 3 HERO card */
.hero-card{
  border:1px solid rgba(255,112,67,.25);border-radius:3px;
  background:rgba(255,112,67,.04);
  margin-bottom:5px;cursor:pointer;overflow:hidden;
  position:relative;transition:all .15s;
}

.hero-card:hover{background:rgba(255,112,67,.07);border-color:rgba(255,112,67,.4)}
.hero-card::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:2px;
  background:var(--org);box-shadow:2px 0 12px rgba(255,112,67,.4);
}

/* dump hero */
.hero-card.dump{
  border-color:rgba(255,45,107,.25);background:rgba(255,45,107,.04);
}
.hero-card.dump:hover{background:rgba(255,45,107,.07);border-color:rgba(255,45,107,.4)}
.hero-card.dump::before{background:var(--red);box-shadow:2px 0 12px rgba(255,45,107,.4)}

.hero-top{display:flex;align-items:center;gap:8px;padding:8px 10px 5px}
.hero-sym{font-family:var(--disp);font-weight:900;font-size:15px;letter-spacing:.5px;color:var(--bright)}
.hero-phase{
  font-size:6.5px;font-weight:700;padding:2px 6px;border-radius:2px;
  background:rgba(255,112,67,.12);color:var(--org);border:1px solid rgba(255,112,67,.35);
  animation:glow 1.2s infinite;letter-spacing:.5px;
}
.hero-phase.dump{background:rgba(255,45,107,.12);color:#ff6b9d;border-color:rgba(255,45,107,.35);animation:glowRed 1.2s infinite}
.hero-chg{font-size:11px;font-weight:700;font-family:var(--mono)}
.hero-chg.up{color:var(--grn)}.hero-chg.dn{color:var(--red)}
.hero-fp{
  margin-left:auto;font-size:8px;font-weight:700;font-family:var(--disp);
}
.pump-panel .hero-fp{color:var(--org)}.dump-panel .hero-fp{color:#ff6b9d}

/* FP probability bar */
.hero-probbar{height:2px;background:rgba(0,255,136,.04);margin:0 10px 5px;border-radius:2px;overflow:hidden}
.hero-probbar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--ylw),var(--org))}
.dump-panel .hero-probbar-fill{background:linear-gradient(90deg,var(--red),#ff6b9d)}

.hero-chips{display:flex;gap:3px;flex-wrap:wrap;padding:0 10px 8px}
.hchip{font-size:7px;font-weight:600;padding:1px 5px;border-radius:2px;letter-spacing:.3px}
.hchip.v{background:rgba(168,85,247,.1);color:var(--pur);border:1px solid rgba(168,85,247,.2)}
.hchip.a{background:rgba(0,255,136,.08);color:var(--grn);border:1px solid rgba(0,255,136,.2)}
.hchip.o{background:rgba(0,229,255,.07);color:var(--cyan);border:1px solid rgba(0,229,255,.15)}
.hchip.y{background:rgba(245,166,35,.1);color:var(--ylw);border:1px solid rgba(245,166,35,.2)}
.hchip.r{background:rgba(255,45,107,.12);color:#ff6b9d;border:1px solid rgba(255,45,107,.25);animation:glowRed 2s infinite}
.hchip.org{background:rgba(255,112,67,.1);color:var(--org);border:1px solid rgba(255,112,67,.2)}

/* ENTRY timer */
.entry-timer{
  display:inline-flex;align-items:center;gap:4px;
  background:rgba(255,112,67,.1);border:1px solid rgba(255,112,67,.35);
  color:var(--org);padding:2px 7px;border-radius:2px;
  font-size:7px;font-weight:700;animation:glow 2.5s infinite;
}
.entry-timer.dump{background:rgba(255,45,107,.1);border-color:rgba(255,45,107,.35);color:#ff6b9d;animation:glowRed 2.5s infinite}
.entry-timer b{font-size:9px;font-family:var(--disp)}

/* ═══ NORMAL ROWS ═══ */
.normal-section{padding:4px 10px 3px;border-bottom:1px solid rgba(0,255,136,.03)}
.normal-label{font-size:6px;font-weight:700;letter-spacing:1px;color:rgba(0,255,136,.15);text-transform:uppercase}
.dump-panel .normal-label{color:rgba(255,45,107,.15)}

.coin-row{
  padding:7px 12px;border-bottom:1px solid rgba(0,255,136,.025);
  cursor:pointer;transition:background .1s;position:relative;
}

.coin-row:hover{background:rgba(0,255,136,.012)}
.dump-panel .coin-row:hover{background:rgba(255,45,107,.012)}

.coin-row.sel{background:rgba(0,255,136,.018)}
.coin-row.sel::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--acc);box-shadow:2px 0 6px rgba(0,255,136,.3)}
.dump-panel .coin-row.sel{background:rgba(255,45,107,.018)}
.dump-panel .coin-row.sel::before{background:var(--red);box-shadow:2px 0 6px rgba(255,45,107,.3)}

.crow-top{display:flex;align-items:center;gap:6px;margin-bottom:3px}
.crow-sym{font-family:var(--disp);font-weight:700;font-size:12px;letter-spacing:.3px;color:var(--bright)}
.crow-phase{font-size:6px;font-weight:700;padding:1px 5px;border-radius:2px;letter-spacing:.4px}
.ph2-badge{background:rgba(245,166,35,.08);color:var(--ylw);border:1px solid rgba(245,166,35,.2)}
.ph1-badge{background:rgba(0,255,136,.06);color:var(--grn);border:1px solid rgba(0,255,136,.15)}
.crow-chg{font-size:9px;font-weight:700;font-family:var(--mono)}
.crow-chg.up{color:var(--grn)}.crow-chg.dn{color:var(--red)}
.crow-fp{font-size:8px;font-weight:700;margin-left:auto}
.pump-panel .crow-fp{color:rgba(0,255,136,.5)}
.dump-panel .crow-fp{color:rgba(255,45,107,.5)}

.crow-chips{display:flex;gap:3px;flex-wrap:wrap}
.cchip{font-size:6.5px;font-weight:600;padding:1px 4px;border-radius:2px;letter-spacing:.2px}
.cchip.a{background:rgba(0,255,136,.07);color:rgba(0,255,136,.6)}
.cchip.v{background:rgba(168,85,247,.08);color:rgba(168,85,247,.7)}
.cchip.o{background:rgba(0,229,255,.06);color:rgba(0,229,255,.6)}
.cchip.y{background:rgba(245,166,35,.08);color:rgba(245,166,35,.6)}
.cchip.r{background:rgba(255,45,107,.1);color:rgba(255,110,155,.7)}
.cchip.org{background:rgba(255,112,67,.08);color:rgba(255,112,67,.7)}

/* mini vol bar */
.crow-vol{display:flex;align-items:center;gap:5px;margin-top:3px}
.crow-vol-bar{flex:1;height:2px;background:rgba(0,255,136,.04);border-radius:1px;overflow:hidden}
.crow-vol-fill{height:100%;border-radius:1px;background:rgba(0,255,136,.25);transition:width .4s ease}
.dump-panel .crow-vol-fill{background:rgba(255,45,107,.25)}
.crow-vol-lbl{font-size:6.5px;color:rgba(0,255,136,.2)}
.dump-panel .crow-vol-lbl{color:rgba(255,45,107,.2)}

/* ═══ EMPTY STATE ═══ */
.empty-state{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  height:100%;gap:8px;text-align:center;padding:20px;
  color:var(--dim2);
}
.empty-icon{font-size:28px;opacity:.2;margin-bottom:4px}
.empty-txt{font-size:9px;letter-spacing:.3px}
.empty-sub{font-size:7px;color:rgba(0,255,136,.1);max-width:160px;line-height:1.8}

/* ═══ FOOTER TICKER ═══ */
.ticker-bar{
  position:fixed;bottom:0;left:0;right:0;height:22px;
  background:rgba(1,4,8,.97);border-top:1px solid rgba(0,255,136,.05);
  overflow:hidden;display:flex;align-items:center;z-index:50;
}
.ticker-bar::before,.ticker-bar::after{content:'';position:absolute;top:0;bottom:0;width:30px;z-index:2;pointer-events:none}
.ticker-bar::before{left:0;background:linear-gradient(90deg,rgba(1,4,8,1),transparent)}
.ticker-bar::after{right:0;background:linear-gradient(-90deg,rgba(1,4,8,1),transparent)}

@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-track{display:flex;gap:0;white-space:nowrap;animation:tickerScroll 40s linear infinite}
.tick-item{display:inline-flex;align-items:center;gap:5px;padding:0 14px;font-size:8px;border-right:1px solid rgba(0,255,136,.04)}
.tick-sym{font-family:var(--disp);font-weight:700;font-size:8px;color:rgba(0,255,136,.4)}
.tick-px{color:rgba(0,255,136,.25)}
.tick-chg.up{color:var(--grn)}.tick-chg.dn{color:var(--red)}

/* ═══ DETAIL OVERLAY (slide-in) ═══ */
.detail-overlay{
  position:fixed;right:0;top:44px;bottom:22px;width:420px;
  background:rgba(1,5,10,.97);border-left:1px solid rgba(0,255,136,.1);
  z-index:2000;
  transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;
  backdrop-filter:blur(20px);
  box-shadow:-8px 0 40px rgba(0,0,0,.6);
}
.detail-overlay.open{transform:translateX(0)}
.detail-overlay::before{
  content:'';position:absolute;top:0;left:0;bottom:0;width:1px;
  background:linear-gradient(180deg,transparent,rgba(0,255,136,.3) 20%,rgba(0,255,136,.3) 80%,transparent);
}
.detail-close{
  position:absolute;top:10px;right:12px;
  background:none;border:none;color:rgba(0,255,136,.3);cursor:pointer;
  font-size:14px;z-index:2;transition:.15s;
}
.detail-close:hover{color:var(--red);text-shadow:0 0 8px var(--red)}

.detail-header{
  padding:14px 16px 10px;
  border-bottom:1px solid rgba(0,255,136,.06);
  flex-shrink:0;
}
.detail-sym-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.detail-sym{font-family:var(--disp);font-weight:900;font-size:20px;letter-spacing:.8px;color:var(--bright)}
.detail-chg{font-size:13px;font-weight:700;font-family:var(--mono);color:var(--grn)}
.detail-phase-badge{
  font-size:7px;font-weight:700;padding:3px 8px;border-radius:3px;margin-left:auto;
  background:rgba(255,112,67,.1);color:var(--org);border:1px solid rgba(255,112,67,.3);
  animation:glow 1.5s infinite;letter-spacing:.6px;
}

.detail-probbar-wrap{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.detail-probbar-bg{flex:1;height:5px;background:rgba(0,255,136,.04);border-radius:4px;overflow:hidden}
.detail-probbar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}
.pump-fill{background:linear-gradient(90deg,rgba(0,255,136,.6),var(--ylw),var(--org))}
.dump-fill{background:linear-gradient(90deg,rgba(255,45,107,.6),#ff6b9d)}
.detail-prob-val{font-family:var(--disp);font-weight:900;font-size:14px;color:var(--org);min-width:36px;text-align:right}

.detail-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}
.dstat{
  padding:6px 8px;
  border:1px solid rgba(0,255,136,.07);border-radius:3px;
  background:rgba(0,255,136,.01);text-align:center;font-size:8px;
}
.dstat .v{font-family:var(--disp);font-weight:800;font-size:12px;margin-bottom:2px}
.dstat .l{font-size:6px;color:rgba(0,255,136,.25);letter-spacing:.5px;text-transform:uppercase}
.dstat.g .v{color:var(--grn)}.dstat.r .v{color:var(--red)}.dstat.y .v{color:var(--ylw)}.dstat.c .v{color:var(--cyan)}

.detail-body{flex:1;overflow-y:auto;padding:14px 16px}
.detail-sec{
  font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;
  color:rgba(0,255,136,.2);margin:12px 0 6px;display:flex;align-items:center;gap:6px;
}
.detail-sec::after{content:'';flex:1;height:1px;background:rgba(0,255,136,.06)}

/* signal rows */
.sig-row{
  display:flex;align-items:center;gap:7px;padding:5px 8px;
  border:1px solid rgba(0,255,136,.05);border-radius:3px;
  background:rgba(0,255,136,.01);margin-bottom:3px;
}
.sig-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.sig-key{font-family:var(--mono);font-size:7.5px;font-weight:700;color:var(--acc);min-width:28px}
.sig-name{flex:1;font-size:8px;color:rgba(0,255,136,.5)}
.sig-strength{font-size:7px;font-weight:700;padding:1px 5px;border-radius:2px}
.sig-strength.strong{background:rgba(0,255,136,.12);color:var(--grn);border:1px solid rgba(0,255,136,.25)}
.sig-strength.med{background:rgba(245,166,35,.08);color:var(--ylw);border:1px solid rgba(245,166,35,.2)}
.sig-lead{font-size:7px;color:rgba(0,255,136,.25);text-align:right;min-width:32px}

/* timeline in detail */
.tl{display:flex;flex-direction:column;gap:4px;padding-left:6px;border-left:1px solid rgba(0,255,136,.07);margin:6px 0}
.tl-row{display:flex;gap:8px;font-size:8px;align-items:flex-start}
.tl-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:1px;margin-left:-4px}
.tl-t{color:var(--dim2);min-width:80px;flex-shrink:0;font-size:7.5px}
.tl-txt{color:rgba(0,255,136,.45);line-height:1.5}

/* ═══ ANNOTATION BOX ═══ */
/* Code simplification overlay */
.note-box{
  position:fixed;bottom:30px;left:50%;transform:translateX(-50%);
  width:680px;max-width:95vw;
  background:rgba(2,6,9,.98);border:1px solid rgba(0,229,255,.15);border-radius:5px;
  z-index:400;padding:14px 18px;
  box-shadow:0 8px 40px rgba(0,0,0,.7);
  display:none;
}
.note-box.open{display:block;animation:fadeUp .25s ease}
.note-title{font-family:var(--disp);font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--cyan);margin-bottom:10px;text-transform:uppercase}
.note-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:8px;line-height:1.9}
.note-col-hdr{font-size:7px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.04)}
.note-col-hdr.bad{color:var(--red)}.note-col-hdr.good{color:var(--grn)}
.note-item{color:rgba(255,255,255,.4);display:flex;gap:5px}
.note-item::before{content:'›';flex-shrink:0}
.note-item.bad::before{color:rgba(255,45,107,.5)}
.note-item.good::before{color:rgba(0,255,136,.5);content:'✓'}
.note-close-btn{position:absolute;top:10px;right:12px;background:none;border:none;color:rgba(255,255,255,.2);cursor:pointer;font-size:13px}
.note-close-btn:hover{color:var(--red)}

/* trigger btn */
.note-trigger{
  position:fixed;bottom:30px;left:50%;transform:translateX(-50%);
  background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.2);
  color:rgba(0,229,255,.7);font-family:var(--mono);font-size:7.5px;font-weight:700;
  padding:4px 14px;border-radius:3px;cursor:pointer;letter-spacing:.5px;
  z-index:300;transition:all .15s;white-space:nowrap;
}
.note-trigger:hover{background:rgba(0,229,255,.12);color:var(--cyan)}

/* ═══ MOCKUP SIGNAL UI ═══ */
.detail-overlay{
  position:fixed;right:0;top:44px;bottom:22px;width:420px;
  background:rgba(1,5,10,.97);border-left:1px solid rgba(0,255,136,.1);
  z-index:2000;
  transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;
  backdrop-filter:blur(20px);
  box-shadow:-8px 0 40px rgba(0,0,0,.6);
}
.detail-overlay.open{transform:translateX(0)}
.detail-overlay::before{
  content:'';position:absolute;top:0;left:0;bottom:0;width:1px;
  background:linear-gradient(180deg,transparent,rgba(0,255,136,.3) 20%,rgba(0,255,136,.3) 80%,transparent);
}
.detail-close{
  position:absolute;top:10px;right:12px;
  background:none;border:none;color:rgba(0,255,136,.3);cursor:pointer;
  font-size:14px;z-index:2;transition:.15s;
}
.detail-close:hover{color:var(--red);text-shadow:0 0 8px var(--red)}
.detail-header{
  padding:14px 16px 10px;
  border-bottom:1px solid rgba(0,255,136,.06);
  flex-shrink:0;
}
.detail-sym-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.detail-sym{font-family:var(--disp);font-weight:900;font-size:20px;letter-spacing:.8px;color:var(--bright)}
.detail-chg{font-size:13px;font-weight:700;font-family:var(--mono);color:var(--grn)}
.detail-phase-badge{
  font-size:7px;font-weight:700;padding:3px 8px;border-radius:3px;margin-left:auto;
  background:rgba(255,112,67,.1);color:var(--org);border:1px solid rgba(255,112,67,.3);
  animation:glow 1.5s infinite;letter-spacing:.6px;
}
.detail-probbar-wrap{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.detail-probbar-bg{flex:1;height:5px;background:rgba(0,255,136,.04);border-radius:4px;overflow:hidden}
.detail-probbar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}
.pump-fill{background:linear-gradient(90deg,rgba(0,255,136,.6),var(--ylw),var(--org))}
.dump-fill{background:linear-gradient(90deg,rgba(255,45,107,.6),#ff6b9d)}
.detail-prob-val{font-family:var(--disp);font-weight:900;font-size:14px;color:var(--org);min-width:36px;text-align:right}
.detail-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}
.dstat{
  padding:6px 8px;
  border:1px solid rgba(0,255,136,.07);border-radius:3px;
  background:rgba(0,255,136,.01);text-align:center;font-size:8px;
}
.dstat .v{font-family:var(--disp);font-weight:800;font-size:12px;margin-bottom:2px}
.dstat .l{font-size:6px;color:rgba(0,255,136,.25);letter-spacing:.5px;text-transform:uppercase}
.dstat.g .v{color:var(--grn)}.dstat.r .v{color:var(--red)}.dstat.y .v{color:var(--ylw)}.dstat.c .v{color:var(--cyan)}
.detail-body{flex:1;overflow-y:auto;padding:14px 16px}
.detail-sec{
  font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;
  color:rgba(0,255,136,.2);margin:12px 0 6px;display:flex;align-items:center;gap:6px;
}
.detail-sec::after{content:'';flex:1;height:1px;background:rgba(0,255,136,.06)}
.sig-row{
  display:flex;align-items:center;gap:7px;padding:5px 8px;
  border:1px solid rgba(0,255,136,.05);border-radius:3px;
  background:rgba(0,255,136,.01);margin-bottom:3px;
}
.sig-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.sig-key{font-family:var(--mono);font-size:7.5px;font-weight:700;color:var(--acc);min-width:28px}
.sig-name{flex:1;font-size:8px;color:rgba(0,255,136,.5)}
.sig-strength{font-size:7px;font-weight:700;padding:1px 5px;border-radius:2px}
.sig-strength.strong{background:rgba(0,255,136,.12);color:var(--grn);border:1px solid rgba(0,255,136,.25)}
.sig-strength.med{background:rgba(245,166,35,.08);color:var(--ylw);border:1px solid rgba(245,166,35,.2)}
.sig-lead{font-size:7px;color:rgba(0,255,136,.25);text-align:right;min-width:32px}
.tl{display:flex;flex-direction:column;gap:4px;padding-left:6px;border-left:1px solid rgba(0,255,136,.07);margin:6px 0}
.tl-row{display:flex;gap:8px;font-size:8px;align-items:flex-start}
.tl-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:1px;margin-left:-4px}
.tl-t{color:var(--dim2);min-width:80px;flex-shrink:0;font-size:7.5px}
.tl-txt{color:rgba(0,255,136,.45);line-height:1.5}

<style>
/* ── OVERLAY: AYARLAR ── */
.set-sec{margin-bottom:16px}
.set-sec-title{font-size:7px;letter-spacing:1px;text-transform:uppercase;color:var(--dim3);font-weight:700;margin-bottom:7px;padding-bottom:4px;border-bottom:1px solid var(--border)}
.set-row{display:flex;align-items:flex-start;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.025);gap:8px}
.set-lbl{font-size:8.5px;color:var(--bright);font-family:var(--sans);flex:1;padding-top:1px}
.set-desc{font-size:7px;color:var(--dim3);margin-top:2px;line-height:1.5}
.set-opts{display:flex;gap:3px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}
.sbt{padding:3px 7px;font-size:7px;border-radius:2px;border:1px solid var(--border);background:transparent;color:var(--dim3);cursor:pointer;font-family:var(--mono);transition:.12s;white-space:nowrap}
.sbt:hover{border-color:var(--dim3);color:var(--bright)}
.sbt.on-c{border-color:var(--acc);color:var(--acc);background:rgba(0,245,212,.08)}
.sbt.on-y{border-color:var(--ylw);color:var(--ylw);background:rgba(245,166,35,.08)}
.sbt.on-p{border-color:var(--pur);color:var(--pur);background:rgba(179,136,255,.08)}
.sbt.on-r{border-color:var(--red);color:var(--red);background:rgba(255,45,107,.08)}
.set-tip{font-size:7px;color:var(--dim3);padding:5px 8px;background:rgba(255,255,255,.025);border-left:2px solid var(--acc);border-radius:0 2px 2px 0;margin-top:4px;line-height:1.6}
.set-tip.warn{border-left-color:var(--ylw);color:#c4a24a}
/* ── OVERLAY: REHBER ── */
.hlp-h1{font-size:10px;font-weight:700;color:var(--bright);margin-bottom:9px;margin-top:16px;display:flex;align-items:center;gap:6px;font-family:var(--mono)}
.hlp-h1:first-child{margin-top:0}
.hlp-h1::after{content:'';flex:1;height:1px;background:var(--border)}
.hlp-h2{font-size:7.5px;font-weight:700;color:var(--acc);letter-spacing:.5px;text-transform:uppercase;margin:10px 0 5px;font-family:var(--mono)}
.hlp-p{font-size:7.5px;color:var(--dim3);line-height:1.7;margin-bottom:5px;font-family:var(--sans)}
.hlp-card{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:3px;padding:7px 9px;margin-bottom:5px}
.hlp-ct{font-size:8px;font-weight:700;color:var(--bright);margin-bottom:3px;display:flex;align-items:center;gap:5px;font-family:var(--mono)}
.hlp-cb{font-size:7.5px;color:var(--dim3);line-height:1.7;font-family:var(--sans)}
.htag{display:inline-block;padding:1px 5px;border-radius:2px;font-size:7px;font-weight:700;margin-right:2px;font-family:var(--mono)}
.htag.g{background:rgba(0,230,118,.12);color:var(--grn)}
.htag.r{background:rgba(255,45,107,.1);color:var(--red)}
.htag.o{background:rgba(255,112,67,.1);color:var(--org)}
.htag.y{background:rgba(245,166,35,.08);color:var(--ylw)}
.htag.p{background:rgba(179,136,255,.1);color:var(--pur)}
.htag.c{background:rgba(0,229,255,.08);color:var(--cyan)}
.hflow{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:6px 0}
.hstep{padding:3px 7px;border-radius:2px;font-size:7px;font-weight:700;font-family:var(--mono)}
.harr{color:var(--dim3);font-size:9px}
.hwarn{background:rgba(245,166,35,.05);border:1px solid rgba(245,166,35,.18);border-radius:3px;padding:6px 9px;font-size:7.5px;color:#c4a24a;line-height:1.7;margin-bottom:6px;font-family:var(--sans)}
.hgrid{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;font-size:7.5px}
.hgrid span:nth-child(odd){color:var(--bright);font-family:var(--mono);white-space:nowrap}
.hgrid span:nth-child(even){color:var(--dim3);font-family:var(--sans)}
.hcols{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:5px 0}
.hcol{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:3px;padding:7px}
.hcol-title{font-size:8px;font-weight:700;margin-bottom:5px;font-family:var(--mono)}
.hcol li{font-size:7px;color:var(--dim3);padding:2px 0;border-bottom:1px solid rgba(255,255,255,.025);list-style:none;font-family:var(--sans);line-height:1.5}
.hcol li::before{content:'· ';color:var(--acc)}
.htip{display:flex;gap:7px;margin-bottom:5px;align-items:flex-start}
.htip-ic{font-size:13px;flex-shrink:0;line-height:1.2}
.htip-tx{font-size:7.5px;color:var(--dim3);line-height:1.7;font-family:var(--sans)}
/* Hover accent line for coin rows */
.coin-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--acc);opacity:0;transition:opacity .15s}
.coin-row:hover::before{opacity:1}
.dump-panel .coin-row:hover::before{background:var(--red)}

/* Detail overlay close btn hover */
.detail-close:hover{color:var(--red);transform:scale(1.2)}

/* Pulse new — no animation on list items */
.hero-card,.coin-row{transition:background .12s,border-color .12s}

</style>