/* BSC Poker X v17.5.1 · Leverage CG
   Dedicated visual ownership layer loaded after legacy Leverage CSS. */

:root{
  --lev-bg:#020812;
  --lev-panel:#071a28;
  --lev-panel2:#092739;
  --lev-cyan:#42e7ff;
  --lev-cyan2:#16b9d8;
  --lev-gold:#f0c84f;
  --lev-long:#50efbf;
  --lev-short:#ff6689;
  --lev-text:#f5fbff;
  --lev-muted:#8db0c3;
  --lev-line:rgba(74,199,229,.22);
}

html,body{background:
  radial-gradient(circle at 12% -8%,rgba(25,130,167,.26),transparent 34%),
  radial-gradient(circle at 90% 18%,rgba(239,194,62,.08),transparent 28%),
  linear-gradient(180deg,#020812 0%,#03111b 56%,#02070d 100%)!important;
  color:var(--lev-text)!important;
  overflow-x:hidden;
}

.top{background:rgba(2,8,18,.92)!important;backdrop-filter:blur(18px);border-bottom-color:rgba(67,205,234,.18)!important}
.top nav a{background:rgba(6,29,43,.82)!important;border-color:rgba(73,190,219,.22)!important}
.shell{width:min(1540px,calc(100% - 30px))!important;margin-top:22px!important}

.hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-color:rgba(74,217,239,.28)!important;
  background:
    radial-gradient(circle at 82% 20%,rgba(79,239,193,.08),transparent 28%),
    linear-gradient(145deg,rgba(7,43,61,.98),rgba(3,20,31,.98))!important;
}
.hero::before,.builder-panel::before,.live-panel::after{
  content:"";
  position:absolute;
  pointer-events:none;
  width:300px;height:300px;
  opacity:.16;
  background:
    radial-gradient(ellipse at 50% 24%,transparent 0 24%,rgba(88,228,245,.48) 25% 28%,transparent 29% 100%),
    radial-gradient(ellipse at 25% 52%,transparent 0 23%,rgba(88,228,245,.42) 24% 27%,transparent 28% 100%),
    radial-gradient(ellipse at 75% 52%,transparent 0 23%,rgba(88,228,245,.42) 24% 27%,transparent 28% 100%),
    radial-gradient(ellipse at 50% 78%,transparent 0 23%,rgba(240,200,79,.28) 24% 27%,transparent 28% 100%);
  filter:drop-shadow(0 0 20px rgba(51,218,242,.16));
}
.hero::before{right:-80px;bottom:-110px;transform:rotate(14deg)}
.hero h1{font-size:clamp(44px,6vw,84px)!important;letter-spacing:-.045em!important;max-width:900px}
.hero p{max-width:920px!important}
.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hero-pills span{padding:7px 10px;border:1px solid rgba(80,219,239,.22);border-radius:999px;background:rgba(8,42,58,.64);font-size:10px;font-weight:900;letter-spacing:.08em;color:#bdeef7}

.market-deck{margin:18px 0;padding:18px;border:1px solid var(--lev-line);border-radius:24px;background:linear-gradient(145deg,rgba(5,27,41,.9),rgba(3,16,26,.92));box-shadow:0 24px 80px #0005}
.market-deck-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:13px}
.market-deck-head h2{margin:4px 0 0;font-size:24px}
.market-deck-head small{color:var(--lev-muted);max-width:520px;text-align:right}

.pair-cards{grid-template-columns:repeat(5,minmax(0,1fr))!important;margin:0!important;gap:9px!important}
.pair-card{
  position:relative!important;
  min-width:0;
  padding:12px!important;
  border-radius:16px!important;
  background:linear-gradient(155deg,rgba(10,37,52,.96),rgba(4,19,30,.96))!important;
  border-color:rgba(76,182,211,.18)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important
}
.pair-card:hover{transform:translateY(-2px);border-color:rgba(67,223,244,.45)!important}
.pair-card.active{border-color:var(--lev-gold)!important;box-shadow:0 0 0 1px rgba(240,200,79,.25),0 0 28px rgba(49,211,238,.12)!important}
.coin-icon{width:42px!important;height:42px!important;font-size:11px!important;flex:0 0 auto}
.pair-copy{min-width:0}
.pair-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pair-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-dot{position:absolute;right:10px;top:10px;width:6px;height:6px;border-radius:50%;background:#3fe4bd;box-shadow:0 0 10px #3fe4bd}

.grid{gap:16px!important}
.panel{position:relative;overflow:hidden;border-color:rgba(66,196,226,.20)!important;background:linear-gradient(150deg,rgba(7,32,47,.98),rgba(3,18,29,.98))!important}
.builder-panel{transition:box-shadow .18s ease,border-color .18s ease}
.builder-panel.is-long{border-color:rgba(80,239,191,.38)!important;box-shadow:0 26px 80px #0006,0 0 42px rgba(80,239,191,.07)!important}
.builder-panel.is-short{border-color:rgba(255,102,137,.36)!important;box-shadow:0 26px 80px #0006,0 0 42px rgba(255,102,137,.07)!important}
.builder-panel::before{right:-175px;bottom:-185px;opacity:.10}
.live-panel::after{left:-175px;top:-175px;opacity:.08}

.sides{gap:11px!important}
.side{
  min-height:92px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  border-radius:18px!important;
  font-size:18px!important;
  background:rgba(5,24,36,.82)!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important
}
.side:hover{transform:translateY(-2px)}
.side-arrow{font-size:34px;line-height:1}
.side span:last-child{display:grid;text-align:left;gap:2px}
.side small{font-size:11px;font-weight:700;opacity:.66}
.side.long.active{border-color:var(--lev-long)!important;color:#94ffe0!important;background:linear-gradient(120deg,rgba(22,173,129,.20),rgba(12,68,66,.24))!important;box-shadow:0 0 34px rgba(80,239,191,.16),inset 0 0 28px rgba(80,239,191,.05)!important}
.side.short.active{border-color:var(--lev-short)!important;color:#ffadc0!important;background:linear-gradient(120deg,rgba(180,34,71,.20),rgba(76,15,45,.24))!important;box-shadow:0 0 34px rgba(255,102,137,.15),inset 0 0 28px rgba(255,102,137,.05)!important}

.price,.risk{background:rgba(3,20,30,.78)!important;border-color:rgba(67,184,211,.20)!important}
.risk{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.risk>div{min-width:0}
.risk-state{padding-left:14px;border-left:1px solid rgba(78,196,222,.16)}
#riskBand[data-band="low"]{color:#72f1c8}
#riskBand[data-band="moderate"]{color:#9ce5ff}
#riskBand[data-band="high"]{color:#f1d067}
#riskBand[data-band="very-high"]{color:#ff9b67}
#riskBand[data-band="extreme"]{color:#ff718f;text-shadow:0 0 14px rgba(255,95,130,.3)}

.quick{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.quick button{padding:9px 5px!important;min-width:0}
.pill.stale{border-color:rgba(255,102,137,.45)!important;color:#ff9bb1!important}

.health-ring{position:relative;box-shadow:inset 0 0 40px rgba(36,203,223,.06),0 0 35px rgba(45,211,233,.08)}
.health-ring[data-state="healthy"]{filter:drop-shadow(0 0 12px rgba(80,239,191,.16))}
.health-ring[data-state="watch"]{filter:drop-shadow(0 0 12px rgba(240,200,79,.16))}
.health-ring[data-state="danger"]{filter:drop-shadow(0 0 14px rgba(255,147,87,.18))}
.health-ring[data-state="critical"]{filter:drop-shadow(0 0 18px rgba(255,86,121,.24))}

.primary{background:linear-gradient(100deg,#28d99f,#32c9e1)!important;box-shadow:0 12px 30px rgba(36,209,183,.12)!important}
.primary:disabled,.danger:disabled{cursor:not-allowed!important;filter:saturate(.6)}
.history{border-radius:24px!important}
.disclaimer{padding:12px 2px 0!important}

@media(max-width:1180px){
  .pair-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .quick{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

@media(max-width:900px){
  .hero{grid-template-columns:1fr!important}
  .balance{min-width:0!important;width:auto!important}
  .grid{grid-template-columns:1fr!important}
  .pair-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .market-deck-head{align-items:start;display:grid}
  .market-deck-head small{text-align:left}
}

@media(max-width:600px){
  .shell{width:min(100% - 18px,1540px)!important;margin-top:10px!important}
  .hero{padding:22px 16px!important;border-radius:20px!important}
  .hero h1{font-size:clamp(38px,13vw,58px)!important;line-height:.94!important}
  .hero p{font-size:14px!important;line-height:1.5!important}
  .market-deck{padding:12px!important;border-radius:18px!important}
  .pair-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .pair-card{padding:10px!important;gap:8px!important}
  .coin-icon{width:36px!important;height:36px!important}
  .panel{padding:16px!important;border-radius:20px!important}
  .side{min-height:78px}
  .side-arrow{font-size:28px}
  .risk{grid-template-columns:1fr}
  .risk-state{padding-left:0;padding-top:10px;border-left:0;border-top:1px solid rgba(78,196,222,.16)}
  .quick{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .health-wrap{grid-template-columns:1fr!important;justify-items:center!important;text-align:center}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  table{min-width:780px}
  .bot-launch{right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important}
}

@media(max-width:390px){
  .pair-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pair-copy small{display:none}
  .sides{grid-template-columns:1fr 1fr!important}
  .side{gap:6px!important;padding:10px 6px!important;font-size:15px!important}
  .side-arrow{font-size:24px}
  .quick{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}