
/* BiD AI HACKER THEME — visual override only; no business/model logic */
:root{
  --hack-bg:#020604;
  --hack-panel:rgba(3,13,8,.91);
  --hack-panel-2:rgba(4,20,11,.78);
  --hack-green:#00ff66;
  --hack-green-2:#62ff9b;
  --hack-dim:#3bdc75;
  --hack-line:rgba(0,255,102,.22);
  --hack-soft:rgba(0,255,102,.07);
  --hack-glow:0 0 10px rgba(0,255,102,.22),0 0 30px rgba(0,255,102,.08);
}
html{background:var(--hack-bg)!important}
body{
  background:
    radial-gradient(circle at 78% 16%,rgba(0,255,102,.06),transparent 26%),
    radial-gradient(circle at 18% 72%,rgba(0,255,102,.035),transparent 32%),
    linear-gradient(180deg,#020604 0%,#010302 100%)!important;
  color:#dfffea!important;
  position:relative;
  min-height:100vh;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9998;
  opacity:.17;
  background:
    repeating-linear-gradient(0deg,rgba(0,255,102,.035) 0 1px,transparent 1px 4px),
    linear-gradient(90deg,transparent 0 49.8%,rgba(0,255,102,.025) 50%,transparent 50.2%);
  mix-blend-mode:screen;
}
/* CSS-only hooded hacker silhouette — decorative, no external asset */
body::after{
  content:"";
  position:fixed;
  right:-70px;
  bottom:-105px;
  width:460px;
  height:540px;
  pointer-events:none;
  z-index:0;
  opacity:.11;
  filter:drop-shadow(0 0 28px rgba(0,255,102,.28));
  background:
    radial-gradient(ellipse at 50% 29%, transparent 0 13%, rgba(0,255,102,.17) 13.5% 20%, transparent 20.5%),
    radial-gradient(ellipse at 50% 31%, rgba(0,0,0,.94) 0 15%, transparent 15.5%),
    radial-gradient(ellipse at 50% 35%, rgba(0,255,102,.20) 0 2%, transparent 2.5%),
    radial-gradient(ellipse at 43% 33%, rgba(0,255,102,.65) 0 1.2%, transparent 1.8%),
    radial-gradient(ellipse at 57% 33%, rgba(0,255,102,.65) 0 1.2%, transparent 1.8%),
    radial-gradient(ellipse at 50% 72%, rgba(0,255,102,.10) 0 34%, transparent 34.5%);
  border-radius:48% 48% 30% 30%;
}
body>*{position:relative;z-index:1}
::selection{background:var(--hack-green);color:#001b0a}

a{color:var(--hack-green-2)}
h1,h2,h3,strong,b{letter-spacing:.01em}
code,.key-text,.member-hud,.time-badge{
  font-family:Consolas,"Cascadia Mono","Courier New",monospace!important;
}

.card,.section,.stat-card,.table-card,.access-card,.download-card,.console-frame,.login,.login-card,.modal,
.v5-live-box,.new-key,.final-cta,.feature-card,.flow-step,.mini-points>div{
  background:linear-gradient(180deg,var(--hack-panel-2),var(--hack-panel))!important;
  border-color:var(--hack-line)!important;
  box-shadow:var(--hack-glow)!important;
}
header,.nav,.topbar,.console-top,.ticker{
  border-color:var(--hack-line)!important;
}
table,th,td{border-color:rgba(0,255,102,.12)!important}
th{background:#031109!important;color:#74ffac!important}
td{color:#dfffea!important}
.subtext,.help,.mut,.stat-label,.brand p,.brand-copy small,.download-note,
.row span,.v5-live-item span,.section-copy>p,.feature-card p,.flow-step p{
  color:#69b986!important;
}

input,select,textarea{
  background:#020a05!important;
  color:#dfffea!important;
  border-color:rgba(0,255,102,.28)!important;
  box-shadow:inset 0 0 18px rgba(0,255,102,.025)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--hack-green)!important;
  box-shadow:0 0 0 3px rgba(0,255,102,.08),0 0 18px rgba(0,255,102,.10)!important;
}
button,.btn,.admin-nav li a,.logout,.sound-btn{
  border-color:rgba(0,255,102,.26)!important;
}
.btn-dark,.btn.primary,.go,.admin-nav li a.active,.sound-btn.on{
  background:var(--hack-green)!important;
  color:#001a08!important;
  box-shadow:0 0 16px rgba(0,255,102,.18)!important;
}
.btn-light,.admin-nav li a,.logout,.sound-btn{
  background:#031009!important;
  color:#9fffc1!important;
}
.btn-danger,.admin-nav li a.danger{
  background:#130606!important;
  color:#ff8e96!important;
  border-color:rgba(255,70,90,.28)!important;
}

.yellow,.kicker,.feature-icon,.access-list b,.eyebrow,.console-top em{
  color:var(--hack-green)!important;
}
.brand-mark{
  background:var(--hack-green)!important;
  color:#001a08!important;
  box-shadow:0 0 18px rgba(0,255,102,.22)!important;
}
.pulse-dot,.status-dot{
  background:var(--hack-green)!important;
  box-shadow:0 0 12px var(--hack-green)!important;
}
.member-hud{
  border-color:var(--hack-green)!important;
  color:var(--hack-green)!important;
  background:rgba(0,255,102,.045)!important;
  box-shadow:var(--hack-glow)!important;
}
.member-hud .member-exp,.member-hud .member-label{color:#79ffa8!important}

.notice.success,.badge.active{background:rgba(0,255,102,.08)!important;color:#64ff9c!important}
.notice.info,.badge.on{background:rgba(0,255,102,.06)!important;color:#74ffac!important}
.badge.off{background:#06110a!important;color:#638a70!important}

.card.bet,.signal-card{
  border-color:rgba(0,255,102,.62)!important;
  box-shadow:0 0 22px rgba(0,255,102,.16)!important;
}
.WAIT,.sig-WAIT{color:#6d8f78!important}
.BANKER,.sig-BANKER{color:#ff5d68!important}
.PLAYER,.sig-PLAYER{color:#5da9ff!important}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#010402}
::-webkit-scrollbar-thumb{background:#084b24;border:2px solid #010402;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#00a843}

@keyframes hackerFlicker{
  0%,100%{text-shadow:0 0 7px rgba(0,255,102,.22)}
  50%{text-shadow:0 0 13px rgba(0,255,102,.40)}
}
h1,.brand h1{animation:hackerFlicker 3.4s ease-in-out infinite}

@media(max-width:700px){
  body::after{width:320px;height:400px;right:-105px;bottom:-80px;opacity:.075}
}
