/* =========================================================
   TOOL AI PRO — HACKER AI THEME V1
   Visual-only global skin. No application logic.
   ========================================================= */

:root{
  --hx-bg:#02070b;
  --hx-bg2:#04131a;
  --hx-panel:rgba(3,18,26,.88);
  --hx-panel2:rgba(5,28,39,.82);
  --hx-green:#00ff9c;
  --hx-cyan:#00eaff;
  --hx-blue:#32a8ff;
  --hx-yellow:#ffe55c;
  --hx-red:#ff315f;
  --hx-text:#e8ffff;
  --hx-muted:#79aeb8;
  --hx-line:rgba(0,234,255,.32);
  --hx-line2:rgba(0,255,156,.25);
  --hx-shadow:0 0 18px rgba(0,234,255,.16);
  --hx-shadow-strong:0 0 26px rgba(0,255,156,.23);
  --hx-radius:12px;
}

html{
  background:#02070b;
}

body{
  color:var(--hx-text);
  background-color:var(--hx-bg) !important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* Matrix/grid atmosphere — decorative only */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:2147483000;
  pointer-events:none;
  opacity:.16;
  background-image:
    linear-gradient(rgba(0,234,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,255,156,.045) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.12));
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:2147483001;
  pointer-events:none;
  opacity:.10;
  background:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 3px,
      rgba(0,255,156,.20) 4px
    );
  mix-blend-mode:screen;
}

::selection{
  color:#00110b;
  background:var(--hx-green);
}

/* Cyber scrollbar */
*{
  scrollbar-width:thin;
  scrollbar-color:var(--hx-cyan) #031018;
}
*::-webkit-scrollbar{width:7px;height:7px}
*::-webkit-scrollbar-track{background:#031018}
*::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--hx-cyan),var(--hx-green));
  border-radius:20px;
}

/* Form controls */
input,
select,
textarea{
  border-color:rgba(0,234,255,.38) !important;
  box-shadow:
    inset 0 0 0 1px rgba(0,255,156,.05),
    0 0 12px rgba(0,234,255,.06);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

input:focus,
select:focus,
textarea:focus{
  outline:none !important;
  border-color:var(--hx-green) !important;
  box-shadow:
    0 0 0 2px rgba(0,255,156,.10),
    0 0 18px rgba(0,255,156,.18) !important;
}

/* Buttons — preserve dimensions/layout */
button,
.btn,
[class*="btn-"],
[class$="-btn"]{
  position:relative;
  overflow:hidden;
  border-color:rgba(0,234,255,.48) !important;
  box-shadow:
    inset 0 0 15px rgba(0,234,255,.05),
    0 0 12px rgba(0,234,255,.10);
  transition:
    transform .16s ease,
    filter .16s ease,
    box-shadow .16s ease,
    border-color .16s ease !important;
}

button:hover,
.btn:hover,
[class*="btn-"]:hover,
[class$="-btn"]:hover{
  filter:brightness(1.08);
  border-color:rgba(0,255,156,.76) !important;
  box-shadow:
    inset 0 0 18px rgba(0,255,156,.07),
    0 0 20px rgba(0,255,156,.18);
}

button:active,
.btn:active,
[class*="btn-"]:active,
[class$="-btn"]:active{
  transform:translateY(1px) scale(.99);
}

/* Common panels/cards — visual enhancement only */
[class*="panel"],
[class*="card"],
[class*="hud"],
[class*="box"],
[class*="widget"],
[class*="status"]{
  border-color:rgba(0,234,255,.30);
}

/* Headlines */
h1,h2,h3,
.title,
[class*="title"]{
  text-shadow:
    0 0 10px rgba(0,234,255,.20),
    0 0 18px rgba(0,255,156,.08);
}

/* Links */
a{
  transition:color .16s ease,text-shadow .16s ease,filter .16s ease;
}
a:hover{
  text-shadow:0 0 9px rgba(0,234,255,.35);
}

/* Hacker status dot for common online/live labels */
.online,
.live,
[class*="online"],
[class*="active"]{
  filter:drop-shadow(0 0 5px rgba(0,255,156,.32));
}

/* Tables */
table{
  border-color:rgba(0,234,255,.24) !important;
}
th{
  text-shadow:0 0 8px rgba(0,234,255,.20);
}

/* Images remain crisp */
img{
  image-rendering:auto;
}

/* Subtle screen boot-in */
@keyframes hxBootIn{
  from{opacity:.72;filter:brightness(.86)}
  to{opacity:1;filter:brightness(1)}
}
body{
  animation:hxBootIn .32s ease-out both;
}

/* Neon sweep for large app/header regions, non-layout-changing */
header,
nav,
[class*="header"],
[class*="topbar"],
[class*="navbar"]{
  box-shadow:
    0 1px 0 rgba(0,234,255,.16),
    0 8px 28px rgba(0,0,0,.18);
}

/* Mobile */
@media(max-width:700px){
  body::before{
    background-size:26px 26px;
    opacity:.12;
  }
  body::after{opacity:.065}
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}


/* === HACKER CASINO V2 === */

#aiPanel{
  position:relative !important;
  isolation:isolate;
  overflow:hidden !important;
  border:1px solid rgba(0,234,255,.52) !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,255,156,.09),transparent 38%),
    linear-gradient(160deg,rgba(2,15,22,.97),rgba(1,7,11,.97)) !important;
  box-shadow:
    0 0 0 1px rgba(0,255,156,.08),
    0 0 22px rgba(0,234,255,.15),
    0 0 55px rgba(0,255,156,.08),
    inset 0 0 38px rgba(0,234,255,.035) !important;
}

#aiPanel::before{
  content:"AI NETWORK // LIVE";
  position:absolute;
  top:7px;
  right:44px;
  z-index:8;
  padding:3px 8px;
  border:1px solid rgba(0,255,156,.42);
  border-radius:999px;
  background:rgba(0,255,156,.07);
  color:#72ffc8;
  font:700 8px/1.2 monospace;
  letter-spacing:1.1px;
  text-shadow:0 0 8px rgba(0,255,156,.7);
  box-shadow:0 0 12px rgba(0,255,156,.12);
}

#aiPanel::after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  pointer-events:none;
  border-radius:17px;
  background:
    linear-gradient(
      110deg,
      transparent 0%,
      rgba(0,234,255,.00) 28%,
      rgba(0,234,255,.26) 48%,
      rgba(0,255,156,.24) 53%,
      rgba(0,255,156,.00) 72%,
      transparent 100%
    );
  background-size:220% 100%;
  opacity:.55;
  animation:hxCasinoSweep 5s linear infinite;
}

@keyframes hxCasinoSweep{
  0%{background-position:180% 0}
  100%{background-position:-140% 0}
}

#aiPanel .head{
  position:relative;
  z-index:3;
  border-bottom:1px solid rgba(0,234,255,.22) !important;
  background:linear-gradient(90deg,rgba(0,234,255,.055),rgba(0,255,156,.025),transparent) !important;
}

#aiPanel .head strong{
  color:#dfffff !important;
  letter-spacing:1.4px !important;
  text-shadow:
    0 0 8px rgba(0,234,255,.75),
    0 0 18px rgba(0,234,255,.24) !important;
}

#aiPanel #table{
  color:#00ff9c !important;
  font-family:monospace !important;
  font-weight:800 !important;
  text-shadow:0 0 9px rgba(0,255,156,.65) !important;
}

#aiPanel #closeAi{
  border:1px solid rgba(255,49,95,.35) !important;
  color:#ff7595 !important;
  background:rgba(255,49,95,.06) !important;
  box-shadow:0 0 10px rgba(255,49,95,.09) !important;
}

#aiPanel .pick{
  position:relative;
  margin-top:8px !important;
  border:1px solid rgba(0,234,255,.24) !important;
  border-radius:12px !important;
  background:
    linear-gradient(180deg,rgba(0,234,255,.055),rgba(0,0,0,.08)) !important;
  box-shadow:
    inset 0 0 22px rgba(0,234,255,.035),
    0 0 18px rgba(0,234,255,.055) !important;
}

#aiPanel .pick small{
  color:#7adce8 !important;
  letter-spacing:1.15px !important;
  font-family:monospace !important;
}

#aiPanel #pick{
  color:#f1ffff !important;
  letter-spacing:.45px !important;
  text-shadow:
    0 0 10px rgba(0,234,255,.48),
    0 0 22px rgba(0,255,156,.16) !important;
}

#aiPanel #confidence{
  color:#ffe55c !important;
  font-family:monospace !important;
  font-weight:800 !important;
  letter-spacing:.45px !important;
  text-shadow:0 0 10px rgba(255,229,92,.35) !important;
}

#aiPanel .sides{
  gap:8px !important;
}

#aiPanel .side{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(0,167,255,.45) !important;
  border-radius:12px !important;
  background:
    radial-gradient(circle at 50% 15%,rgba(0,167,255,.15),transparent 60%),
    rgba(1,13,22,.86) !important;
  box-shadow:
    inset 0 0 24px rgba(0,167,255,.055),
    0 0 16px rgba(0,167,255,.08) !important;
}

#aiPanel .side::after{
  content:"PLAYER NODE";
  position:absolute;
  left:7px;
  bottom:5px;
  color:rgba(113,196,255,.45);
  font:600 6px/1 monospace;
  letter-spacing:1px;
}

#aiPanel .side.b{
  border-color:rgba(255,49,95,.43) !important;
  background:
    radial-gradient(circle at 50% 15%,rgba(255,49,95,.14),transparent 60%),
    rgba(20,5,12,.86) !important;
  box-shadow:
    inset 0 0 24px rgba(255,49,95,.05),
    0 0 16px rgba(255,49,95,.07) !important;
}

#aiPanel .side.b::after{
  content:"BANKER NODE";
  color:rgba(255,116,151,.48);
}

#aiPanel .side small{
  font-family:monospace !important;
  font-weight:800 !important;
  letter-spacing:1.1px !important;
}

#aiPanel #player{
  color:#70c7ff !important;
  text-shadow:
    0 0 8px rgba(50,168,255,.75),
    0 0 20px rgba(50,168,255,.18) !important;
}

#aiPanel #banker{
  color:#ff6389 !important;
  text-shadow:
    0 0 8px rgba(255,49,95,.72),
    0 0 20px rgba(255,49,95,.18) !important;
}

#aiPanel .meta{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:6px !important;
}

#aiPanel .meta > div{
  position:relative;
  border:1px solid rgba(0,234,255,.19) !important;
  border-radius:9px !important;
  background:rgba(0,234,255,.035) !important;
  box-shadow:inset 0 0 14px rgba(0,234,255,.025) !important;
}

#aiPanel .meta small{
  color:#609ca7 !important;
  font-family:monospace !important;
  letter-spacing:.9px !important;
}

#aiPanel .meta b{
  color:#bffff0 !important;
  font-family:monospace !important;
  text-shadow:0 0 8px rgba(0,255,156,.25) !important;
}

#aiPanel .note{
  border-top:1px dashed rgba(0,234,255,.16) !important;
  color:#6f9ba4 !important;
  font-size:9px !important;
}

#aiPanel .actions a{
  border:1px solid rgba(0,255,156,.34) !important;
  background:linear-gradient(180deg,rgba(0,255,156,.10),rgba(0,255,156,.035)) !important;
  color:#bffff0 !important;
  text-shadow:0 0 7px rgba(0,255,156,.28) !important;
  box-shadow:
    inset 0 0 16px rgba(0,255,156,.035),
    0 0 13px rgba(0,255,156,.07) !important;
}

#aiPanel .actions a:hover{
  border-color:#00ff9c !important;
  box-shadow:
    inset 0 0 19px rgba(0,255,156,.07),
    0 0 20px rgba(0,255,156,.17) !important;
}

@media(max-width:700px){
  #aiPanel{
    border-radius:13px !important;
    box-shadow:
      0 0 0 1px rgba(0,255,156,.07),
      0 0 18px rgba(0,234,255,.12),
      inset 0 0 26px rgba(0,234,255,.025) !important;
  }

  #aiPanel::before{
    top:6px;
    right:38px;
    font-size:6px;
    letter-spacing:.7px;
    padding:2px 6px;
  }

  #aiPanel .sides{
    gap:5px !important;
  }

  #aiPanel .side::after{
    display:none;
  }

  #aiPanel .meta{
    gap:4px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  #aiPanel::after{
    animation:none !important;
  }
}


/* === HACKER UI V3 === */

/* =========================================================
   LOGIN / AUTH
   ========================================================= */

body.hx-page-login,
body.hx-page-portal{
  background:
    radial-gradient(circle at 50% -10%,rgba(0,234,255,.12),transparent 36%),
    radial-gradient(circle at 80% 70%,rgba(0,255,156,.055),transparent 32%),
    linear-gradient(160deg,#010609 0%,#031017 48%,#010507 100%) !important;
}

body.hx-page-login .auth-screen,
body.hx-page-portal .auth-screen{
  background:
    radial-gradient(circle at 50% 45%,rgba(0,234,255,.075),transparent 38%) !important;
}

body.hx-page-login .auth-box,
body.hx-page-portal .auth-box{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(0,234,255,.50) !important;
  border-radius:18px !important;
  background:
    linear-gradient(160deg,rgba(3,20,28,.96),rgba(1,8,13,.96)) !important;
  box-shadow:
    0 0 0 1px rgba(0,255,156,.06),
    0 0 28px rgba(0,234,255,.16),
    0 0 70px rgba(0,255,156,.07),
    inset 0 0 36px rgba(0,234,255,.035) !important;
}

body.hx-page-login .auth-box::before,
body.hx-page-portal .auth-box::before{
  content:"SECURE ACCESS // AI NODE";
  position:absolute;
  top:10px;
  left:14px;
  color:rgba(0,255,156,.72);
  font:700 8px/1 monospace;
  letter-spacing:1.5px;
  text-shadow:0 0 9px rgba(0,255,156,.48);
  pointer-events:none;
}

body.hx-page-login .auth-box::after,
body.hx-page-portal .auth-box::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:18px;
  background:
    linear-gradient(
      105deg,
      transparent 20%,
      rgba(0,234,255,.04) 46%,
      rgba(0,255,156,.08) 50%,
      transparent 76%
    );
  background-size:250% 100%;
  animation:hxAuthSweep 7s linear infinite;
}

@keyframes hxAuthSweep{
  from{background-position:180% 0}
  to{background-position:-120% 0}
}

body.hx-page-login .view-head h2,
body.hx-page-portal .view-head h2{
  color:#ecffff !important;
  letter-spacing:.8px !important;
  text-shadow:
    0 0 10px rgba(0,234,255,.55),
    0 0 24px rgba(0,255,156,.13) !important;
}

body.hx-page-login .view-head p,
body.hx-page-portal .view-head p{
  color:#78aab4 !important;
}

body.hx-page-login .auth-box input,
body.hx-page-portal .auth-box input{
  background:rgba(1,13,19,.78) !important;
  color:#eaffff !important;
  border:1px solid rgba(0,234,255,.32) !important;
}

body.hx-page-login .primary,
body.hx-page-portal .primary{
  background:
    linear-gradient(90deg,rgba(0,234,255,.17),rgba(0,255,156,.20)) !important;
  border:1px solid rgba(0,255,156,.56) !important;
  color:#eafff7 !important;
  text-shadow:0 0 8px rgba(0,255,156,.42);
  box-shadow:
    inset 0 0 18px rgba(0,255,156,.07),
    0 0 18px rgba(0,255,156,.12) !important;
}

/* =========================================================
   SERVICES / CHON TRO CHOI
   ========================================================= */

body.hx-page-services{
  background:
    radial-gradient(circle at 50% 0%,rgba(0,234,255,.13),transparent 35%),
    radial-gradient(circle at 20% 85%,rgba(0,255,156,.06),transparent 30%),
    linear-gradient(165deg,#010507,#031018 58%,#010507) !important;
}

body.hx-page-services .page{
  position:relative;
}

body.hx-page-services .header{
  position:relative;
  border-bottom:1px solid rgba(0,234,255,.22) !important;
}

body.hx-page-services .brand small{
  color:#00ff9c !important;
  font-family:monospace !important;
  letter-spacing:1.5px !important;
  text-shadow:0 0 9px rgba(0,255,156,.48);
}

body.hx-page-services .brand h1{
  color:#ecffff !important;
  letter-spacing:1px !important;
  text-shadow:
    0 0 12px rgba(0,234,255,.45),
    0 0 28px rgba(0,255,156,.12) !important;
}

body.hx-page-services .services{
  gap:16px !important;
}

body.hx-page-services .service{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(0,234,255,.34) !important;
  border-radius:16px !important;
  background:
    linear-gradient(155deg,rgba(4,25,34,.94),rgba(1,9,14,.96)) !important;
  box-shadow:
    0 0 0 1px rgba(0,255,156,.04),
    0 0 22px rgba(0,234,255,.10),
    inset 0 0 32px rgba(0,234,255,.025) !important;
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease !important;
}

body.hx-page-services .service::before{
  content:"SYSTEM NODE";
  position:absolute;
  top:8px;
  left:10px;
  z-index:4;
  color:rgba(0,255,156,.56);
  font:700 7px/1 monospace;
  letter-spacing:1.15px;
  pointer-events:none;
}

body.hx-page-services .service:hover{
  transform:translateY(-3px);
  border-color:rgba(0,255,156,.70) !important;
  box-shadow:
    0 0 0 1px rgba(0,255,156,.07),
    0 0 30px rgba(0,255,156,.15),
    inset 0 0 36px rgba(0,234,255,.035) !important;
}

body.hx-page-services .service-info strong{
  color:#ecffff !important;
  letter-spacing:.7px !important;
  text-shadow:0 0 10px rgba(0,234,255,.40);
}

body.hx-page-services .status-pill{
  border:1px solid rgba(0,255,156,.44) !important;
  background:rgba(0,255,156,.07) !important;
  color:#88ffd0 !important;
  font-family:monospace !important;
  letter-spacing:.8px !important;
  box-shadow:0 0 12px rgba(0,255,156,.10) !important;
}

/* =========================================================
   PORTAL / LOBBY
   ========================================================= */

body.hx-page-portal .lobby-screen{
  background:
    radial-gradient(circle at 50% 0%,rgba(0,234,255,.08),transparent 38%) !important;
}

body.hx-page-portal .lobby-brand-row,
body.hx-page-portal .lobby-head{
  border-color:rgba(0,234,255,.20) !important;
}

body.hx-page-portal .lobby-head h1{
  color:#efffff !important;
  text-shadow:
    0 0 12px rgba(0,234,255,.42),
    0 0 25px rgba(0,255,156,.12) !important;
}

body.hx-page-portal .activity-pill,
body.hx-page-portal .coin-pill,
body.hx-page-portal .session-pill{
  border:1px solid rgba(0,234,255,.28) !important;
  background:rgba(0,234,255,.045) !important;
  color:#bfeef3 !important;
  box-shadow:inset 0 0 14px rgba(0,234,255,.025) !important;
}

body.hx-page-portal .lobby-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(0,234,255,.30) !important;
  border-radius:16px !important;
  box-shadow:
    0 0 20px rgba(0,234,255,.08),
    inset 0 0 20px rgba(0,234,255,.025) !important;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease !important;
}

body.hx-page-portal .lobby-card:hover{
  transform:translateY(-3px) scale(1.01);
  border-color:rgba(0,255,156,.64) !important;
  box-shadow:
    0 0 28px rgba(0,255,156,.13),
    inset 0 0 24px rgba(0,234,255,.035) !important;
}

/* =========================================================
   PORTAL / CASINO PROVIDERS
   ========================================================= */

body.hx-page-portal .casino-provider-shell-v127{
  border:1px solid rgba(0,234,255,.24) !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,234,255,.065),transparent 35%),
    rgba(1,8,13,.92) !important;
  box-shadow:
    0 0 28px rgba(0,234,255,.08),
    inset 0 0 40px rgba(0,234,255,.02) !important;
}

body.hx-page-portal .casino-provider-top-v127{
  border-bottom:1px solid rgba(0,234,255,.22) !important;
  background:
    linear-gradient(90deg,rgba(0,234,255,.06),rgba(0,255,156,.025),transparent) !important;
}

body.hx-page-portal .casino-provider-title-v127 small{
  color:#00ff9c !important;
  font-family:monospace !important;
  letter-spacing:1.2px !important;
}

body.hx-page-portal .casino-provider-title-v127 h2{
  color:#efffff !important;
  text-shadow:0 0 12px rgba(0,234,255,.44) !important;
}

body.hx-page-portal .casino-online-v127{
  border:1px solid rgba(0,255,156,.34) !important;
  background:rgba(0,255,156,.06) !important;
  color:#80ffca !important;
  box-shadow:0 0 12px rgba(0,255,156,.10) !important;
}

body.hx-page-portal .provider-card-v127{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(0,234,255,.26) !important;
  border-radius:15px !important;
  background:rgba(2,15,22,.88) !important;
  box-shadow:
    0 0 18px rgba(0,234,255,.07),
    inset 0 0 20px rgba(0,234,255,.02) !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease !important;
}

body.hx-page-portal .provider-card-v127:hover{
  transform:translateY(-2px);
  border-color:rgba(0,255,156,.58) !important;
  box-shadow:
    0 0 25px rgba(0,255,156,.13),
    inset 0 0 24px rgba(0,234,255,.03) !important;
}

body.hx-page-portal .provider-card-v127::after{
  content:"LIVE NODE";
  position:absolute;
  right:7px;
  bottom:6px;
  z-index:3;
  color:rgba(0,255,156,.50);
  font:700 6px/1 monospace;
  letter-spacing:.8px;
  pointer-events:none;
}

/* =========================================================
   SIDEBAR / MEMBER AREA
   ========================================================= */

body.hx-page-portal .sidebar{
  border-right:1px solid rgba(0,234,255,.17) !important;
  box-shadow:8px 0 26px rgba(0,0,0,.16) !important;
}

body.hx-page-portal .shell{
  background:
    radial-gradient(circle at 50% 0%,rgba(0,234,255,.045),transparent 38%) !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){
  body.hx-page-services .service{
    border-radius:13px !important;
  }

  body.hx-page-services .service::before{
    font-size:6px;
  }

  body.hx-page-portal .provider-card-v127,
  body.hx-page-portal .lobby-card{
    border-radius:12px !important;
  }

  body.hx-page-login .auth-box,
  body.hx-page-portal .auth-box{
    border-radius:14px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.hx-page-login .auth-box::after,
  body.hx-page-portal .auth-box::after{
    animation:none !important;
  }
}


/* === HACKER UI V4 POLISH === */

:root{
  --hx-glow-cyan:0 0 10px rgba(0,234,255,.28),0 0 28px rgba(0,234,255,.10);
  --hx-glow-green:0 0 10px rgba(0,255,156,.28),0 0 28px rgba(0,255,156,.10);
}

body{
  background-attachment:fixed !important;
}

button,a,input,select,textarea{
  -webkit-tap-highlight-color:transparent;
}

/* LOGIN */
body.hx-page-login .lock{
  filter:
    drop-shadow(0 0 8px rgba(0,234,255,.38))
    drop-shadow(0 0 18px rgba(0,255,156,.16));
}

body.hx-page-login .tool-ai-pro-brand{
  letter-spacing:1.6px !important;
  text-shadow:
    0 0 8px rgba(0,234,255,.55),
    0 0 20px rgba(0,255,156,.16) !important;
}

body.hx-page-login form label{
  color:#9ec8cf !important;
  font-family:monospace !important;
  letter-spacing:.45px;
}

/* CHON TRO CHOI */
body.hx-page-services .header::after{
  content:"SYSTEM ONLINE";
  position:absolute;
  right:54px;
  top:50%;
  transform:translateY(-50%);
  padding:4px 9px;
  border:1px solid rgba(0,255,156,.34);
  border-radius:999px;
  background:rgba(0,255,156,.055);
  color:#75ffc8;
  font:700 7px/1 monospace;
  letter-spacing:1px;
  text-shadow:0 0 8px rgba(0,255,156,.48);
}

body.hx-page-services .service{
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}

body.hx-page-services .service::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(
      115deg,
      transparent 25%,
      rgba(0,234,255,.025) 44%,
      rgba(0,255,156,.10) 50%,
      rgba(0,234,255,.025) 56%,
      transparent 75%
    );
  background-size:240% 100%;
  animation:hxServiceSweep 6.5s linear infinite;
}

@keyframes hxServiceSweep{
  from{background-position:180% 0}
  to{background-position:-130% 0}
}

body.hx-page-services .service-info{
  position:relative;
  z-index:2;
}

/* PORTAL */
body.hx-page-portal .lobby-wrap{
  position:relative;
}

body.hx-page-portal .lobby-head::after{
  content:"AI CORE // READY";
  display:inline-flex;
  margin-left:auto;
  align-items:center;
  color:#65ffc0;
  font:700 8px/1 monospace;
  letter-spacing:1px;
  text-shadow:0 0 8px rgba(0,255,156,.42);
}

body.hx-page-portal .lobby-card{
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}

body.hx-page-portal .lobby-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:
    inset 2px 2px 0 rgba(0,234,255,.28),
    inset -2px -2px 0 rgba(0,255,156,.12);
  opacity:.55;
}

/* CASINO PROVIDERS */
body.hx-page-portal .provider-card-v127{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

body.hx-page-portal .provider-card-v127::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:34px;
  height:2px;
  z-index:4;
  background:linear-gradient(90deg,#00eaff,#00ff9c);
  box-shadow:var(--hx-glow-cyan);
  pointer-events:none;
}

body.hx-page-portal .casino-provider-top-v127{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

body.hx-page-portal .casino-back-v127{
  border:1px solid rgba(0,234,255,.32) !important;
  background:rgba(0,234,255,.04) !important;
}

/* BACCARAT AI HUD */
#aiPanel{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

#aiPanel .pick::before{
  content:"[ ANALYSIS CORE ]";
  display:block;
  margin-bottom:4px;
  color:rgba(0,255,156,.58);
  font:700 7px/1 monospace;
  letter-spacing:1.2px;
}

#aiPanel .side{
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease !important;
}

#aiPanel .side:hover{
  transform:translateY(-1px);
  border-color:rgba(0,234,255,.68) !important;
  box-shadow:
    inset 0 0 28px rgba(0,167,255,.08),
    0 0 22px rgba(0,167,255,.14) !important;
}

#aiPanel .side.b:hover{
  border-color:rgba(255,49,95,.67) !important;
  box-shadow:
    inset 0 0 28px rgba(255,49,95,.07),
    0 0 22px rgba(255,49,95,.13) !important;
}

#aiPanel .meta > div{
  transition:border-color .18s ease,background .18s ease !important;
}

#aiPanel .meta > div:hover{
  border-color:rgba(0,255,156,.36) !important;
  background:rgba(0,255,156,.045) !important;
}

body.hx-page-portal .sidebar,
body.hx-page-services .page,
#aiPanel{
  outline:1px solid rgba(0,234,255,.025);
  outline-offset:-1px;
}

/* MOBILE */
@media(max-width:700px){
  body.hx-page-services .header::after{
    right:42px;
    font-size:6px;
    padding:3px 6px;
    letter-spacing:.6px;
  }

  body.hx-page-portal .lobby-head::after{
    font-size:6px;
    letter-spacing:.6px;
  }

  #aiPanel .pick::before{
    font-size:6px;
  }
}

@media(max-width:430px){
  body.hx-page-services .header::after{
    content:"ONLINE";
  }

  body.hx-page-portal .lobby-head::after{
    content:"AI READY";
  }
}

@media(prefers-reduced-motion:reduce){
  body.hx-page-services .service::after{
    animation:none !important;
  }
}


/* === CASINO HACKER V5 FULLSCREEN === */

/* =========================================================
   FULL CASINO WORKSPACE
   ========================================================= */

body.hx-page-portal .m88v{
  position:relative !important;
  color:#eaffff !important;
  background:
    radial-gradient(circle at 52% -10%,rgba(0,234,255,.12),transparent 38%),
    radial-gradient(circle at 82% 48%,rgba(0,255,156,.05),transparent 30%),
    linear-gradient(160deg,#010609 0%,#03121a 48%,#010609 100%) !important;
  border:1px solid rgba(0,234,255,.18) !important;
  box-shadow:
    inset 0 0 70px rgba(0,234,255,.025),
    0 0 35px rgba(0,0,0,.28) !important;
}

body.hx-page-portal .m88v::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.17;
  background-image:
    linear-gradient(rgba(0,234,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,255,156,.045) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(to bottom,#000,transparent 92%);
}

body.hx-page-portal .m88v > *{
  position:relative;
  z-index:1;
}

/* =========================================================
   CASINO HEADER
   ========================================================= */

body.hx-page-portal .m88v-banner{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(
      105deg,
      rgba(2,20,29,.98) 0%,
      rgba(3,35,43,.96) 48%,
      rgba(1,15,22,.98) 100%
    ) !important;
  border:1px solid rgba(0,234,255,.32) !important;
  border-bottom-color:rgba(0,255,156,.28) !important;
  box-shadow:
    0 0 24px rgba(0,234,255,.08),
    inset 0 0 34px rgba(0,234,255,.03) !important;
}

body.hx-page-portal .m88v-banner::before{
  content:"CASINO NETWORK // SECURE NODE";
  position:absolute;
  right:18px;
  top:12px;
  color:rgba(0,255,156,.72);
  font:700 7px/1 monospace;
  letter-spacing:1.2px;
  text-shadow:0 0 9px rgba(0,255,156,.42);
}

body.hx-page-portal .m88v-banner small{
  color:#00ff9c !important;
  font-family:monospace !important;
  letter-spacing:1.5px !important;
  text-shadow:0 0 9px rgba(0,255,156,.45) !important;
}

body.hx-page-portal .m88v-banner h2{
  color:#efffff !important;
  letter-spacing:1px !important;
  text-shadow:
    0 0 10px rgba(0,234,255,.52),
    0 0 28px rgba(0,234,255,.12) !important;
}

body.hx-page-portal .m88v-banner p{
  color:#6faeb8 !important;
}

body.hx-page-portal .m88v-banner-art{
  filter:
    drop-shadow(0 0 8px rgba(0,234,255,.25))
    drop-shadow(0 0 18px rgba(0,255,156,.10));
}

/* =========================================================
   TABLE HEADER / LIVE
   ========================================================= */

body.hx-page-portal .m88v-table-head{
  background:
    linear-gradient(90deg,rgba(0,234,255,.045),rgba(0,255,156,.025),transparent) !important;
  border:1px solid rgba(0,234,255,.22) !important;
  box-shadow:
    inset 0 0 20px rgba(0,234,255,.02),
    0 0 16px rgba(0,234,255,.05) !important;
}

body.hx-page-portal .m88v-table-head > button{
  border:1px solid rgba(0,234,255,.36) !important;
  background:rgba(0,234,255,.045) !important;
  color:#bffaff !important;
  text-shadow:0 0 7px rgba(0,234,255,.30) !important;
}

body.hx-page-portal .m88v-table-head > button:hover{
  border-color:#00ff9c !important;
  color:#eafff5 !important;
  box-shadow:0 0 16px rgba(0,255,156,.14) !important;
}

body.hx-page-portal .m88v-provider{
  border-color:rgba(0,234,255,.18) !important;
}

body.hx-page-portal .m88v-provider small{
  color:#6ebfc9 !important;
  font-family:monospace !important;
}

body.hx-page-portal .m88v-provider strong{
  color:#eaffff !important;
  text-shadow:0 0 9px rgba(0,234,255,.38) !important;
}

body.hx-page-portal .m88v-sexy-logo{
  background:
    radial-gradient(circle at 35% 25%,rgba(0,255,156,.28),transparent 38%),
    linear-gradient(145deg,#042532,#06131a) !important;
  border:1px solid rgba(0,255,156,.50) !important;
  color:#9affd8 !important;
  box-shadow:
    0 0 16px rgba(0,255,156,.13),
    inset 0 0 16px rgba(0,255,156,.04) !important;
}

body.hx-page-portal .m88v-live{
  border:1px solid rgba(0,255,156,.45) !important;
  background:
    linear-gradient(180deg,rgba(0,255,156,.12),rgba(0,255,156,.04)) !important;
  color:#8dffd2 !important;
  font-family:monospace !important;
  letter-spacing:.7px !important;
  box-shadow:
    0 0 14px rgba(0,255,156,.12),
    inset 0 0 14px rgba(0,255,156,.04) !important;
  text-shadow:0 0 8px rgba(0,255,156,.50) !important;
}

/* =========================================================
   INFO STRIP
   ========================================================= */

body.hx-page-portal .m88v-info{
  gap:8px !important;
}

body.hx-page-portal .m88v-info article{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(155deg,rgba(3,25,34,.92),rgba(1,12,18,.94)) !important;
  border:1px solid rgba(0,234,255,.20) !important;
  box-shadow:
    inset 0 0 18px rgba(0,234,255,.025),
    0 0 14px rgba(0,234,255,.045) !important;
}

body.hx-page-portal .m88v-info article::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:28px;
  height:2px;
  background:linear-gradient(90deg,#00eaff,#00ff9c);
  box-shadow:0 0 10px rgba(0,234,255,.30);
}

body.hx-page-portal .m88v-info article small{
  color:#609aa5 !important;
  font-family:monospace !important;
  letter-spacing:.7px !important;
}

body.hx-page-portal .m88v-info article strong{
  color:#dfffff !important;
  text-shadow:0 0 8px rgba(0,234,255,.26) !important;
}

/* =========================================================
   ROUND STATUS
   ========================================================= */

body.hx-page-portal .m88v-round{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,234,255,.075),transparent 45%),
    linear-gradient(160deg,rgba(3,22,31,.96),rgba(1,10,15,.97)) !important;
  border:1px solid rgba(0,234,255,.27) !important;
  box-shadow:
    0 0 20px rgba(0,234,255,.07),
    inset 0 0 28px rgba(0,234,255,.025) !important;
}

body.hx-page-portal .m88v-round > header{
  border-bottom:1px solid rgba(0,234,255,.16) !important;
}

body.hx-page-portal .m88v-round > header strong{
  color:#eaffff !important;
  font-family:monospace !important;
  letter-spacing:1px !important;
  text-shadow:0 0 9px rgba(0,234,255,.32) !important;
}

body.hx-page-portal .m88v-round > header span{
  border:1px solid rgba(0,255,156,.34) !important;
  background:rgba(0,255,156,.055) !important;
  color:#81ffcc !important;
  font-family:monospace !important;
  box-shadow:0 0 10px rgba(0,255,156,.08) !important;
}

body.hx-page-portal .m88v-clock{
  border:1px solid rgba(0,234,255,.30) !important;
  background:
    radial-gradient(circle,rgba(0,234,255,.08),rgba(0,234,255,.015) 65%) !important;
  box-shadow:
    0 0 20px rgba(0,234,255,.08),
    inset 0 0 26px rgba(0,234,255,.035) !important;
}

body.hx-page-portal .m88v-clock strong{
  color:#eaffff !important;
  font-family:monospace !important;
  text-shadow:
    0 0 8px rgba(0,234,255,.65),
    0 0 20px rgba(0,234,255,.16) !important;
}

body.hx-page-portal .m88v-clock small{
  color:#65a9b4 !important;
  font-family:monospace !important;
}

/* =========================================================
   MAIN AI PANEL
   ========================================================= */

body.hx-page-portal .m88v-ai,
body.hx-page-portal .m88v-ai-v23{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,255,156,.07),transparent 40%),
    linear-gradient(160deg,rgba(2,21,29,.97),rgba(1,9,14,.98)) !important;
  border:1px solid rgba(0,234,255,.32) !important;
  box-shadow:
    0 0 26px rgba(0,234,255,.08),
    0 0 55px rgba(0,255,156,.035),
    inset 0 0 38px rgba(0,234,255,.025) !important;
}

body.hx-page-portal .m88v-ai::before{
  content:"AI ANALYTICS ENGINE // ACTIVE";
  position:absolute;
  right:12px;
  top:8px;
  z-index:5;
  color:rgba(0,255,156,.58);
  font:700 7px/1 monospace;
  letter-spacing:1px;
}

body.hx-page-portal .m88v-ai-v23-header{
  background:
    linear-gradient(90deg,rgba(0,234,255,.055),rgba(0,255,156,.025),transparent) !important;
  border-bottom:1px solid rgba(0,234,255,.18) !important;
}

body.hx-page-portal .m88v-ai-v23-header small{
  color:#00ff9c !important;
  font-family:monospace !important;
  letter-spacing:1px !important;
}

body.hx-page-portal .m88v-ai-v23-header h3{
  color:#efffff !important;
  text-shadow:0 0 11px rgba(0,234,255,.40) !important;
}

body.hx-page-portal .m88v-ai-v23-header > span{
  border:1px solid rgba(0,234,255,.26) !important;
  background:rgba(0,234,255,.04) !important;
  color:#83dbe6 !important;
  font-family:monospace !important;
}

/* PLAYER / BANKER */
body.hx-page-portal .m88v-ai-side-v23{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(160deg,rgba(2,26,38,.94),rgba(1,12,18,.97)) !important;
  border:1px solid rgba(0,234,255,.27) !important;
  box-shadow:
    inset 0 0 24px rgba(0,234,255,.025),
    0 0 16px rgba(0,234,255,.05) !important;
}

body.hx-page-portal .m88v-ai-side-v23.player{
  border-color:rgba(0,167,255,.45) !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,167,255,.10),transparent 50%),
    rgba(1,14,23,.96) !important;
}

body.hx-page-portal .m88v-ai-side-v23.banker{
  border-color:rgba(255,49,95,.44) !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,49,95,.09),transparent 50%),
    rgba(20,5,11,.95) !important;
}

body.hx-page-portal .m88v-ai-side-v23 h4{
  color:#efffff !important;
  letter-spacing:.6px !important;
}

body.hx-page-portal .m88v-ai-side-v23.player > strong{
  color:#65c4ff !important;
  text-shadow:0 0 10px rgba(50,168,255,.48) !important;
}

body.hx-page-portal .m88v-ai-side-v23.banker > strong{
  color:#ff6389 !important;
  text-shadow:0 0 10px rgba(255,49,95,.45) !important;
}

body.hx-page-portal .m88v-ai-side-v23 small,
body.hx-page-portal .m88v-ai-side-v23 p{
  color:#6f9da7 !important;
}

body.hx-page-portal .m88v-ai-side-v23 b{
  font-family:monospace !important;
}

/* ROBOT */
body.hx-page-portal .m88v-robot-v23{
  filter:
    drop-shadow(0 0 10px rgba(0,234,255,.22))
    drop-shadow(0 0 26px rgba(0,255,156,.08));
}

body.hx-page-portal .m88v-robot-aura-v23{
  background:
    radial-gradient(circle,rgba(0,255,156,.13),rgba(0,234,255,.065) 38%,transparent 70%) !important;
}

/* AI FOOTER */
body.hx-page-portal .m88v-ai-v23-footer{
  border-top:1px solid rgba(0,234,255,.16) !important;
  background:rgba(0,234,255,.025) !important;
}

body.hx-page-portal .m88v-ai-v23-footer span{
  color:#78a8b1 !important;
}

body.hx-page-portal .m88v-ai-v23-footer b{
  color:#ffe55c !important;
  font-family:monospace !important;
  text-shadow:0 0 8px rgba(255,229,92,.24) !important;
}

/* =========================================================
   BACCARAT ROAD
   ========================================================= */

body.hx-page-portal .m88v-road{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(160deg,rgba(2,21,29,.96),rgba(1,10,15,.98)) !important;
  border:1px solid rgba(0,234,255,.28) !important;
  box-shadow:
    0 0 22px rgba(0,234,255,.065),
    inset 0 0 30px rgba(0,234,255,.02) !important;
}

body.hx-page-portal .m88v-road > header{
  border-bottom:1px solid rgba(0,234,255,.17) !important;
}

body.hx-page-portal .m88v-road > header small{
  color:#00ff9c !important;
  font-family:monospace !important;
  letter-spacing:.9px !important;
}

body.hx-page-portal .m88v-road > header h3{
  color:#eaffff !important;
  text-shadow:0 0 9px rgba(0,234,255,.30) !important;
}

body.hx-page-portal .m88v-road > header > span{
  border:1px solid rgba(0,234,255,.24) !important;
  background:rgba(0,234,255,.04) !important;
  color:#89dce5 !important;
  font-family:monospace !important;
}

body.hx-page-portal .m88v-road-board{
  background:
    linear-gradient(rgba(0,234,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,234,255,.035) 1px,transparent 1px),
    rgba(1,10,15,.88) !important;
  background-size:24px 24px !important;
  border:1px solid rgba(0,234,255,.14) !important;
  box-shadow:inset 0 0 24px rgba(0,234,255,.025) !important;
}

body.hx-page-portal .m88v-road > footer{
  border-top:1px solid rgba(0,234,255,.14) !important;
  color:#8cbac1 !important;
  font-family:monospace !important;
}

/* =========================================================
   EXPERT PANEL
   ========================================================= */

body.hx-page-portal .m88v-ai-expert-v31{
  background:
    radial-gradient(circle at 50% 0%,rgba(0,255,156,.055),transparent 40%),
    linear-gradient(160deg,rgba(2,20,28,.97),rgba(1,9,14,.98)) !important;
  border:1px solid rgba(0,234,255,.26) !important;
  box-shadow:
    0 0 22px rgba(0,234,255,.065),
    inset 0 0 30px rgba(0,234,255,.02) !important;
}

body.hx-page-portal .m88v-x31-head{
  border-bottom:1px solid rgba(0,234,255,.16) !important;
  background:
    linear-gradient(90deg,rgba(0,255,156,.04),rgba(0,234,255,.025),transparent) !important;
}

body.hx-page-portal .m88v-x31-head small{
  color:#00ff9c !important;
  font-family:monospace !important;
  text-shadow:0 0 8px rgba(0,255,156,.34) !important;
}

body.hx-page-portal .m88v-x31-head strong{
  color:#efffff !important;
}

body.hx-page-portal .m88v-x31-head > span{
  border:1px solid rgba(0,255,156,.34) !important;
  background:rgba(0,255,156,.05) !important;
  color:#7effca !important;
  font-family:monospace !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){
  body.hx-page-portal .m88v-banner::before{
    content:"SECURE NODE";
    right:10px;
    top:8px;
    font-size:6px;
  }

  body.hx-page-portal .m88v-ai::before{
    content:"AI ACTIVE";
    font-size:6px;
  }

  body.hx-page-portal .m88v-info{
    gap:5px !important;
  }

  body.hx-page-portal .m88v-info article{
    border-radius:9px !important;
  }

  body.hx-page-portal .m88v-round,
  body.hx-page-portal .m88v-ai,
  body.hx-page-portal .m88v-road,
  body.hx-page-portal .m88v-ai-expert-v31{
    border-radius:11px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.hx-page-portal .m88v *{
    transition-duration:.01ms !important;
  }
}


/* === GREEN HACKER V6 === */

body.hx-page-portal{
  --gh-green:#00ff7b;
  --gh-green2:#38ff9a;
  --gh-lime:#9dff3a;
  --gh-dark:#010805;
  --gh-dark2:#02140d;
  --gh-panel:rgba(2,20,13,.94);
  --gh-panel2:rgba(2,31,19,.88);
  --gh-line:rgba(0,255,123,.48);
  --gh-soft:rgba(0,255,123,.12);
  --gh-text:#eafff2;
  --gh-muted:#72af8c;

  background:
    radial-gradient(circle at 50% -5%,rgba(0,255,123,.14),transparent 32%),
    radial-gradient(circle at 0% 45%,rgba(0,255,123,.07),transparent 25%),
    radial-gradient(circle at 100% 70%,rgba(46,255,151,.06),transparent 28%),
    linear-gradient(160deg,#000503 0%,#011009 47%,#000604 100%) !important;
}

/* nền hacker dạng lưới */
body.hx-page-portal::before{
  background:
    linear-gradient(rgba(0,255,123,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,255,123,.04) 1px,transparent 1px),
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 3px,
      rgba(0,255,123,.018) 4px
    ) !important;
  background-size:34px 34px,34px 34px,100% 4px !important;
  opacity:.50 !important;
}

/* scanline xanh */
body.hx-page-portal::after{
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,255,123,.025) 48%,
      rgba(0,255,123,.08) 50%,
      transparent 52%
    ) !important;
  background-size:100% 8px !important;
  opacity:.30 !important;
}

/* =========================================================
   TOP NAV - GREEN HACKER
   ========================================================= */

body.hx-page-portal nav,
body.hx-page-portal [class*="nav"]{
  border-color:rgba(0,255,123,.35) !important;
}

body.hx-page-portal nav a,
body.hx-page-portal nav button,
body.hx-page-portal [class*="nav"] > a,
body.hx-page-portal [class*="nav"] > button{
  color:#caffdf !important;
  background:
    linear-gradient(180deg,rgba(3,42,25,.95),rgba(1,17,10,.96)) !important;
  border-color:rgba(0,255,123,.35) !important;
  box-shadow:
    inset 0 0 18px rgba(0,255,123,.035),
    0 0 10px rgba(0,255,123,.05) !important;
}

body.hx-page-portal nav a:hover,
body.hx-page-portal nav button:hover,
body.hx-page-portal [class*="nav"] > a:hover,
body.hx-page-portal [class*="nav"] > button:hover{
  border-color:#00ff7b !important;
  color:#fff !important;
  box-shadow:
    0 0 14px rgba(0,255,123,.20),
    inset 0 0 22px rgba(0,255,123,.08) !important;
}

body.hx-page-portal nav .active,
body.hx-page-portal nav [aria-current="page"],
body.hx-page-portal [class*="nav"] > .active{
  background:
    linear-gradient(180deg,#16c963,#05783e) !important;
  border-color:#7dffb5 !important;
  color:#fff !important;
  box-shadow:
    0 0 10px rgba(0,255,123,.70),
    0 0 28px rgba(0,255,123,.28),
    inset 0 0 16px rgba(255,255,255,.10) !important;
}

/* =========================================================
   CASINO FULL SHELL
   ========================================================= */

body.hx-page-portal .m88v{
  background:
    radial-gradient(circle at 55% -8%,rgba(0,255,123,.13),transparent 35%),
    linear-gradient(160deg,#010a06 0%,#02160e 50%,#010704 100%) !important;
  border:1px solid rgba(0,255,123,.42) !important;
  box-shadow:
    0 0 25px rgba(0,255,123,.12),
    inset 0 0 75px rgba(0,255,123,.035) !important;
}

body.hx-page-portal .m88v::before{
  opacity:.28 !important;
  background:
    linear-gradient(rgba(0,255,123,.065) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,255,123,.05) 1px,transparent 1px) !important;
  background-size:28px 28px !important;
}

/* =========================================================
   CASINO BANNER
   ========================================================= */

body.hx-page-portal .m88v-banner{
  background:
    radial-gradient(circle at 78% 50%,rgba(0,255,123,.12),transparent 28%),
    linear-gradient(115deg,#011008 0%,#032419 58%,#010b07 100%) !important;
  border:1px solid rgba(0,255,123,.62) !important;
  border-bottom:2px solid #00ff7b !important;
  box-shadow:
    0 0 18px rgba(0,255,123,.18),
    inset 0 0 34px rgba(0,255,123,.05) !important;
}

body.hx-page-portal .m88v-banner::before{
  content:"// SYSTEM ONLINE";
  color:#5dffab !important;
  text-shadow:0 0 10px rgba(0,255,123,.75) !important;
}

body.hx-page-portal .m88v-banner small{
  color:#49ff9a !important;
  text-shadow:0 0 9px rgba(0,255,123,.65) !important;
}

body.hx-page-portal .m88v-banner h2{
  color:#8dffba !important;
  text-shadow:
    0 0 7px rgba(0,255,123,.80),
    0 0 20px rgba(0,255,123,.35) !important;
}

body.hx-page-portal .m88v-banner p{
  color:#d9ffe8 !important;
}

body.hx-page-portal .m88v-banner-art{
  filter:
    hue-rotate(90deg)
    drop-shadow(0 0 10px rgba(0,255,123,.55)) !important;
}

/* =========================================================
   ACTION / PROVIDER
   ========================================================= */

body.hx-page-portal .m88v-table-head{
  background:
    linear-gradient(135deg,rgba(2,31,18,.96),rgba(1,14,8,.97)) !important;
  border:1px solid rgba(0,255,123,.42) !important;
  box-shadow:
    0 0 18px rgba(0,255,123,.10),
    inset 0 0 24px rgba(0,255,123,.04) !important;
}

body.hx-page-portal .m88v button,
body.hx-page-portal .m88v a{
  border-color:rgba(0,255,123,.55) !important;
}

body.hx-page-portal .m88v-table-head > button{
  color:#eafff2 !important;
  background:
    linear-gradient(180deg,#08783d,#034422) !important;
  border:1px solid #22ff87 !important;
  box-shadow:
    0 0 14px rgba(0,255,123,.24),
    inset 0 0 16px rgba(0,255,123,.09) !important;
}

body.hx-page-portal .m88v-table-head > button:hover{
  background:
    linear-gradient(180deg,#13a955,#056532) !important;
  box-shadow:
    0 0 20px rgba(0,255,123,.38) !important;
}

body.hx-page-portal .m88v-sexy-logo{
  background:
    radial-gradient(circle at 35% 30%,rgba(0,255,123,.35),transparent 38%),
    linear-gradient(145deg,#06331f,#01130b) !important;
  border:1px solid #20ff84 !important;
  color:#67ffad !important;
  box-shadow:
    0 0 17px rgba(0,255,123,.30),
    inset 0 0 20px rgba(0,255,123,.08) !important;
}

body.hx-page-portal .m88v-provider small{
  color:#4dff9e !important;
}

body.hx-page-portal .m88v-provider strong{
  color:#baffd4 !important;
  text-shadow:0 0 11px rgba(0,255,123,.55) !important;
}

body.hx-page-portal .m88v-live{
  color:#69ffad !important;
  background:rgba(0,255,123,.07) !important;
  border-color:rgba(0,255,123,.62) !important;
  box-shadow:
    0 0 16px rgba(0,255,123,.18),
    inset 0 0 16px rgba(0,255,123,.055) !important;
}

/* =========================================================
   INFO CARDS
   ========================================================= */

body.hx-page-portal .m88v-info article{
  background:
    linear-gradient(150deg,rgba(3,35,21,.97),rgba(1,15,9,.98)) !important;
  border:1px solid rgba(0,255,123,.42) !important;
  box-shadow:
    inset 0 0 20px rgba(0,255,123,.04),
    0 0 13px rgba(0,255,123,.08) !important;
}

body.hx-page-portal .m88v-info article::after{
  background:linear-gradient(90deg,#00ff7b,#a2ff3b) !important;
  box-shadow:0 0 12px rgba(0,255,123,.65) !important;
}

body.hx-page-portal .m88v-info article small{
  color:#51df8f !important;
}

body.hx-page-portal .m88v-info article strong{
  color:#edfff4 !important;
}

/* =========================================================
   ROUND HUD
   ========================================================= */

body.hx-page-portal .m88v-round{
  background:
    radial-gradient(circle at 50% 15%,rgba(0,255,123,.11),transparent 42%),
    linear-gradient(160deg,#02160d,#010905) !important;
  border:1px solid rgba(0,255,123,.45) !important;
  box-shadow:
    0 0 18px rgba(0,255,123,.10),
    inset 0 0 30px rgba(0,255,123,.035) !important;
}

body.hx-page-portal .m88v-round > header{
  border-bottom-color:rgba(0,255,123,.25) !important;
}

body.hx-page-portal .m88v-round > header strong{
  color:#dffff0 !important;
  text-shadow:0 0 9px rgba(0,255,123,.45) !important;
}

body.hx-page-portal .m88v-round > header span{
  color:#69ffae !important;
  border-color:rgba(0,255,123,.55) !important;
  background:rgba(0,255,123,.07) !important;
}

body.hx-page-portal .m88v-clock{
  border:2px solid rgba(0,255,123,.62) !important;
  background:
    radial-gradient(circle,rgba(0,255,123,.17),rgba(0,255,123,.025) 66%) !important;
  box-shadow:
    0 0 14px rgba(0,255,123,.32),
    0 0 30px rgba(0,255,123,.12),
    inset 0 0 24px rgba(0,255,123,.07) !important;
}

body.hx-page-portal .m88v-clock strong{
  color:#fff !important;
  text-shadow:
    0 0 8px #00ff7b,
    0 0 18px rgba(0,255,123,.60) !important;
}

body.hx-page-portal .m88v-clock small{
  color:#a1ff42 !important;
}

/* =========================================================
   AI GREEN FRAME
   ========================================================= */

body.hx-page-portal .m88v-ai,
body.hx-page-portal .m88v-ai-v23{
  background:
    radial-gradient(circle at 50% 20%,rgba(0,255,123,.12),transparent 42%),
    linear-gradient(160deg,#02180e,#010905) !important;
  border:1px solid rgba(0,255,123,.58) !important;
  box-shadow:
    0 0 22px rgba(0,255,123,.16),
    inset 0 0 42px rgba(0,255,123,.04) !important;
}

body.hx-page-portal .m88v-ai::before{
  content:"AI CORE // ANALYSIS ACTIVE";
  color:#5cffaa !important;
  text-shadow:0 0 8px rgba(0,255,123,.55);
}

body.hx-page-portal .m88v-ai-v23-header{
  background:
    linear-gradient(90deg,rgba(0,255,123,.09),rgba(0,255,123,.025),transparent) !important;
  border-bottom:1px solid rgba(0,255,123,.28) !important;
}

body.hx-page-portal .m88v-ai-v23-header small{
  color:#70ffb2 !important;
}

body.hx-page-portal .m88v-ai-v23-header h3{
  color:#caffde !important;
  text-shadow:0 0 10px rgba(0,255,123,.50) !important;
}

body.hx-page-portal .m88v-ai-v23-header > span{
  color:#71ffb3 !important;
  border-color:rgba(0,255,123,.48) !important;
  background:rgba(0,255,123,.055) !important;
}

/* Player vẫn xanh dương để phân biệt */
body.hx-page-portal .m88v-ai-side-v23.player{
  background:
    radial-gradient(circle at 50% 0%,rgba(0,143,255,.16),transparent 52%),
    linear-gradient(160deg,#031a28,#010b13) !important;
  border-color:rgba(30,180,255,.72) !important;
  box-shadow:
    0 0 15px rgba(0,153,255,.15),
    inset 0 0 25px rgba(0,153,255,.06) !important;
}

/* Banker vẫn đỏ để nhìn tín hiệu nhanh */
body.hx-page-portal .m88v-ai-side-v23.banker{
  background:
    radial-gradient(circle at 50% 0%,rgba(255,38,80,.14),transparent 52%),
    linear-gradient(160deg,#26050d,#100106) !important;
  border-color:rgba(255,55,90,.72) !important;
  box-shadow:
    0 0 15px rgba(255,40,80,.14),
    inset 0 0 25px rgba(255,40,80,.055) !important;
}

body.hx-page-portal .m88v-robot-v23{
  filter:
    hue-rotate(70deg)
    drop-shadow(0 0 10px rgba(0,255,123,.48))
    drop-shadow(0 0 28px rgba(0,255,123,.18)) !important;
}

body.hx-page-portal .m88v-robot-aura-v23{
  background:
    radial-gradient(circle,rgba(0,255,123,.25),rgba(0,255,123,.08) 36%,transparent 70%) !important;
}

body.hx-page-portal .m88v-ai-v23-footer{
  border-top-color:rgba(0,255,123,.28) !important;
  background:rgba(0,255,123,.035) !important;
}

/* =========================================================
   BACCARAT ROAD
   ========================================================= */

body.hx-page-portal .m88v-road{
  background:
    linear-gradient(160deg,#02170d,#010805) !important;
  border:1px solid rgba(0,255,123,.48) !important;
  box-shadow:
    0 0 20px rgba(0,255,123,.11),
    inset 0 0 30px rgba(0,255,123,.035) !important;
}

body.hx-page-portal .m88v-road > header{
  border-bottom-color:rgba(0,255,123,.25) !important;
}

body.hx-page-portal .m88v-road > header small{
  color:#56ffa4 !important;
}

body.hx-page-portal .m88v-road > header h3{
  color:#dffff0 !important;
  text-shadow:0 0 8px rgba(0,255,123,.40) !important;
}

body.hx-page-portal .m88v-road-board{
  background:
    linear-gradient(rgba(0,255,123,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,255,123,.07) 1px,transparent 1px),
    rgba(0,10,5,.94) !important;
  background-size:22px 22px !important;
  border-color:rgba(0,255,123,.30) !important;
  box-shadow:
    inset 0 0 28px rgba(0,255,123,.055) !important;
}

/* =========================================================
   AI EXPERT
   ========================================================= */

body.hx-page-portal .m88v-ai-expert-v31{
  background:
    radial-gradient(circle at 50% 0%,rgba(0,255,123,.11),transparent 40%),
    linear-gradient(160deg,#02170d,#010805) !important;
  border:1px solid rgba(0,255,123,.46) !important;
  box-shadow:
    0 0 20px rgba(0,255,123,.10),
    inset 0 0 30px rgba(0,255,123,.035) !important;
}

body.hx-page-portal .m88v-x31-head{
  background:
    linear-gradient(90deg,rgba(0,255,123,.10),rgba(0,255,123,.025),transparent) !important;
  border-bottom-color:rgba(0,255,123,.25) !important;
}

body.hx-page-portal .m88v-x31-head small,
body.hx-page-portal .m88v-x31-head > span{
  color:#62ffab !important;
}

/* =========================================================
   OPTIONAL BACKGROUND PRESETS
   Sau này chỉ cần thêm class vào body:
   hx-bg-grid / hx-bg-matrix / hx-bg-dark
   ========================================================= */

body.hx-page-portal.hx-bg-grid{
  background:
    radial-gradient(circle at 50% 0%,rgba(0,255,123,.18),transparent 35%),
    linear-gradient(145deg,#001008,#021c10,#000704) !important;
}

body.hx-page-portal.hx-bg-matrix{
  background:
    radial-gradient(circle at 50% 15%,rgba(31,255,109,.16),transparent 32%),
    linear-gradient(180deg,#001107,#000402) !important;
}

body.hx-page-portal.hx-bg-dark{
  background:
    radial-gradient(circle at 50% 0%,rgba(0,255,123,.08),transparent 30%),
    #010503 !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){
  body.hx-page-portal .m88v-banner::before{
    content:"// ONLINE";
    font-size:6px !important;
  }

  body.hx-page-portal .m88v-ai::before{
    content:"AI ACTIVE";
    font-size:6px !important;
  }

  body.hx-page-portal .m88v{
    border-color:rgba(0,255,123,.55) !important;
  }
}


/* === GREEN HACKER V7 HUD === */

/* =========================================================
   V7 CORE
   ========================================================= */

body.hx-page-portal{
  --v7:#00ff75;
  --v7b:#39ff9c;
  --v7lime:#b7ff39;
  --v7deep:#001008;
  --v7deep2:#020805;
  --v7panel:rgba(1,20,11,.96);
  --v7line:rgba(0,255,117,.62);
  --v7soft:rgba(0,255,117,.10);
  --v7text:#ecfff4;
  --v7muted:#78b994;
}

body.hx-page-portal,
body.hx-page-portal #memberApp,
body.hx-page-portal #casinoMember,
body.hx-page-portal #providerTablesV127{
  background-color:#000603 !important;
}

body.hx-page-portal #memberApp .main{
  background:
    radial-gradient(circle at 50% 0,rgba(0,255,117,.09),transparent 34%),
    linear-gradient(180deg,#000603,#011009 55%,#000402) !important;
}

/* bỏ nền logo/xanh cũ phía sau */
body.hx-page-portal #memberApp .main::before{
  background:
    linear-gradient(rgba(0,255,117,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,255,117,.022) 1px,transparent 1px) !important;
  background-size:34px 34px !important;
  opacity:1 !important;
  filter:none !important;
}

/* =========================================================
   SIDEBAR / TOP MOBILE NAV
   ========================================================= */

body.hx-page-portal #memberApp .sidebar{
  background:
    linear-gradient(180deg,rgba(0,17,9,.98),rgba(0,7,4,.98)) !important;
  border-color:rgba(0,255,117,.40) !important;
  box-shadow:
    0 0 22px rgba(0,255,117,.10),
    inset 0 0 26px rgba(0,255,117,.025) !important;
}

body.hx-page-portal #memberApp .sidebar nav{
  gap:7px !important;
}

body.hx-page-portal #memberApp .sidebar nav button{
  position:relative !important;
  overflow:hidden !important;
  color:#bfffd9 !important;
  background:
    linear-gradient(180deg,#032518 0%,#011008 100%) !important;
  border:1px solid rgba(0,255,117,.40) !important;
  border-radius:7px !important;
  box-shadow:
    inset 0 0 18px rgba(0,255,117,.035),
    0 0 10px rgba(0,255,117,.055) !important;
  text-shadow:0 0 7px rgba(0,255,117,.28) !important;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease !important;
}

body.hx-page-portal #memberApp .sidebar nav button::before{
  content:"";
  position:absolute;
  left:6px;
  right:6px;
  top:3px;
  height:1px;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,#00ff75,transparent);
  opacity:.28;
}

body.hx-page-portal #memberApp .sidebar nav button:hover{
  color:#fff !important;
  border-color:#2cff8d !important;
  transform:translateY(-1px);
  box-shadow:
    0 0 10px rgba(0,255,117,.45),
    0 0 25px rgba(0,255,117,.14),
    inset 0 0 20px rgba(0,255,117,.08) !important;
}

body.hx-page-portal #memberApp .sidebar nav button.active{
  color:#fff !important;
  background:
    radial-gradient(circle at 50% 25%,rgba(177,255,83,.45),transparent 50%),
    linear-gradient(180deg,#1fd65e,#057333) !important;
  border:1px solid #8dffb9 !important;
  box-shadow:
    0 0 9px rgba(0,255,117,.92),
    0 0 26px rgba(0,255,117,.38),
    inset 0 0 20px rgba(255,255,255,.13) !important;
  text-shadow:
    0 0 7px rgba(255,255,255,.5),
    0 0 12px rgba(0,255,117,.60) !important;
}

/* =========================================================
   CASINO PARENT SHELL
   ========================================================= */

body.hx-page-portal #casinoMember .casino-provider-shell-v127,
body.hx-page-portal #casinoMember .casino-provider-top-v127{
  background:
    linear-gradient(155deg,rgba(0,17,9,.98),rgba(0,7,4,.98)) !important;
  border-color:rgba(0,255,117,.42) !important;
  box-shadow:
    0 0 20px rgba(0,255,117,.08),
    inset 0 0 28px rgba(0,255,117,.025) !important;
}

body.hx-page-portal #providerTablesV127 .m88v{
  position:relative !important;
  background:
    radial-gradient(circle at 70% 0,rgba(0,255,117,.10),transparent 30%),
    radial-gradient(circle at 0 48%,rgba(0,255,117,.06),transparent 30%),
    linear-gradient(160deg,#000704,#01140b 48%,#000503) !important;
  border:1px solid rgba(0,255,117,.58) !important;
  border-radius:5px !important;
  box-shadow:
    0 0 16px rgba(0,255,117,.20),
    inset 0 0 55px rgba(0,255,117,.035) !important;
}

body.hx-page-portal #providerTablesV127 .m88v::before{
  opacity:.26 !important;
  background:
    linear-gradient(rgba(0,255,117,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,255,117,.06) 1px,transparent 1px),
    repeating-linear-gradient(
      135deg,
      transparent 0 28px,
      rgba(0,255,117,.022) 29px,
      transparent 30px
    ) !important;
  background-size:26px 26px,26px 26px,100% 100% !important;
}

/* hacker side rails */
body.hx-page-portal #providerTablesV127 .m88v::after{
  content:"";
  position:absolute;
  inset:6px;
  pointer-events:none;
  z-index:0;
  border-left:1px solid rgba(0,255,117,.28);
  border-right:1px solid rgba(0,255,117,.28);
  background:
    linear-gradient(#00ff75,#00ff75) left top/18px 1px no-repeat,
    linear-gradient(#00ff75,#00ff75) left top/1px 18px no-repeat,
    linear-gradient(#00ff75,#00ff75) right top/18px 1px no-repeat,
    linear-gradient(#00ff75,#00ff75) right top/1px 18px no-repeat,
    linear-gradient(#00ff75,#00ff75) left bottom/18px 1px no-repeat,
    linear-gradient(#00ff75,#00ff75) left bottom/1px 18px no-repeat,
    linear-gradient(#00ff75,#00ff75) right bottom/18px 1px no-repeat,
    linear-gradient(#00ff75,#00ff75) right bottom/1px 18px no-repeat;
  opacity:.75;
}

/* =========================================================
   BANNER HUD
   ========================================================= */

body.hx-page-portal #providerTablesV127 .m88v-banner{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 78% 50%,rgba(0,255,117,.15),transparent 29%),
    linear-gradient(112deg,#001008 0%,#022618 57%,#000805 100%) !important;
  border:1px solid #00ff75 !important;
  border-bottom:2px solid #00ff75 !important;
  border-radius:4px !important;
  box-shadow:
    0 0 12px rgba(0,255,117,.34),
    inset 0 0 38px rgba(0,255,117,.055) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-banner::before{
  content:"// ONLINE  ▮▮▮▮" !important;
  color:#5dff9e !important;
  font:800 7px/1 monospace !important;
  letter-spacing:1.1px !important;
  text-shadow:0 0 8px rgba(0,255,117,.70) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-banner::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:5px;
  height:1px;
  background:
    linear-gradient(90deg,#00ff75 0 28%,transparent 28% 31%,#00ff75 31% 55%,transparent 55%);
  opacity:.28;
}

body.hx-page-portal #providerTablesV127 .m88v-banner small{
  color:#59ff9d !important;
  font-family:monospace !important;
  letter-spacing:1.4px !important;
  text-shadow:0 0 8px rgba(0,255,117,.52) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-banner h2{
  color:#8dffb5 !important;
  font-weight:950 !important;
  letter-spacing:.7px !important;
  text-shadow:
    0 0 6px rgba(0,255,117,.90),
    0 0 18px rgba(0,255,117,.38) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-banner p{
  color:#edfff4 !important;
}

/* casino art */
body.hx-page-portal #providerTablesV127 .m88v-banner-art{
  filter:none !important;
}

body.hx-page-portal #providerTablesV127 .m88v-banner-art i{
  border-color:#00ff75 !important;
  box-shadow:
    0 0 8px rgba(0,255,117,.8),
    0 0 20px rgba(0,255,117,.28) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-banner-art i:nth-child(2){
  border-color:#aaff3d !important;
  box-shadow:0 0 13px rgba(170,255,61,.55) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-banner-art i:nth-child(3){
  border-color:#42ffb1 !important;
}

body.hx-page-portal #providerTablesV127 .m88v-banner-art b{
  color:#ffd84a !important;
  filter:none !important;
  text-shadow:
    0 0 7px rgba(255,216,74,.9),
    0 0 18px rgba(255,190,30,.45) !important;
}

/* =========================================================
   TABLE ACTION HUD
   ========================================================= */

body.hx-page-portal #providerTablesV127 .m88v-table-head{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(135deg,rgba(2,30,17,.98),rgba(0,10,5,.98)) !important;
  border:1px solid rgba(0,255,117,.54) !important;
  border-radius:4px !important;
  box-shadow:
    0 0 16px rgba(0,255,117,.12),
    inset 0 0 24px rgba(0,255,117,.035) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-table-head::before{
  content:"";
  position:absolute;
  inset:4px;
  pointer-events:none;
  background:
    linear-gradient(#00ff75,#00ff75) left top/14px 1px no-repeat,
    linear-gradient(#00ff75,#00ff75) right bottom/14px 1px no-repeat;
  opacity:.55;
}

body.hx-page-portal #providerTablesV127 .m88v-table-head button{
  color:#effff5 !important;
  border:1px solid rgba(0,255,117,.75) !important;
  background:
    radial-gradient(circle at 50% 0,rgba(114,255,153,.18),transparent 55%),
    linear-gradient(180deg,#078b42,#03441f) !important;
  box-shadow:
    0 0 11px rgba(0,255,117,.30),
    inset 0 0 15px rgba(0,255,117,.08) !important;
  text-shadow:0 0 7px rgba(0,255,117,.45) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-table-head button:not([data-m88v-back]){
  background:
    radial-gradient(circle at 50% 0,rgba(185,255,75,.32),transparent 56%),
    linear-gradient(180deg,#1dd960,#067438) !important;
  border-color:#9affbf !important;
  box-shadow:
    0 0 10px rgba(0,255,117,.62),
    0 0 24px rgba(0,255,117,.18),
    inset 0 0 16px rgba(255,255,255,.08) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-table-head button:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.10);
}

body.hx-page-portal #providerTablesV127 .m88v-provider small{
  color:#50ff9a !important;
  font-family:monospace !important;
}

body.hx-page-portal #providerTablesV127 .m88v-provider strong{
  color:#bffff0 !important;
  text-shadow:0 0 9px rgba(0,255,117,.55) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-sexy-logo{
  color:#68ffab !important;
  background:
    radial-gradient(circle at 35% 30%,rgba(0,255,117,.37),transparent 40%),
    linear-gradient(145deg,#06351f,#001108) !important;
  border:1px solid #00ff75 !important;
  box-shadow:
    0 0 14px rgba(0,255,117,.42),
    inset 0 0 18px rgba(0,255,117,.08) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-live{
  color:#6dffad !important;
  font-family:monospace !important;
  background:rgba(0,255,117,.07) !important;
  border:1px solid rgba(0,255,117,.63) !important;
  box-shadow:
    0 0 13px rgba(0,255,117,.20),
    inset 0 0 15px rgba(0,255,117,.055) !important;
}

/* =========================================================
   STATUS INFO
   ========================================================= */

body.hx-page-portal #providerTablesV127 .m88v-info article{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(150deg,#032418,#000e07) !important;
  border:1px solid rgba(0,255,117,.53) !important;
  border-radius:4px !important;
  box-shadow:
    0 0 10px rgba(0,255,117,.11),
    inset 0 0 18px rgba(0,255,117,.035) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-info article::after{
  background:
    linear-gradient(90deg,#00ff75,#b6ff3b) !important;
  box-shadow:0 0 10px rgba(0,255,117,.65) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-info article small{
  color:#4dff96 !important;
  font-family:monospace !important;
}

body.hx-page-portal #providerTablesV127 .m88v-info article strong{
  color:#f0fff6 !important;
  text-shadow:0 0 6px rgba(0,255,117,.20) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-info article > i{
  color:#53ffa0 !important;
  text-shadow:0 0 9px rgba(0,255,117,.55) !important;
}

/* =========================================================
   ROUND STATUS HUD
   ========================================================= */

body.hx-page-portal #providerTablesV127 .m88v-round{
  background:
    radial-gradient(circle at 50% 20%,rgba(0,255,117,.10),transparent 42%),
    linear-gradient(160deg,#02170d,#000805) !important;
  border:1px solid rgba(0,255,117,.56) !important;
  border-radius:4px !important;
  box-shadow:
    0 0 15px rgba(0,255,117,.12),
    inset 0 0 28px rgba(0,255,117,.035) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-round > header{
  border-bottom:1px solid rgba(0,255,117,.27) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-round > header strong{
  color:#edfff4 !important;
  font-family:monospace !important;
  letter-spacing:.7px !important;
  text-shadow:0 0 8px rgba(0,255,117,.38) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-round > header span{
  color:#65ffac !important;
  background:rgba(0,255,117,.06) !important;
  border:1px solid rgba(0,255,117,.60) !important;
  box-shadow:0 0 10px rgba(0,255,117,.14) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-round .m88v-clock{
  border:2px solid #00ff75 !important;
  background:
    radial-gradient(circle,rgba(0,255,117,.20),rgba(0,255,117,.035) 55%,transparent 72%) !important;
  box-shadow:
    0 0 9px rgba(0,255,117,.82),
    0 0 24px rgba(0,255,117,.25),
    inset 0 0 19px rgba(0,255,117,.12) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-round .m88v-clock strong{
  color:#fff !important;
  text-shadow:
    0 0 6px #00ff75,
    0 0 18px rgba(0,255,117,.70) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-round .m88v-clock small{
  color:#c5ff43 !important;
  font-family:monospace !important;
}

/* =========================================================
   AI CORE
   ========================================================= */

body.hx-page-portal #providerTablesV127 .m88v-ai,
body.hx-page-portal #providerTablesV127 .m88v-ai-v23{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 48%,rgba(0,255,117,.12),transparent 34%),
    linear-gradient(160deg,#02170d,#000704) !important;
  border:1px solid rgba(0,255,117,.66) !important;
  border-radius:4px !important;
  box-shadow:
    0 0 16px rgba(0,255,117,.18),
    inset 0 0 40px rgba(0,255,117,.04) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-ai::before{
  content:"AI CORE // LIVE ANALYSIS" !important;
  color:#54ffa0 !important;
  font:800 7px/1 monospace !important;
  letter-spacing:1px !important;
  text-shadow:0 0 8px rgba(0,255,117,.62) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-ai-v23-header{
  background:
    linear-gradient(90deg,rgba(0,255,117,.11),rgba(0,255,117,.02),transparent) !important;
  border-bottom:1px solid rgba(0,255,117,.32) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-ai-v23-header small{
  color:#54ff9f !important;
  font-family:monospace !important;
}

body.hx-page-portal #providerTablesV127 .m88v-ai-v23-header h3{
  color:#baffd0 !important;
  text-shadow:
    0 0 8px rgba(0,255,117,.58),
    0 0 17px rgba(0,255,117,.18) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-ai-v23-header > span{
  color:#71ffae !important;
  background:rgba(0,255,117,.055) !important;
  border:1px solid rgba(0,255,117,.52) !important;
  font-family:monospace !important;
}

/* player */
body.hx-page-portal #providerTablesV127 .m88v-ai-side-v23.player{
  background:
    radial-gradient(circle at 50% 0,rgba(0,159,255,.17),transparent 55%),
    linear-gradient(160deg,#021b2a,#000a11) !important;
  border:1px solid rgba(28,187,255,.82) !important;
  box-shadow:
    0 0 13px rgba(0,159,255,.20),
    inset 0 0 22px rgba(0,159,255,.06) !important;
}

/* banker */
body.hx-page-portal #providerTablesV127 .m88v-ai-side-v23.banker{
  background:
    radial-gradient(circle at 50% 0,rgba(255,40,76,.16),transparent 55%),
    linear-gradient(160deg,#25040c,#0d0104) !important;
  border:1px solid rgba(255,57,87,.82) !important;
  box-shadow:
    0 0 13px rgba(255,40,76,.18),
    inset 0 0 22px rgba(255,40,76,.06) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-ai-side-v23 h4{
  color:#f5fff9 !important;
}

body.hx-page-portal #providerTablesV127 .m88v-ai-side-v23.player > strong{
  color:#67c8ff !important;
  text-shadow:0 0 9px rgba(31,174,255,.58) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-ai-side-v23.banker > strong{
  color:#ff6a8d !important;
  text-shadow:0 0 9px rgba(255,50,87,.55) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-ai-side-v23 p,
body.hx-page-portal #providerTablesV127 .m88v-ai-side-v23 small{
  color:#a1c5b2 !important;
}

/* robot BLUE -> GREEN, current V6 hue gave purple */
body.hx-page-portal #providerTablesV127 .m88v-robot-v23{
  filter:
    hue-rotate(280deg)
    saturate(1.25)
    brightness(1.08)
    drop-shadow(0 0 8px rgba(0,255,117,.65))
    drop-shadow(0 0 23px rgba(0,255,117,.24)) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-robot-aura-v23{
  background:
    radial-gradient(
      circle,
      rgba(0,255,117,.32),
      rgba(0,255,117,.11) 35%,
      transparent 70%
    ) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-ai-v23-footer{
  background:rgba(0,255,117,.035) !important;
  border-top:1px solid rgba(0,255,117,.29) !important;
}

/* =========================================================
   ROAD
   ========================================================= */

body.hx-page-portal #providerTablesV127 .m88v-road{
  background:
    linear-gradient(160deg,#02170d,#000704) !important;
  border:1px solid rgba(0,255,117,.58) !important;
  border-radius:4px !important;
  box-shadow:
    0 0 14px rgba(0,255,117,.13),
    inset 0 0 28px rgba(0,255,117,.035) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-road > header{
  border-bottom:1px solid rgba(0,255,117,.27) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-road > header small{
  color:#56ffa1 !important;
  font-family:monospace !important;
}

body.hx-page-portal #providerTablesV127 .m88v-road > header h3{
  color:#eafff1 !important;
  text-shadow:0 0 8px rgba(0,255,117,.38) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-road > header > span{
  color:#71ffae !important;
  border-color:rgba(0,255,117,.50) !important;
  background:rgba(0,255,117,.045) !important;
}

body.member-casino-flow-v214.hx-page-portal
#providerTablesV127 .m88v-road-board{
  background:
    linear-gradient(rgba(0,255,117,.095) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,255,117,.095) 1px,transparent 1px),
    #000b05 !important;
  background-size:21px 21px !important;
  border:1px solid rgba(0,255,117,.40) !important;
  box-shadow:
    inset 0 0 28px rgba(0,255,117,.065) !important;
}

/* =========================================================
   EXPERT
   ========================================================= */

body.hx-page-portal #providerTablesV127 .m88v-ai-expert-v31{
  background:
    radial-gradient(circle at 50% 0,rgba(0,255,117,.095),transparent 42%),
    linear-gradient(160deg,#02170d,#000704) !important;
  border:1px solid rgba(0,255,117,.55) !important;
  border-radius:4px !important;
  box-shadow:
    0 0 14px rgba(0,255,117,.11),
    inset 0 0 28px rgba(0,255,117,.03) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-x31-head{
  background:
    linear-gradient(90deg,rgba(0,255,117,.10),rgba(0,255,117,.02),transparent) !important;
  border-bottom:1px solid rgba(0,255,117,.26) !important;
}

body.hx-page-portal #providerTablesV127 .m88v-x31-head small{
  color:#55ffa0 !important;
}

body.hx-page-portal #providerTablesV127 .m88v-x31-head strong{
  color:#edfff4 !important;
}

body.hx-page-portal #providerTablesV127 .m88v-x31-head > span{
  color:#6cffad !important;
  background:rgba(0,255,117,.05) !important;
  border-color:rgba(0,255,117,.52) !important;
}

/* =========================================================
   MOBILE REFINEMENT
   ========================================================= */

@media(max-width:760px){

  body.hx-page-portal #memberApp .sidebar{
    padding:6px 4px !important;
    border-bottom:1px solid rgba(0,255,117,.50) !important;
  }

  body.hx-page-portal #memberApp .sidebar nav{
    gap:4px !important;
  }

  body.hx-page-portal #memberApp .sidebar nav button{
    min-height:54px !important;
    padding:7px 5px !important;
    border-radius:5px !important;
  }

  body.hx-page-portal #providerTablesV127 .m88v{
    border-radius:3px !important;
  }

  body.hx-page-portal #providerTablesV127 .m88v-banner::before{
    content:"// ONLINE" !important;
    font-size:6px !important;
  }

  body.hx-page-portal #providerTablesV127 .m88v-ai::before{
    content:"AI CORE" !important;
    font-size:6px !important;
  }

  body.hx-page-portal #providerTablesV127 .m88v-info{
    gap:5px !important;
  }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){
  body.hx-page-portal #memberApp .sidebar nav button{
    transition:none !important;
  }
}



/* === GREEN HACKER V8 FINAL MATCH === */

/* =========================================================
   MATRIX / CIRCUIT BACKGROUND
   ========================================================= */

html body.hx-page-portal{
  background:
    radial-gradient(circle at 50% -5%,rgba(0,255,117,.18),transparent 27%),
    radial-gradient(circle at 8% 45%,rgba(0,255,117,.08),transparent 25%),
    radial-gradient(circle at 94% 70%,rgba(0,255,117,.065),transparent 27%),
    linear-gradient(180deg,#000503 0%,#001108 48%,#000402 100%) !important;
}

html body.hx-page-portal #memberApp{
  background:
    repeating-linear-gradient(
      90deg,
      rgba(0,255,117,.025) 0,
      rgba(0,255,117,.025) 1px,
      transparent 1px,
      transparent 34px
    ),
    repeating-linear-gradient(
      180deg,
      rgba(0,255,117,.025) 0,
      rgba(0,255,117,.025) 1px,
      transparent 1px,
      transparent 34px
    ),
    linear-gradient(180deg,#000704,#001108 55%,#000503) !important;
}

/* =========================================================
   FORCE TOP NAV - tagged by JS
   ========================================================= */

html body.hx-page-portal #memberApp .hx-nav-wrap-v8{
  background:
    linear-gradient(180deg,#001209,#000704) !important;
  border-color:rgba(0,255,117,.56) !important;
  box-shadow:
    0 0 14px rgba(0,255,117,.16),
    inset 0 0 18px rgba(0,255,117,.035) !important;
}

html body.hx-page-portal #memberApp button.hx-nav-v8{
  position:relative !important;
  overflow:hidden !important;

  color:#bfffd7 !important;
  background:
    radial-gradient(circle at 50% 0,rgba(0,255,117,.10),transparent 58%),
    linear-gradient(180deg,#032518,#001108) !important;

  border:1px solid rgba(0,255,117,.58) !important;
  border-radius:5px !important;

  box-shadow:
    0 0 8px rgba(0,255,117,.13),
    inset 0 0 18px rgba(0,255,117,.055) !important;

  text-shadow:
    0 0 7px rgba(0,255,117,.35) !important;
}

html body.hx-page-portal #memberApp button.hx-nav-v8::before{
  content:"" !important;
  position:absolute !important;
  left:8px !important;
  right:8px !important;
  top:3px !important;
  height:1px !important;
  background:
    linear-gradient(90deg,transparent,#00ff75,transparent) !important;
  opacity:.52 !important;
  pointer-events:none !important;
}

html body.hx-page-portal #memberApp button.hx-nav-v8::after{
  content:"" !important;
  position:absolute !important;
  inset:3px !important;
  pointer-events:none !important;

  background:
    linear-gradient(#5cff9f,#5cff9f) left top/8px 1px no-repeat,
    linear-gradient(#5cff9f,#5cff9f) left top/1px 8px no-repeat,
    linear-gradient(#5cff9f,#5cff9f) right bottom/8px 1px no-repeat,
    linear-gradient(#5cff9f,#5cff9f) right bottom/1px 8px no-repeat !important;

  opacity:.35 !important;
}

html body.hx-page-portal #memberApp button.hx-nav-v8:hover{
  color:#fff !important;
  border-color:#49ff9a !important;
  box-shadow:
    0 0 11px rgba(0,255,117,.55),
    0 0 24px rgba(0,255,117,.18),
    inset 0 0 20px rgba(0,255,117,.09) !important;
}

html body.hx-page-portal #memberApp button.hx-nav-v8.active,
html body.hx-page-portal #memberApp button.hx-nav-v8[aria-current="page"]{
  color:#fff !important;

  background:
    radial-gradient(circle at 50% 25%,rgba(210,255,88,.48),transparent 52%),
    linear-gradient(180deg,#37ed6b 0%,#0a8f41 62%,#056329 100%) !important;

  border-color:#b6ffcb !important;

  box-shadow:
    0 0 9px rgba(0,255,117,.95),
    0 0 22px rgba(0,255,117,.55),
    0 0 42px rgba(0,255,117,.20),
    inset 0 0 19px rgba(255,255,255,.16) !important;

  text-shadow:
    0 0 7px #fff,
    0 0 12px rgba(0,255,117,.75) !important;
}

/* =========================================================
   MAIN CASINO HUD
   ========================================================= */

html body.hx-page-portal #memberApp #providerTablesV127 .m88v{
  background:
    repeating-linear-gradient(
      90deg,
      rgba(0,255,117,.032) 0,
      rgba(0,255,117,.032) 1px,
      transparent 1px,
      transparent 30px
    ),
    repeating-linear-gradient(
      180deg,
      rgba(0,255,117,.030) 0,
      rgba(0,255,117,.030) 1px,
      transparent 1px,
      transparent 30px
    ),
    radial-gradient(circle at 73% 4%,rgba(0,255,117,.16),transparent 25%),
    linear-gradient(160deg,#000704,#00150c 50%,#000503) !important;

  border:1px solid #00ff75 !important;

  box-shadow:
    0 0 10px rgba(0,255,117,.48),
    0 0 28px rgba(0,255,117,.12),
    inset 0 0 70px rgba(0,255,117,.035) !important;
}

/* =========================================================
   CASINO HEADER
   ========================================================= */

html body.hx-page-portal #memberApp #providerTablesV127 .m88v-banner{
  background:
    repeating-linear-gradient(
      90deg,
      rgba(0,255,117,.035) 0,
      rgba(0,255,117,.035) 1px,
      transparent 1px,
      transparent 18px
    ),
    radial-gradient(circle at 76% 50%,rgba(0,255,117,.23),transparent 31%),
    linear-gradient(112deg,#001008,#02291a 58%,#000805) !important;

  border:1px solid #18ff81 !important;
  border-bottom:2px solid #00ff75 !important;

  box-shadow:
    0 0 9px rgba(0,255,117,.68),
    0 0 23px rgba(0,255,117,.18),
    inset 0 0 42px rgba(0,255,117,.065) !important;
}

html body.hx-page-portal #memberApp #providerTablesV127 .m88v-banner h2{
  color:#baffc9 !important;
  letter-spacing:1px !important;

  text-shadow:
    0 0 5px #00ff75,
    0 0 12px rgba(0,255,117,.92),
    0 0 26px rgba(0,255,117,.36) !important;
}

html body.hx-page-portal #memberApp #providerTablesV127 .m88v-banner small{
  color:#52ff9d !important;
}

html body.hx-page-portal #memberApp #providerTablesV127 .m88v-banner p{
  color:#f4fff7 !important;
  text-shadow:0 0 7px rgba(0,255,117,.28) !important;
}

/* =========================================================
   FORCE ACTION BUTTONS
   ========================================================= */

html body.hx-page-portal #memberApp #providerTablesV127
.hx-back-v8{
  color:#fff !important;

  background:
    radial-gradient(circle at 50% 0,rgba(182,255,83,.38),transparent 58%),
    linear-gradient(180deg,#29dc63,#077238) !important;

  border:1px solid #89ffb3 !important;

  box-shadow:
    0 0 8px rgba(0,255,117,.85),
    0 0 21px rgba(0,255,117,.32),
    inset 0 0 16px rgba(255,255,255,.10) !important;

  text-shadow:0 0 7px rgba(255,255,255,.55) !important;
}

html body.hx-page-portal #memberApp #providerTablesV127
.hx-live-v8{
  color:#68ffab !important;

  background:
    linear-gradient(180deg,#022819,#00140b) !important;

  border:1px solid #00ff75 !important;

  box-shadow:
    0 0 11px rgba(0,255,117,.30),
    inset 0 0 18px rgba(0,255,117,.065) !important;

  text-shadow:0 0 8px rgba(0,255,117,.55) !important;
}

html body.hx-page-portal #memberApp #providerTablesV127
.hx-play-v8{
  color:#fff !important;

  background:
    radial-gradient(circle at 50% 0,rgba(221,255,88,.43),transparent 54%),
    linear-gradient(180deg,#45ef69 0%,#11a84b 58%,#087136 100%) !important;

  border:1px solid #b8ffca !important;

  box-shadow:
    0 0 8px rgba(0,255,117,.95),
    0 0 22px rgba(0,255,117,.46),
    0 0 36px rgba(0,255,117,.17),
    inset 0 0 18px rgba(255,255,255,.16) !important;

  text-shadow:
    0 0 6px rgba(255,255,255,.75),
    0 0 11px rgba(0,255,117,.75) !important;
}

html body.hx-page-portal #memberApp #providerTablesV127
.hx-play-v8:hover{
  filter:brightness(1.12) !important;
  transform:translateY(-1px) !important;
}

/* =========================================================
   STATUS BOXES - REMOVE BLUE
   ========================================================= */

html body.hx-page-portal #memberApp #providerTablesV127
.hx-status-v8{
  background:
    radial-gradient(circle at 0 0,rgba(0,255,117,.14),transparent 50%),
    linear-gradient(145deg,#032619,#001009) !important;

  border:1px solid rgba(0,255,117,.72) !important;
  border-radius:4px !important;

  box-shadow:
    0 0 8px rgba(0,255,117,.22),
    inset 0 0 20px rgba(0,255,117,.055) !important;
}

html body.hx-page-portal #memberApp #providerTablesV127
.hx-status-v8 small{
  color:#58ff9f !important;
}

html body.hx-page-portal #memberApp #providerTablesV127
.hx-status-v8 strong{
  color:#effff5 !important;
  text-shadow:0 0 6px rgba(0,255,117,.30) !important;
}

/* =========================================================
   HUD CORNERS
   ========================================================= */

html body.hx-page-portal #memberApp #providerTablesV127
.m88v-round,
html body.hx-page-portal #memberApp #providerTablesV127
.m88v-ai,
html body.hx-page-portal #memberApp #providerTablesV127
.m88v-road,
html body.hx-page-portal #memberApp #providerTablesV127
.m88v-ai-expert-v31{
  background-image:
    linear-gradient(#00ff75,#00ff75),
    linear-gradient(#00ff75,#00ff75),
    linear-gradient(#00ff75,#00ff75),
    linear-gradient(#00ff75,#00ff75),
    radial-gradient(circle at 50% 15%,rgba(0,255,117,.10),transparent 45%),
    linear-gradient(160deg,#02160d,#000704) !important;

  background-size:
    17px 1px,
    1px 17px,
    17px 1px,
    1px 17px,
    100% 100%,
    100% 100% !important;

  background-position:
    left 5px top 5px,
    left 5px top 5px,
    right 5px bottom 5px,
    right 5px bottom 5px,
    0 0,
    0 0 !important;

  background-repeat:no-repeat !important;

  border-color:rgba(0,255,117,.65) !important;

  box-shadow:
    0 0 12px rgba(0,255,117,.17),
    inset 0 0 31px rgba(0,255,117,.035) !important;
}

/* =========================================================
   CLOCK
   ========================================================= */

html body.hx-page-portal #memberApp #providerTablesV127
.m88v-clock{
  border-color:#25ff87 !important;

  background:
    radial-gradient(circle,
      rgba(0,255,117,.26) 0%,
      rgba(0,255,117,.10) 45%,
      rgba(0,255,117,.025) 68%,
      transparent 72%
    ) !important;

  box-shadow:
    0 0 8px #00ff75,
    0 0 20px rgba(0,255,117,.55),
    0 0 38px rgba(0,255,117,.16),
    inset 0 0 20px rgba(0,255,117,.12) !important;
}

/* =========================================================
   AI POLISH
   ========================================================= */

html body.hx-page-portal #memberApp #providerTablesV127
.m88v-ai{
  background-image:
    linear-gradient(#00ff75,#00ff75),
    linear-gradient(#00ff75,#00ff75),
    linear-gradient(#00ff75,#00ff75),
    linear-gradient(#00ff75,#00ff75),
    radial-gradient(circle at 50% 53%,rgba(0,255,117,.16),transparent 34%),
    linear-gradient(160deg,#02180e,#000704) !important;
}

html body.hx-page-portal #memberApp #providerTablesV127
.m88v-robot-v23{
  filter:
    hue-rotate(282deg)
    saturate(1.35)
    brightness(1.15)
    drop-shadow(0 0 5px #00ff75)
    drop-shadow(0 0 14px rgba(0,255,117,.72))
    drop-shadow(0 0 30px rgba(0,255,117,.25)) !important;
}

html body.hx-page-portal #memberApp #providerTablesV127
.m88v-robot-aura-v23{
  opacity:1 !important;

  background:
    radial-gradient(circle,
      rgba(134,255,110,.42),
      rgba(0,255,117,.19) 34%,
      rgba(0,255,117,.05) 52%,
      transparent 72%
    ) !important;
}

/* =========================================================
   ROAD MATRIX
   ========================================================= */

html body.member-casino-flow-v214.hx-page-portal
#memberApp #providerTablesV127 .m88v-road-board{
  background:
    linear-gradient(rgba(0,255,117,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,255,117,.12) 1px,transparent 1px),
    radial-gradient(circle at 50% 0,rgba(0,255,117,.07),transparent 60%),
    #000a05 !important;

  background-size:
    20px 20px,
    20px 20px,
    100% 100%,
    100% 100% !important;

  border:1px solid rgba(0,255,117,.52) !important;

  box-shadow:
    0 0 10px rgba(0,255,117,.12),
    inset 0 0 27px rgba(0,255,117,.07) !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

  html body.hx-page-portal #memberApp .hx-nav-wrap-v8{
    gap:4px !important;
    padding:5px 3px !important;
  }

  html body.hx-page-portal #memberApp button.hx-nav-v8{
    min-height:55px !important;
  }

  html body.hx-page-portal #memberApp #providerTablesV127 .m88v{
    margin-top:5px !important;
  }

  html body.hx-page-portal #memberApp #providerTablesV127 .m88v-banner{
    box-shadow:
      0 0 7px rgba(0,255,117,.68),
      inset 0 0 29px rgba(0,255,117,.055) !important;
  }
}

/* GREEN HACKER V9 RELAYOUT ACTIVE */