*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#080c0f;--bg2:#0d1318;--bg3:#111820;--bg4:#141e28;
  --border:#1e2d38;--border2:#243442;
  --text:#d6e4ee;--muted:#7f94a4;--muted2:#5d7282;
  --green:#00e5a0;--green2:#00b87c;
  --red:#ff4060;--amber:#ffb830;--blue:#3090ff;--purple:#7060ff;
  --white:#eef4f8;
  --glow-g:0 0 18px rgba(0,229,160,.3);
  --glow-r:0 0 18px rgba(255,64,96,.3);
  --font-mono:'IBM Plex Mono',monospace;
  --font-disp:'Bebas Neue',sans-serif;
}
html{font-size:14px}
body{background:radial-gradient(circle at 50% -20%,rgba(0,229,160,.08),transparent 32rem),var(--bg);color:var(--text);font-family:var(--font-mono);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px)}
.wrap{position:relative;z-index:1;max-width:1320px;width:100%;margin:0 auto;padding:0 20px 46px;flex:1}
header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px;border-bottom:1px solid var(--border);margin-bottom:14px;flex-wrap:wrap;gap:10px}
.logo-block{display:flex;flex-direction:column;gap:3px}
.logo{font-family:var(--font-disp);font-size:1.8rem;letter-spacing:.12em;color:var(--white);line-height:1}
.logo span{color:var(--green)}
.logo-slogan{font-size:.65rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-weight:300}
.logo-slogan em{color:var(--purple);font-style:normal}
.header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chain-badge{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--muted);border:1px solid var(--border);padding:5px 12px;border-radius:4px}
.chain-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:var(--glow-g);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
#wallet-addr{font-size:.7rem;color:var(--muted);background:var(--bg2);border:1px solid var(--border);padding:5px 10px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px;display:none}
.nav-row{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.btn{font-family:var(--font-mono);font-size:.8rem;font-weight:600;cursor:pointer;border:none;outline:none;padding:9px 20px;border-radius:4px;transition:all .15s;letter-spacing:.06em;text-transform:uppercase}
.btn-primary{background:var(--green);color:#000}.btn-primary:hover{background:#00ffb3;box-shadow:var(--glow-g)}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border2)}.btn-ghost:hover{border-color:var(--green);color:var(--green)}
.btn-danger{background:transparent;color:var(--red);border:1px solid rgba(255,64,96,.35)}.btn-danger:hover{border-color:var(--red);background:rgba(255,64,96,.08)}
.btn-nav{background:transparent;color:var(--muted);border:1px solid var(--border2);padding:8px 18px;font-size:.75rem}
.btn-nav.active{background:rgba(0,229,160,.1);color:var(--green);border-color:rgba(0,229,160,.4)}
.btn-nav:hover{border-color:var(--green);color:var(--green)}
.btn:disabled{opacity:.35;cursor:not-allowed}
.profile-chip{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:4px 12px 4px 4px;cursor:pointer;transition:border-color .15s}
.profile-chip:hover{border-color:var(--green)}
.profile-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}
.profile-name{font-size:.72rem;color:var(--text);font-weight:500}
.stats-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:7px;overflow:hidden;margin-bottom:24px;box-shadow:0 10px 32px rgba(0,0,0,.18)}
.stat-cell{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent),var(--bg2);padding:15px 18px}
.stat-label{font-size:.64rem;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.08em}
.stat-value{font-size:1.08rem;font-weight:600;color:var(--white)}
.stat-change{font-size:.64rem;margin-top:3px;font-weight:500}
.stat-change.up{color:var(--green)}.stat-change.down{color:var(--red)}
.tabs{display:flex;flex-wrap:wrap;margin-bottom:18px;border-bottom:1px solid var(--border)}
.tab{font-family:var(--font-disp);font-size:1.2rem;letter-spacing:.1em;padding:10px 24px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}
.tab:hover{color:var(--text)}.tab.active{color:var(--white);border-bottom-color:var(--green)}
.tab-meta{display:flex;flex-direction:column;gap:1px}
.tab-price{font-family:var(--font-mono);font-size:.65rem;font-weight:600}
.tab-price.up{color:var(--green)}.tab-price.down{color:var(--red)}.tab-price.neutral{color:var(--muted)}
.tab-chg{font-family:var(--font-mono);font-size:.56rem}
.tab-chg.up{color:var(--green)}.tab-chg.down{color:var(--red)}.tab-chg.neutral{color:var(--muted)}
.markets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px;width:100%}

.market-card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 42%),var(--bg2);border:1px solid var(--border);border-radius:8px;padding:18px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 16px 44px rgba(0,0,0,.16)}
.market-card:hover{border-color:var(--border2);transform:translateY(-1px);box-shadow:0 20px 56px rgba(0,0,0,.22)}
.market-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:0;transition:opacity .2s}
.market-card:hover::before{opacity:.5}
.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.card-duration{font-family:var(--font-disp);font-size:1.5rem;letter-spacing:.08em;color:var(--white)}
.card-status{font-size:.58rem;padding:3px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.08em}
.status-live{background:rgba(0,229,160,.12);color:var(--green)}
.status-cutoff{background:rgba(255,184,48,.12);color:var(--amber)}
.status-closed{background:rgba(255,64,96,.12);color:var(--red)}
.open-price-label{font-size:.62rem;color:var(--muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.06em}
.open-val{font-size:1rem;font-weight:600;color:var(--white);margin-bottom:9px}
.candle-tag{display:inline-flex;align-items:center;gap:5px;font-size:.62rem;color:var(--muted);background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:4px 8px;margin-bottom:10px}
.candle-tag span{color:var(--amber)}
.prob-bar-wrap{margin-bottom:10px}
.prob-labels{display:flex;justify-content:space-between;font-size:.62rem;margin-bottom:4px}
.prob-up{color:var(--green);font-weight:600}.prob-down{color:var(--red);font-weight:600}
.prob-track{height:5px;background:var(--bg3);border-radius:3px;overflow:hidden;border:1px solid var(--border)}
.prob-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--green),var(--green2));transition:width .3s}
.pool-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.pool-box{background:var(--bg3);border:1px solid var(--border);border-radius:5px;padding:8px 9px;min-height:42px}
.pool-label{font-size:.58rem;color:var(--muted);margin-bottom:2px}
.pool-val{font-size:.82rem;font-weight:600}
.pool-up .pool-val{color:var(--green)}.pool-down .pool-val{color:var(--red)}
.timer-wrap{margin-bottom:10px;min-height:18px}
.timer-row{font-size:.65rem;color:var(--muted);letter-spacing:.04em;margin-bottom:3px}
.timer-row span{font-weight:600}
.timer-row.green span{color:var(--green)}.timer-row.amber span{color:var(--amber)}.timer-row.red span{color:var(--red)}
.bet-section{border-top:1px solid var(--border);padding-top:12px}
.wallet-lock-hint{display:flex;align-items:center;justify-content:center;gap:6px;min-height:28px;margin-bottom:8px;border:1px solid rgba(255,184,48,.2);background:rgba(255,184,48,.055);color:var(--amber);border-radius:5px;font-size:.64rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.wallet-lock-hint.ready{border-color:rgba(0,229,160,.18);background:rgba(0,229,160,.045);color:var(--green)}
.bet-input-row{display:flex;gap:7px;margin-bottom:7px;align-items:center}
.bet-input{flex:1;background:var(--bg3);border:1px solid var(--border);color:var(--white);font-family:var(--font-mono);font-size:.78rem;padding:8px 9px;border-radius:5px;outline:none;transition:border-color .15s,background .15s}
.bet-input:focus{border-color:var(--amber);background:#151f2a}.bet-input:disabled{opacity:.52}
.bet-input::placeholder{color:var(--muted2);font-size:.72rem}
.bet-unit{font-size:.66rem;color:var(--muted);white-space:nowrap}
.quick-bet-row{display:flex;gap:5px;margin-bottom:8px}
.quick-bet-btn{flex:1;background:var(--bg3);color:var(--text);border:1px solid var(--border);font-family:var(--font-mono);font-size:.64rem;padding:6px 2px;border-radius:4px;cursor:pointer;transition:all .15s;text-align:center;font-weight:600;letter-spacing:.04em}
.quick-bet-btn:hover:not(:disabled){border-color:var(--amber);color:var(--amber);background:rgba(255,184,48,.05)}
.quick-bet-btn.qmax{color:var(--blue);border-color:rgba(48,144,255,.25)}
.quick-bet-btn.qmax:hover:not(:disabled){border-color:var(--blue);color:var(--blue);background:rgba(48,144,255,.05)}
.quick-bet-btn:disabled{opacity:.45;cursor:not-allowed}
.payout-preview{background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:7px 9px;margin-bottom:7px;display:none}
.payout-preview.show{display:block}
.pv-row{display:flex;justify-content:space-between;font-size:.6rem;margin-bottom:2px}
.pv-label{color:var(--muted)}.pv-val{font-weight:600}
.pv-divider{border:none;border-top:1px solid var(--border);margin:4px 0}
.pv-total-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}
.pv-total-label{font-size:.65rem;color:var(--text);font-weight:500}
.pv-total-val{font-size:.82rem;font-weight:600}
.bet-buttons{display:flex;gap:6px}
.btn-up{background:var(--green);color:#000;flex:1;font-size:.75rem;padding:10px 9px;display:flex;flex-direction:column;align-items:center;gap:1px;border:none;border-radius:5px;cursor:pointer;font-family:var(--font-mono);font-weight:700}
.btn-down{background:var(--red);color:#fff;flex:1;font-size:.75rem;padding:10px 9px;display:flex;flex-direction:column;align-items:center;gap:1px;border:none;border-radius:5px;cursor:pointer;font-family:var(--font-mono);font-weight:700}
.btn-up:hover:not(:disabled){background:#00ffb3;box-shadow:var(--glow-g)}.btn-down:hover:not(:disabled){background:#ff6080;box-shadow:var(--glow-r)}
.btn-up:disabled,.btn-down:disabled{opacity:.48;cursor:not-allowed}
.btn-multiplier{font-size:.56rem;opacity:.85}
.my-pos-badge{font-size:.58rem;color:var(--amber);margin-top:5px;padding:2px 6px;background:rgba(255,184,48,.07);border:1px solid rgba(255,184,48,.12);border-radius:3px;display:none;letter-spacing:.04em;line-height:1.4;word-break:break-all}
.my-pos-badge.show{display:block}
.pos-section{margin-bottom:28px}
.sub-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px}
.sub-tab{font-size:.72rem;padding:8px 18px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;letter-spacing:.06em;text-transform:uppercase}
.sub-tab:hover{color:var(--text)}.sub-tab.active{color:var(--white);border-bottom-color:var(--green)}
.sub-tab-count{display:inline-block;background:var(--border2);color:var(--muted);font-size:.58rem;padding:1px 5px;border-radius:3px;margin-left:4px}
.sub-tab.active .sub-tab-count{background:rgba(0,229,160,.2);color:var(--green)}
.positions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.pos-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:all .2s}
.pos-card.live{border-color:rgba(0,229,160,.25)}.pos-card.won{border-color:rgba(0,229,160,.4);box-shadow:0 0 20px rgba(0,229,160,.06)}
.pos-card.lost{border-color:rgba(255,64,96,.2)}.pos-card.refund{border-color:rgba(48,144,255,.2)}.pos-card.claimed{opacity:.7}
.pos-card-header{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.pos-market{font-family:var(--font-disp);font-size:1rem;letter-spacing:.08em;color:var(--white)}
.pos-badge{font-size:.58rem;padding:3px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.badge-live{background:rgba(0,229,160,.12);color:var(--green);animation:badgepulse 2s infinite}
@keyframes badgepulse{0%,100%{opacity:1}50%{opacity:.6}}
.badge-submitted{background:rgba(255,184,48,.12);color:var(--amber);animation:badgepulse 2s infinite}
.badge-resolving{background:rgba(255,184,48,.12);color:var(--amber)}
.badge-won{background:rgba(0,229,160,.15);color:var(--green)}.badge-lost{background:rgba(255,64,96,.12);color:var(--red)}
.badge-failed{background:rgba(255,64,96,.12);color:var(--red)}
.badge-refund{background:rgba(48,144,255,.12);color:var(--blue)}.badge-claimed{background:rgba(74,96,112,.15);color:var(--muted)}
.pos-card-body{padding:10px 12px}
.pos-dir-amount{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.dir-pill{font-family:var(--font-disp);font-size:.9rem;padding:3px 10px;border-radius:20px;letter-spacing:.06em}
.pill-up{background:rgba(0,229,160,.12);color:var(--green);border:1px solid rgba(0,229,160,.25)}
.pill-down{background:rgba(255,64,96,.1);color:var(--red);border:1px solid rgba(255,64,96,.25)}
.pos-amount{font-size:.85rem;font-weight:600;color:var(--white)}
.price-comparison{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:8px}
.price-box{background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:6px 8px}
.price-box-label{font-size:.54rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:1px}
.price-box-val{font-size:.78rem;font-weight:600}
.price-box-val.neutral{color:var(--white)}.price-box-val.green{color:var(--green)}.price-box-val.red{color:var(--red)}
.outcome-row{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-radius:4px;margin-bottom:8px}
.outcome-row.won-bg{background:rgba(0,229,160,.08);border:1px solid rgba(0,229,160,.2)}
.outcome-row.lost-bg{background:rgba(255,64,96,.06);border:1px solid rgba(255,64,96,.15)}
.outcome-row.pending-bg{background:rgba(255,184,48,.05);border:1px solid rgba(255,184,48,.12)}
.outcome-row.neutral-bg{background:var(--bg3);border:1px solid var(--border)}
.outcome-label{font-size:.62rem;color:var(--muted)}
.outcome-val{font-size:.74rem;font-weight:600}
.outcome-val.green{color:var(--green)}.outcome-val.red{color:var(--red)}.outcome-val.amber{color:var(--amber)}.outcome-val.muted{color:var(--muted)}
.pos-story{font-size:.64rem;line-height:1.55;color:var(--text);background:rgba(255,255,255,.018);border:1px solid var(--border);border-radius:4px;padding:7px 9px;margin-bottom:8px}
.pos-story span{color:var(--white);font-weight:600}
.pos-story .up{color:var(--green)}.pos-story .down{color:var(--red)}.pos-story .warn{color:var(--amber)}
.pos-live-timer{font-size:.6rem;color:var(--muted);text-align:center;padding:5px 0;border-top:1px solid var(--border);margin-top:3px}
.pos-live-timer span{color:var(--amber);font-weight:600}
.pos-actions{display:flex;gap:6px;margin-top:7px}
.btn-claim-pos{background:var(--green);color:#000;font-size:.7rem;padding:7px 12px;flex:1;border-radius:4px;border:none;cursor:pointer;font-family:var(--font-mono);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.btn-claim-pos:hover{background:#00ffb3}
.btn-claim-refund{background:var(--blue);color:#fff;font-size:.7rem;padding:7px 12px;flex:1;border-radius:4px;border:none;cursor:pointer;font-family:var(--font-mono);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.btn-claim-refund:hover{background:#55aaff}
.btn-view-chain{display:flex;align-items:center;justify-content:center;gap:4px;background:transparent;color:var(--blue);border:1px solid rgba(48,144,255,.25);font-size:.65rem;padding:7px 10px;border-radius:4px;text-decoration:none;transition:all .15s;font-family:var(--font-mono);cursor:pointer;letter-spacing:.04em;text-transform:uppercase}
.btn-view-chain:hover{border-color:var(--blue);color:var(--white)}
.positions-empty,.history-empty{text-align:center;padding:36px 20px;color:var(--muted);font-size:.8rem;border:1px dashed var(--border2);border-radius:8px;background:rgba(17,24,32,.42)}
.positions-empty .big,.history-empty .big{font-family:var(--font-disp);font-size:1.65rem;color:var(--text);margin-bottom:6px;letter-spacing:.1em}
.pagination-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;flex-wrap:wrap}
.pg-btn{background:transparent;color:var(--muted);border:1px solid var(--border2);font-family:var(--font-mono);font-size:.68rem;padding:5px 12px;border-radius:4px;cursor:pointer;transition:all .15s;letter-spacing:.04em}
.pg-btn:hover:not(:disabled){border-color:var(--green);color:var(--green)}
.pg-btn.active{background:rgba(0,229,160,.1);color:var(--green);border-color:rgba(0,229,160,.4)}
.pg-btn:disabled{opacity:.35;cursor:not-allowed}
.pg-info{font-size:.62rem;color:var(--muted);letter-spacing:.04em;padding:0 6px}
#page-leaderboard{display:none;width:100%}
.lb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}
.lb-title{font-family:var(--font-disp);font-size:1.8rem;letter-spacing:.1em;color:var(--white)}
.lb-title span{color:var(--green)}
.lb-subtitle{font-size:.68rem;color:var(--muted);margin-top:4px}
.lb-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lb-refresh{font-size:.7rem;padding:6px 14px}
.lb-season-badge{display:inline-flex;align-items:center;gap:6px;font-size:.62rem;color:var(--purple);border:1px solid rgba(112,96,255,.25);background:rgba(112,96,255,.06);padding:4px 10px;border-radius:3px;letter-spacing:.06em;white-space:nowrap}
.lb-season-badge .s-dot{width:5px;height:5px;border-radius:50%;background:var(--purple);box-shadow:0 0 6px rgba(112,96,255,.6);animation:pulse 2s ease-in-out infinite}
.lb-period-tabs{display:flex;gap:0;margin-bottom:18px;border-bottom:1px solid var(--border)}
.lb-period-tab{font-family:var(--font-mono);font-size:.7rem;padding:8px 16px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;letter-spacing:.06em;text-transform:uppercase;background:none;border-top:none;border-left:none;border-right:none;outline:none}
.lb-period-tab:hover{color:var(--text)}
.lb-period-tab.active{color:var(--white);border-bottom-color:var(--green)}
.lb-period-tab .lb-tab-badge{display:inline-block;font-size:.52rem;padding:1px 5px;border-radius:3px;margin-left:5px;background:var(--border2);color:var(--muted);vertical-align:middle}
.lb-period-tab.active .lb-tab-badge{background:rgba(0,229,160,.18);color:var(--green)}
.lb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.lb-stat{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:14px 18px}
.lb-stat-label{font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.lb-stat-value{font-size:1.2rem;font-weight:600;color:var(--white)}
.lb-table-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:8px;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}
.lb-table{width:100%;min-width:580px;border-collapse:collapse}
.lb-table th{font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:10px 16px;text-align:left;border-bottom:1px solid var(--border);background:var(--bg3)}
.lb-table td{font-size:.75rem;padding:10px 16px;border-bottom:1px solid rgba(30,45,56,.4)}
.lb-table tr:last-child td{border-bottom:none}
.lb-table tr:hover td{background:rgba(20,30,40,.5)}
.lb-rank{font-size:.7rem;font-weight:600;color:var(--muted);width:36px}
.lb-rank.gold{color:#FFD700}.lb-rank.silver{color:#C0C0C0}.lb-rank.bronze{color:#CD7F32}
.lb-player{display:flex;align-items:center;gap:10px}
.lb-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}
.lb-player-name{font-weight:600;color:var(--white)}
.lb-player-addr{font-size:.62rem;color:var(--muted);margin-top:1px}
.lb-wins{color:var(--green);font-weight:600}.lb-losses{color:var(--red)}
.lb-winrate{font-weight:600}
.lb-winrate.good{color:var(--green)}.lb-winrate.bad{color:var(--red)}.lb-winrate.mid{color:var(--amber)}
.lb-vol{color:var(--muted)}
.lb-status{font-size:.58rem;letter-spacing:.04em;white-space:nowrap;padding:2px 7px;border-radius:3px;font-weight:500}
.lb-status.s-streak{color:var(--amber);background:rgba(255,184,48,.08);border:1px solid rgba(255,184,48,.18)}
.lb-status.s-whale{color:var(--blue);background:rgba(48,144,255,.07);border:1px solid rgba(48,144,255,.16)}
.lb-status.s-sniper{color:var(--green);background:rgba(0,229,160,.07);border:1px solid rgba(0,229,160,.15)}
.lb-status.s-downbad{color:var(--red);background:rgba(255,64,96,.06);border:1px solid rgba(255,64,96,.15)}
.lb-status.s-trader{color:var(--purple);background:rgba(112,96,255,.07);border:1px solid rgba(112,96,255,.15)}
.lb-status.s-starting{color:var(--muted);background:rgba(74,96,112,.1);border:1px solid rgba(74,96,112,.2)}
.lb-status.s-newbie{color:var(--border2);background:transparent;border:1px solid var(--border)}
.lb-loading{text-align:center;padding:40px;color:var(--muted);font-size:.78rem}
.lb-reset-info{font-size:.58rem;color:var(--muted);opacity:.55;text-align:right;margin-top:8px;letter-spacing:.04em}
/* ── Leaderboard responsive ── */
@media(max-width:900px){
  .lb-table th:nth-child(6),.lb-table td:nth-child(6){display:none} /* hide Volume on tablet */
}
@media(max-width:600px){
  .lb-stats{grid-template-columns:1fr 1fr}
  .lb-table th:nth-child(5),.lb-table td:nth-child(5){display:none} /* hide Win Rate on mobile */
  .lb-table th:nth-child(4),.lb-table td:nth-child(4){display:none} /* hide Losses on mobile */
  .lb-table td{padding:8px 10px;font-size:.68rem}
  .lb-table th{padding:8px 10px}
  .lb-season-badge{display:none}
  .lb-period-tab{padding:7px 11px;font-size:.65rem}
  .lb-reset-info{text-align:center}
}
.profile-modal-overlay{display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.85);backdrop-filter:blur(6px);align-items:center;justify-content:center}
.profile-modal-overlay.open{display:flex}
.profile-modal{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:30px;max-width:380px;width:90%;text-align:center}
.profile-modal h2{font-family:var(--font-disp);font-size:1.8rem;letter-spacing:.1em;color:var(--white);margin-bottom:6px}
.profile-modal p{font-size:.72rem;color:var(--muted);margin-bottom:24px;line-height:1.6}
.avatar-picker{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}
.av-opt{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;border:2px solid transparent;transition:all .15s}
.av-opt:hover{border-color:var(--border2);transform:scale(1.1)}
.av-opt.selected{border-color:var(--green);box-shadow:0 0 12px rgba(0,229,160,.3)}
.profile-name-input{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--white);font-family:var(--font-mono);font-size:.85rem;padding:10px 14px;border-radius:6px;outline:none;margin-bottom:16px;text-align:center;letter-spacing:.04em}
.profile-name-input:focus{border-color:var(--green)}
.profile-name-input::placeholder{color:var(--muted)}
.btn-save-profile{width:100%;background:var(--green);color:#000;font-size:.85rem;padding:12px;border-radius:6px;margin-bottom:10px;border:none;cursor:pointer;font-family:var(--font-mono);font-weight:600;letter-spacing:.06em}
.btn-save-profile:hover{background:#00ffb3}
.btn-skip-profile{width:100%;background:transparent;color:var(--muted);font-size:.72rem;padding:8px;border:none;cursor:pointer;font-family:var(--font-mono);letter-spacing:.06em}
.btn-skip-profile:hover{color:var(--text)}
.modal-overlay{display:none;position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);align-items:center;justify-content:center}
.modal-overlay.open{display:flex}
.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:8px;padding:22px;max-width:390px;width:90%;position:relative}
.modal h3{font-family:var(--font-disp);font-size:1.3rem;letter-spacing:.08em;margin-bottom:12px;color:var(--white)}
.modal-close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--muted);font-size:1.2rem;cursor:pointer}
.modal-close:hover{color:var(--white)}
.modal-detail{background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:8px 12px;margin-bottom:4px;font-size:.7rem;display:flex;justify-content:space-between}
.modal-detail span{color:var(--white);font-weight:600}
.modal-payout{background:rgba(0,229,160,.06);border:1px solid rgba(0,229,160,.18);border-radius:4px;padding:11px;margin:8px 0 4px}
.mp-row{display:flex;justify-content:space-between;font-size:.67rem;margin-bottom:3px}
.mp-label{color:var(--muted)}.mp-val{font-weight:600}
.mp-total{font-size:.82rem;color:var(--green)}.mp-net{font-size:.6rem;color:var(--green)}
hr.mp-hr{border:none;border-top:1px solid rgba(0,229,160,.15);margin:5px 0}
.modal p{font-size:.7rem;color:var(--muted);line-height:1.6;margin-bottom:8px}
.confirm-row{display:flex;gap:8px;margin-top:12px}
.btn-conf-up{flex:1;background:var(--green);color:#000;border:none;cursor:pointer;border-radius:4px;font-family:var(--font-mono);font-weight:600;padding:10px;letter-spacing:.06em}
.btn-conf-up:hover{background:#00ffb3}
.btn-conf-down{flex:1;background:var(--red);color:#fff;border:none;cursor:pointer;border-radius:4px;font-family:var(--font-mono);font-weight:600;padding:10px;letter-spacing:.06em}
.btn-conf-down:hover{background:#ff6080}
footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:18px 0;text-align:center}
.footer-inner{max-width:1300px;width:100%;margin:0 auto;padding:0 20px}
.footer-tagline{font-family:var(--font-disp);font-size:.95rem;letter-spacing:.18em;color:var(--muted);margin-bottom:4px}
.footer-tagline span{color:var(--green)}
.footer-sub{font-size:.58rem;color:var(--muted);opacity:.4;letter-spacing:.06em}
.footer-sub a{color:var(--blue);text-decoration:none}.footer-sub a:hover{color:var(--green)}
/* TOAST — bug fixed: was .#toast.info (invalid), now #toast.info */
#toast{position:fixed;bottom:24px;right:20px;z-index:300;background:var(--bg2);border:1px solid var(--border2);border-radius:10px;padding:12px 16px 12px 12px;font-size:.76rem;max-width:290px;transform:translateY(24px) scale(.97);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none;display:flex;align-items:flex-start;gap:9px;box-shadow:0 8px 32px rgba(0,0,0,.4)}
#toast.show{transform:translateY(0) scale(1);opacity:1}
#toast.success{border-color:rgba(0,229,160,.35);box-shadow:0 8px 32px rgba(0,229,160,.1)}
#toast.error{border-color:rgba(255,64,96,.35)}
#toast.info{border-color:rgba(255,184,48,.3)}
.toast-icon{font-size:1rem;flex-shrink:0;margin-top:1px}
.toast-title{font-weight:600;font-size:.78rem;margin-bottom:2px}
#toast.success .toast-title{color:var(--green)}
#toast.error .toast-title{color:var(--red)}
#toast.info .toast-title{color:var(--amber)}
.toast-msg{color:var(--muted);font-size:.68rem;line-height:1.4}
.spin{display:inline-block;width:10px;height:10px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* MOBILE STATS */
/* ── Global responsive ── */
@media(max-width:1024px){
  .markets{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:900px){
  .markets{grid-template-columns:1fr!important}
  .stats-bar{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .stats-bar{grid-template-columns:1fr 1fr}
  html{font-size:13px}
  .logo{font-size:1.5rem}
  header{gap:8px}
  .nav-row{gap:6px}
  .btn-nav{padding:7px 13px;font-size:.68rem}
  .chain-badge{font-size:.65rem;padding:4px 9px}
  .activity-ticker{height:26px}
  .ticker-item{font-size:.58rem;padding:0 12px}
  .market-card{padding:12px}
  .card-duration{font-size:1.3rem}
  .positions-grid{grid-template-columns:1fr!important}
  .lb-stats{grid-template-columns:1fr 1fr}
  .lb-title{font-size:1.5rem}
}

/* SOUND TOGGLE */
.sound-btn{background:transparent;border:1px solid var(--border);color:var(--muted);font-size:.85rem;width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}
.sound-btn:hover{border-color:var(--amber);color:var(--amber)}
.sound-btn.on{border-color:rgba(0,229,160,.3);color:var(--green)}

/* ── ENHANCED ACTIVITY TICKER ─────────────────────────────── */
.activity-ticker{overflow:hidden;border:1px solid var(--border2);border-radius:5px;height:30px;margin-bottom:18px;position:relative;background:rgba(0,229,160,.025)}
.activity-ticker::before,.activity-ticker::after{content:'';position:absolute;top:0;z-index:2;width:48px;height:100%;pointer-events:none}
.activity-ticker::before{left:0;background:linear-gradient(to right,var(--bg) 30%,transparent)}
.activity-ticker::after{right:0;background:linear-gradient(to left,var(--bg) 30%,transparent)}
.ticker-track{display:flex;align-items:center;height:100%;animation:tickerScroll 50s linear infinite;will-change:transform}
.ticker-track:hover{animation-play-state:paused}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ticker-track.t-slow{animation-duration:70s}
.ticker-content{display:flex;align-items:center;gap:0;flex-shrink:0}
/* base item */
.ticker-item{font-size:.66rem;color:var(--muted);padding:0 20px;white-space:nowrap;flex-shrink:0;font-weight:500;position:relative;cursor:default;transition:color .2s}
.ticker-sep{color:var(--border2);padding:0 4px;flex-shrink:0}
/* color helpers */
.ti-green{color:var(--green)}.ti-red{color:var(--red)}.ti-amber{color:var(--amber)}.ti-white{color:var(--white)}.ti-blue{color:var(--blue)}.ti-purple{color:var(--purple)}
/* ── tier styling ── */
/* mid tier: 0.05–0.25 R — subtle green cast */
.ticker-item.t-mid{color:rgba(0,229,160,.72)}
.ticker-item.t-mid .ti-amber{color:#e0c060}
/* whale tier: 0.25–1 R — bright with pulse glow */
.ticker-item.t-whale{color:var(--white);animation:whalePulse 2.4s ease-in-out infinite}
@keyframes whalePulse{
  0%,100%{box-shadow:none;text-shadow:none}
  50%{text-shadow:0 0 8px rgba(0,229,160,.45)}
}
/* high-priority event — brightens item + brief glow border */
.ticker-item.t-high{color:var(--white);border-left:1px solid rgba(0,229,160,.3);padding-left:14px}
.ticker-item.t-high-pulse{animation:highPulse 1.8s ease-out forwards}
@keyframes highPulse{
  0%{opacity:1;box-shadow:inset 0 0 0 1px rgba(0,229,160,.5)}
  60%{opacity:1;box-shadow:inset 0 0 0 1px rgba(0,229,160,.15)}
  100%{opacity:1;box-shadow:none}
}
/* resolution — amber accent */
.ticker-item.t-resolve{color:var(--amber)}
/* ── hover tooltip ── */
#tk-tooltip{
  position:fixed;z-index:200;
  background:var(--bg2);border:1px solid var(--border2);border-radius:5px;
  padding:8px 11px;font-size:.62rem;color:var(--text);
  pointer-events:none;opacity:0;transition:opacity .12s;
  white-space:nowrap;box-shadow:0 4px 18px rgba(0,0,0,.45);
  line-height:1.7;min-width:130px
}
#tk-tooltip.show{opacity:1}
#tk-tooltip .tktt-row{display:flex;justify-content:space-between;gap:14px}
#tk-tooltip .tktt-label{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.06em}
#tk-tooltip .tktt-val{font-weight:600}

/* PAYOUT PSYCHOLOGY — big multiplier heroes */
.pv-dir-heroes{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;padding:8px 4px 6px}
.pv-dir-hero{text-align:center}
.pv-dir-label{display:block;font-size:.52rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px}
.pv-dir-mult{display:block;font-family:var(--font-disp);font-size:2rem;letter-spacing:.04em;line-height:1}
.pv-dir-hero.up .pv-dir-mult{color:var(--green)}
.pv-dir-hero.dn .pv-dir-mult{color:var(--red)}
.pv-dir-ret{display:block;font-size:.6rem;color:var(--muted);margin-top:2px;font-weight:500}
.pv-divider-v{width:1px;background:var(--border);height:44px;align-self:center}
.pv-profit-tag{text-align:center;font-size:.65rem;font-weight:700;color:var(--amber);letter-spacing:.06em;padding:3px 0 6px;border-top:1px solid var(--border);margin-top:2px}

/* PREV ROUND HISTORY STRIP */
.last-round-strip{display:flex;align-items:center;gap:6px;font-size:.58rem;margin-bottom:8px;padding:4px 8px;background:var(--bg3);border:1px solid var(--border);border-radius:3px;min-height:22px}
.lrs-label{color:var(--muted);font-size:.52rem;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;padding-right:4px;border-right:1px solid var(--border)}
.lrs-up{color:var(--green);font-weight:600}.lrs-dn{color:var(--red);font-weight:600}
.lrs-cancel{color:var(--muted)}.lrs-na,.lrs-loading{color:var(--border2);font-size:.54rem;font-style:italic}

/* RESOLUTION ANIMATION */
.resolve-dots::after{content:'';animation:rdots 1.2s steps(3,end) infinite}
@keyframes rdots{0%{content:''}33%{content:'.'}66%{content:'..'}100%{content:'...'}}
.timer-row.critical{animation:critpulse .6s ease-in-out infinite}
.timer-row.critical span{color:var(--red)!important}
@keyframes critpulse{0%,100%{opacity:1}50%{opacity:.55}}

/* CLAIM BUTTON PULSE */
@keyframes claimPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,229,160,.55)}60%{box-shadow:0 0 0 7px rgba(0,229,160,0)}}
.btn-claim-pos{background:var(--green);color:#000;font-size:.7rem;padding:7px 12px;flex:1;border-radius:4px;border:none;cursor:pointer;font-family:var(--font-mono);font-weight:600;letter-spacing:.06em;text-transform:uppercase;animation:claimPulse 1.6s ease-out infinite}
.btn-claim-pos:hover{background:#00ffb3}

/* CONFETTI CANVAS */
#confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:500;display:none}

/* HOW IT WORKS */
.btn-hiw{background:transparent;border:1px solid var(--border);color:var(--muted);font-size:.7rem;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;font-family:var(--font-mono);font-weight:700;line-height:1}
.btn-hiw:hover{border-color:var(--green);color:var(--green)}
.hiw-wrap{position:relative;display:inline-block}
.hiw-panel{display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:50;background:var(--bg2);border:1px solid var(--border2);border-radius:6px;padding:14px 16px;width:230px;box-shadow:0 8px 28px rgba(0,0,0,.5)}
.hiw-panel.open{display:block}
.hiw-title{font-size:.56rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-weight:600}
.hiw-step{display:flex;align-items:flex-start;gap:9px;font-size:.65rem;color:var(--text);line-height:1.5;margin-bottom:8px}
.hiw-step:last-child{margin-bottom:0}
.hiw-num{color:var(--green);font-weight:700;flex-shrink:0;font-size:.58rem;margin-top:2px;letter-spacing:.04em}
@media(max-width:400px){.hiw-panel{width:192px;left:-4px}}

/* ── SHARE CARD SYSTEM ───────────────────────────────────── */
.btn-share-pos{background:transparent;color:var(--muted);border:1px solid var(--border2);font-size:.63rem;padding:5px 10px;border-radius:4px;cursor:pointer;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;transition:all .15s;white-space:nowrap}
.btn-share-pos:hover{border-color:var(--green);color:var(--green)}
#shareModal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:250;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
#shareModal.open{display:flex}
.smi{background:#0d1318;border:1px solid #1e2d38;border-radius:10px;padding:20px;max-width:340px;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;box-sizing:border-box}
.smi-title{font-family:'Courier New',monospace;font-size:.75rem;letter-spacing:.2em;color:#4a6a80;text-transform:uppercase;align-self:flex-start}
.smi-close{position:absolute;top:10px;right:12px;background:none;border:none;color:#4a6070;font-size:1.1rem;cursor:pointer;padding:2px 8px;line-height:1}
.smi-close:hover{color:#fff}
.smi-hint{font-size:.6rem;color:#2a4050;letter-spacing:.06em;text-align:center}
.smi-btns{display:flex;gap:8px;width:100%}
.btn-dl-card{background:#00e5a0;color:#000;font-size:.7rem;padding:9px 0;flex:1;border-radius:4px;border:none;cursor:pointer;font-family:'Courier New',monospace;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .15s}
.btn-dl-card:hover{background:#00ffb3}
.btn-dl-card:disabled{opacity:.45;cursor:not-allowed}
/* card wrapper for html2canvas capture */
#scWrap{width:280px;height:373px;overflow:hidden;flex-shrink:0}
/* share card — sc- prefix isolates from app classes */
.sc-card{width:280px;height:373px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:18px 20px 16px;flex-shrink:0;border:1px solid;box-sizing:border-box;font-family:'Courier New',monospace}
.sc-win{background:#0b1410;border-color:#1e3828}
.sc-miss{background:#120a0e;border-color:#321624}
.sc-gt{position:absolute;inset:0;pointer-events:none;background-size:22px 22px}
.sc-win .sc-gt{background-image:linear-gradient(rgba(0,229,160,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,160,.05) 1px,transparent 1px)}
.sc-miss .sc-gt{background-image:linear-gradient(rgba(255,64,96,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,64,96,.04) 1px,transparent 1px)}
.sc-gl{position:absolute;bottom:-60px;right:-60px;width:200px;height:200px;border-radius:50%;pointer-events:none}
.sc-win .sc-gl{background:radial-gradient(circle,rgba(0,229,160,.12) 0%,transparent 65%)}
.sc-miss .sc-gl{background:radial-gradient(circle,rgba(255,64,96,.10) 0%,transparent 65%)}
.sc-tl{position:absolute;top:0;left:0;right:0;height:1px}
.sc-win .sc-tl{background:#00e5a0}.sc-miss .sc-tl{background:#ff4060}
.sc-z{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}
.sc-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.sc-logo-row{display:flex;align-items:center;gap:7px}
.sc-logo-svg{width:16px;height:16px;flex-shrink:0}
.sc-win .sc-brand{font-size:8px;letter-spacing:.26em;text-transform:uppercase;color:#3d7a5a;font-weight:600}
.sc-miss .sc-brand{font-size:8px;letter-spacing:.26em;text-transform:uppercase;color:#8a3a50;font-weight:600}
.sc-s1{font-size:7px;letter-spacing:.1em;padding:2px 7px;border:1px solid}
.sc-win .sc-s1{color:#2a6a48;border-color:#1a3a28}
.sc-miss .sc-s1{color:#6a2438;border-color:#321624}
.sc-who{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.sc-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;border:1px solid}
.sc-win .sc-av{background:#081812;border-color:#1e3828}
.sc-miss .sc-av{background:#14060a;border-color:#321624}
.sc-win .sc-who-name{font-size:11px;font-weight:700;letter-spacing:.06em;color:#a0ccc0}
.sc-miss .sc-who-name{font-size:11px;font-weight:700;letter-spacing:.06em;color:#c09090}
.sc-win .sc-who-addr{font-size:7.5px;margin-top:1px;color:#2a5a48}
.sc-miss .sc-who-addr{font-size:7.5px;margin-top:1px;color:#5a2438}
.sc-win .sc-om{font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px;color:#2a7a56}
.sc-miss .sc-om{font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px;color:#7a2a40}
.sc-py{font-size:40px;font-weight:700;letter-spacing:-.02em;line-height:1;margin-bottom:3px}
.sc-win .sc-py{color:#00e5a0;text-shadow:0 0 32px rgba(0,229,160,.35)}
.sc-miss .sc-py{color:#ff4060;text-shadow:0 0 32px rgba(255,64,96,.28)}
.sc-win .sc-sl{font-size:9.5px;letter-spacing:.05em;margin-bottom:14px;color:#006845}
.sc-miss .sc-sl{font-size:9.5px;letter-spacing:.05em;margin-bottom:14px;color:#8a2030}
.sc-sep{height:1px;margin-bottom:11px}
.sc-win .sc-sep{background:#1a3428}.sc-miss .sc-sep{background:#2a1420}
.sc-tm{display:flex;align-items:center;margin-bottom:9px}
.sc-dir-block{display:flex;align-items:center;gap:5px;padding-right:11px;margin-right:11px;border-right:1px solid}
.sc-win .sc-dir-block{border-color:#1a3428}.sc-miss .sc-dir-block{border-color:#2a1420}
.sc-ds{font-size:17px;font-weight:700}
.sc-win .sc-ds{color:#00e5a0}.sc-miss .sc-ds{color:#ff4060}
.sc-dt{font-size:9px;font-weight:700;letter-spacing:.12em}
.sc-win .sc-dt{color:#00b878}.sc-miss .sc-dt{color:#dd2848}
.sc-win .sc-pair{font-size:12px;font-weight:700;letter-spacing:.05em;color:#7ab8a8}
.sc-miss .sc-pair{font-size:12px;font-weight:700;letter-spacing:.05em;color:#b87888}
.sc-win .sc-dur{font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:#2a5a48}
.sc-miss .sc-dur{font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:#5a2438}
.sc-sw{height:28px;margin-bottom:9px;position:relative}
.sc-win .sc-slab,.sc-miss .sc-slab{font-size:6.5px;letter-spacing:.1em;text-transform:uppercase;position:absolute;right:0;top:0}
.sc-win .sc-slab{color:#1a3428}.sc-miss .sc-slab{color:#2a1420}
.sc-pr{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;margin-bottom:12px;border:1px solid}
.sc-win .sc-pr{background:#060e0a;border-color:#1a3428}
.sc-miss .sc-pr{background:#0e0608;border-color:#2a1420}
.sc-win .sc-prl{font-size:7px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;color:#2a5a48}
.sc-miss .sc-prl{font-size:7px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;color:#5a2438}
.sc-win .sc-prv{font-size:10px;color:#5a9080}.sc-miss .sc-prv{font-size:10px;color:#906070}
.sc-prc-w{font-size:10px;color:#00c888}.sc-prc-m{font-size:10px;color:#e82848}
.sc-prd-w{font-size:7.5px;margin-top:1px;color:#009060}.sc-prd-m{font-size:7.5px;margin-top:1px;color:#a02038}
.sc-win .sc-arr{font-size:10px;color:#1a3428}.sc-miss .sc-arr{font-size:10px;color:#2a1420}
.sc-chip{display:inline-block;font-size:7px;letter-spacing:.16em;padding:3px 9px;border:1px solid;text-transform:uppercase}
.sc-win .sc-chip{color:#2a6a48;border-color:#1a3828}.sc-miss .sc-chip{color:#6a2438;border-color:#321624}
.sc-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:9px;border-top:1px solid}
.sc-win .sc-foot{border-color:#141e18}.sc-miss .sc-foot{border-color:#1e1018}
.sc-win .sc-ft,.sc-win .sc-fd{font-size:7px;letter-spacing:.07em;color:#2a4a3a}
.sc-miss .sc-ft,.sc-miss .sc-fd{font-size:7px;letter-spacing:.07em;color:#4a2a30}
/* ── AGENTSIGGY AI BADGE ──────────────────────────────────── */
.ai-badge{
  display:inline-flex;align-items:center;gap:3px;
  font-size:.5rem;font-weight:700;letter-spacing:.1em;
  padding:2px 6px;border-radius:3px;
  background:rgba(112,96,255,.18);color:#a090ff;
  border:1px solid rgba(112,96,255,.4);
  vertical-align:middle;margin-left:5px;
  text-transform:uppercase;line-height:1.2;
  flex-shrink:0;
}
/* AgentSiggy leaderboard row */
.lb-ai-row td{
  background:rgba(112,96,255,.04)!important;
}
.lb-ai-row:hover td{
  background:rgba(112,96,255,.09)!important;
}
.lb-ai-row .lb-player-name{
  color:#c0b0ff!important;
}
.lb-avatar.ai-av{
  border:1px solid rgba(112,96,255,.5);
  box-shadow:0 0 10px rgba(112,96,255,.25);
  overflow:hidden;padding:0;
}
.lb-avatar.ai-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
/* Logged-in user row highlight */
.lb-my-row td{
  background:rgba(0,229,160,.04)!important;
}
.lb-my-row:hover td{
  background:rgba(0,229,160,.09)!important;
}
.lb-my-row .lb-player-name{
  color:#a0f0d8!important;
}
/* User separator (shown before their row when outside top 15) */
.lb-user-sep td{
  padding:6px 16px;font-size:.6rem;color:var(--muted);
  letter-spacing:.08em;text-transform:uppercase;
  border-top:1px dashed rgba(0,229,160,.2)!important;
  border-bottom:none!important;
  background:rgba(0,229,160,.02)!important;
}
/* Load More button */
#lb-load-more-wrap{
  display:flex;align-items:center;justify-content:center;
  padding:14px 0 4px;
}
.lb-load-more-btn{
  font-family:var(--font-mono);font-size:.72rem;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;
  background:transparent;color:var(--muted);
  border:1px solid var(--border2);
  padding:8px 28px;border-radius:4px;cursor:pointer;
  transition:all .15s;
}
.lb-load-more-btn:hover{
  border-color:var(--green);color:var(--green);
  background:rgba(0,229,160,.05);
}
/* AgentSiggy — AI trader. Entire item is visually distinct, not just the emoji. */
.ticker-item.t-ai{
  background: rgba(112,96,255,.10);
  border: 1px solid rgba(112,96,255,.42);
  border-radius: 3px;
  padding: 2px 12px !important;
  margin: 0 6px;
  animation: aiTickerPulse 2s ease-in-out infinite;
}
/* Override name/amount/pair to purple — direction arrow keeps real green/red */
.ticker-item.t-ai,
.ticker-item.t-ai .ti-white { color: #d4ccff !important; }
.ticker-item.t-ai .ti-amber { color: #b8a8ff !important; }
@keyframes aiTickerPulse{
  0%,100%{
    background: rgba(112,96,255,.08);
    border-color: rgba(112,96,255,.35);
    box-shadow: none;
  }
  50%{
    background: rgba(112,96,255,.18);
    border-color: rgba(112,96,255,.75);
    box-shadow: 0 0 14px rgba(112,96,255,.4), 0 0 4px rgba(112,96,255,.25);
  }
}
/* ── SHARE CARD READABILITY IMPROVEMENTS ──────────────────── */
/* Brighten secondary text that was near-invisible on glowing backgrounds */
.sc-win .sc-brand{color:#559978!important}
.sc-miss .sc-brand{color:#aa5570!important}
.sc-win .sc-s1{color:#449965!important;border-color:#225540!important}
.sc-miss .sc-s1{color:#aa4460!important;border-color:#552230!important}
.sc-win .sc-who-name{color:#c8e8e0!important;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.sc-miss .sc-who-name{color:#e8c0c8!important;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.sc-win .sc-who-addr{color:#50907a!important}
.sc-miss .sc-who-addr{color:#906070!important}
.sc-win .sc-om{color:#50b882!important}
.sc-miss .sc-om{color:#c04460!important}
.sc-win .sc-sl{color:#00bb70!important;font-weight:600}
.sc-miss .sc-sl{color:#cc3050!important;font-weight:600}
.sc-win .sc-prl{color:#50907a!important}
.sc-miss .sc-prl{color:#906070!important}
.sc-win .sc-prv{color:#88c8b0!important}
.sc-miss .sc-prv{color:#c890a0!important}
.sc-win .sc-arr{color:#335545!important}
.sc-miss .sc-arr{color:#552535!important}
.sc-win .sc-pair{color:#99ccbb!important;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.sc-miss .sc-pair{color:#ccaabb!important;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.sc-win .sc-dur{color:#50907a!important}
.sc-miss .sc-dur{color:#906070!important}
.sc-win .sc-dt{color:#00dd90!important}
.sc-miss .sc-dt{color:#ff3060!important}
.sc-py{text-shadow:0 2px 20px rgba(0,0,0,.7)!important}
.sc-win .sc-ft,.sc-win .sc-fd{color:#407860!important}
.sc-miss .sc-ft,.sc-miss .sc-fd{color:#784050!important}
/* Stronger backdrop on price row for legibility */
.sc-win .sc-pr{background:rgba(0,20,12,.75)!important;backdrop-filter:blur(2px)}
.sc-miss .sc-pr{background:rgba(20,4,10,.75)!important;backdrop-filter:blur(2px)}
/* ── Avatar upload button — circular, matches .av-opt emoji buttons ── */
/* Add these rules to your existing stylesheet alongside .av-opt styles  */

/* Upload trigger: inherits .av-opt sizing/shape; custom bg + dashed ring */
.av-upload-btn {
  background: rgba(112, 96, 255, 0.10) !important;
  border: 2px dashed rgba(112, 96, 255, 0.45) !important;
  color: #a090ff;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease,
              transform 0.15s ease, box-shadow 0.15s ease;
}

.av-upload-btn:hover {
  background: rgba(112, 96, 255, 0.22) !important;
  border-color: #7060ff !important;
  color: #c0b0ff;
  transform: scale(1.08);
  box-shadow: 0 0 14px rgba(112, 96, 255, 0.45);
}

/* Upload icon SVG inside the label */
.av-upload-btn svg {
  pointer-events: none; /* let clicks pass through to the <label> */
  flex-shrink: 0;
}

/* Custom-image preview slot: same shape as .av-opt, purple glow when active */
.av-custom-preview {
  position: relative;
  overflow: visible !important; /* let the remove badge sit outside the circle */
  padding: 0 !important;
  background: #1a1035 !important;
  border: 2px solid #7060ff !important;
  box-shadow: 0 0 10px rgba(112, 96, 255, 0.5);
}

/* Remove (✕) badge — small red pill, top-right corner of the circle */
.av-remove-btn {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #e03050;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  z-index: 2;
  transition: background 0.15s ease, transform 0.15s ease;
  box-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

.av-remove-btn:hover {
  background: #ff2244;
  transform: scale(1.15);
}
