/* BP-REACTOR: futuristic fusion x nuclear x cyberpunk OVERRIDE LAYER.
   Loaded after style.css + bpmobile.css. Colors, glow, fonts, depth only -
   it never changes display/visibility of existing elements. */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Rajdhani:wght@500;600;700&display=swap');

:root{
  --bg:#04060c;
  --panel:#0a1120;
  --panel2:#0e1728;
  --line:#183553;
  --txt:#e9f4ff;
  --mut:#7d9cbf;
  --acc:#3dff8f;
  --acc2:#1ad3ff;
  --red:#ff3d5e;
  --amb:#ffb121;
  --rx-cy:#1ad3ff;
  --rx-mg:#ff2ea6;
  --rx-am:#ffb121;
  --rx-gr:#3dff8f;
  --rx-glow:rgba(26,211,255,.35);
}

html{background:#04060c}
body{
  background:
    radial-gradient(60% 40% at 15% -5%,rgba(26,211,255,.13),transparent 60%),
    radial-gradient(45% 35% at 90% 5%,rgba(255,46,166,.10),transparent 60%),
    radial-gradient(50% 45% at 55% 105%,rgba(255,177,33,.09),transparent 60%),
    #04060c;
  background-attachment:fixed;
}
/* hex-ish energy grid + faint scanlines (static = cheap, no repaint) */
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  animation:none !important;filter:none !important;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px),
    linear-gradient(rgba(26,211,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(26,211,255,.055) 1px,transparent 1px);
  background-size:100% 3px,44px 44px,44px 44px;
  mask-image:radial-gradient(80% 80% at 50% 40%,#000 30%,transparent 100%);
  -webkit-mask-image:radial-gradient(80% 80% at 50% 40%,#000 30%,transparent 100%);
}
body::after{display:none !important}

/* ---------- type ---------- */
h1,h2,h3,.brand{font-family:'Orbitron','Rajdhani',system-ui,sans-serif;letter-spacing:.04em}
h1{text-shadow:0 0 18px rgba(26,211,255,.35)}
h2,h3{color:#dff3ff}
.brand{text-transform:uppercase;text-shadow:0 0 14px rgba(26,211,255,.45)}
.brand span{color:var(--rx-gr);text-shadow:0 0 16px rgba(61,255,143,.6)}
header nav a,.btn,.pill,.bpstat span,.ptile .ptl,.stat .k,table th{
  font-family:'Rajdhani',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}
header nav a{font-weight:600;font-size:14px}

/* ---------- header: glass reactor bar ---------- */
header{
  background:linear-gradient(180deg,rgba(8,14,26,.92),rgba(6,10,20,.82)) !important;
  border-bottom:1px solid rgba(26,211,255,.35) !important;
  box-shadow:0 1px 0 rgba(26,211,255,.15),0 8px 30px rgba(0,0,0,.55),0 0 24px rgba(26,211,255,.12);
}
header nav a{color:var(--mut)}
header nav a:hover,header nav a.active,header nav a[aria-current]{color:#fff;border-bottom-color:var(--rx-cy);text-shadow:0 0 10px var(--rx-glow)}

/* live reactor-core badge (filled by bpreactor.js) */
#bpcore{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:5px 11px;border-radius:999px;
  border:1px solid rgba(26,211,255,.35);background:rgba(10,20,36,.7);font:600 11.5px/1 'Rajdhani',system-ui,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;color:#bfe9ff;white-space:nowrap;box-shadow:inset 0 0 12px rgba(26,211,255,.08)}
#bpcore i{width:9px;height:9px;border-radius:50%;background:var(--rx-cy);box-shadow:0 0 10px var(--rx-cy),0 0 22px rgba(26,211,255,.5);display:inline-block}
#bpcore.ok i{background:var(--rx-gr);box-shadow:0 0 10px var(--rx-gr),0 0 22px rgba(61,255,143,.55)}
#bpcore.warn i{background:var(--rx-am);box-shadow:0 0 10px var(--rx-am)}
#bpcore.off i{background:#55637a;box-shadow:none}

/* ---------- cards: glass with plasma edge ---------- */
.card{
  background:linear-gradient(160deg,rgba(14,24,44,.92),rgba(7,12,24,.92)) !important;
  border:1px solid rgba(26,211,255,.22) !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.4),0 14px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04),0 0 26px rgba(26,211,255,.06);
  position:relative;
}
.card>h2:first-child,.card>h3:first-child{padding-left:12px;border-left:3px solid var(--rx-cy);box-shadow:-6px 0 14px -6px var(--rx-glow)}

/* stat tiles */
.ptile,.stat,.rc{
  background:linear-gradient(180deg,rgba(16,28,50,.9),rgba(8,14,26,.9)) !important;
  border:1px solid rgba(26,211,255,.2) !important;
  box-shadow:inset 0 0 18px rgba(26,211,255,.05),0 4px 14px rgba(0,0,0,.4);
}
.ptile b,.stat .v{font-family:'Rajdhani',system-ui,sans-serif;font-weight:700;letter-spacing:.02em;text-shadow:0 0 12px rgba(255,255,255,.12)}

/* ---------- buttons ---------- */
.btn{
  background:linear-gradient(180deg,#10203a,#0a1426) !important;
  border:1px solid rgba(26,211,255,.35) !important;color:#d8f2ff !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05),0 0 14px rgba(26,211,255,.08);
  font-weight:700 !important;transition:box-shadow .18s,transform .12s,border-color .18s;
}
.btn:hover{border-color:var(--rx-cy) !important;box-shadow:0 0 18px rgba(26,211,255,.35),inset 0 0 12px rgba(26,211,255,.1)}
.btn:active{transform:translateY(1px)}
.btn.primary{
  background:linear-gradient(135deg,#3dff8f 0%,#1ad3ff 100%) !important;
  border-color:rgba(61,255,143,.8) !important;color:#03140b !important;
  box-shadow:0 0 22px rgba(61,255,143,.35),0 0 40px rgba(26,211,255,.2);
}
.btn.primary:hover{box-shadow:0 0 30px rgba(61,255,143,.55),0 0 60px rgba(26,211,255,.3)}
.btn.danger,.btn.red{border-color:rgba(255,61,94,.7) !important;box-shadow:0 0 16px rgba(255,61,94,.25)}

/* ---------- inputs ---------- */
input,select,textarea{
  background:rgba(6,12,24,.9) !important;border:1px solid rgba(26,211,255,.25) !important;color:var(--txt) !important;
  transition:box-shadow .15s,border-color .15s;
}
input:focus,select:focus,textarea:focus{outline:none !important;border-color:var(--rx-cy) !important;box-shadow:0 0 0 2px rgba(26,211,255,.25),0 0 18px rgba(26,211,255,.3)}

/* ---------- tables ---------- */
table th{color:#8fd8ff;font-weight:600;font-size:11px}
table.logs tr:hover td{background:rgba(26,211,255,.06) !important}
table td{border-color:rgba(26,211,255,.12) !important}

/* pills / badges */
.pill,.pbadge{border:1px solid rgba(26,211,255,.3);background:rgba(10,20,36,.8);color:#bfe9ff}
.pbadge.ok{border-color:rgba(61,255,143,.6);color:var(--rx-gr);text-shadow:0 0 8px rgba(61,255,143,.5)}
.pbadge.bad,.pbadge.no{border-color:rgba(255,61,94,.6);color:var(--rx-red,#ff3d5e)}

/* scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#05080f}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1a3553,#0f2238);border:2px solid #05080f;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#1ad3ff}

/* selection */
::selection{background:rgba(26,211,255,.35);color:#fff}

/* ---------- auth page (sign in) ---------- */
body.auth{background:#04060c}
body.auth .auth-card{
  background:linear-gradient(160deg,rgba(14,24,44,.95),rgba(7,12,24,.95)) !important;
  border:1px solid rgba(26,211,255,.35) !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.5),0 30px 80px rgba(0,0,0,.7),0 0 60px rgba(26,211,255,.12),0 0 120px rgba(255,46,166,.06);
}
body.auth .auth-card h1{font-family:'Orbitron',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 0 22px rgba(26,211,255,.5)}
body.auth .auth-card .btn{
  background:linear-gradient(135deg,#3dff8f,#1ad3ff) !important;color:#03140b !important;
  text-transform:uppercase;letter-spacing:.14em;font-family:'Rajdhani',system-ui,sans-serif;font-weight:700;
  box-shadow:0 0 22px rgba(61,255,143,.4),0 0 40px rgba(26,211,255,.2);
}

/* ---------- BOOT / IGNITION overlay ---------- */
html.bp-booting body>*:not(#bpboot){visibility:hidden}
#bpboot{position:fixed;inset:0;z-index:2147483000;background:#04060c;display:flex;align-items:center;justify-content:center;
  flex-direction:column;gap:18px;visibility:visible;opacity:1;transition:opacity .45s ease;cursor:pointer;overflow:hidden;
  font-family:'Orbitron','Rajdhani',system-ui,sans-serif;color:#cfeeff;user-select:none;-webkit-tap-highlight-color:transparent}
#bpboot.out{opacity:0;pointer-events:none}
#bpboot canvas{position:absolute;inset:0;width:100%;height:100%}
#bpboot .rx-ring{position:relative;width:170px;height:170px;border-radius:50%;
  border:2px solid rgba(26,211,255,.35);box-shadow:0 0 30px rgba(26,211,255,.35),inset 0 0 30px rgba(26,211,255,.15);
  animation:rxspin 2.4s linear infinite}
#bpboot .rx-ring::before,#bpboot .rx-ring::after{content:"";position:absolute;inset:14px;border-radius:50%;border:1px dashed rgba(255,46,166,.6);animation:rxspin 3.6s linear infinite reverse}
#bpboot .rx-ring::after{inset:30px;border:1px solid rgba(255,177,33,.55);border-top-color:transparent;border-bottom-color:transparent;animation-duration:1.4s}
#bpboot .rx-core{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;
  background:radial-gradient(circle,#fff 0%,#b8fff0 22%,#3dff8f 45%,rgba(26,211,255,.7) 70%,transparent 75%);
  box-shadow:0 0 30px #3dff8f,0 0 70px rgba(26,211,255,.8),0 0 140px rgba(255,46,166,.5);
  animation:rxpulse 1.1s ease-in-out infinite}
#bpboot .rx-title{font-weight:900;font-size:26px;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 22px rgba(26,211,255,.7)}
#bpboot .rx-title b{color:#3dff8f;text-shadow:0 0 22px rgba(61,255,143,.8)}
#bpboot .rx-status{font-family:'Rajdhani',monospace,system-ui;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:#8fd8ff;min-height:18px}
#bpboot .rx-bar{width:220px;height:3px;background:rgba(26,211,255,.15);border-radius:2px;overflow:hidden}
#bpboot .rx-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#1ad3ff,#3dff8f,#ffb121,#ff2ea6);box-shadow:0 0 12px #1ad3ff;transition:width .25s}
#bpboot .rx-skip{position:absolute;bottom:22px;font-family:'Rajdhani',system-ui;font-size:11px;letter-spacing:.2em;color:#4f6f8f;text-transform:uppercase}
@keyframes rxspin{to{transform:rotate(360deg)}}
@keyframes rxpulse{0%,100%{transform:scale(.9);filter:brightness(1)}50%{transform:scale(1.12);filter:brightness(1.35)}}
@keyframes rxbeat{0%,100%{opacity:1}50%{opacity:.45}}
#bpcore i{animation:rxbeat 1.6s ease-in-out infinite}

/* background particle field canvas (desktop only, injected by js) */
#bpfield{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.85}

/* ---------- desktop only: 3D depth + hover tilt + glass blur ---------- */
@media (min-width:821px){
  header{backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}
  main.wrap{perspective:1400px}
  .card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
  .card:hover{z-index:2}
  .card:hover{border-color:rgba(26,211,255,.45) !important;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 26px 60px rgba(0,0,0,.6),0 0 40px rgba(26,211,255,.16),0 0 80px rgba(255,46,166,.05)}
  .ptile:hover{border-color:rgba(61,255,143,.5) !important;box-shadow:0 0 18px rgba(61,255,143,.15)}
}

/* ---------- phones: same skin, no constant animation, no blur ---------- */
@media (max-width:820px){
  header{backdrop-filter:none;-webkit-backdrop-filter:none}
  #bpcore{display:none}
  #bpfield{display:none}
  #bpcore i{animation:none}
  body::before{background-size:100% 3px,34px 34px,34px 34px}
  #bpboot .rx-ring{width:130px;height:130px}
  #bpboot .rx-title{font-size:18px;letter-spacing:.16em}
}
@media (prefers-reduced-motion:reduce){
  #bpboot,#bpboot *{animation:none !important;transition:none !important}
  #bpcore i{animation:none}
  .card{transition:none}
}

/* ================= BP-REACTOR2: thematic pass ================= */
/* --- fusion motif: atom core next to the brand --- */
.brand::before{content:"";display:inline-block;width:14px;height:14px;margin:0 9px 0 0;vertical-align:-1px;border-radius:50%;
  background:radial-gradient(circle,#fff 0%,#b8fff0 30%,#3dff8f 55%,transparent 72%);
  box-shadow:0 0 0 3px rgba(26,211,255,.22),0 0 0 7px rgba(255,46,166,.10),0 0 14px #1ad3ff;animation:rxpulse 1.6s ease-in-out infinite}
@media (max-width:820px){.brand::before{animation:none}}
.card>h2:first-child::before,.card>h3:first-child::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 8px 2px 0;
  background:radial-gradient(circle,#fff,#1ad3ff 60%,transparent 72%);box-shadow:0 0 8px #1ad3ff;vertical-align:middle}

/* ================= ENGINE BAY = fusion reactor / radiation core ================= */
.enginebay{
  background:linear-gradient(160deg,rgba(14,24,44,.94),rgba(6,10,20,.96)) !important;
  border:1px solid rgba(255,177,33,.28) !important;border-radius:18px;
  box-shadow:0 0 0 1px rgba(0,0,0,.4),0 18px 50px rgba(0,0,0,.55),0 0 40px rgba(255,177,33,.08),inset 0 0 60px rgba(26,211,255,.04);
  overflow:hidden}
.enginebay:before{background:
  radial-gradient(420px 220px at 14% 50%,rgba(61,255,143,.12),transparent 70%),
  radial-gradient(500px 240px at 80% 50%,rgba(26,211,255,.08),transparent 70%),
  repeating-linear-gradient(135deg,rgba(255,177,33,.05) 0 14px,transparent 14px 28px) !important}
.enginebay.off:before{background:radial-gradient(420px 220px at 14% 50%,rgba(255,61,94,.14),transparent 70%),
  repeating-linear-gradient(135deg,rgba(255,61,94,.05) 0 14px,transparent 14px 28px) !important}
.engine{width:190px !important;height:190px !important;transform-style:preserve-3d;perspective:700px}
/* r1 = radiation trefoil ring (slow spin) */
.ering.r1{inset:0 !important;border:0 !important;border-radius:50%;
  background:conic-gradient(from -30deg,rgba(255,177,33,.95) 0 60deg,transparent 60deg 120deg,rgba(255,177,33,.95) 120deg 180deg,transparent 180deg 240deg,rgba(255,177,33,.95) 240deg 300deg,transparent 300deg 360deg);
  -webkit-mask:radial-gradient(circle,transparent 0 40%,#000 41% 60%,transparent 61%);mask:radial-gradient(circle,transparent 0 40%,#000 41% 60%,transparent 61%);
  filter:drop-shadow(0 0 8px rgba(255,177,33,.7));opacity:.95}
.enginebay.off .ering.r1{background:conic-gradient(from -30deg,rgba(120,60,70,.7) 0 60deg,transparent 60deg 120deg,rgba(120,60,70,.7) 120deg 180deg,transparent 180deg 240deg,rgba(120,60,70,.7) 240deg 300deg,transparent 300deg 360deg);filter:none;opacity:.6}
/* r2 / r3 = tilted electron orbits (atom) */
.ering.r2,.ering.r3{inset:6px !important;border:1.5px solid rgba(26,211,255,.75) !important;border-radius:50%;
  box-shadow:0 0 10px rgba(26,211,255,.45),inset 0 0 10px rgba(26,211,255,.15)}
.ering.r3{border-color:rgba(255,46,166,.75) !important;box-shadow:0 0 10px rgba(255,46,166,.45),inset 0 0 10px rgba(255,46,166,.15)}
.ering.r2{transform:rotateZ(0deg) rotateX(70deg)}
.ering.r3{transform:rotateZ(60deg) rotateX(70deg)}
.enginebay.on .ering.r1{animation:rxspin 9s linear infinite !important}
.enginebay.on .ering.r2{animation:rxOrbA 4.2s linear infinite !important}
.enginebay.on .ering.r3{animation:rxOrbB 5.6s linear infinite reverse !important}
.enginebay.off .ering.r2,.enginebay.off .ering.r3{border-color:rgba(255,255,255,.14) !important;box-shadow:none;animation:none !important}
@keyframes rxOrbA{from{transform:rotateZ(0deg) rotateX(70deg) rotate(0deg)}to{transform:rotateZ(0deg) rotateX(70deg) rotate(360deg)}}
@keyframes rxOrbB{from{transform:rotateZ(60deg) rotateX(70deg) rotate(0deg)}to{transform:rotateZ(60deg) rotateX(70deg) rotate(360deg)}}
/* pistons -> electrons riding the orbits */
.epis{width:9px !important;height:9px !important;margin:-4.5px 0 0 -4.5px !important;border-radius:50% !important;opacity:1 !important;
  background:#fff !important;box-shadow:0 0 8px #1ad3ff,0 0 18px #1ad3ff}
.epis.p1{transform:rotateZ(0deg) rotateX(70deg) rotate(0deg) translateX(89px)}
.epis.p2{transform:rotateZ(60deg) rotateX(70deg) rotate(120deg) translateX(89px);box-shadow:0 0 8px #ff2ea6,0 0 18px #ff2ea6}
.epis.p3{transform:rotateZ(0deg) rotateX(70deg) rotate(180deg) translateX(89px);box-shadow:0 0 8px #3dff8f,0 0 18px #3dff8f}
.enginebay.on .epis.p1{animation:rxElA 4.2s linear infinite !important}
.enginebay.on .epis.p2{animation:rxElB 5.6s linear infinite reverse !important}
.enginebay.on .epis.p3{animation:rxElC 4.2s linear infinite !important}
.enginebay.off .epis{opacity:.25 !important;box-shadow:none;animation:none !important}
@keyframes rxElA{from{transform:rotateZ(0deg) rotateX(70deg) rotate(0deg) translateX(89px)}to{transform:rotateZ(0deg) rotateX(70deg) rotate(360deg) translateX(89px)}}
@keyframes rxElB{from{transform:rotateZ(60deg) rotateX(70deg) rotate(120deg) translateX(89px)}to{transform:rotateZ(60deg) rotateX(70deg) rotate(480deg) translateX(89px)}}
@keyframes rxElC{from{transform:rotateZ(0deg) rotateX(70deg) rotate(180deg) translateX(89px)}to{transform:rotateZ(0deg) rotateX(70deg) rotate(540deg) translateX(89px)}}
/* core = plasma sun */
.ecore{inset:58px !important;border-radius:50%;
  background:radial-gradient(circle at 45% 40%,#ffffff 0%,#c9fff1 18%,#3dff8f 42%,rgba(26,211,255,.85) 68%,rgba(26,211,255,.15) 100%) !important;
  box-shadow:0 0 26px #3dff8f,0 0 60px rgba(26,211,255,.75),0 0 120px rgba(255,46,166,.35) !important;
  animation:rxpulse 1.3s ease-in-out infinite}
.ecore b{font-family:'Orbitron',system-ui,sans-serif !important;color:#03140b !important;text-shadow:0 0 6px rgba(255,255,255,.8)}
.ecore span{color:#03301c !important;font-family:'Rajdhani',system-ui,sans-serif;font-weight:700}
.enginebay.off .ecore{background:radial-gradient(circle at 45% 40%,#4a2028 0%,#2a1218 50%,rgba(255,61,94,.15) 100%) !important;
  box-shadow:0 0 18px rgba(255,61,94,.35) !important;animation:none}
.enginebay.off .ecore b{color:#ffb3c0 !important;text-shadow:0 0 8px rgba(255,61,94,.8)}
.enginebay.off .ecore span{color:#c98a95 !important}
.ebody .ek{font-family:'Rajdhani',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.2em;color:#ffb121;font-weight:700}
.ebody .ev{font-family:'Orbitron',system-ui,sans-serif;text-shadow:0 0 18px rgba(61,255,143,.55)}
.enginebay.on .ebody .ev{color:#3dff8f !important}
.enginebay.off .ebody .ev{color:#ff6b86 !important;text-shadow:0 0 18px rgba(255,61,94,.5)}
.gauge{background:linear-gradient(180deg,rgba(16,28,50,.9),rgba(8,14,26,.9)) !important;border:1px solid rgba(26,211,255,.2) !important;border-radius:12px;
  box-shadow:inset 0 0 18px rgba(26,211,255,.05)}
.gauge .gk{font-family:'Rajdhani',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#7d9cbf}
.gauge .gv{font-family:'Rajdhani',system-ui,sans-serif;font-weight:700}
.ignite{font-family:'Rajdhani',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-weight:700}
.ignite.on{background:linear-gradient(135deg,#ff3d5e,#ffb121) !important;box-shadow:0 0 24px rgba(255,61,94,.45)}
.ignite.off{background:linear-gradient(135deg,#3dff8f,#1ad3ff) !important;color:#03140b !important;box-shadow:0 0 24px rgba(61,255,143,.45)}

/* ================= BOTS PAGE: reactor cells ================= */
.bpgrid>.card{border-radius:14px !important;overflow:hidden;padding:14px !important;
  background:linear-gradient(160deg,rgba(12,22,40,.96),rgba(6,10,20,.96)) !important;border:1px solid rgba(26,211,255,.18) !important}
.bpgrid>.card:has(.bpseg-real.is-on){border-color:rgba(255,61,94,.55) !important;box-shadow:0 0 0 1px rgba(255,61,94,.15),0 0 28px rgba(255,61,94,.16),0 14px 40px rgba(0,0,0,.5)}
.bpgrid>.card:has(.bpseg-test.is-on){border-color:rgba(61,255,143,.35) !important;box-shadow:0 0 0 1px rgba(61,255,143,.08),0 0 24px rgba(61,255,143,.08),0 14px 40px rgba(0,0,0,.5)}
.bpgrid>.card h2{font-family:'Rajdhani',system-ui,sans-serif !important;font-size:16px !important;letter-spacing:.01em;text-transform:none;line-height:1.3;overflow-wrap:anywhere;padding-left:0 !important;border-left:0 !important;box-shadow:none !important}
.bpgrid>.card h2::before{display:none}
.bpgrid>.card .badge,.badge{white-space:nowrap;font-family:'Rajdhani',system-ui,sans-serif;letter-spacing:.08em;font-weight:700;border-radius:6px}
.badge.active{background:rgba(61,255,143,.12) !important;color:#3dff8f !important;border-color:rgba(61,255,143,.45) !important;text-shadow:0 0 8px rgba(61,255,143,.5)}
.badge.live{background:rgba(255,61,94,.14) !important;color:#ff6b86 !important;border-color:rgba(255,61,94,.5) !important}
.badge.paper{background:rgba(26,211,255,.12) !important;color:#8fd8ff !important;border-color:rgba(26,211,255,.45) !important}
.badge.inactive{background:rgba(125,156,191,.08) !important;color:#7d9cbf !important;border-color:rgba(125,156,191,.3) !important}
/* off / test / real switch */
.bpseg{border:1px solid rgba(26,211,255,.35) !important;background:#070d18 !important;border-radius:10px !important;
  box-shadow:inset 0 0 14px rgba(26,211,255,.06),0 0 0 1px rgba(0,0,0,.4)}
.bpseg-b{font-family:'Rajdhani',system-ui,sans-serif !important;text-transform:uppercase;letter-spacing:.14em !important;font-weight:700 !important;color:#7d9cbf !important;transition:background .15s,color .15s,box-shadow .15s}
.bpseg-b:hover{color:#dff3ff !important;background:rgba(26,211,255,.08) !important}
.bpseg-off.is-on{background:linear-gradient(180deg,#1b2638,#111a2a) !important;color:#e9f4ff !important;box-shadow:inset 0 0 0 1px rgba(125,156,191,.5) !important}
.bpseg-test.is-on{background:linear-gradient(180deg,#0b3d2c,#062a1e) !important;color:#3dff8f !important;box-shadow:inset 0 0 0 1px #3dff8f,0 0 16px rgba(61,255,143,.35) !important;text-shadow:0 0 8px rgba(61,255,143,.6)}
.bpseg-real.is-on{background:linear-gradient(180deg,#6b1626,#3f0d18) !important;color:#ffd0d8 !important;box-shadow:inset 0 0 0 1px #ff3d5e,0 0 20px rgba(255,61,94,.5) !important;text-shadow:0 0 8px rgba(255,61,94,.8)}
.bpseg-real:not(.is-on):hover{background:rgba(255,61,94,.12) !important;color:#ff6b86 !important}
.bppause{border:1px solid rgba(26,211,255,.3) !important;background:rgba(10,20,36,.8) !important;color:#bfe9ff !important;border-radius:10px !important;
  font-family:'Rajdhani',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.bppause:hover{border-color:#1ad3ff !important;box-shadow:0 0 12px rgba(26,211,255,.35)}
.bppaused{color:#ffb121 !important;font-family:'Rajdhani',system-ui,sans-serif;text-transform:uppercase}
/* the three action buttons: compact toolbar, never stretched full width */
.bpgrid .bpline.bpextra{display:flex !important;flex-wrap:wrap !important;justify-content:flex-start !important;gap:6px !important;margin-top:2px}
.bpgrid .bpline.bpextra form{flex:0 0 auto !important;display:inline-flex !important;width:auto !important}
.bpgrid .bpline.bpextra .btn,.bpline.bpextra .btn{flex:0 0 auto !important;width:auto !important;text-align:center;
  font-size:10px !important;padding:5px 10px !important;letter-spacing:.08em;border-radius:999px !important;white-space:nowrap;
  background:rgba(10,20,36,.85) !important;border:1px solid rgba(26,211,255,.28) !important;color:#a9d4ee !important;box-shadow:none}
.bpgrid .bpline.bpextra .btn:hover,.bpline.bpextra .btn:hover{border-color:#1ad3ff !important;color:#fff !important;box-shadow:0 0 12px rgba(26,211,255,.3)}
/* stat chips + rules */
.bpstat{gap:5px !important}
.bpchip{background:rgba(10,20,36,.85) !important;border:1px solid rgba(26,211,255,.2) !important;border-radius:8px !important;padding:5px 9px !important;
  font-family:'Rajdhani',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#8fb3d1 !important;white-space:nowrap;font-size:10px !important}
.bpchip b{color:#e9f4ff !important;font-size:12.5px !important}
.bprules{color:#7d9cbf !important;opacity:1 !important;font-size:11px !important}
.bprules::before{content:"\25B8  ";color:#1ad3ff}
/* positions + open-bot panels */
details.bppos>summary,.botopen>summary{background:rgba(10,20,36,.85) !important;border:1px solid rgba(26,211,255,.22) !important;border-radius:10px !important;
  font-family:'Rajdhani',system-ui,sans-serif;letter-spacing:.04em}
details.bppos>summary:hover,.botopen>summary:hover{border-color:rgba(26,211,255,.5) !important;box-shadow:0 0 12px rgba(26,211,255,.15)}
.botopen[open]>summary{border-color:#1ad3ff !important;background:rgba(26,211,255,.08) !important}
/* bot number chip inside titles (any small mono box) */
.bpgrid>.card h2 code,.bpgrid>.card h2 .bpno,h2 .bpno{font-family:'Orbitron',system-ui,sans-serif;font-size:10px;letter-spacing:.08em;color:#1ad3ff;background:rgba(26,211,255,.08);border:1px solid rgba(26,211,255,.3);border-radius:6px;padding:1px 6px;margin-right:6px;vertical-align:middle}

/* ================= CHARTS: TradingView look, reactor palette ================= */
.bptv,.bptv-host{border:1px solid rgba(26,211,255,.25) !important;border-radius:12px;overflow:hidden;background:#070c16 !important;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 24px rgba(26,211,255,.06)}
.bptv-tb{background:linear-gradient(180deg,#0c1626,#080f1c) !important;border-bottom:1px solid rgba(26,211,255,.18) !important;color:#cfe3f5 !important}
.bptv-sym{font-family:'Orbitron',system-ui,sans-serif;font-size:11px;letter-spacing:.12em;color:#fff;text-shadow:0 0 10px rgba(26,211,255,.5)}
.bptv-tf{font-family:'Rajdhani',system-ui,sans-serif;font-weight:700;color:#1ad3ff;border:1px solid rgba(26,211,255,.4);border-radius:6px;padding:1px 6px}
.bptv-ohlc i{color:#7d9cbf}
.bptv-b{background:rgba(10,20,36,.9) !important;border:1px solid rgba(26,211,255,.3) !important;color:#bfe9ff !important;border-radius:6px !important}
.bptv-b:hover{border-color:#1ad3ff !important;box-shadow:0 0 10px rgba(26,211,255,.35)}
.bptv-hint{color:#587a9a !important;font-family:'Rajdhani',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:10px !important}
.bptv-lg{display:flex;flex-wrap:wrap;gap:6px 12px;padding:5px 10px;background:#080f1c;border-bottom:1px solid rgba(26,211,255,.12);font:600 11px 'Rajdhani',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#a9c8e0}
.bptv-lg i{display:inline-block;width:10px;height:3px;border-radius:2px;margin:0 6px 2px 0;vertical-align:middle}
.bptv-lg b{color:#fff;margin-left:4px;font-family:system-ui,sans-serif;letter-spacing:0}
.bptv-rt{background:rgba(10,20,36,.9) !important;border:1px solid rgba(26,211,255,.4) !important;color:#1ad3ff !important}
#bpcTv,.bpcTv{border:1px solid rgba(26,211,255,.25);border-radius:12px;overflow:hidden}
/* narrow grid cards: let the switch row wrap and keep everything inside the card */
.bpgrid .bpsegline{flex-wrap:wrap !important}
.bpgrid .bpseg{min-width:0;flex:1 1 auto !important}
.bpgrid .bpseg form{min-width:0}
.bpgrid .bpseg-b{letter-spacing:.06em !important;padding:7px 2px !important;font-size:10.5px !important}
.bpgrid .bppause{padding:6px 9px !important;letter-spacing:.06em;font-size:10.5px}
.bpgrid .bpline.bpextra .btn,.bpline.bpextra .btn{letter-spacing:.05em;padding:4px 9px !important}
.bpgrid>.card>div:first-child{min-width:0}
/* bptv.css loads after this file, so beat its :root with html:root */
html:root{--tv-bg:#070c16;--tv-panel:#0a1120;--tv-line:rgba(26,211,255,.25);--tv-txt:#cfe3f5;--tv-dim:#7d9cbf;--tv-up:#3dff8f;--tv-dn:#ff3d5e;--tv-blue:#1ad3ff}

/* ================= BP-REACTOR3: normal fonts, REAL=green, no stripes, per-page nuclear themes, phone chart ================= */
/* 1) big words back to a normal font - only the logo and the boot title keep Orbitron */
h1,h2,h3,.ebody .ev,.ecore b,.bptv-sym,.bpgrid>.card h2,.gauge .gv,.ptile b,.stat .v,#bpboot .rx-status{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif !important;letter-spacing:0 !important}
h1,h2,h3{text-transform:none !important}
.ecore span,.ebody .ek,.gauge .gk,.ptile .ptl,.stat .k,#bpcore,.bpchip,.bpseg-b,.bppause,.bpline.bpextra .btn,.bptv-tf,.bptv-lg,.bptv-hint,header nav a,.btn,.pill,.bpstat span,table th,.ignite{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif !important;letter-spacing:.04em !important}
.bpgrid>.card h2 code,.bpgrid>.card h2 .bpno,h2 .bpno{font-family:ui-monospace,Menlo,Consolas,monospace !important;letter-spacing:0}
.ebody .ev{font-weight:900}
.ecore b{font-weight:900}

/* 2) REAL = green, TEST = cyan (so they still differ), LIVE badge green */
.bpseg-real.is-on{background:linear-gradient(180deg,#0b3d2c,#062a1e) !important;color:#3dff8f !important;box-shadow:inset 0 0 0 1px #3dff8f,0 0 18px rgba(61,255,143,.45) !important;text-shadow:0 0 8px rgba(61,255,143,.7)}
.bpseg-real:not(.is-on):hover{background:rgba(61,255,143,.10) !important;color:#3dff8f !important}
.bpseg-test.is-on{background:linear-gradient(180deg,#0a2a44,#071a2c) !important;color:#1ad3ff !important;box-shadow:inset 0 0 0 1px #1ad3ff,0 0 16px rgba(26,211,255,.35) !important;text-shadow:0 0 8px rgba(26,211,255,.6)}
.bpgrid>.card:has(.bpseg-real.is-on){border-color:rgba(61,255,143,.55) !important;box-shadow:0 0 0 1px rgba(61,255,143,.15),0 0 28px rgba(61,255,143,.16),0 14px 40px rgba(0,0,0,.5)}
.bpgrid>.card:has(.bpseg-test.is-on){border-color:rgba(26,211,255,.4) !important;box-shadow:0 0 0 1px rgba(26,211,255,.08),0 0 24px rgba(26,211,255,.08),0 14px 40px rgba(0,0,0,.5)}
.badge.live{background:rgba(61,255,143,.12) !important;color:#3dff8f !important;border-color:rgba(61,255,143,.5) !important;text-shadow:0 0 8px rgba(61,255,143,.5)}
.badge.paper{background:rgba(26,211,255,.12) !important;color:#8fd8ff !important;border-color:rgba(26,211,255,.45) !important}
.gauge .badge.live{color:#3dff8f !important}
.ignite.on{background:linear-gradient(135deg,#ff3d5e,#ff8a3d) !important}

/* 3) engine bay: no slanted stripes */
.enginebay:before{background:radial-gradient(420px 220px at 14% 50%,rgba(61,255,143,.12),transparent 70%),radial-gradient(500px 240px at 80% 50%,rgba(26,211,255,.08),transparent 70%) !important}
.enginebay.off:before{background:radial-gradient(420px 220px at 14% 50%,rgba(255,61,94,.14),transparent 70%) !important}

/* 4) per-page nuclear themes (html[data-bp] is set by bpreactor.js from the URL) */
/* Bots page = NUCLEAR (amber / radiation) */
html[data-bp="blocks"] body{background:radial-gradient(60% 40% at 15% -5%,rgba(255,177,33,.14),transparent 60%),radial-gradient(45% 35% at 90% 5%,rgba(255,110,40,.10),transparent 60%),#06050b}
html[data-bp="blocks"] body::before{background:
  radial-gradient(circle at 92% 12%,transparent 0 60px,rgba(255,177,33,.10) 61px 112px,transparent 113px) ,
  conic-gradient(from -30deg at 92% 12%,rgba(255,177,33,.10) 0 60deg,transparent 60deg 120deg,rgba(255,177,33,.10) 120deg 180deg,transparent 180deg 240deg,rgba(255,177,33,.10) 240deg 300deg,transparent 300deg 360deg),
  linear-gradient(rgba(255,177,33,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,177,33,.05) 1px,transparent 1px);
  background-size:auto,auto,44px 44px,44px 44px;mask-image:none;-webkit-mask-image:none}
html[data-bp="blocks"] header{border-bottom-color:rgba(255,177,33,.45) !important;box-shadow:0 1px 0 rgba(255,177,33,.15),0 8px 30px rgba(0,0,0,.55),0 0 24px rgba(255,177,33,.12)}
html[data-bp="blocks"] .brand::before{background:radial-gradient(circle,#fff 0%,#ffe6b0 30%,#ffb121 55%,transparent 72%);box-shadow:0 0 0 3px rgba(255,177,33,.25),0 0 14px #ffb121}
html[data-bp="blocks"] .card>h2:first-child,html[data-bp="blocks"] .card>h3:first-child{border-left-color:#ffb121;box-shadow:-6px 0 14px -6px rgba(255,177,33,.5)}
html[data-bp="blocks"] .card>h2:first-child::before,html[data-bp="blocks"] .card>h3:first-child::before{background:radial-gradient(circle,#fff,#ffb121 60%,transparent 72%);box-shadow:0 0 8px #ffb121}
html[data-bp="blocks"] .btn:not(.primary){border-color:rgba(255,177,33,.35) !important}
html[data-bp="blocks"] h1{text-shadow:0 0 18px rgba(255,177,33,.35)}
/* Paper test = PLASMA (magenta / violet) */
html[data-bp="backtest"] body{background:radial-gradient(60% 40% at 15% -5%,rgba(255,46,166,.14),transparent 60%),radial-gradient(45% 35% at 90% 5%,rgba(140,80,255,.12),transparent 60%),#07050d}
html[data-bp="backtest"] body::before{background:
  radial-gradient(circle at 85% 20%,rgba(255,46,166,.16) 0,rgba(255,46,166,.06) 90px,transparent 190px),
  linear-gradient(rgba(255,46,166,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,46,166,.05) 1px,transparent 1px);
  background-size:auto,44px 44px,44px 44px}
html[data-bp="backtest"] header{border-bottom-color:rgba(255,46,166,.45) !important;box-shadow:0 1px 0 rgba(255,46,166,.15),0 8px 30px rgba(0,0,0,.55),0 0 24px rgba(255,46,166,.12)}
html[data-bp="backtest"] .brand::before{background:radial-gradient(circle,#fff 0%,#ffc8e6 30%,#ff2ea6 55%,transparent 72%);box-shadow:0 0 0 3px rgba(255,46,166,.25),0 0 14px #ff2ea6}
html[data-bp="backtest"] .card>h2:first-child,html[data-bp="backtest"] .card>h3:first-child{border-left-color:#ff2ea6;box-shadow:-6px 0 14px -6px rgba(255,46,166,.5)}
html[data-bp="backtest"] .card>h2:first-child::before,html[data-bp="backtest"] .card>h3:first-child::before{background:radial-gradient(circle,#fff,#ff2ea6 60%,transparent 72%);box-shadow:0 0 8px #ff2ea6}
html[data-bp="backtest"] .card{border-color:rgba(255,46,166,.22) !important}
html[data-bp="backtest"] h1{text-shadow:0 0 18px rgba(255,46,166,.35)}
/* History = CORE (green / teal) */
html[data-bp="history"] body{background:radial-gradient(60% 40% at 15% -5%,rgba(61,255,143,.13),transparent 60%),radial-gradient(45% 35% at 90% 5%,rgba(26,211,255,.08),transparent 60%),#04080a}
html[data-bp="history"] body::before{background:
  radial-gradient(circle at 50% 0%,rgba(61,255,143,.14) 0,transparent 260px),
  linear-gradient(rgba(61,255,143,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(61,255,143,.05) 1px,transparent 1px);
  background-size:auto,44px 44px,44px 44px}
html[data-bp="history"] header{border-bottom-color:rgba(61,255,143,.45) !important;box-shadow:0 1px 0 rgba(61,255,143,.15),0 8px 30px rgba(0,0,0,.55),0 0 24px rgba(61,255,143,.12)}
html[data-bp="history"] .card>h2:first-child,html[data-bp="history"] .card>h3:first-child{border-left-color:#3dff8f;box-shadow:-6px 0 14px -6px rgba(61,255,143,.5)}
html[data-bp="history"] .card>h2:first-child::before,html[data-bp="history"] .card>h3:first-child::before{background:radial-gradient(circle,#fff,#3dff8f 60%,transparent 72%);box-shadow:0 0 8px #3dff8f}
html[data-bp="history"] .card{border-color:rgba(61,255,143,.22) !important}
html[data-bp="history"] h1{text-shadow:0 0 18px rgba(61,255,143,.35)}
/* Miners / labs = REACTOR WARNING (red / orange) */
html[data-bp="newminers"] body,html[data-bp="miners"] body,html[data-bp="minertest"] body,html[data-bp="lab"] body,html[data-bp="labs"] body{background:radial-gradient(60% 40% at 15% -5%,rgba(255,61,94,.14),transparent 60%),radial-gradient(45% 35% at 90% 5%,rgba(255,138,61,.10),transparent 60%),#0a0507}
html[data-bp="newminers"] body::before,html[data-bp="miners"] body::before,html[data-bp="minertest"] body::before,html[data-bp="lab"] body::before,html[data-bp="labs"] body::before{background:
  radial-gradient(circle at 8% 15%,rgba(255,61,94,.16) 0,rgba(255,61,94,.05) 100px,transparent 200px),
  linear-gradient(rgba(255,61,94,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,61,94,.05) 1px,transparent 1px);
  background-size:auto,44px 44px,44px 44px}
html[data-bp="newminers"] header,html[data-bp="miners"] header,html[data-bp="minertest"] header,html[data-bp="lab"] header,html[data-bp="labs"] header{border-bottom-color:rgba(255,61,94,.45) !important;box-shadow:0 1px 0 rgba(255,61,94,.15),0 8px 30px rgba(0,0,0,.55),0 0 24px rgba(255,61,94,.12)}
html[data-bp="newminers"] .card>h2:first-child,html[data-bp="miners"] .card>h2:first-child,html[data-bp="minertest"] .card>h2:first-child,html[data-bp="lab"] .card>h2:first-child,html[data-bp="labs"] .card>h2:first-child{border-left-color:#ff3d5e;box-shadow:-6px 0 14px -6px rgba(255,61,94,.5)}
html[data-bp="newminers"] h1,html[data-bp="miners"] h1,html[data-bp="minertest"] h1,html[data-bp="lab"] h1,html[data-bp="labs"] h1{text-shadow:0 0 18px rgba(255,61,94,.35)}

/* 5) phone chart: bigger, cleaner */
@media (max-width:820px){
  .bptv-wrap{height:340px !important;min-height:300px}
  .bptv-hint{display:none !important}
  .bptv-lg{font-size:10px;padding:5px 8px;gap:4px 10px}
  .bptv-tb{padding:5px 8px !important;gap:4px !important}
  .bptv-ohlc{font-size:10px !important}
  .bptv-sym{font-size:12px !important}
  .bptv-b{padding:2px 8px !important;min-height:28px}
}
@media (max-width:600px){ .bptv-ohlc{display:none !important} .bptv-sym{white-space:nowrap} }

/* ============ BP-REACTOR4: power core + per-page nuclear deco ============ */
.enginebay{perspective:900px}
.enginebay.on .ering.r1{animation-duration:5s !important;filter:drop-shadow(0 0 14px rgba(255,177,33,.45))}
.enginebay.on .ecore{animation:rxpulse 1.5s ease-in-out infinite;box-shadow:0 0 34px rgba(61,255,143,.6),0 0 90px rgba(26,211,255,.32),inset 0 0 26px rgba(255,255,255,.22)}
.enginebay.on .epis{filter:brightness(1.45) drop-shadow(0 0 8px rgba(26,211,255,.85))}
.bpshock{position:absolute;border-radius:50%;pointer-events:none;border:2px solid rgba(61,255,143,.55);box-shadow:0 0 18px rgba(61,255,143,.32),inset 0 0 12px rgba(26,211,255,.22);transform:translate(-50%,-50%) scale(.22);opacity:0;animation:bpshock 3.3s cubic-bezier(.16,.8,.3,1) infinite}
.bpshock.s1{animation-delay:1.1s;border-color:rgba(26,211,255,.5)}
.bpshock.s2{animation-delay:2.2s;border-color:rgba(255,177,33,.5)}
@keyframes bpshock{0%{transform:translate(-50%,-50%) scale(.22);opacity:0}12%{opacity:.8}100%{transform:translate(-50%,-50%) scale(1.9);opacity:0}}
.bpflare{position:absolute;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%) rotate(0deg);background:conic-gradient(transparent 0 18deg,rgba(26,211,255,.20) 22deg 27deg,transparent 31deg 88deg,rgba(61,255,143,.18) 92deg 97deg,transparent 101deg 178deg,rgba(255,177,33,.16) 182deg 187deg,transparent 191deg 268deg,rgba(255,46,166,.15) 272deg 277deg,transparent 281deg 360deg);mix-blend-mode:screen;filter:blur(1px);animation:bpflare 7s linear infinite}
@keyframes bpflare{to{transform:translate(-50%,-50%) rotate(360deg)}}
#bparcs{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}
.enginebay.off .bpshock,.enginebay.off .bpflare,.enginebay.off #bparcs{display:none}
/* per-page deco layer */
#bpdeco{position:fixed;inset:0;z-index:-1;pointer-events:none;--dc:26,211,255}
html[data-bp="blocks"] #bpdeco{--dc:255,177,33}
html[data-bp="history"] #bpdeco{--dc:61,255,143}
html[data-bp="backtest"] #bpdeco{--dc:255,46,166}
html[data-bp="newminers"] #bpdeco,html[data-bp="miners"] #bpdeco,html[data-bp="minertest"] #bpdeco,html[data-bp="lab"] #bpdeco,html[data-bp="labs"] #bpdeco,html[data-bp="patterns"] #bpdeco,html[data-bp="overseer"] #bpdeco,html[data-bp="fixer"] #bpdeco,html[data-bp="reverse"] #bpdeco,html[data-bp="proof"] #bpdeco{--dc:255,61,94}
#bpdeco .bpd{position:absolute;border-radius:50%;display:none}
#bpdeco .bpd-tref{width:380px;height:380px;top:-70px;right:-60px;opacity:.15;background:conic-gradient(from -30deg,rgba(var(--dc),.9) 0 60deg,transparent 60deg 120deg,rgba(var(--dc),.9) 120deg 180deg,transparent 180deg 240deg,rgba(var(--dc),.9) 240deg 300deg,transparent 300deg 360deg);-webkit-mask:radial-gradient(circle,transparent 0 26%,#000 27% 62%,transparent 63%);mask:radial-gradient(circle,transparent 0 26%,#000 27% 62%,transparent 63%);animation:bpd3d 26s linear infinite}
@keyframes bpd3d{from{transform:rotateX(58deg) rotateZ(0deg)}to{transform:rotateX(58deg) rotateZ(360deg)}}
#bpdeco .bpd-orb{width:300px;height:300px;left:-90px;bottom:-70px;border:1px solid rgba(var(--dc),.35);box-shadow:0 0 40px rgba(var(--dc),.16),inset 0 0 60px rgba(var(--dc),.10);animation:bpdorb 18s linear infinite}
@keyframes bpdorb{from{transform:rotateX(66deg) rotate(0deg)}to{transform:rotateX(66deg) rotate(-360deg)}}
#bpdeco .bpd-orb i{position:absolute;top:50%;left:100%;width:10px;height:10px;margin:-5px;border-radius:50%;background:rgba(var(--dc),.95);box-shadow:0 0 14px rgba(var(--dc),.9)}
#bpdeco .bpd-pulse{width:220px;height:220px;left:50%;top:-110px;margin-left:-110px;border:2px solid rgba(var(--dc),.4);opacity:0;animation:bpdpulse 5s ease-out infinite}
@keyframes bpdpulse{0%{transform:scale(.2);opacity:0}12%{opacity:.5}100%{transform:scale(2.2);opacity:0}}
#bpdeco .bpd-blob{width:260px;height:260px;right:5%;bottom:-90px;background:radial-gradient(circle at 40% 35%,rgba(var(--dc),.28),rgba(var(--dc),.05) 70%);filter:blur(2px);animation:bpdblob 9s ease-in-out infinite}
@keyframes bpdblob{0%,100%{border-radius:58% 42% 55% 45%/50% 60% 40% 50%;transform:scale(1)}50%{border-radius:45% 55% 40% 60%/60% 42% 58% 40%;transform:scale(1.12)}}
#bpdeco .bpd-tref,#bpdeco .bpd-pulse{display:block}
html[data-bp="home"] #bpdeco .bpd-tref{display:none}
html[data-bp="home"] #bpdeco .bpd-orb,html[data-bp="home"] #bpdeco .bpd-blob{display:block}
html[data-bp="backtest"] #bpdeco .bpd-blob{display:block}
html[data-bp="history"] #bpdeco .bpd-orb{display:block}
@media (max-width:820px){#bpdeco,#bparcs{display:none !important}}
@media (prefers-reduced-motion: reduce){#bpdeco,.bpshock,.bpflare,#bparcs{display:none !important}}