img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
:root{
  --bg0:#070a0f;
  --bg1:#1a130c;
  --bg2:#221811;
  --panel:rgba(255,255,255,.04);
  --panel2:rgba(255,255,255,.055);
  --panel3:rgba(0,0,0,.36);
  --stroke:rgba(255,255,255,.075);
  --stroke2:rgba(255,255,255,.12);
  --text:#e9eef9;
  --muted:#a5adbe;
  --muted2:#7f889c;
  --accent:#8b5cf6;
  --accent2:#a78bfa;
  --good:#22c55e;
  --bad:#ef4444;
  --warn:#f59e0b;
  --shadow:0 18px 55px rgba(0,0,0,.62);
  --shadow2:0 10px 28px rgba(0,0,0,.44);
  --r:16px;
  --r2:22px;
  --glass:blur(16px);
  --ring:0 0 0 3px rgba(139,92,246,.22);
}

html,body{
  height:100%;
  margin:0;
  background:
    radial-gradient(900px 600px at 18% 0%, rgba(139,92,246,.10), transparent 60%),
    radial-gradient(820px 520px at 86% 14%, rgba(167,139,250,.08), transparent 62%),
    linear-gradient(180deg,var(--bg0),var(--bg1) 55%,var(--bg2));
  color:var(--text);
  -webkit-tap-highlight-color:transparent;
}

body{position:relative;overflow-x:hidden;height:100dvh;padding-top:0;box-sizing:border-box}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.10;
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.020),rgba(255,255,255,.020) 1px,transparent 1px,transparent 3px),
    radial-gradient(circle at 30% 12%,rgba(255,255,255,.06),transparent 55%),
    radial-gradient(circle at 86% 24%,rgba(255,255,255,.04),transparent 60%);
  mix-blend-mode:overlay;
}

body::after{
  content:"";
  position:fixed;
  inset:-20%;
  pointer-events:none;
  background:
    radial-gradient(560px 560px at 14% 28%, rgba(139,92,246,.14), transparent 60%),
    radial-gradient(620px 620px at 78% 18%, rgba(167,139,250,.10), transparent 64%),
    radial-gradient(720px 720px at 56% 92%, rgba(139,92,246,.06), transparent 66%);
  filter:blur(38px);
  opacity:.65;
  animation:floatGlow 18s ease-in-out infinite;
}

@keyframes floatGlow{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-2%,1%,0) scale(1.03)}
}

*{scrollbar-width:none}
*::-webkit-scrollbar{width:0;height:0}

.custom-scrollbar{
  -ms-overflow-style:none;
  scrollbar-width:none;
  overflow-x:hidden!important;
}
.custom-scrollbar::-webkit-scrollbar{width:0;height:0}

::selection{background:rgba(139,92,246,.28);color:#fff}

h1,h2,h3{letter-spacing:-.02em}

.glass{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.028));
  backdrop-filter:var(--glass);
  -webkit-backdrop-filter:var(--glass);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:var(--shadow2);
}

.card-glass{
  background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.024));
  border:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:var(--r2);
  box-shadow:var(--shadow2);
}

.btn-ios{
  position:relative;
  cursor:pointer;
  user-select:none;
  transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .2s ease,border-color .2s ease,box-shadow .22s ease,color .2s ease,filter .2s ease;
  will-change:transform;
}
.btn-ios:hover{transform:translateY(-1px)}
.btn-ios:active{transform:translateY(0) scale(.985)}
.btn-ios::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 24%,rgba(255,255,255,.08) 44%,transparent 66%);
  opacity:0;
  transform:translateX(-18%);
  transition:opacity .25s ease,transform .45s ease;
}
.btn-ios:hover::after{opacity:.18;transform:translateX(12%)}

.fade-in{animation:fadeIn .4s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.fade-out{animation:fadeOut .22s ease-in forwards}
@keyframes fadeOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.995)}}
@keyframes slideInRight{from{opacity:0;transform:translateX(20px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes slideOutRight{from{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(20px) scale(.97)}}
.toast-enter{animation:slideInRight .3s cubic-bezier(.2,.8,.2,1) forwards}
.toast-exit{animation:slideOutRight .22s ease-in forwards}

/* Game result animations */
@keyframes resultPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
@keyframes resultShake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
@keyframes winGlow{0%{box-shadow:0 0 0 0 rgba(0,231,1,.4)}50%{box-shadow:0 0 30px 8px rgba(0,231,1,.15)}100%{box-shadow:0 0 0 0 rgba(0,231,1,0)}}
@keyframes loseFlash{0%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 20px 4px rgba(239,68,68,.12)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
@keyframes scaleIn{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
.result-pop{animation:resultPop .35s cubic-bezier(.34,1.56,.64,1) forwards}
.result-shake{animation:resultShake .4s ease}
.win-glow{animation:winGlow .8s ease-out}
.lose-flash{animation:loseFlash .6s ease-out}
.scale-in{animation:scaleIn .3s cubic-bezier(.2,.8,.2,1) forwards}

input,textarea,select{outline:none!important}
input:focus,textarea:focus,select:focus{box-shadow:none}
input,textarea,select{
  background:rgba(0,0,0,.26)!important;
  border-color:rgba(255,255,255,.09)!important;
  color:var(--text)!important;
}
input::placeholder,textarea::placeholder{color:rgba(165,173,190,.60)!important}

.text-ios-subtext{color:var(--muted)!important}
.text-gray-300{color:rgba(233,238,249,.78)!important}
.text-gray-400{color:rgba(233,238,249,.62)!important}
.text-gray-500{color:rgba(233,238,249,.52)!important}
.text-gray-600{color:rgba(233,238,249,.46)!important}

.text-blue-500,.text-blue-400,.text-blue-300{color:var(--accent)!important}
.bg-blue-600,.bg-blue-500{
  background:linear-gradient(180deg,rgba(139,92,246,.96),rgba(139,92,246,.78))!important;
}
.hover\:bg-blue-500:hover,.hover\:bg-blue-600:hover{
  background:linear-gradient(180deg,rgba(139,92,246,1),rgba(139,92,246,.84))!important;
}
.border-blue-500,.border-blue-600{border-color:rgba(139,92,246,.42)!important}
.shadow-blue-500\/30{box-shadow:0 14px 34px rgba(139,92,246,.22)!important}

.text-green-400{color:rgba(34,197,94,.92)!important}
.text-red-500{color:rgba(239,68,68,.95)!important}

.nav-active{
  background:rgba(139,92,246,.10)!important;
  color:#fff!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  position:relative;
}
.nav-active::before{
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  width:4px;
  height:22px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--accent),rgba(139,92,246,.35));
  box-shadow:0 0 16px rgba(139,92,246,.30);
}
.mob-nav-active{color:var(--accent)!important}

#page-title{display:none!important}

aside#main-sidebar{
  background:linear-gradient(180deg,rgba(10,12,18,.72),rgba(8,10,14,.58))!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 18px 54px rgba(0,0,0,.55)!important;
}
#main-sidebar .header-sidebar{background:transparent!important}
#main-sidebar nav a{
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
}
#main-sidebar nav a:hover{
  background:rgba(255,255,255,.035)!important;
}
#main-sidebar nav a.nav-active{
  background:rgba(139,92,246,.10)!important;
}
#main-sidebar nav p{color:rgba(165,173,190,.72)!important}

.ticket-top3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
@media (max-width:900px){
  .ticket-top3{grid-template-columns:1fr; max-width:360px; margin:0 auto}
}
.ticket-card{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  border-radius:22px;
  box-shadow:var(--shadow2);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:transform .18s cubic-bezier(.2,.8,.2,1), border-color .2s ease, background-color .2s ease, box-shadow .22s ease;
}
.ticket-card:hover{transform:translateY(-2px)}
.ticket-card .medal{
  width:64px;height:64px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;letter-spacing:-.02em;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 24px rgba(0,0,0,.35);
}
.ticket-table{
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.06);
  border-radius:22px;
  overflow:hidden;
}
.ticket-row{
  display:grid;
  grid-template-columns:92px 1fr 140px;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-top:1px solid rgba(255,255,255,.045);
  transition:background-color .18s ease;
}
.ticket-row:hover{background:rgba(255,255,255,.03)}
@media (max-width:760px){
  .ticket-row{grid-template-columns:72px 1fr 120px; }
  .ticket-row .col-wager{display:none}
}
.ticket-head{
  display:grid;
  grid-template-columns:92px 1fr 140px;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  color:rgba(165,173,190,.85);
  background:rgba(255,255,255,.03);
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:.12em;
}
.ticket-head-right{justify-self:end;padding-right:6px}
.ticket-count{justify-self:end;padding-right:6px;font-weight:900;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:#fff}
@media (max-width:760px){.ticket-head{grid-template-columns:72px 1fr 120px}}
.ticket-rank{
  width:54px;height:32px;
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
}
.ticket-you{
  background:rgba(139,92,246,.08)!important;
}
.ticket-you .ticket-rank{border-color:rgba(139,92,246,.32)!important}
.ticket-segment{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  border-radius:18px;
  padding:6px;
  display:flex;
  gap:6px;
}
.ticket-segment button{
  flex:1;
  border-radius:14px;
  padding:10px 12px;
  font-weight:800;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.ticket-segment .on{
  background:rgba(139,92,246,.16);
  color:#fff;
  box-shadow:0 10px 26px rgba(139,92,246,.14);
}
.ticket-segment .off{
  background:transparent;
  color:rgba(165,173,190,.85);
}
.ticket-segment .off:hover{background:rgba(255,255,255,.03)}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  body::after{display:none}
  .fade-in,.fade-out,.result-pop,.result-shake,.win-glow,.lose-flash,.scale-in{opacity:1!important;transform:none!important;animation:none!important}
  .toast-enter{opacity:1!important;transform:none!important}
  .toast-exit{opacity:0!important;transform:none!important}
  /* Лоадер — анимации остаются всегда, иначе выглядит статично */
  #global-loader #gl-text > span{animation:gl-wave 1.8s cubic-bezier(.4,0,.2,1) infinite !important;animation-delay:calc(var(--i,0) * .09s) !important}
  #global-loader #gl-logo{animation:gl-logo-breathe 2.2s ease-in-out infinite !important}
  #global-loader #gl-logo-wrap::before{animation:gl-ring 2.2s linear infinite !important}
  #global-loader::before{animation:gl-aura 6s ease-in-out infinite !important}
}


.bg-ios-accent\/10{background:rgba(139,92,246,.08)!important}
.bg-ios-accent\/20{background:rgba(139,92,246,.12)!important}
.text-ios-accent{color:var(--accent)!important}


.app-main{padding-top:64px;min-height:100dvh}
/*
  Topbar must be pinned to the VERY top of the viewport.
  Tailwind's utility class "relative" on the <header> can override our rules
  because Tailwind CDN injects styles after our CSS. Force our positioning with !important.
  On desktop we keep the bar aligned to the content area (to the right of the 18rem sidebar).
*/
.topbar{background:rgba(10,12,16,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:0;position:fixed!important;top:0!important;left:18rem!important;right:0!important;z-index:2000;margin:0!important}
.topbar .top-strip{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,.025),rgba(255,255,255,.07));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06);opacity:.9;pointer-events:none}
.topbar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px}
@media (max-width: 640px){.topbar-center{left:auto;right:12px;transform:translate(0,-50%);top:50%;gap:8px}.topbar-center .topchip:first-child{display:none}}
.topchip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:8px 14px;border-radius:999px}
.currency-symbol{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.25);font-size:12px;font-weight:900;color:rgba(255,255,255,.95)}
.btn-primary{background:rgba(139,92,246,.95);border:1px solid rgba(139,92,246,.35);color:#fff;padding:9px 16px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.04em;transition:transform .15s ease,filter .2s ease,background .2s ease;box-shadow:0 10px 30px rgba(139,92,246,.22)}
.btn-primary:hover{filter:brightness(1.06)}
.btn-primary:active{transform:scale(.98)}
.icon-btn{position:relative;width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.92);transition:transform .15s ease,background .2s ease,border-color .2s ease}
.icon-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.10)}
.icon-btn:active{transform:scale(.96)}

/* Topbar social icons */
.topbar-social-ico{width:20px;height:20px;object-fit:contain;display:block;opacity:.92;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35));}
.icon-btn:hover .topbar-social-ico{opacity:1;}
.notif-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:rgba(139,92,246,.95);border:1px solid rgba(255,255,255,.18);font-size:11px;line-height:18px;font-weight:900;color:#fff;text-align:center}
.dropdown-panel{position:absolute;right:0;top:52px;border-radius:18px;background:rgba(16,18,24,.92);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden;z-index:60}
.dropdown-link{font-size:12px;font-weight:900;color:rgba(255,255,255,.70);transition:color .2s ease}
.dropdown-link:hover{color:#fff}
.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 16px;font-size:13px;font-weight:900;color:rgba(255,255,255,.88);background:transparent;transition:background .2s ease}
.dropdown-item:hover{background:rgba(255,255,255,.06)}
.dropdown-item i{font-size:16px;color:rgba(255,255,255,.65)}
.dropdown-item.text-red-300 i{color:rgba(248,113,113,.8)}
.dropdown-item i{font-size:18px;color:rgba(255,255,255,.65)}
.dropdown-item.text-red-300 i{color:rgba(248,113,113,.9)}


@media (max-width:768px){
  /* On mobile the sidebar is hidden, so the bar should span the whole viewport. */
  .topbar{left:0!important;right:0!important}
}


/* Sidebar collapsed (icons-only) */
body.sidebar-collapsed #main-sidebar,
#main-sidebar.sidebar-collapsed{
    width: 88px !important;
}

/* topbar aligns with collapsed sidebar */
body.sidebar-collapsed .topbar{left:88px!important}

/* center logo / keep toggle visible */
body.sidebar-collapsed #main-sidebar .logo-wrapper,
#main-sidebar.sidebar-collapsed .logo-wrapper{
    justify-content: center;
}

/* hide full logo text */
body.sidebar-collapsed #main-sidebar .logo-full,
#main-sidebar.sidebar-collapsed .logo-full{
    display: none !important;
}

/* nav items: icons only */
body.sidebar-collapsed #main-sidebar nav a,
#main-sidebar.sidebar-collapsed nav a{
    justify-content: center;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

body.sidebar-collapsed #main-sidebar nav a span,
#main-sidebar.sidebar-collapsed nav a span{
    display: none !important;
}

body.sidebar-collapsed #main-sidebar nav p,
#main-sidebar.sidebar-collapsed nav p{
    display: none !important;
}

body.sidebar-collapsed #main-sidebar nav a i,
#main-sidebar.sidebar-collapsed nav a i{
    margin-right: 0 !important;
}

/* tighter header in collapsed sidebar (prevents empty dark block) */
body.sidebar-collapsed #main-sidebar .header-sidebar{
  padding:10px 0!important;
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.sidebar-collapsed #main-sidebar .header-sidebar .brand-text,
body.sidebar-collapsed #main-sidebar .header-sidebar .brand-name,
body.sidebar-collapsed #main-sidebar .header-sidebar .brand-subtitle{
  display:none!important;
}

/* Home page */
.home-wrap{max-width:1100px;margin:0 auto;padding:32px 16px;text-align:center;}
.home-title{font-size:34px;font-weight:800;letter-spacing:.04em;margin:0 0 14px;}
.home-title-center{display:block;text-align:center;}

.home-player{margin:0 auto 18px;display:flex;justify-content:center;}
.home-player-inner{width:min(100%, 1100px);aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 60px rgba(0,0,0,.55);}
.home-player-inner iframe{width:100%;height:100%;border:0;display:block;}

.home-section-title{
  margin:26px 0 12px;
  font-size:28px; /* чуть меньше, чем ПРЯМАЯ ТРАНСЛЯЦИЯ */
  font-weight:800;
  letter-spacing:.03em;
  color:#fff;
  text-shadow:0 8px 30px rgba(0,0,0,.6);
}
.home-links-title{margin-top:22px;}

.home-bonus{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:10px;}

/* Shiny button (theme-blue, no "кривого" блика) */
.btn-shiny{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 34px;
  border-radius:18px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#06121f;
  background:linear-gradient(180deg, rgba(139,92,246,1) 0%, rgba(139,92,246,1) 60%, rgba(124,58,237,1) 100%);
  box-shadow:0 18px 50px rgba(139,92,246,.30), 0 8px 22px rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.18);
  overflow:hidden;
  text-decoration:none;
  transform:translateZ(0);
}
.btn-shiny:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(110deg,
    rgba(255,255,255,0) 20%,
    rgba(255,255,255,.55) 35%,
    rgba(255,255,255,0) 50%);
  transform:translateX(-120%) skewX(-18deg);
  opacity:.65;
}
.btn-shiny:hover{
  transform:translateY(-1px);
  box-shadow:0 22px 60px rgba(139,92,246,.40), 0 10px 26px rgba(0,0,0,.60);
}
.btn-shiny:hover:before{animation:shinySweep 1.2s ease forwards;}
.btn-shiny:active{transform:translateY(0);filter:saturate(1.05);}
@keyframes shinySweep{
  0%{transform:translateX(-120%) skewX(-18deg);opacity:.0;}
  10%{opacity:.65;}
  100%{transform:translateX(120%) skewX(-18deg);opacity:0;}
}

/* Social buttons (creative, not 1:1 копия) */
.home-links{
  margin-top:6px;
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

.social-card{
  width:120px;
  height:120px;
  border-radius:24px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  color:#fff;
  background:radial-gradient(120px 120px at 30% 20%, rgba(255,255,255,.10), rgba(255,255,255,.04) 55%, rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 50px rgba(0,0,0,.55);
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.social-card:after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:24px;
  pointer-events:none;
  opacity:.85;
  filter:blur(.0px);
  background:linear-gradient(140deg,
    rgba(139,92,246,.55),
    rgba(139,92,246,.10) 35%,
    rgba(255,255,255,.06) 60%,
    rgba(124,58,237,.35));
  mix-blend-mode:screen;
}
.social-card:hover{
  transform:translateY(-2px) rotate(-0.4deg);
  border-color:rgba(139,92,246,.35);
  box-shadow:0 24px 70px rgba(0,0,0,.62), 0 18px 50px rgba(139,92,246,.14);
}
.social-card:active{transform:translateY(0);}

.social-ico{
  width:56px;height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
  position:relative;
  z-index:1;
}
.social-ico img{width:30px;height:30px;display:block;opacity:.95;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45));}

.social-caption{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.85;
  z-index:1;
}

/* per-network accents */
.social-tg .social-ico{background:linear-gradient(180deg, rgba(34,211,238,.18), rgba(139,92,246,.12));}
.social-kick .social-ico{background:linear-gradient(180deg, rgba(74,222,128,.20), rgba(34,197,94,.10));}


/* Kick live chip */
#kick-live-pill{margin-right:10px;}


.home-social-btn{width:88px;height:88px;border-radius:18px;border:1px solid rgba(139,92,246,.35);background:rgba(255,255,255,.03);display:flex;align-items:center;justify-content:center;transition:all .2s ease;text-decoration:none;}
.home-social-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.06);border-color:rgba(139,92,246,.55);}
.home-social-btn img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));}
.home-player{margin-top:22px;width:100%;max-width:980px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.35);box-shadow:0 18px 60px rgba(0,0,0,.45);}
.home-player iframe{width:100%;height:520px;border:0;display:block;background:#000;}
@media (max-width:1100px){.home-player iframe{height:420px;}}
@media (max-width:700px){.home-player iframe{height:320px;}}


.social-block{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
  margin-top:34px; /* больше воздуха после блока бонусов */
}
.social-title{
  font-size:28px; /* как "Лучшие бонусы для казино" */
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#fff;
  opacity:.9;
}
.social-links{display:flex;gap:18px;margin-top:8px;}
.social-btn{
  width:96px;height:96px;border-radius:22px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg, rgba(20,20,31,.95), rgba(10,14,20,.95));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 10px 35px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.03);
  transition:.22s ease;position:relative;overflow:hidden;
}
.social-btn img{width:42px;height:42px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));}
.social-btn:hover{transform:translateY(-4px) scale(1.03);}
.social-btn.tg:hover{box-shadow:0 0 40px rgba(0,170,255,.35);}
.social-btn.kick:hover{box-shadow:0 0 40px rgba(83,252,24,.28);}


/* Home socials (telegram/kick) */
.social-block{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
  margin-top:34px;
}

.social-title{
  font-size:28px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#fff;
  opacity:.9;
}

.social-links{
  display:flex;
  justify-content:center;
  gap:18px;
  margin-top:8px;
}

.social-btn{
  width:96px;
  height:96px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(145deg, rgba(20,20,31,.95), rgba(10,14,20,.95));
  border:1px solid rgba(255,255,255,.06);
  box-shadow: 0 10px 35px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.03);
  transition: .22s ease;
  position:relative;
  overflow:hidden;
}

.social-btn::before{
  content:"";
  position:absolute;
  inset:-40%;
  background: radial-gradient(circle, rgba(255,255,255,.10), transparent 55%);
  transform: translate(-35%, -35%);
  opacity:.55;
}

.social-btn img{
  width:40px;
  height:40px;
  filter: drop-shadow(0 6px 10px rgba(0,0,0,.45));
  position:relative;
  z-index:1;
}

.social-btn:hover{
  transform: translateY(-4px) scale(1.03);
  border-color: rgba(255,255,255,.10);
}

.social-btn.tg:hover{
  box-shadow: 0 0 40px rgba(0,170,255,.35), 0 10px 35px rgba(0,0,0,.55);
}

.social-btn.kick:hover{
  box-shadow: 0 0 40px rgba(83,252,24,.28), 0 10px 35px rgba(0,0,0,.55);
}



/* Plinko canvas should fill the panel on mobile */
@media (max-width: 640px){
  #plinko-canvas{ width:100% !important; height:100% !important; }

  /* Dice: keep stats in a single row on mobile even without utility CSS */
  #dice-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  #dice-stats > div{padding-left:6px;padding-right:6px}
  #dice-stats .text-xs{font-size:11px}
  #dice-stats .font-bold{font-weight:800}

  /* Tickets: make segment buttons and table match desktop layout better */
  .ticket-segment{display:flex;justify-content:center;gap:10px;padding:6px}
  .ticket-segment button{flex:1;max-width:220px;text-align:center}
  .ticket-table{width:100%;max-width:520px;margin:0 auto}
  .ticket-row{grid-template-columns:72px 1fr 96px}
  .ticket-count{padding-right:0;justify-self:end}
}

/* Mobile topbar: balance centered, withdraw next to it, notifications left, profile right */
@media (max-width: 640px){
  header.topbar{height:56px;padding-left:12px!important;padding-right:12px!important}
  header.topbar .topbar-center{left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;gap:8px}
  header.topbar .topbar-center .topchip{padding:6px 10px;border-radius:14px}
  header.topbar .topbar-center .btn-primary{padding:6px 10px;border-radius:14px}
  header.topbar > .flex.items-center.gap-2.ml-auto{
    position:absolute!important;
    right:12px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:auto!important;
    justify-content:flex-end!important;
    gap:10px!important;
    pointer-events:auto!important;
  }
  /* Hide extra mobile logout icon to reduce clutter */
  header.topbar a.md\:hidden{display:none!important}
}


/* ===== Premium refresh / LEANGUY-inspired shell ===== */
:root{
  --premium-surface:rgba(11,14,22,.82);
  --premium-surface-2:rgba(255,255,255,.03);
  --premium-border:rgba(255,255,255,.08);
  --premium-blue:rgba(139,92,246,.18);
}
.topbar{
  position:sticky;top:0;
  background:rgba(10,12,18,.72);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.05);
  box-shadow:0 1px 0 rgba(255,255,255,.03), 0 12px 40px rgba(0,0,0,.22);
}
.topchip,.btn-primary,.icon-btn,.dropdown-panel,.site-footer,.dock-link,.feature-card,.game-card-minimal,.admin-hero,.games-hero,.home-hero,.home-stream-card{
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.topchip{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.06);
  border-radius:18px;
  padding:10px 14px;
  box-shadow:0 10px 26px rgba(0,0,0,.22);
}
.btn-primary,.btn-secondary{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border-radius:18px;padding:12px 18px;font-weight:800;letter-spacing:.01em;
  transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}
.btn-primary{background:linear-gradient(180deg,#8b5cf6,#7c3aed); color:#fff; box-shadow:0 16px 36px rgba(139,92,246,.22); border:1px solid rgba(167,139,250,.2)}
.btn-primary:hover{transform:translateY(-1px); box-shadow:0 20px 40px rgba(139,92,246,.28)}
.btn-primary--wide{width:100%}
.btn-secondary{background:rgba(255,255,255,.04); color:#fff; border:1px solid rgba(255,255,255,.08)}
.btn-secondary:hover{background:rgba(255,255,255,.07); transform:translateY(-1px)}
.icon-btn{width:44px;height:44px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}
.icon-btn:hover{background:rgba(255,255,255,.07);box-shadow:0 10px 28px rgba(0,0,0,.24)}
.dropdown-panel{position:absolute;right:0;top:calc(100% + 12px);background:rgba(14,16,23,.92);border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:0 18px 42px rgba(0,0,0,.45);overflow:hidden}
.dropdown-item,.dropdown-link{color:rgba(233,238,249,.75);transition:all .18s ease}
.dropdown-item:hover,.dropdown-link:hover{color:#fff;background:rgba(255,255,255,.04)}
.site-footer{border-top:1px solid rgba(255,255,255,.05);background:rgba(9,12,18,.78)}
.site-footer__inner{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.site-footer__brand{font-weight:900;letter-spacing:.12em;font-size:11px;color:rgba(233,238,249,.9)}
.site-footer__links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.site-footer__link{background:none;border:none;color:rgba(233,238,249,.62);font-size:12px;cursor:pointer;text-decoration:none}
.site-footer__link:hover{color:#fff}
.rules-gate{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:16px}
.rules-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px)}
.rules-card{position:relative;z-index:2;width:min(640px,100%);background:linear-gradient(180deg,rgba(17,20,28,.98),rgba(10,13,19,.98));border:1px solid rgba(255,255,255,.08);border-radius:30px;box-shadow:0 24px 80px rgba(0,0,0,.55);padding:28px}
.rules-card--wide{width:min(760px,100%)}
.rules-card__icon{width:56px;height:56px;border-radius:20px;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.22);display:flex;align-items:center;justify-content:center;color:#a78bfa;font-size:26px;margin-bottom:18px}
.rules-card__title{font-size:28px;font-weight:900;letter-spacing:-.03em;color:#fff;margin-bottom:14px}
.rules-card__text{color:rgba(233,238,249,.72);font-size:14px;line-height:1.7}
.rules-list{margin:0;padding-left:18px;display:grid;gap:10px}
.rules-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px;flex-wrap:wrap}
.smart-toast{min-width:310px;max-width:420px;border:1px solid rgba(255,255,255,.08);border-radius:22px;display:flex;gap:12px;padding:14px 16px;box-shadow:0 18px 34px rgba(0,0,0,.3)}
.smart-toast__icon{width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.smart-toast__title{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.54);margin-bottom:4px}
.smart-toast__message{font-size:14px;line-height:1.35;color:#fff;font-weight:600}
.user-badge-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.24);color:#a78bfa}
.user-badge-chip--large{font-size:11px;padding:7px 12px}
.admin-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:rgba(165,173,190,.78);font-weight:800}
.admin-title{font-size:clamp(30px,4vw,42px);line-height:1.05;font-weight:900;letter-spacing:-.04em;color:#fff;margin-top:10px}
.admin-subtitle{font-size:14px;line-height:1.7;color:rgba(233,238,249,.68);max-width:740px;margin-top:10px}
.admin-hero__row,.games-hero__row{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;flex-wrap:wrap}
.admin-orb{width:72px;height:72px;border-radius:26px;background:radial-gradient(circle at 30% 30%,rgba(167,139,250,.28),rgba(139,92,246,.08));border:1px solid rgba(139,92,246,.16);display:flex;align-items:center;justify-content:center;font-size:32px;color:#a78bfa;box-shadow:0 20px 40px rgba(139,92,246,.12)}
.admin-note{font-size:12px;color:rgba(233,238,249,.56)}
.admin-input{width:100%;background:rgba(0,0,0,.24)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px;padding:14px 16px;color:#fff!important}
.admin-chip{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700}
.admin-chip--blue{background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.22);color:#a78bfa}
.admin-chip--green{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22);color:#86efac}
.table-shell{overflow:auto}
.games-hero__stats{display:flex;gap:12px;flex-wrap:wrap}
.games-kpi{min-width:112px;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px}
.games-kpi span{font-size:26px;font-weight:900;color:#fff}
.games-kpi small{font-size:11px;color:rgba(233,238,249,.56);text-transform:uppercase;letter-spacing:.14em}
.game-card-minimal{border:none;text-align:left;padding:22px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);box-shadow:0 18px 36px rgba(0,0,0,.24);display:flex;flex-direction:column;gap:18px;cursor:pointer;transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.game-card-minimal:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(0,0,0,.32)}
.game-card-minimal__top{display:flex;align-items:center;justify-content:space-between}
.game-card-minimal__icon{width:62px;height:62px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff}
.game-card-minimal__arrow{color:rgba(255,255,255,.34);font-size:20px}
.game-card-minimal__body h3{margin:0 0 10px;color:#fff;font-size:24px;font-weight:900;letter-spacing:-.03em}
.game-card-minimal__body p{margin:0;color:rgba(233,238,249,.68);line-height:1.65;font-size:14px}
.game-card-minimal__tags{display:flex;gap:8px;flex-wrap:wrap}
.game-card-minimal__tags span{font-size:11px;font-weight:700;color:rgba(233,238,249,.78);padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}
.game-card-minimal--blue .game-card-minimal__icon{background:rgba(139,92,246,.14);border-color:rgba(139,92,246,.2);color:#a78bfa}
.game-card-minimal--violet .game-card-minimal__icon{background:rgba(147,51,234,.14);border-color:rgba(147,51,234,.2);color:#d8b4fe}
.game-card-minimal--cyan .game-card-minimal__icon{background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.2);color:#a5f3fc}
.game-card-minimal--emerald .game-card-minimal__icon{background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.2);color:#86efac}
.home-dashboard{position:relative}
.home-hero__grid{display:grid;grid-template-columns:1.2fr .9fr;gap:22px;align-items:stretch}
.home-hero__title{font-size:clamp(32px,4.8vw,54px);line-height:.96;letter-spacing:-.05em;font-weight:900;color:#fff;margin:14px 0 14px}
.home-hero__text{max-width:720px;color:rgba(233,238,249,.7);font-size:15px;line-height:1.75}
.home-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.home-pill-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.dock-link{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);text-decoration:none;color:#fff}
.dock-link img{width:16px;height:16px;object-fit:contain}
.live-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(233,238,249,.7)}
.live-dot{width:8px;height:8px;border-radius:999px;background:#a78bfa;box-shadow:0 0 16px #a78bfa;animation:livePulse 1.4s ease-in-out infinite}
.home-stream-card{border:1px solid rgba(255,255,255,.07);border-radius:28px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
.home-stream-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.home-stream-card__title{font-size:20px;font-weight:800;color:#fff}
.home-stream-card__badge{padding:7px 10px;border-radius:999px;background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.22);color:#fecaca;font-size:11px;font-weight:900;letter-spacing:.12em}
.home-player--compact{margin:0}
.feature-card{padding:22px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.07);box-shadow:0 16px 32px rgba(0,0,0,.24)}
.feature-card__icon{width:52px;height:52px;border-radius:18px;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.22);display:flex;align-items:center;justify-content:center;color:#a78bfa;font-size:24px;margin-bottom:18px}
.feature-card h3{margin:0 0 8px;font-size:20px;font-weight:900;color:#fff;letter-spacing:-.02em}
.feature-card p{margin:0;color:rgba(233,238,249,.66);line-height:1.65;font-size:14px}
@media (max-width: 980px){
  .home-hero__grid{grid-template-columns:1fr}
}
@media (max-width: 768px){
  .site-footer__inner{padding:14px 16px}
  .rules-card{padding:22px}
  .admin-title,.home-hero__title{line-height:1.02}
  .smart-toast{min-width:unset;width:min(100%,360px)}
}

.project-card-minimal{display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);box-shadow:0 18px 36px rgba(0,0,0,.24)}
.project-card-minimal__top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.project-card-minimal__logo-wrap{width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;padding:12px}
.project-card-minimal__logo{max-width:100%;max-height:100%;object-fit:contain}
.project-card-minimal__body h3{margin:0 0 10px;font-size:24px;font-weight:900;letter-spacing:-.03em;color:#fff}
.project-card-minimal__body p{margin:0;color:rgba(233,238,249,.68);font-size:14px;line-height:1.7}
.project-card-minimal__promo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.08)}
.project-copy-btn{width:42px;height:42px;border:none;border-radius:16px;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.2);color:#a78bfa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}
.project-copy-btn:hover{background:rgba(139,92,246,.18)}

/* === v3 shell cleanup === */
body{background:#05070a;color:#f5f7fb}
#main-sidebar{display:none!important}
.app-main{padding-top:128px;min-height:100dvh}
.topbar{background:rgba(5,7,10,.94)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid rgba(255,255,255,.06)!important;position:fixed!important;top:0!important;left:0!important;right:0!important;height:64px!important;box-shadow:none!important}
.topbar .top-strip{display:none!important}
.topbar-left{display:flex;align-items:center;min-width:160px;position:relative;z-index:5}
.topbar-brand{display:inline-flex;align-items:center;padding:0;background:none;border:0}
.topbar-brand__logo{height:30px;width:auto;object-fit:contain;display:block}
.topbar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px}
.topbar-actions{position:relative;z-index:5}
.site-topnav{position:fixed;top:64px;left:0;right:0;z-index:1900;background:rgba(5,7,10,.98);border-bottom:1px solid rgba(255,255,255,.06)}
.site-topnav__inner{max-width:1440px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px}
.site-topnav__brand{display:none;background:none;border:0;padding:0}
.site-topnav__logo{height:28px;width:auto;display:block}
.site-topnav__nav{display:flex;align-items:center;gap:10px;overflow:auto;padding-bottom:2px;scrollbar-width:none}
.site-topnav__nav::-webkit-scrollbar{display:none}
.site-topnav__link{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;height:42px;padding:0 16px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);color:rgba(236,240,248,.72);font-size:14px;font-weight:700;transition:all .18s ease;text-decoration:none}
.site-topnav__link i{font-size:18px}
.site-topnav__link:hover{background:rgba(255,255,255,.065);color:#fff;border-color:rgba(255,255,255,.1)}
.site-topnav__link.nav-active,.site-topnav__link.text-white{background:linear-gradient(180deg,rgba(139,92,246,.24),rgba(139,92,246,.14));border-color:rgba(139,92,246,.36);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.site-topnav__link--admin{color:#a78bfa}
.site-topnav__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff5454;color:#fff;font-size:11px;font-weight:800}
.card-glass,.glass,.dropdown-panel,.site-footer,.dock-link,.feature-card,.game-card-minimal,.admin-hero,.games-hero,.home-hero,.home-stream-card,.table-shell{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.018))!important;border-color:rgba(255,255,255,.08)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 18px 48px rgba(0,0,0,.28)!important}
.home-dashboard{max-width:1280px}
.home-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:22px;align-items:stretch}
.home-stream-card{padding:18px;min-height:100%}
.home-stream-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.home-player{border-radius:24px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);overflow:hidden;padding:10px}
.home-player-inner{position:relative;padding-top:62%;border-radius:18px;overflow:hidden;background:#05070a}
.home-player-inner iframe{position:absolute;inset:0;width:100%;height:100%}
.home-hero__title{max-width:760px}
.feature-card{display:none!important}
#app{padding-left:20px!important;padding-right:20px!important;padding-bottom:24px!important}

/* Referral currency dropdown compact fix */
#ref-currency-trigger{padding:12px 14px;min-height:54px;}
#ref-currency-trigger .picker-trigger__left{gap:10px;flex:1;min-width:0;}
#ref-currency-trigger-icon{width:30px;height:30px;border-radius:10px;flex-shrink:0;}
#ref-currency-trigger-label{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.15;}
#ref-currency-dropdown{z-index:220!important;min-width:100%;}
#ref-currency-dropdown .p-2{padding:8px!important;}
#ref-currency-dropdown .picker-option{padding:10px 12px;border-radius:16px;gap:10px;align-items:center;}
#ref-currency-dropdown .picker-option__left{gap:10px;flex:1;min-width:0;}
#ref-currency-dropdown .picker-option__left img{width:28px;height:28px;border-radius:10px;flex-shrink:0;}
#ref-currency-dropdown .picker-option__left span{display:block;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.2;}
#ref-currency-dropdown .picker-option i{flex-shrink:0;font-size:16px;}

@media (max-width: 1024px){
  .app-main{padding-top:120px}
  .home-hero__grid{grid-template-columns:1fr}
}
@media (max-width: 768px){
  .app-main{padding-top:112px}
  .site-topnav__inner{padding:10px 12px}
  .site-topnav__link{height:38px;padding:0 13px;font-size:13px;border-radius:12px}
  .topbar-left{min-width:auto}
  .topbar-brand__logo{height:24px}
  #app{padding-left:14px!important;padding-right:14px!important;padding-bottom:92px!important}
}
@media (max-width: 640px){
  .topbar{height:56px!important}
  .site-topnav{top:56px}
  .app-main{padding-top:104px}
  .site-topnav__brand{display:none}
  .topbar-center{left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;gap:8px}
  .topbar-center .topchip:first-child{display:none!important}
}

/* ===== v4 layout overrides ===== */
.topbar{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  padding:0 18px!important;
  height:72px!important;
  background:#06080c!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.topbar-left{min-width:auto!important;flex:0 0 auto!important}
.topbar-center--nav{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  justify-content:center!important;
}
.topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto;position:relative;z-index:5}
.site-topnav__nav{display:flex;align-items:center;gap:10px;overflow:auto;justify-content:center;width:100%;scrollbar-width:none}
.site-topnav__nav::-webkit-scrollbar{display:none}
.site-topnav__link{height:42px;padding:0 15px;border-radius:14px;background:#0d1118;border:1px solid rgba(255,255,255,.07);color:rgba(236,240,248,.78);font-size:14px;font-weight:800;box-shadow:none;flex:0 0 auto}
.site-topnav__link.nav-active,.site-topnav__link.text-white{background:linear-gradient(180deg,rgba(139,92,246,.22),rgba(139,92,246,.10));border-color:rgba(139,92,246,.34)}
.site-topnav__link:hover{background:#111723;border-color:rgba(255,255,255,.1)}
#app{padding-top:96px!important;padding-left:24px!important;padding-right:24px!important}
.card-glass,.glass,.dropdown-panel,.site-footer,.dock-link,.feature-card,.game-card-minimal,.admin-hero,.games-hero,.home-hero,.home-stream-card,.table-shell{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 16px 34px rgba(0,0,0,.22)!important}
.home-hero,.games-hero,.admin-hero{background:linear-gradient(180deg,rgba(16,18,24,.98),rgba(10,12,18,.96))!important}
#global-loader .blur-3xl{display:none!important}
.site-footer{background:#07090d!important;border-top:1px solid rgba(255,255,255,.06)!important}

.profile-hero{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
.wallet-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wallet-stat-card{border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.08);padding:20px}
.bonus-stack{display:grid;gap:16px}
.bonus-lot-card{border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.08);padding:18px}
.bonus-lot-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.bonus-lot-card__meta h4{margin:0;font-size:18px;font-weight:900;color:#fff}
.bonus-lot-card__meta p{margin:6px 0 0;color:rgba(233,238,249,.62);font-size:13px}
.bonus-lot-card__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.bonus-mini-stat{border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:12px}
.bonus-mini-stat span{display:block;color:rgba(233,238,249,.56);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.bonus-mini-stat strong{display:block;margin-top:6px;color:#fff;font-size:20px;font-weight:900}
.bonus-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:16px}
.bonus-progress > div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#a78bfa)}
.btn-danger-soft{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;border-radius:14px;background:rgba(255,84,84,.1);border:1px solid rgba(255,84,84,.22);color:#ff9d9d;font-size:12px;font-weight:800}
.btn-danger-soft:hover{background:rgba(255,84,84,.16)}
.project-inline-logo{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:9px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.project-inline-logo img{width:100%;height:100%;object-fit:contain}

.games-shell{max-width:1180px;margin:0 auto;padding:4px 0 24px}
.games-shell__top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.games-tabs{display:inline-flex;gap:8px;padding:6px;border-radius:22px;background:#10131a;border:1px solid rgba(255,255,255,.06)}
.games-tab{height:42px;padding:0 18px;border-radius:16px;background:transparent;color:rgba(255,255,255,.56);border:0;font-weight:800;display:inline-flex;align-items:center;gap:8px}
.games-tab.is-active{background:rgba(217,181,65,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(217,181,65,.16)}
.games-balance-chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:14px;background:rgba(217,181,65,.08);border:1px solid rgba(217,181,65,.16);color:#f0d67a;font-weight:900}
.game-stage{display:grid;grid-template-columns:340px 1fr;gap:0;overflow:hidden;border-radius:28px;background:#181818;border:1px solid rgba(255,255,255,.06);min-height:560px}
.game-stage__panel{padding:24px;border-right:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))}
.game-stage__canvas{position:relative;padding:24px;display:flex;align-items:center;justify-content:center}
.game-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.game-chip-btn{height:34px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.62);font-weight:800;font-size:12px}
.game-gold-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:62px;border-radius:18px;background:linear-gradient(180deg,#d7b341,#c9a431);color:#fff;font-weight:900;font-size:18px;letter-spacing:.01em;box-shadow:0 12px 26px rgba(201,164,49,.22)}
.game-gold-btn:hover{filter:brightness(1.05)}
.game-panel-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.44);font-weight:800;margin-bottom:8px}
.game-panel-input{width:100%;height:48px;padding:0 16px;border-radius:16px;background:#16110a;border:1px solid rgba(217,181,65,.12);color:#fff;font-size:18px;font-weight:800;outline:none}
.game-panel-grid{display:grid;gap:12px}
.game-status-pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.62);font-weight:700}
.admin-modal-panel{width:min(560px,92vw);border-radius:28px;background:#281d15;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 60px rgba(0,0,0,.46)}
.admin-modal-panel .admin-input{height:48px;border-radius:16px}

@media (max-width: 1200px){
  .site-topnav__link span{font-size:13px}
}
@media (max-width: 980px){
  .topbar{height:64px!important;padding:0 12px!important;gap:10px!important}
  .topbar-center--nav{justify-content:flex-start!important}
  .site-topnav__nav{justify-content:flex-start}
  .topbar-right{gap:8px}
  #app{padding-top:88px!important;padding-left:16px!important;padding-right:16px!important}
  .wallet-summary-grid,.bonus-lot-card__grid,.game-stage{grid-template-columns:1fr}
  .game-stage__panel{border-right:0;border-bottom:1px solid rgba(255,255,255,.05)}
}
@media (max-width: 640px){
  .topbar-brand__logo{height:22px!important}
  .site-topnav__link{height:38px;padding:0 12px;font-size:13px;border-radius:12px}
  .topbar-right .topchip:first-child{display:none!important}
  .topbar-right .btn-primary{padding:8px 10px!important;border-radius:14px!important}
  .topbar-actions{margin-left:0!important}
  .profile-hero{grid-template-columns:1fr;text-align:center}
}


/* ===== v5 layout cleanup ===== */
body{background:#04070b!important}
#main-sidebar{display:flex!important;width:272px!important;background:linear-gradient(180deg,#06090e 0%,#05080d 100%)!important;border-right:1px solid rgba(255,255,255,.06)!important;position:fixed;left:0;top:0;bottom:0;z-index:2100}
#main-sidebar .header-sidebar{height:72px!important;padding:0 18px!important;background:transparent!important}
#main-sidebar nav a{height:46px!important;border:1px solid rgba(255,255,255,.04)!important;background:rgba(255,255,255,.02)!important;color:rgba(225,230,240,.72)!important}
#main-sidebar nav a:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}
#main-sidebar nav a.nav-active{background:linear-gradient(180deg,rgba(31,92,193,.28),rgba(31,92,193,.16))!important;border-color:rgba(72,133,235,.30)!important;color:#fff!important}
.sidebar-collapse-btn,.sidebar-toggle-btn{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:#f5f5f7}
.topbar{left:272px!important;right:0!important;height:72px!important;padding:0 18px!important;display:flex!important;justify-content:flex-end!important;background:#06090e!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.topbar-left{display:flex;align-items:center;gap:10px;margin-right:auto}
.topbar-brand--mobile{display:none}
.topbar-center,.topbar-center--nav,.site-topnav,.site-topnav__nav{display:none!important}
.app-main{margin-left:272px;min-height:100dvh;padding-top:72px!important}
#app{padding-top:22px!important;padding-left:18px!important;padding-right:18px!important;padding-bottom:20px!important}
.home-dashboard,.games-shell,.fade-in.max-w-6xl,.fade-in.max-w-7xl{max-width:1180px!important}
.page-section-title{font-size:34px;line-height:1.05;font-weight:900;color:#fff;letter-spacing:-.03em}
.compact-home-grid{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:stretch}
.compact-home-actions{display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.compact-action-row{display:flex;gap:12px;flex-wrap:wrap}
.games-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.games-hub-card{height:138px;border-radius:24px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:18px;transition:transform .16s ease,border-color .2s ease,background .2s ease}
.games-hub-card:hover{transform:translateY(-2px);border-color:rgba(93,146,238,.34);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(17,55,117,.08))}
.games-hub-card__icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#fff;font-size:24px}
.games-hub-card__name{font-size:20px;font-weight:900;color:#fff}
.games-hero,.home-hero{display:none!important}
.feature-card{display:none!important}
.site-footer{padding-left:18px!important;padding-right:18px!important}
.site-footer__inner{max-width:1180px!important}
body.sidebar-collapsed #main-sidebar{width:90px!important}
body.sidebar-collapsed .app-main{margin-left:90px!important}
body.sidebar-collapsed .topbar{left:90px!important}
@media (max-width: 1024px){
  #main-sidebar{display:none!important}
  .app-main{margin-left:0!important;padding-top:64px!important}
  .topbar{left:0!important;height:64px!important;padding:0 12px!important}
  .topbar-brand--mobile{display:flex!important}
  .topbar-left{gap:8px}
  #app{padding-top:16px!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:90px!important}
  .compact-home-grid{grid-template-columns:1fr}
}

/* ===== v6 layout + jackpot polish ===== */
.sidebar-toggle-btn--mobile{display:none}
#main-sidebar .sidebar-collapse-btn{display:flex}
.topbar{justify-content:space-between!important}
.topbar-left{flex:0 0 auto!important;min-width:auto!important}
.topbar-center{display:flex!important;align-items:center;gap:12px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4}
.topbar-right{display:none!important}
.topbar-actions{margin-left:auto!important;position:relative;z-index:5}
.topbar .btn-primary.topbar-withdraw{height:42px;padding:0 20px;border-radius:16px;font-size:13px;letter-spacing:.02em}
.topchip{height:42px;padding:0 16px;display:inline-flex;align-items:center;border-radius:16px;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.07)!important}
.topchip--tickets{min-width:76px;justify-content:center}
.topchip--balance{min-width:132px;justify-content:center}
#app{padding-top:18px!important}
.home-dashboard{max-width:1240px!important}
.home-shell{background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.014))!important}
.home-main-grid{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:stretch}
.home-main-left{display:flex;flex-direction:column;gap:18px;justify-content:space-between}
.home-mini-kicker{display:inline-flex;align-items:center;justify-content:center;width:max-content;height:30px;padding:0 12px;border-radius:999px;background:rgba(124,58,237,.14);border:1px solid rgba(124,58,237,.2);color:#a78bfa;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.home-quick-grid{display:grid;grid-template-columns:1fr;gap:12px}
.home-quick-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);transition:transform .16s ease,border-color .16s ease,background .16s ease;text-align:left}
.home-quick-card:hover{transform:translateY(-1px);border-color:rgba(139,92,246,.3);background:rgba(15,31,58,.5)}
.home-quick-card i{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.22);color:#a78bfa;font-size:22px;flex:0 0 auto}
.home-quick-card__title{font-size:18px;font-weight:900;color:#fff;line-height:1.1}
.home-quick-card__sub{font-size:13px;color:rgba(255,255,255,.5);margin-top:4px}
.home-stream-card--wide{min-height:420px}
.home-player--wide .home-player-inner{aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#07090d}
.home-player--wide iframe{width:100%;height:100%}
.games-hub{max-width:1200px!important}
.games-hub-grid--rich{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.games-hub-card--rich{min-height:148px;display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:20px;border-radius:26px}
.games-hub-card__body{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.games-hub-card__sub{font-size:13px;color:rgba(255,255,255,.48);font-weight:600;line-height:1.35;text-align:left}
.games-hub-card__arrow{width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:#a6a6b4}

.jackpot-page{max-width:1280px!important}
.jackpot-shell{border-radius:30px;padding:24px;background:linear-gradient(180deg,#2c2015,#221811);border:1px solid rgba(255,255,255,.07);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.jackpot-shell__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.jackpot-shell__title-wrap{display:flex;align-items:center;gap:14px}
.jackpot-shell__icon{width:54px;height:54px;border-radius:18px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.22);display:flex;align-items:center;justify-content:center;color:#a78bfa;font-size:24px}
.jackpot-shell__title{font-size:30px;line-height:1.05;color:#fff;font-weight:900;letter-spacing:-.03em}
.jackpot-shell__sub{font-size:14px;color:rgba(255,255,255,.5);margin-top:4px}
.jackpot-back-btn{height:44px;padding:0 18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);display:inline-flex;align-items:center;gap:10px;color:#f5f5f7;font-weight:800}
.jackpot-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.jackpot-stat-card{border-radius:22px;padding:18px 20px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.07)}
.jackpot-stat-card--accent{border-color:rgba(133,215,88,.3);box-shadow:inset 0 0 0 1px rgba(133,215,88,.12)}
.jackpot-stat-card--timer{border-color:rgba(75,136,245,.24)}
.jackpot-stat-card__label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.44);font-weight:800;margin-bottom:8px}
.jackpot-stat-card__value{font-size:34px;line-height:1;color:#fff;font-weight:900}
.jackpot-players-strip{display:flex;gap:10px;overflow:auto;padding-bottom:4px;margin-bottom:16px}
.jackpot-player-chip{min-width:140px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.jackpot-player-chip__avatar,.jackpot-participant-row__avatar,.jackpot-reel__avatar{width:48px;height:48px;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#2c2015;border:1px solid rgba(255,255,255,.06);color:#fff;font-weight:900;flex:0 0 auto}
.jackpot-player-chip__avatar img,.jackpot-participant-row__avatar img,.jackpot-reel__avatar img{width:100%;height:100%;object-fit:cover;display:block}
.jackpot-player-chip__name{color:#fff;font-weight:800;font-size:14px;line-height:1.1;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jackpot-player-chip__chance{font-size:12px;color:#a78bfa;margin-top:4px;font-weight:800}
.jackpot-reel{position:relative;border-radius:26px;padding:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);margin-bottom:18px;overflow:hidden;min-height:126px}
.jackpot-reel__viewport{overflow:hidden;position:relative}
.jackpot-reel__track{display:flex;gap:12px;align-items:center;will-change:transform;transform:translate3d(0,0,0)}
.jackpot-reel__tile{width:86px;height:86px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);flex:0 0 auto}
.jackpot-reel__avatar{width:72px;height:72px;border-radius:20px}
.jackpot-reel__tile.is-winner{box-shadow:0 0 0 2px rgba(139,92,246,.6),0 18px 40px rgba(139,92,246,.28);background:rgba(139,92,246,.12)}
.jackpot-reel__center{position:absolute;left:50%;top:10px;bottom:10px;width:3px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,#62d44a 18%,#62d44a 82%,transparent);border-radius:999px;z-index:3;box-shadow:0 0 0 1px rgba(98,212,74,.18)}
.jackpot-reel__center::before,.jackpot-reel__center::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent}
.jackpot-reel__center::before{top:-4px;border-top:none;border-bottom:12px solid #83de5f}
.jackpot-reel__center::after{bottom:-4px;border-bottom:none;border-top:12px solid #83de5f}
.jackpot-reel--empty{display:flex;align-items:center;justify-content:center}
.jackpot-reel__empty-text,.jackpot-empty-note{color:rgba(255,255,255,.42);font-weight:700}
.jackpot-bottom-grid{display:grid;grid-template-columns:320px 1fr;gap:16px}
.jackpot-bet-panel,.jackpot-participants-panel{border-radius:24px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);padding:18px}
.jackpot-bet-panel{display:flex;flex-direction:column;gap:12px;justify-content:center}
.jackpot-bet-panel__label,.jackpot-participants-panel__title{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.44);font-weight:800}
.jackpot-bet-panel__input{height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#1e150d;padding:0 16px;color:#fff;font-size:18px;font-weight:800;outline:none}
.jackpot-bet-panel__btn{height:54px;border-radius:18px;background:linear-gradient(180deg,#8b5cf6,#7c3aed);color:#fff;font-size:18px;font-weight:900;letter-spacing:.01em}
.jackpot-bet-panel__hint{font-size:12px;color:rgba(255,255,255,.45)}
.jackpot-participants-panel__list{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:4px}
.jackpot-participant-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-radius:18px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.05)}
.jackpot-participant-row__left{display:flex;align-items:center;gap:12px;min-width:0}
.jackpot-participant-row__name{color:#fff;font-size:16px;font-weight:900;line-height:1.1}
.jackpot-participant-row__tickets{font-size:13px;color:rgba(255,255,255,.45);margin-top:4px}
.jackpot-participant-row__chance{font-size:20px;color:#a78bfa;font-weight:900;white-space:nowrap}

@media (max-width: 1024px){
  #main-sidebar .sidebar-collapse-btn{display:none!important}
  .sidebar-toggle-btn--mobile{display:flex!important}
  .topbar-left{display:flex!important;align-items:center;gap:8px}
  .topbar-center{gap:8px}
  .topchip{height:38px;padding:0 12px}
  .topchip--tickets{display:none!important}
  .home-main-grid{grid-template-columns:1fr}
  .jackpot-stats-grid,.jackpot-bottom-grid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .topbar-center{left:50%!important;transform:translate(-50%,-50%)!important;gap:6px}
  .topchip--balance{min-width:0;padding:0 10px}
  .topbar .btn-primary.topbar-withdraw{height:38px;padding:0 12px;border-radius:14px}
  .home-quick-card{padding:14px}
  .home-quick-card__title{font-size:16px}
  .jackpot-shell{padding:16px}
  .jackpot-shell__header{align-items:flex-start;flex-direction:column}
  .jackpot-shell__title{font-size:24px}
  .jackpot-stat-card__value{font-size:28px}
  .jackpot-reel__tile{width:74px;height:74px;border-radius:18px}
  .jackpot-reel__avatar{width:60px;height:60px;border-radius:16px}
}


/* ===== v7 fixes ===== */
.dropdown-panel{background:#221811!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 24px 56px rgba(0,0,0,.48)!important}
#notif-dropdown{background:#221811!important;border-color:rgba(255,255,255,.08)!important}
#notif-dropdown .dropdown-link{color:rgba(255,255,255,.8)!important}
.smart-toast{background:#121824!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 24px 48px rgba(0,0,0,.45)!important}
.smart-toast.success{background:linear-gradient(180deg,#121b27,#101722)!important}
.smart-toast.error{background:linear-gradient(180deg,#231419,#1a1115)!important}
.home-main-grid--balanced{grid-template-columns:minmax(0,1.15fr) 360px!important}
.home-main-left--compact{gap:14px!important;justify-content:flex-start!important}
.home-quick-grid--compact{grid-template-columns:1fr!important}
@media (max-width: 1024px){
  .home-main-grid--balanced{grid-template-columns:1fr!important}
}
.jackpot-player-chip{min-width:182px!important}
.jackpot-player-chip__name{max-width:116px!important}
.jackpot-player-chip__chance{line-height:1.35!important}
.jackpot-participant-row__tickets{line-height:1.4!important}
.jackpot-reel__viewport{padding:4px 0}
.jackpot-reel__track{gap:14px!important}
.jackpot-reel__tile{width:94px!important;height:94px!important}
.jackpot-reel__avatar{width:80px!important;height:80px!important}
.jackpot-reel__center{width:4px!important}
.mines-page{max-width:1160px!important}
.mines-header-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.mines-back-btn{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:#fff}
/* === Unified Game Bet Panel === */
.game-layout{display:flex;flex-direction:column;gap:24px;max-width:1180px;margin:0 auto;padding:24px 16px;user-select:none}
@media(min-width:1024px){.game-layout{flex-direction:row;align-items:flex-start}}
.game-bet-panel{width:100%;flex-shrink:0;background:#281d15;border:1px solid rgba(255,255,255,.06);border-radius:28px;padding:22px;display:flex;flex-direction:column;gap:20px;box-shadow:0 18px 48px rgba(0,0,0,.28)}
@media(min-width:1024px){.game-bet-panel{width:300px}}
.game-bet-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.32);margin-bottom:8px}
.game-bet-input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:13px 16px;color:#fff;font-size:15px;font-weight:700;font-family:'Inter',monospace;outline:none;transition:border-color .2s ease,background .2s ease}
.game-bet-input:focus{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.game-bet-input::-webkit-inner-spin-button,.game-bet-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.game-bet-input[type=number]{-moz-appearance:textfield}
.game-bet-mult-btn{min-width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.05);border:none;color:rgba(255,255,255,.5);font-size:12px;font-weight:800;cursor:pointer;transition:background .18s ease,color .18s ease;padding:0 8px}
.game-bet-mult-btn:hover{background:rgba(255,255,255,.1);color:#fff}
.game-play-btn{width:100%;padding:15px;border-radius:14px;background:#8b5cf6;color:#fff;font-weight:900;font-size:15px;text-transform:uppercase;letter-spacing:.02em;border:none;cursor:pointer;box-shadow:0 6px 20px rgba(124,58,237,.3);transition:transform .15s ease,filter .2s ease,background .2s ease;position:relative;overflow:hidden}
.game-play-btn:hover{background:#7c3aed}
.game-play-btn:active{transform:scale(.94);filter:brightness(1.1);transition-duration:.08s}
.game-play-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}
.game-play-btn::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,.25) 0%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.game-play-btn:active::after{opacity:1;transition-duration:.08s}
.game-board{width:100%;flex:1;position:relative;background:rgba(20,20,31,.94);border:1px solid rgba(255,255,255,.06);border-radius:20px;box-shadow:0 12px 32px rgba(0,0,0,.25);overflow:hidden;min-height:340px}
.game-stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:14px;font-size:13px}
.game-stat-row .label{color:rgba(255,255,255,.4);font-weight:700}
.game-stat-row .value{color:#fff;font-weight:800;font-family:monospace}
.game-select{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:13px 16px;color:#fff;font-size:14px;font-weight:700;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s ease}
.game-select:focus{border-color:rgba(255,255,255,.18)}
/* === End Unified Game Bet Panel === */

.mines-title{font-size:42px;line-height:1;color:#fff;font-weight:900;letter-spacing:-.04em}
.mines-shell{display:grid;grid-template-columns:320px 1fr;gap:18px;border-radius:30px;background:linear-gradient(180deg,#111720,#0d131b);border:1px solid rgba(255,255,255,.06);padding:18px;box-shadow:0 24px 48px rgba(0,0,0,.3)}
.mines-panel,.mines-board-wrap{border-radius:24px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:18px}
.mines-panel{display:flex;flex-direction:column;gap:14px}
.mines-label{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.48);font-weight:800;margin-bottom:8px}
.mines-input{width:100%;height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#1e150d;padding:0 16px;color:#fff;font-weight:800;outline:none}
.mines-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mines-stat-box{border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:14px}
.mines-stat-box span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.44);font-weight:800;margin-bottom:8px}
.mines-stat-box strong{font-size:28px;color:#fff;font-weight:900}
.mines-primary-btn,.mines-secondary-btn{height:54px;border-radius:18px;font-size:18px;font-weight:900;letter-spacing:.01em}
.mines-primary-btn{background:linear-gradient(180deg,#8b5cf6,#7c3aed);color:#fff}
.mines-secondary-btn{background:linear-gradient(180deg,#21c55d,#16a34a);color:#04100a}
.mines-hint{font-size:13px;line-height:1.5;color:rgba(255,255,255,.48)}
.mines-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;max-width:560px;width:100%;margin:0 auto}
.mines-cell{aspect-ratio:1/1;min-width:80px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#2c2015,#1e150d);display:flex;align-items:center;justify-content:center;color:#a78bfa;font-size:30px;font-weight:900;transition:transform .15s ease, background .15s ease, border-color .15s ease;cursor:pointer}
.mines-cell:hover{transform:translateY(-1px);border-color:rgba(139,92,246,.24)}
.mines-cell.is-safe{background:linear-gradient(180deg,#0c3f2c,#0a2f22);border-color:rgba(34,197,94,.3);color:#7ef0b0}
.mines-cell.is-mine{background:linear-gradient(180deg,#4a151b,#311015);border-color:rgba(239,68,68,.32);color:#ff9c9c}
.mines-cell:disabled{cursor:default}
.mines-glyph{display:inline-flex;align-items:center;justify-content:center;font-size:38px;line-height:1;filter:drop-shadow(0 4px 14px rgba(0,0,0,.22))}
.mines-glyph-safe{transform:translateY(1px)}
.mines-glyph-mine{font-size:34px}

@media (max-width: 1024px){
  .mines-shell{grid-template-columns:1fr}
}

.jackpot-result-banner{margin:16px 0 20px;padding:18px 20px;border-radius:26px;border:1px solid rgba(139,92,246,.20);background:linear-gradient(180deg,rgba(20,20,31,.985),rgba(14,14,24,.985));box-shadow:0 24px 54px rgba(0,0,0,.34);display:flex;align-items:flex-start;gap:16px;opacity:0;transform:translateY(8px) scale(.985);animation:jackpotResultIn .34s ease-out forwards}
.jackpot-result-banner__avatar{width:62px;height:62px;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#2c2015;border:1px solid rgba(255,255,255,.08);color:#fff;font-weight:900;flex:0 0 auto}
.jackpot-result-banner__avatar img{width:100%;height:100%;object-fit:cover;display:block}
.jackpot-result-banner__main{flex:1;min-width:0}
.jackpot-result-banner__eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#a78bfa;font-weight:800;margin-bottom:4px}
.jackpot-result-banner__title{font-size:24px;line-height:1.08;color:#fff;font-weight:900}
.jackpot-result-banner__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.jackpot-result-banner__stat{border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.jackpot-result-banner__stat span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.44);font-weight:800;margin-bottom:8px}
.jackpot-result-banner__stat strong{display:block;font-size:22px;line-height:1;color:#fff;font-weight:900}
.jackpot-result-banner__meta{margin-top:10px;font-size:14px;color:rgba(255,255,255,.72);font-weight:700}
@keyframes jackpotResultIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width: 768px){
  .jackpot-result-banner{padding:14px 15px;border-radius:20px;align-items:flex-start;flex-direction:column}
  .jackpot-result-banner__avatar{width:50px;height:50px;border-radius:16px}
  .jackpot-result-banner__title{font-size:18px}
  .jackpot-result-banner__stats{grid-template-columns:1fr}
  .jackpot-result-banner__stat strong{font-size:18px}
  .jackpot-result-banner__meta{font-size:13px;line-height:1.4}
}


/* ===== v14.4 mobile + games + audit fixes ===== */
.games-hub-card__name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.games-hub-card__badge{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border-radius:999px;background:linear-gradient(180deg,#1bc971,#119e56);color:#04130a;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 8px 18px rgba(22,163,74,.24)}
.games-hub-card--new .games-hub-card__icon{box-shadow:0 0 0 1px rgba(27,201,113,.22),0 14px 28px rgba(27,201,113,.10)}

@media (max-width: 820px){
  #main-sidebar{display:flex!important;transform:translateX(-100%);transition:transform .22s ease, opacity .22s ease;opacity:0;pointer-events:none;width:min(82vw,286px)!important;box-shadow:0 24px 80px rgba(0,0,0,.5)!important}
  body.sidebar-open #main-sidebar{transform:translateX(0);opacity:1;pointer-events:auto}
  body.sidebar-open::before{content:'';position:fixed;inset:0;background:rgba(3,6,10,.56);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:2050}
  .app-main{margin-left:0!important;padding-top:64px!important}
  .topbar{left:0!important;height:60px!important;padding:0 12px!important}
  .topbar-left{display:flex!important;align-items:center;gap:8px}
  .topbar-left .sidebar-collapse-btn{display:none!important}
  .sidebar-toggle-btn--mobile{display:flex!important}
  .topbar-brand--mobile{display:flex!important}
  .topbar-center{display:flex!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;gap:6px;max-width:calc(100vw - 160px)}
  .topbar-center .topchip{height:36px!important;padding:0 10px!important;border-radius:14px!important;font-size:13px!important;min-width:auto!important}
  .topbar .btn-primary.topbar-withdraw{height:36px!important;padding:0 12px!important;border-radius:14px!important;font-size:12px!important}
  .topbar-actions{margin-left:auto!important}
  #app{padding-top:14px!important;padding-left:12px!important;padding-right:12px!important;padding-bottom:88px!important}
  .page-section-title{font-size:28px!important;line-height:1.05!important}
  .profile-hero{grid-template-columns:1fr!important;gap:16px!important;text-align:left!important}
  .wallet-summary-grid,.bonus-lot-card__grid,.home-main-grid,.home-main-grid--balanced,.games-hub-grid,.games-hub-grid--rich,.jackpot-stats-grid,.jackpot-bottom-grid,.mines-shell{grid-template-columns:1fr!important}
  .card-glass,.glass,.home-shell,.home-stream-card,.jackpot-shell,.bonus-lot-card,.wallet-stat-card,.jackpot-bet-panel,.jackpot-participants-panel{border-radius:24px!important}
  .home-player-inner iframe{aspect-ratio:16/9;height:auto!important;min-height:220px}
  .jackpot-player-chip{min-width:160px!important}
  .jackpot-participant-row{padding:12px!important}
  .jackpot-participant-row__chance{font-size:18px!important}
  .mines-title{font-size:32px!important}
}

@media (max-width: 560px){
  .topbar-center{max-width:calc(100vw - 128px)!important;gap:5px!important}
  .topbar-center .topchip{padding:0 8px!important;font-size:12px!important}
  .topchip--tickets{display:inline-flex!important}
  .jackpot-shell{padding:14px!important}
  .games-hub-card--rich{min-height:132px!important;grid-template-columns:52px 1fr auto!important;padding:16px!important}
  .games-hub-card__icon{width:48px!important;height:48px!important;font-size:22px!important}
  .games-hub-card__name{font-size:18px!important}
  .games-hub-card__sub{font-size:12px!important}
}

/* ===== v14.5 mobile nav + admin promos fix ===== */
.admin-hero{display:block!important}

@media (max-width: 1024px){
  #main-sidebar{display:none!important;transform:none!important;opacity:0!important;pointer-events:none!important}
  body.sidebar-open #main-sidebar{display:none!important;transform:none!important;opacity:0!important;pointer-events:none!important}
  body.sidebar-open::before{display:none!important;content:none!important}
  .sidebar-toggle-btn--mobile,.topbar-left .sidebar-collapse-btn{display:none!important}
  .topbar-left{gap:0!important}
  .topbar-brand--mobile{display:flex!important}
  .app-main{margin-left:0!important;padding-top:64px!important}
  .topbar{left:0!important}
  #app{padding-left:12px!important;padding-right:12px!important;padding-bottom:92px!important}
  .mobile-bottom-nav{display:flex!important}
}

@media (max-width: 640px){
  .mobile-bottom-nav{height:72px!important;padding:0 8px 8px!important;background:rgba(7,11,18,.96)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .mobile-bottom-nav button{min-width:0!important;flex:1 1 0!important}
  .mobile-bottom-nav i{font-size:22px!important;margin-bottom:3px!important}
  .mobile-bottom-nav span{font-size:10px!important;line-height:1!important}
  .topbar-center{left:50%!important;transform:translate(-50%,-50%)!important;max-width:calc(100vw - 150px)!important;gap:6px!important}
  .topbar-center .topchip{height:38px!important;padding:0 10px!important;border-radius:14px!important;font-size:12px!important}
  .topbar-withdraw{height:38px!important;padding:0 12px!important;border-radius:14px!important}
}


/* Balance modal */
.balance-modal{position:fixed; inset:0; z-index:120; display:flex; align-items:center; justify-content:center; padding:20px;}
.balance-modal.hidden{display:none;}
.balance-modal-backdrop{position:absolute; inset:0; background:rgba(3,7,18,.68); backdrop-filter:blur(6px);}
.balance-modal-dialog{position:relative; width:min(560px, calc(100vw - 32px)); max-height:min(80vh, 760px); overflow:auto; background:linear-gradient(180deg, rgba(20,20,31,.98), rgba(14,14,24,.98)); border:1px solid rgba(255,255,255,.08); border-radius:28px; box-shadow:0 24px 80px rgba(0,0,0,.45); padding:22px;}
.balance-modal-close{position:absolute; top:16px; right:16px; width:40px; height:40px; border-radius:999px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04); color:#fff; display:flex; align-items:center; justify-content:center;}
.balance-modal-kicker{font-size:11px; text-transform:uppercase; letter-spacing:.18em; color:rgba(255,255,255,.45); font-weight:800;}
.balance-modal-title{margin-top:4px; font-size:2rem; line-height:1; font-weight:900; color:#fff;}
.balance-modal-body{margin-top:18px;}
.balance-modal-loading,.balance-modal-empty{min-height:160px; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:20px; border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.03); color:rgba(255,255,255,.72); padding:20px; gap:10px;}
.balance-modal-stats{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-bottom:16px;}
.balance-modal-stat{border-radius:20px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.03); padding:16px 18px;}
.balance-modal-stat span{display:block; font-size:11px; text-transform:uppercase; letter-spacing:.16em; color:rgba(255,255,255,.42); font-weight:800;}
.balance-modal-stat strong{display:block; margin-top:10px; font-size:2rem; font-weight:900; color:#fff;}
.balance-modal-section{border-radius:22px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.03); padding:16px;}
.balance-modal-section__title{font-size:12px; text-transform:uppercase; letter-spacing:.16em; color:rgba(255,255,255,.5); font-weight:800; margin-bottom:12px;}
.balance-modal-bonus{border-radius:18px; border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.035); padding:14px; margin-top:10px;}
.balance-modal-bonus__top{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px;}
.balance-modal-bonus__title{font-size:1rem; font-weight:800; color:#fff;}
.balance-modal-bonus__meta{font-size:12px; color:rgba(255,255,255,.52); margin-top:4px;}
.balance-modal-bonus__cancel{padding:8px 12px; border-radius:12px; border:1px solid rgba(239,68,68,.25); background:rgba(239,68,68,.12); color:#fca5a5; font-size:12px; font-weight:800;}
.balance-modal-bonus__grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:12px;}
.balance-modal-bonus__grid div{border-radius:14px; background:rgba(255,255,255,.03); padding:10px 12px;}
.balance-modal-bonus__grid span{display:block; font-size:11px; text-transform:uppercase; letter-spacing:.14em; color:rgba(255,255,255,.42); font-weight:700;}
.balance-modal-bonus__grid strong{display:block; margin-top:8px; font-size:14px; font-weight:800; color:#fff;}
.balance-modal-progress{height:10px; background:rgba(255,255,255,.06); border-radius:999px; overflow:hidden;}
.balance-modal-progress>div{height:100%; border-radius:999px; background:linear-gradient(90deg,#8b5cf6,#8b5cf6,#22c55e);}
@media (max-width: 640px){
  .balance-modal{padding:14px; align-items:flex-end;}
  .balance-modal-dialog{width:100%; max-height:82vh; border-bottom-left-radius:0; border-bottom-right-radius:0;}
  .balance-modal-stats,.balance-modal-bonus__grid{grid-template-columns:1fr;}
}


/* Balance dropdown popover */
.balance-popover{position:fixed; z-index:130; background:linear-gradient(180deg, rgba(16,22,34,.98), rgba(9,13,22,.98)); border:1px solid rgba(255,255,255,.08); border-radius:22px; box-shadow:0 22px 70px rgba(0,0,0,.45); padding:16px;}
.balance-popover.hidden{display:none;}
.balance-popover-arrow{position:absolute; top:-7px; left:50%; width:14px; height:14px; background:rgba(15,21,33,.98); border-left:1px solid rgba(255,255,255,.08); border-top:1px solid rgba(255,255,255,.08); transform:translateX(-50%) rotate(45deg);}
.balance-popover-header{padding:0 2px 12px;}
.balance-modal-title{font-size:1.15rem; margin-top:2px;}
.balance-modal-body{margin-top:0;}
.balance-modal-loading,.balance-modal-empty{min-height:96px;}
.balance-modal-stats{grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:12px;}
.balance-modal-stat strong{font-size:1.4rem; margin-top:8px;}
.balance-modal-section{padding:14px;}
.balance-modal-bonus{padding:12px;}
@media (max-width: 640px){
  .balance-popover{left:12px!important; right:12px!important; width:auto!important; top:72px!important;}
  .balance-popover-arrow{display:none;}
  .balance-modal-stats,.balance-modal-bonus__grid{grid-template-columns:1fr;}
}


/* Referral project / currency pickers */
.picker-trigger{width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-radius:18px; border:1px solid rgba(255,255,255,.10); background:rgba(5,10,18,.78); color:#fff; font-weight:700;}
.picker-trigger__left{display:flex; align-items:center; gap:12px; min-width:0;}
.picker-trigger__left img{width:34px; height:34px; border-radius:12px; background:rgba(255,255,255,.04); object-fit:cover; border:1px solid rgba(255,255,255,.08);}
.currency-picker-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
.currency-picker-card{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); color:#cbd5e1; font-weight:700; transition:.18s ease;}
.currency-picker-card i{opacity:0; transform:scale(.9);}
.currency-picker-card.is-active{border-color:rgba(139,92,246,.45); background:rgba(139,92,246,.12); color:#fff; box-shadow:0 0 0 1px rgba(139,92,246,.18) inset;}
.currency-picker-card.is-active i{opacity:1; color:#a78bfa;}
.currency-picker-card__left{display:flex; align-items:center; gap:10px; min-width:0;}
.currency-picker-card__left img{width:28px; height:28px; border-radius:10px; object-fit:cover;}
.picker-modal{position:fixed; inset:0; z-index:180; display:flex; align-items:center; justify-content:center; padding:20px;}
.picker-modal.hidden{display:none;}
.picker-modal__backdrop{position:absolute; inset:0; background:rgba(2,6,14,.72); backdrop-filter:blur(5px);}
.picker-modal__dialog{position:relative; width:min(560px, calc(100vw - 24px)); max-height:min(78vh, 720px); overflow:auto; border-radius:28px; border:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(15,22,33,.98), rgba(8,13,22,.98)); box-shadow:0 24px 80px rgba(0,0,0,.45); padding:20px;}
.picker-modal__header{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;}
.picker-modal__title{font-size:1.6rem; line-height:1.1; font-weight:900; color:#fff;}
.picker-modal__close{width:42px; height:42px; border-radius:999px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04); color:#fff; display:flex; align-items:center; justify-content:center;}
.picker-modal__list{display:flex; flex-direction:column; gap:10px;}
.picker-option{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03); color:#fff; font-weight:800; transition:.18s ease;}
.picker-option:hover{background:rgba(255,255,255,.05); border-color:rgba(139,92,246,.28);}
.picker-option__left{display:flex; align-items:center; gap:12px; min-width:0;}
.picker-option__left img{width:36px; height:36px; border-radius:12px; object-fit:cover; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);}
@media (max-width: 640px){
  .currency-picker-grid{grid-template-columns:1fr;}
  .picker-modal{padding:12px; align-items:flex-end;}
  .picker-modal__dialog{width:100%; max-height:82vh; border-bottom-left-radius:0; border-bottom-right-radius:0;}
}


.game-control-row{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);}
.games-hub-card--disabled{opacity:.78; cursor:not-allowed;}
.games-hub-card--disabled .games-hub-card__icon{filter:grayscale(.2);}
.games-hub-card--disabled .games-hub-card__sub{color:#fbbf24;}
.games-hub-card--disabled .games-hub-card__arrow{color:#fbbf24;}


/* ===== premium redesign 2026-03 ===== */
:root{
  --bg0:#030507;
  --bg1:#060a10;
  --bg2:#0a1018;
  --panel:rgba(11,18,28,.78);
  --panel2:rgba(13,21,34,.88);
  --panel3:rgba(10,10,18,.82);
  --stroke:rgba(255,255,255,.07);
  --stroke2:rgba(255,255,255,.12);
  --text:#f4f7fb;
  --muted:#9aa6bc;
  --muted2:#71809b;
  --accent:#a78bfa;
  --accent2:#a78bfa;
  --shadow:0 28px 90px rgba(0,0,0,.56);
  --shadow2:0 18px 44px rgba(0,0,0,.34);
}
html,body{
  background:
    radial-gradient(1200px 780px at 0% -6%, rgba(139,92,246,.12), transparent 58%),
    radial-gradient(920px 620px at 100% 0%, rgba(57,112,255,.10), transparent 55%),
    radial-gradient(900px 680px at 50% 100%, rgba(43,71,129,.12), transparent 60%),
    linear-gradient(180deg,#020406 0%, #060a10 48%, #0a1018 100%);
}
body::before{opacity:.06;background-image:radial-gradient(circle at 20% 20%, rgba(255,255,255,.08), transparent 35%),radial-gradient(circle at 80% 10%, rgba(255,255,255,.05), transparent 32%),linear-gradient(180deg, rgba(255,255,255,.02), transparent 16%);}
body::after{opacity:.55;filter:blur(72px);background:radial-gradient(680px 560px at 14% 12%, rgba(139,92,246,.15), transparent 64%),radial-gradient(780px 620px at 84% 10%, rgba(124,58,237,.10), transparent 68%),radial-gradient(820px 640px at 50% 100%, rgba(139,92,246,.12), transparent 70%);}
.card-glass,.glass,.dropdown-panel,.balance-popover,.picker-modal__dialog,#withdraw-modal .card-glass,#deposit-modal>div,#input-modal>div,#confirm-modal>div,#withdraw-settings-modal>div{
  background:linear-gradient(180deg, rgba(14,22,34,.92), rgba(8,12,20,.94))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.45)!important;
  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;
}
.admin-eyebrow,.admin-subtitle,.admin-note{display:none!important;}
#app > .fade-in, #app .fade-in{animation-duration:.32s!important;}
.topbar{background:linear-gradient(180deg, rgba(6,10,16,.82), rgba(6,10,16,.56))!important;border-bottom:1px solid rgba(255,255,255,.05)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
.topchip,.icon-btn,.topbar .btn-primary.topbar-withdraw,.picker-trigger,.admin-input,.picker-select,#withdraw-casino-btn,#withdraw-amount{
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 30px rgba(0,0,0,.18)!important;
}
.icon-btn{width:44px;height:44px;border-radius:16px!important;color:#fff!important;}
.icon-btn:hover,.topchip:hover,.picker-trigger:hover{transform:translateY(-1px);border-color:rgba(139,92,246,.3)!important;}
.btn-primary,.btn-primary.btn-primary--wide,#edit-item-save,.topbar .btn-primary.topbar-withdraw{
  background:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 4px 20px rgba(139,92,246,.3), 0 0 0 1px rgba(255,255,255,.12) inset!important;
}
.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 28px rgba(139,92,246,.42), 0 0 0 1px rgba(255,255,255,.16) inset!important}
.btn-secondary{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;}
#main-sidebar{background:linear-gradient(180deg, rgba(4,8,13,.90), rgba(4,8,13,.72))!important;border-right:1px solid rgba(255,255,255,.05)!important;box-shadow:0 24px 80px rgba(0,0,0,.45)!important;}
#main-sidebar nav a{border-radius:18px!important;padding-top:14px!important;padding-bottom:14px!important;}
#main-sidebar nav a:hover{background:rgba(255,255,255,.04)!important;}
#main-sidebar nav a.nav-active{background:linear-gradient(180deg, rgba(139,92,246,.16), rgba(139,92,246,.08))!important;border-color:rgba(139,92,246,.18)!important;}
.nav-active::before{left:8px;height:26px;background:linear-gradient(180deg,#a78bfa,#7c3aed);box-shadow:0 0 20px rgba(139,92,246,.35);}
.wallet-stat-card,.ticket-card,.ticket-table,.bonus-lot-card,.balance-modal-section,.balance-modal-stat{
  background:linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.022))!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
.wallet-stat-card{border-radius:28px!important;padding:24px!important;}
.profile-hero{position:relative;overflow:hidden;}
.profile-hero::after{content:'';position:absolute;inset:auto -10% -30% auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle, rgba(139,92,246,.16), transparent 64%);pointer-events:none;}
.project-inline-logo{width:50px;height:50px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,.18);}
.project-inline-logo img{width:70%;height:70%;object-fit:contain;}
.admin-input,.picker-select,#withdraw-amount,input,textarea,select{border-radius:18px!important;min-height:54px;transition:border-color .2s ease, box-shadow .2s ease;}
.admin-input:focus,.picker-select:focus,#withdraw-amount:focus,input:focus,textarea:focus,select:focus{border-color:rgba(255,255,255,.12)!important;box-shadow:none!important;}
.select-shell{position:relative;}
.picker-select{width:100%;appearance:none;padding:0 48px 0 18px;color:#fff;font-weight:700;}
.select-shell__caret{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:rgba(255,255,255,.55);font-size:18px;}
.currency-picker-grid{display:none!important;}
.site-footer{background:linear-gradient(180deg, rgba(7,11,18,.18), rgba(7,11,18,.40))!important;border-top:1px solid rgba(255,255,255,.05)!important;}
.site-footer__link{color:rgba(244,247,251,.58)!important;}
.site-footer__link:hover{color:#fff!important;}
#toast-container{top:90px!important;right:18px!important;gap:10px!important;}
.smart-toast{position:relative;display:flex;align-items:flex-start;gap:14px;min-width:320px;max-width:380px;padding:14px 16px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(180deg, rgba(12,19,29,.96), rgba(8,12,20,.96))!important;box-shadow:0 22px 54px rgba(0,0,0,.38)!important;}
.smart-toast.success{border-color:rgba(139,92,246,.18)!important;}
.smart-toast.error{border-color:rgba(255,107,107,.20)!important;background:linear-gradient(180deg, rgba(30,16,20,.96), rgba(17,10,13,.96))!important;}
.smart-toast.warning{border-color:rgba(245,158,11,.20)!important;background:linear-gradient(180deg, rgba(31,23,13,.96), rgba(18,12,7,.96))!important;}
.smart-toast__glow{position:absolute;inset:auto -12% -55% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(139,92,246,.18), transparent 64%);pointer-events:none;}
.smart-toast.error .smart-toast__glow{background:radial-gradient(circle, rgba(255,107,107,.16), transparent 64%);}
.smart-toast__icon{position:relative;z-index:1;width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex:0 0 auto;}
.smart-toast__content{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
.smart-toast__title{font-size:14px;font-weight:900;color:#fff;letter-spacing:-.02em;}
.smart-toast__message{font-size:13px;line-height:1.45;color:rgba(244,247,251,.72);word-break:break-word;}
.dropdown-panel{padding:10px!important;border-radius:24px!important;}
#notif-dropdown{padding:0!important;overflow:hidden;}
.dropdown-link{font-size:11px!important;font-weight:800!important;letter-spacing:.08em;color:rgba(255,255,255,.58)!important;text-transform:uppercase;}
.dropdown-link:hover{color:#fff!important;}
.dropdown-item{border-radius:16px!important;padding:12px 14px!important;}
.dropdown-item:hover{background:rgba(255,255,255,.05)!important;}
.notif-badge{background:linear-gradient(180deg,#a78bfa,#7c3aed)!important;color:#fff!important;box-shadow:0 10px 24px rgba(124,58,237,.32)!important;}
#notif-list{padding:10px;display:flex;flex-direction:column;gap:8px;}
.notif-card{width:100%;text-align:left;display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);transition:transform .18s ease, background-color .18s ease, border-color .18s ease;}
.notif-card:hover{transform:translateY(-1px);background:rgba(255,255,255,.04);border-color:rgba(139,92,246,.16);}
.notif-card.is-unread{background:linear-gradient(180deg, rgba(139,92,246,.11), rgba(139,92,246,.04));border-color:rgba(139,92,246,.20);}
.notif-card__icon{width:42px;height:42px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex:0 0 auto;}
.notif-card__body{min-width:0;flex:1;}
.notif-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.notif-card__title{font-size:14px;font-weight:900;color:#fff;line-height:1.2;letter-spacing:-.02em;}
.notif-card__time{font-size:11px;font-weight:800;color:rgba(255,255,255,.40);white-space:nowrap;}
.notif-card__text{margin-top:6px;font-size:13px;line-height:1.45;color:rgba(244,247,251,.68);}
.balance-popover{padding:18px!important;border-radius:26px!important;background:linear-gradient(180deg, rgba(11,18,28,.98), rgba(7,10,17,.98))!important;}
.balance-popover-arrow{background:rgba(14,14,24,.98)!important;}
.balance-popover-header{padding-bottom:14px!important;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:14px;}
.balance-modal-kicker{font-size:10px!important;letter-spacing:.18em!important;color:rgba(255,255,255,.36)!important;}
.balance-modal-title{font-size:1.25rem!important;font-weight:900!important;color:#fff!important;}
.balance-modal-stat strong{font-size:1.55rem!important;}
#withdraw-modal{background:rgba(5,5,10,.78)!important;backdrop-filter:blur(20px) saturate(1.4)!important;-webkit-backdrop-filter:blur(20px) saturate(1.4)!important;}
.withdraw-modal-card{padding-top:0!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(24,24,36,.98),rgba(14,14,24,.98))!important;}
.withdraw-modal-card::before{display:none!important}
.withdraw-modal-balance{display:none!important}
.withdraw-modal-head{display:none!important}
#withdraw-casino-dd{padding:0!important;border-radius:14px!important;background:rgba(20,20,31,.98)!important;border:1px solid rgba(255,255,255,.1)!important}
#withdraw-casino-dd-list > div{border-radius:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.04)!important;padding:10px 12px!important}
#withdraw-casino-dd-list > div:hover{background:rgba(139,92,246,.08)!important;border-color:rgba(255,255,255,.04)!important}
.withdraw-history-panel{border-top-color:rgba(255,255,255,.06)!important}
#withdraw-history{display:flex;flex-direction:column;gap:6px}
/* Новые history-items уже стилизованы inline в main.js, но на случай старого рендера: */
.withdraw-history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(20,20,31,.6)}
.withdraw-history-main{min-width:0;display:flex;flex-direction:column;gap:3px}
.withdraw-history-amount{font-size:14px;font-weight:600;color:#f5f5f7;letter-spacing:-.01em;font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums}
.withdraw-history-meta{font-size:11px;font-weight:500;color:#6b6b7b;text-transform:none;letter-spacing:0}
.withdraw-history-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.withdraw-status-chip{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:14px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.06);}
.withdraw-cancel-btn{padding:9px 12px;border-radius:14px;border:1px solid rgba(255,107,107,.20);background:rgba(255,107,107,.10);color:#ffb5b5;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.withdraw-history-empty{padding:24px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);text-align:center;color:rgba(255,255,255,.48);font-size:13px;font-weight:700;}
.table-shell table thead tr,.ticket-head{background:rgba(255,255,255,.035)!important;}
.ticket-row:hover{background:rgba(255,255,255,.04)!important;}
.mobile-bottom-nav{background:linear-gradient(180deg, rgba(7,11,18,.95), rgba(4,8,13,.98))!important;border-top:1px solid rgba(255,255,255,.05)!important;}
@media (max-width: 640px){
  .smart-toast{min-width:0;max-width:calc(100vw - 24px);width:calc(100vw - 24px);}
  .withdraw-modal-card{padding:0!important;border-radius:16px!important}
  .withdraw-history-item{flex-direction:column;align-items:flex-start;}
  .withdraw-history-actions{width:100%;justify-content:space-between;}
}

.field-label-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.field-label-row .game-panel-label{margin-bottom:0}
.field-help{position:relative;z-index:40;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:rgba(255,255,255,.7);transition:transform .18s ease,border-color .2s ease,background .2s ease}
.field-help:hover,.field-help:focus-visible{transform:translateY(-1px);border-color:rgba(139,92,246,.28);background:rgba(139,92,246,.1);color:#fff}
.field-help-tooltip{position:absolute;left:calc(100% + 10px);top:50%;right:auto;width:min(290px,68vw);max-width:290px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(11,16,25,.98),rgba(8,11,18,.98));box-shadow:0 20px 50px rgba(0,0,0,.32);color:#d7dfef;font-size:12px;line-height:1.55;font-weight:600;text-transform:none;letter-spacing:normal;text-align:left;white-space:normal;opacity:0;pointer-events:none;transform:translateY(-50%) translateX(-6px);transition:opacity .18s ease,transform .18s ease;z-index:120}
.field-help-tooltip b{color:#fff}
.field-help-tooltip .danger{display:block;margin-top:2px;color:#ff7d7d;font-weight:900}
.field-help:hover .field-help-tooltip,.field-help:focus-visible .field-help-tooltip{opacity:1;pointer-events:auto;transform:translateY(-50%) translateX(0)}
.ref-upload-dropzone{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:22px;border:1px dashed rgba(139,92,246,.32);background:linear-gradient(180deg,rgba(14,22,35,.92),rgba(7,12,20,.92));cursor:pointer;transition:transform .18s ease,border-color .2s ease,background .2s ease}
.ref-upload-dropzone:hover{transform:translateY(-1px);border-color:rgba(139,92,246,.48);background:linear-gradient(180deg,rgba(20,20,31,.96),rgba(14,14,24,.96))}
.ref-upload-dropzone__icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.22);color:#a78bfa;font-size:22px;flex-shrink:0}
.ref-upload-dropzone__title{font-size:14px;font-weight:900;color:#fff}
.ref-upload-dropzone__text{font-size:12px;color:rgba(255,255,255,.56);margin-top:4px;line-height:1.45}
.ref-upload-error{margin-top:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,107,107,.18);background:rgba(255,107,107,.08);color:#ff9f9f;font-size:12px;font-weight:700}
.ref-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.ref-upload-card{position:relative;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);overflow:hidden;min-width:0}
.ref-upload-card img{display:block;width:100%;height:152px;object-fit:cover;background:rgba(255,255,255,.02)}
.ref-upload-card__meta{padding:10px 12px}
.ref-upload-card__name{font-size:12px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-upload-card__size{font-size:11px;color:rgba(255,255,255,.48);margin-top:3px}
.ref-upload-card__remove{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(6,10,16,.82);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 24px rgba(0,0,0,.28);transition:transform .16s ease,border-color .2s ease,background .2s ease}
.ref-upload-card__remove:hover{transform:translateY(-1px);border-color:rgba(255,107,107,.35);background:rgba(40,12,16,.88);color:#ffb7b7}
.referral-shot-strip{display:flex;flex-wrap:wrap;gap:8px}
.referral-shot-link,.referral-admin-shot{appearance:none;-webkit-appearance:none;width:68px;height:68px;padding:0;cursor:pointer;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);display:block;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease}
.referral-shot-link:hover,.referral-admin-shot:hover{transform:translateY(-1px);border-color:rgba(139,92,246,.24);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.referral-shot-link img,.referral-admin-shot img{width:100%;height:100%;object-fit:cover;display:block}
.ref-image-modal{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:20px}
.ref-image-modal__backdrop{position:absolute;inset:0;background:rgba(2,5,10,.86);backdrop-filter:blur(14px)}
.ref-image-modal__dialog{position:relative;z-index:1;width:min(980px,100%);max-height:calc(100vh - 40px);border-radius:30px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(14,14,24,.98),rgba(10,10,18,.98));box-shadow:0 28px 80px rgba(0,0,0,.42);padding:20px 20px 18px;display:flex;flex-direction:column;gap:14px}
.ref-image-modal__title{padding-right:56px;font-size:18px;font-weight:900;color:#fff;letter-spacing:-.02em}
.ref-image-modal__frame{min-height:0;display:flex;align-items:center;justify-content:center;border-radius:22px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);overflow:hidden}
.ref-image-modal__frame img{display:block;max-width:100%;max-height:calc(100vh - 160px);object-fit:contain}
.ref-image-modal__close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .16s ease,border-color .2s ease,background .2s ease}
.ref-image-modal__close:hover{transform:translateY(-1px);border-color:rgba(139,92,246,.24);background:rgba(139,92,246,.12)}
.referral-submit-btn{justify-content:center!important;padding-left:18px!important;padding-right:18px!important;letter-spacing:.01em!important}
.ref-confirm-backdrop{position:fixed;inset:0;z-index:90;background:rgba(2,5,10,.82);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px}
.ref-confirm-card{width:min(620px,100%);border-radius:30px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(14,14,24,.98),rgba(10,10,18,.98));box-shadow:0 28px 80px rgba(0,0,0,.42);padding:28px 28px 24px}
.ref-confirm-card__icon{width:56px;height:56px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:rgba(255,107,107,.12);border:1px solid rgba(255,107,107,.2);color:#ff7d7d;font-size:28px;margin-bottom:16px}
.ref-confirm-copy{margin-top:16px;color:#a6a6b4;font-size:14px;line-height:1.65;display:grid;gap:10px}
.ref-confirm-copy .danger{color:#ff8f8f;font-weight:900}
.ref-confirm-actions{display:flex;justify-content:center;gap:12px;margin-top:22px;flex-wrap:wrap}
@media (max-width: 767px){
  .field-help-tooltip{left:0;top:calc(100% + 10px);right:auto;width:min(300px,80vw);transform:translateY(8px)}
  .field-help:hover .field-help-tooltip,.field-help:focus-visible .field-help-tooltip{transform:translateY(0)}
  .ref-upload-grid{grid-template-columns:1fr}
  .ref-upload-card img{height:180px}
  .ref-image-modal{padding:12px}
  .ref-image-modal__dialog{padding:16px;border-radius:24px}
  .ref-image-modal__title{font-size:16px}
  .ref-image-modal__frame img{max-height:calc(100vh - 120px)}
  .ref-confirm-card{padding:22px 20px 20px;border-radius:24px}
  .ref-confirm-actions{flex-direction:column-reverse}
  .ref-confirm-actions .btn-primary,.ref-confirm-actions .btn-secondary{width:100%;justify-content:center}
}


/* === profile referrals layout refresh === */
.profile-ref-shell{max-width:1040px!important;}
.profile-ref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;}
.profile-ref-card{height:clamp(650px,76vh,730px);min-height:650px;display:flex;flex-direction:column;}
.profile-ref-card--form,.profile-ref-card--list{position:relative;}
.profile-ref-card--form{overflow:visible;z-index:6;}
.profile-ref-card--list{overflow:hidden;z-index:1;}
.profile-ref-form-body{flex:1;min-height:0;overflow-y:auto;overflow-x:visible;padding-right:4px;padding-bottom:6px;}
.profile-ref-list-body{flex:1;min-height:0;overflow-y:auto;padding-right:4px;}
.profile-ref-submit-wrap{margin-top:auto;padding-top:16px;}
.profile-ref-card .project-inline-logo{flex:0 0 auto;}
.profile-ref-card--list .rounded-2xl{border-radius:22px;}

/* === home welcome refresh === */
.home-welcome-shell{padding:32px!important;}
.home-welcome{display:flex;flex-direction:column;gap:18px;max-width:840px;}
.home-welcome__title{font-size:clamp(34px,4.4vw,52px);line-height:.98;font-weight:900;letter-spacing:-.05em;color:#fff;margin:0;}
.home-welcome__text{max-width:760px;color:rgba(233,238,249,.72);font-size:15px;line-height:1.75;margin:0;}
.home-welcome__chips{display:flex;flex-wrap:wrap;gap:10px;}
.home-welcome__chips span{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.78);font-size:12px;font-weight:800;letter-spacing:.04em;}
.home-welcome__actions{display:flex;flex-wrap:wrap;gap:12px;}
.home-stream-card--full{padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;}
.home-stream-card--full .home-stream-card__head{padding:0 0 14px 0;margin:0;}

@media (max-width: 1024px){
  .profile-ref-grid{grid-template-columns:1fr;}
  .profile-ref-card{height:auto;min-height:unset;}
  .profile-ref-form-body,.profile-ref-list-body{overflow:visible;padding-right:0;}
}

@media (max-width: 768px){
  .profile-ref-shell{max-width:100%!important;}
  .home-welcome-shell{padding:22px!important;}
  .home-welcome{gap:14px;}
  .home-welcome__text{font-size:14px;line-height:1.65;}
  .home-welcome__actions .btn-primary,.home-welcome__actions .btn-secondary{width:100%;justify-content:center;}
}


/* === home landing minimal animated hero === */
.home-landing-shell{padding:0!important;min-height:min(76vh,720px);}
.home-landing{position:relative;min-height:min(76vh,720px);padding:42px clamp(24px,4.2vw,46px);overflow:hidden;display:flex;align-items:center;isolation:isolate;}
.home-landing::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 16% 18%, rgba(139,92,246,.18), transparent 28%),
  radial-gradient(circle at 84% 20%, rgba(42,102,214,.18), transparent 24%),
  linear-gradient(135deg, rgba(12,18,34,.96) 0%, rgba(7,11,19,.98) 52%, rgba(6,9,16,.99) 100%);
  z-index:-3;}
.home-landing__ambient{position:absolute;inset:0;pointer-events:none;z-index:-2;overflow:hidden;}
.home-landing__content{position:relative;z-index:2;max-width:min(860px,100%);display:flex;flex-direction:column;gap:20px;}
.home-landing__title{font-size:clamp(40px,5.4vw,76px);line-height:.94;font-weight:900;letter-spacing:-.06em;color:#fff;margin:0;max-width:980px;text-wrap:balance;}
.home-landing__text{max-width:760px;color:rgba(233,238,249,.72);font-size:16px;line-height:1.78;margin:0;}
.home-landing__highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:980px;}
.home-landing__highlight{padding:18px 18px 16px;border-radius:24px;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px);box-shadow:0 18px 38px rgba(0,0,0,.2);}
.home-landing__highlight-title{font-size:15px;line-height:1.2;font-weight:900;color:#fff;margin-bottom:8px;}
.home-landing__highlight-text{font-size:13px;line-height:1.55;color:rgba(233,238,249,.58);}
.home-landing__orb,.home-landing__beam,.home-landing__ring,.home-landing__chip,.home-landing__grid{position:absolute;display:block;}
.home-landing__orb{border-radius:999px;filter:blur(10px);opacity:.9;animation:homeFloat 12s ease-in-out infinite;}
.home-landing__orb--one{width:340px;height:340px;left:-90px;top:40px;background:radial-gradient(circle, rgba(139,92,246,.38), rgba(139,92,246,.02) 68%, transparent 72%);}
.home-landing__orb--two{width:280px;height:280px;right:12%;top:12%;background:radial-gradient(circle, rgba(124,58,237,.28), rgba(124,58,237,.02) 68%, transparent 72%);animation-duration:15s;animation-delay:-3s;}
.home-landing__orb--three{width:420px;height:420px;right:-120px;bottom:-90px;background:radial-gradient(circle, rgba(16,217,160,.16), rgba(16,217,160,.02) 68%, transparent 72%);animation-duration:17s;animation-delay:-6s;}
.home-landing__grid{inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);background-size:72px 72px;opacity:.08;mask-image:linear-gradient(180deg, rgba(0,0,0,.55), transparent 92%);-webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.55), transparent 92%);}
.home-landing__beam{width:520px;height:1px;background:linear-gradient(90deg, transparent, rgba(167,139,250,.7), transparent);opacity:.7;transform:rotate(-16deg);animation:homeSweep 8s linear infinite;}
.home-landing__beam--one{top:22%;left:-12%;}
.home-landing__beam--two{bottom:18%;right:-14%;animation-delay:-4s;}
.home-landing__ring{border-radius:999px;border:1px solid rgba(139,92,246,.12);box-shadow:0 0 0 1px rgba(139,92,246,.02) inset;animation:homePulse 6s ease-in-out infinite;}
.home-landing__ring--one{width:420px;height:420px;right:-110px;top:-60px;}
.home-landing__ring--two{width:280px;height:280px;left:58%;bottom:-120px;animation-delay:-3s;}
.home-landing__chip{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border-radius:999px;background:rgba(14,14,24,.72);border:1px solid rgba(139,92,246,.14);box-shadow:0 12px 26px rgba(0,0,0,.24);color:rgba(255,255,255,.76);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;animation:homeChipFloat 10s ease-in-out infinite;backdrop-filter:blur(10px);}
.home-landing__chip--bonus{left:62%;top:19%;animation-delay:-1s;}
.home-landing__chip--games{left:74%;top:39%;animation-delay:-4s;}
.home-landing__chip--giveaway{left:68%;bottom:20%;animation-delay:-7s;}
.home-landing__chip--tickets{right:12%;bottom:30%;animation-delay:-2s;}

/* Home: payout counter */
.home-payout-section{margin-top:18px;display:flex;justify-content:center;}
.home-payout-card{width:min(560px,100%);padding:22px 22px 20px;border-radius:26px;text-align:center;position:relative;overflow:hidden;}
.home-payout-card::before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 30% 10%, rgba(16,217,160,.12), transparent 55%),radial-gradient(circle at 80% 70%, rgba(124,58,237,.12), transparent 55%);pointer-events:none;}
.home-payout-pill{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 12px;border-radius:999px;background:rgba(14,14,24,.68);border:1px solid rgba(139,92,246,.14);color:rgba(255,255,255,.72);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px);position:relative;z-index:1;}
.home-payout-value{margin-top:12px;font-size:46px;line-height:1;font-weight:950;letter-spacing:-.05em;color:#fff;position:relative;z-index:1;}
.home-payout-sub{margin-top:8px;font-size:12px;line-height:1.5;color:rgba(233,238,249,.55);position:relative;z-index:1;}

@media (max-width: 640px){
  .home-payout-card{padding:18px 16px 16px;border-radius:22px;}
  .home-payout-value{font-size:40px;}
}

@keyframes homeFloat{0%,100%{transform:translate3d(0,0,0) scale(1);}50%{transform:translate3d(0,-18px,0) scale(1.04);}}
@keyframes homeSweep{0%{transform:translate3d(-120px,0,0) rotate(-16deg);opacity:0;}12%,88%{opacity:.75;}100%{transform:translate3d(180px,0,0) rotate(-16deg);opacity:0;}}
@keyframes homePulse{0%,100%{transform:scale(1);opacity:.28;}50%{transform:scale(1.06);opacity:.48;}}
@keyframes homeChipFloat{0%,100%{transform:translate3d(0,0,0);}50%{transform:translate3d(0,-10px,0);}}

@media (max-width: 1100px){
  .home-landing{min-height:620px;padding:34px 24px;}
  .home-landing__title{max-width:760px;}
  .home-landing__highlights{grid-template-columns:1fr;max-width:640px;}
  .home-landing__chip--bonus{left:56%;top:18%;}
  .home-landing__chip--games{left:62%;top:34%;}
  .home-landing__chip--giveaway{left:56%;bottom:18%;}
}

@media (max-width: 768px){
  .home-landing-shell,.home-landing{min-height:auto;}
  .home-landing{padding:26px 18px 28px;}
  .home-landing__title{font-size:clamp(34px,11vw,52px);line-height:.96;}
  .home-landing__text{font-size:14px;line-height:1.68;}
  .home-landing__highlights{gap:12px;}
  .home-landing__highlight{padding:16px;}
  .home-landing__chip{height:34px;padding:0 12px;font-size:11px;}
  .home-landing__chip--bonus{left:50%;top:12%;}
  .home-landing__chip--games{left:auto;right:10%;top:28%;}
  .home-landing__chip--giveaway{left:46%;bottom:12%;}
  .home-landing__chip--tickets{right:6%;bottom:24%;}
  .home-landing__ring--one{width:280px;height:280px;right:-80px;top:-40px;}
  .home-landing__ring--two{width:220px;height:220px;left:auto;right:-40px;bottom:-80px;}
}


.faq-page{max-width:1180px;}
.faq-hero-shell{padding:0!important;}
.faq-hero{position:relative;min-height:320px;padding:34px clamp(24px,4vw,42px);overflow:hidden;isolation:isolate;display:flex;align-items:center;background:linear-gradient(135deg, rgba(14,14,24,.96), rgba(4,10,20,.98));}
.faq-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(139,92,246,.14), transparent 38%, transparent 62%, rgba(139,92,246,.08));pointer-events:none;}
.faq-hero__ambient{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden;}
.faq-hero__content{position:relative;z-index:2;max-width:760px;display:flex;flex-direction:column;gap:16px;}
.faq-hero__title{margin:0;font-size:clamp(34px,4.6vw,62px);line-height:.95;font-weight:900;letter-spacing:-.05em;color:#fff;max-width:860px;text-wrap:balance;}
.faq-hero__text{margin:0;color:rgba(233,238,249,.72);font-size:15px;line-height:1.75;max-width:700px;}
.faq-hero__orb,.faq-hero__beam,.faq-hero__ring,.faq-hero__chip,.faq-hero__grid{position:absolute;display:block;}
.faq-hero__orb{border-radius:999px;filter:blur(12px);opacity:.92;animation:homeFloat 14s ease-in-out infinite;}
.faq-hero__orb--one{width:320px;height:320px;left:-60px;top:-20px;background:radial-gradient(circle, rgba(139,92,246,.34), rgba(139,92,246,.02) 68%, transparent 72%);}
.faq-hero__orb--two{width:300px;height:300px;right:-40px;bottom:-80px;background:radial-gradient(circle, rgba(16,217,160,.18), rgba(16,217,160,.02) 68%, transparent 72%);animation-duration:16s;animation-delay:-5s;}
.faq-hero__beam{width:520px;height:1px;background:linear-gradient(90deg, transparent, rgba(167,139,250,.7), transparent);opacity:.65;transform:rotate(-16deg);animation:homeSweep 9s linear infinite;}
.faq-hero__beam--one{top:24%;left:-14%;}
.faq-hero__beam--two{bottom:20%;right:-12%;animation-delay:-4.5s;}
.faq-hero__ring{border-radius:999px;border:1px solid rgba(139,92,246,.12);box-shadow:0 0 0 1px rgba(139,92,246,.02) inset;animation:homePulse 6s ease-in-out infinite;}
.faq-hero__ring--one{width:340px;height:340px;right:-100px;top:-90px;}
.faq-hero__ring--two{width:220px;height:220px;left:62%;bottom:-110px;animation-delay:-3s;}
.faq-hero__grid{inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);background-size:72px 72px;opacity:.08;mask-image:linear-gradient(180deg, rgba(0,0,0,.7), transparent 95%);-webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.7), transparent 95%);}
.faq-hero__chip{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 15px;border-radius:999px;background:rgba(14,14,24,.72);border:1px solid rgba(139,92,246,.14);box-shadow:0 12px 26px rgba(0,0,0,.24);color:rgba(255,255,255,.76);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px);animation:homeChipFloat 10s ease-in-out infinite;}
.faq-hero__chip--wager{right:18%;top:18%;animation-delay:-1s;}
.faq-hero__chip--giveaway{right:10%;top:36%;animation-delay:-4s;}
.faq-hero__chip--promo{right:20%;bottom:16%;animation-delay:-7s;}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.faq-card{position:relative;overflow:hidden;display:flex;gap:16px;align-items:flex-start;padding:24px;border-radius:28px;background:linear-gradient(135deg, rgba(13,20,35,.96), rgba(8,14,28,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03);min-height:220px;}
.faq-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right, rgba(16,217,160,.12), transparent 38%), radial-gradient(circle at bottom left, rgba(139,92,246,.10), transparent 34%);pointer-events:none;opacity:.9;}
.faq-card__icon{position:relative;z-index:1;flex:0 0 54px;width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 32px rgba(0,0,0,.25);font-size:24px;color:#a78bfa;}
.faq-card__body{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;}
.faq-card__title{margin:0;color:#fff;font-size:24px;line-height:1.05;font-weight:900;letter-spacing:-.03em;}
.faq-card__text{margin:0;color:rgba(233,238,249,.72);font-size:14px;line-height:1.72;max-width:620px;}
.faq-card--wide{grid-column:1 / -1;min-height:190px;}
.faq-card--tickets .faq-card__icon{color:#c084fc;}
.faq-card--wager .faq-card__icon{color:#f59e0b;}
.faq-card--giveaway .faq-card__icon{color:#22c55e;}
.faq-card--ref .faq-card__icon{color:#34d399;}
.faq-card--shop .faq-card__icon{color:#a78bfa;}
.faq-card--promo .faq-card__icon{color:#f472b6;}
@media (max-width: 1024px){
  .faq-grid{grid-template-columns:1fr;}
  .faq-card--wide{grid-column:auto;}
  .faq-hero{min-height:290px;}
}
@media (max-width: 768px){
  .faq-hero{min-height:auto;padding:26px 18px 30px;}
  .faq-hero__title{font-size:clamp(30px,10.5vw,48px);line-height:.98;}
  .faq-hero__text{font-size:14px;line-height:1.68;}
  .faq-card{padding:20px;border-radius:24px;min-height:auto;}
  .faq-card__title{font-size:22px;}
  .faq-card__text{font-size:13px;line-height:1.62;}
  .faq-hero__chip{height:34px;padding:0 12px;font-size:10px;}
  .faq-hero__chip--wager{right:10%;top:12%;}
  .faq-hero__chip--giveaway{right:6%;top:28%;}
  .faq-hero__chip--promo{right:10%;bottom:12%;}
}

/* === footer as part of page, not floating card === */
.app-scroll-shell{display:flex;flex-direction:column;min-height:100%;}
.app-scroll-shell>#app{flex:0 0 auto;min-height:max(720px, calc(100svh - 64px + 180px));}
.site-footer{position:relative;margin-top:56px;padding:42px 28px 40px!important;background:transparent!important;border-top:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important;}
.site-footer__inner--mega{width:100%!important;max-width:1320px!important;margin:0 auto!important;padding:42px 28px 54px!important;border-radius:0!important;border:none!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;position:relative;display:flex;flex-direction:column;align-items:center;}
.site-footer__inner--mega::before{display:none!important;content:none!important;}
.site-footer__top,.site-footer__grid,.site-footer__meta{position:relative;z-index:1;width:100%;}
.site-footer__grid{order:1;display:grid;grid-template-columns:repeat(4,minmax(180px,220px));justify-content:center;gap:64px;padding:0 0 42px;border-bottom:1px solid rgba(255,255,255,.06);}
.site-footer__col{display:flex;flex-direction:column;gap:16px;min-width:0;align-items:flex-start;text-align:left;}
.site-footer__heading{font-size:13px;font-weight:900;letter-spacing:-.01em;color:#fff;}
.site-footer__top{order:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:42px 0 30px;text-align:center;}
.site-footer__brand-wrap{max-width:880px;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;}
.site-footer__brand{font-size:13px;font-weight:900;letter-spacing:.18em;color:#fff;text-transform:uppercase;}
.site-footer__brand-text{margin:0;color:rgba(233,238,249,.66);font-size:14px;line-height:1.9;max-width:880px;}
.site-footer__quick-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-self:center;padding-top:0;}
.site-footer__pill,.site-footer__micro-link,.site-footer__link{appearance:none;background:none;border:none;text-align:left;cursor:pointer;text-decoration:none;}
.site-footer__pill{height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:rgba(255,255,255,.84)!important;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;transition:all .18s ease;}
.site-footer__pill:hover{transform:translateY(-1px);border-color:rgba(139,92,246,.28);background:rgba(139,92,246,.10);color:#fff!important;}
.site-footer__link{color:rgba(233,238,249,.62)!important;font-size:14px;line-height:1.65;transition:color .18s ease, transform .18s ease;display:block;text-decoration:none;padding:0;}
.site-footer__link:hover{color:#fff!important;transform:translateX(2px);}
.site-footer__meta{order:3;padding-top:28px;border-top:none;display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center;}
.site-footer__disclaimer{margin:0;color:rgba(233,238,249,.52);font-size:13px;line-height:1.85;max-width:980px;text-align:center;}
.site-footer__bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:2px;}
.site-footer__copyright{color:rgba(233,238,249,.7);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.site-footer__bottom-links{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;}
.site-footer__micro-link{color:rgba(233,238,249,.56)!important;font-size:12px;font-weight:700;transition:color .18s ease;padding:0;text-decoration:none;}
.site-footer__micro-link:hover{color:#fff!important;}

.rules-card--tall{width:min(1040px,100%);}
.rules-card__scroll{max-height:min(60vh,720px);overflow:auto;padding-right:10px;margin-right:-4px;}
.rules-card__scroll::-webkit-scrollbar{width:10px;}
.rules-card__scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.10);border-radius:999px;border:2px solid transparent;background-clip:padding-box;}
.rules-sections{display:flex;flex-direction:column;gap:18px;}
.rules-section{padding:18px 18px 16px;border-radius:24px;background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);}
.rules-section__title{margin:0 0 14px;color:#fff;font-size:17px;line-height:1.2;font-weight:900;letter-spacing:-.03em;}
.rules-nested{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.rules-nested li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:flex-start;}
.rules-nested__num{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 10px;border-radius:999px;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.18);color:#a78bfa;font-size:11px;font-weight:900;letter-spacing:.08em;}
.support-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;}
.support-link-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}

@media (max-width: 1024px){
  .site-footer__inner--mega{padding:38px 22px 48px!important;}
  .site-footer__grid{grid-template-columns:repeat(2,minmax(180px,220px));justify-content:center;gap:32px 40px;}
  .site-footer__top{padding:34px 0 24px;}
  .site-footer__quick-actions{justify-content:center;}
}

@media (max-width: 768px){
  .app-scroll-shell>#app{min-height:calc(100svh - 64px);}
  .site-footer{padding:30px 16px 108px!important;margin-top:34px;}
  .site-footer__inner--mega{padding:32px 16px 42px!important;}
  .site-footer__grid{grid-template-columns:1fr;justify-items:center;gap:22px;padding:0 0 28px;}
  .site-footer__col{width:min(100%,260px);}
  .site-footer__pill{width:100%;justify-content:center;}
  .site-footer__quick-actions{width:100%;}
  .site-footer__brand-text{font-size:13px;line-height:1.65;}
  .site-footer__bottom{align-items:center;}
  .rules-card{padding:22px;}
  .rules-card__title{font-size:24px;}
  .rules-card__scroll{max-height:58vh;padding-right:6px;}
  .rules-section{padding:16px 14px;}
  .rules-nested li{grid-template-columns:1fr;gap:8px;}
  .support-actions-grid{grid-template-columns:1fr;}
}


/* ===== Admin: QR button + modal (withdrawals) ===== */
.btn-qr{
  display:inline-flex;align-items:center;justify-content:center;
  padding:7px 10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  transition:transform .18s cubic-bezier(.2,.8,.2,1), background-color .2s ease, border-color .2s ease, box-shadow .22s ease;
  user-select:none;
}
.btn-qr:hover{transform:translateY(-1px);border-color:rgba(167,139,250,.25);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.btn-qr:active{transform:translateY(0) scale(.985)}

.qr-wrap{display:flex;justify-content:center;margin:10px 0 14px}
.qr-img{width:220px;height:220px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.25)}
.qr-addr{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:12px;line-height:1.25;color:rgba(255,255,255,.88);
  padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);word-break:break-all}
.qr-hint{margin-top:10px;font-size:12px;color:rgba(233,238,249,.62)}
.qr-actions{display:flex;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap}


/* Admin users table shell */
.admin-users-table-shell{
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.admin-users-table-shell::-webkit-scrollbar{height:10px}
.admin-users-table-shell::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}
.admin-users-table-shell::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:999px}


/* Admin raffles: force dark native dropdown (Project condition + Participant extra field) */
#raffle-project, #raffle-identity{
  background: rgba(0,0,0,.35) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color-scheme: dark;
}
#raffle-project option, #raffle-identity option{
  background-color: #0b0f14 !important;
  color: #ffffff !important;
}

/* ===== v16 — FULL REDESIGN ===== */

/* --- Kill all old layout --- */
#main-sidebar{display:none!important}
.topbar,.topbar-left,.topbar-center,.topbar-right,.topbar-actions,.topbar-brand,.topbar-brand--mobile,.sidebar-toggle-btn,.sidebar-toggle-btn--mobile,.sidebar-collapse-btn,.site-topnav{display:none!important}
.app-main{display:none!important}
body.sidebar-collapsed #main-sidebar,body.sidebar-open #main-sidebar{display:none!important}

/* --- New color tokens --- */
:root{
  --bg0:#080b12!important;
  --bg1:#0c1019!important;
  --bg2:#101520!important;
  --panel:rgba(255,255,255,.025)!important;
  --panel2:rgba(255,255,255,.04)!important;
  --stroke:rgba(255,255,255,.06)!important;
  --stroke2:rgba(255,255,255,.10)!important;
  --text:#f1f5f9!important;
  --muted:#94a3b8!important;
  --muted2:#64748b!important;
  --accent:#8b5cf6!important;
  --accent2:#8b5cf6!important;
  --good:#22c55e!important;
  --bad:#ef4444!important;
  --warn:#f59e0b!important;
  --shadow:0 12px 40px rgba(0,0,0,.5)!important;
  --shadow2:0 6px 20px rgba(0,0,0,.35)!important;
  --r:12px!important;
  --r2:18px!important;
}

/* --- Global resets --- */
html,body{
  background:rgba(20,20,31,.94)!important;
  color:#f1f5f9!important;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
}
body::before,body::after{display:none!important}

/* --- Site Header --- */
.site-header{
  position:fixed;top:0;left:0;right:0;height:60px;z-index:2000;
  background:rgba(8,11,18,.85);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.site-header__inner{
  max-width:1400px;margin:0 auto;height:100%;
  display:flex;align-items:center;padding:0 24px;gap:16px;
}
.site-header__logo{flex:0 0 auto;background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center}
.site-header__logo-text{font-size:18px;font-weight:900;color:#fff;letter-spacing:-.02em}
.site-header__logo-img{height:26px;width:auto;display:block;opacity:.95}
.site-header__nav{
  flex:1 1 auto;display:flex;align-items:center;gap:4px;
  overflow-x:auto;scrollbar-width:none;margin:0 12px;
}
.site-header__nav::-webkit-scrollbar{display:none}
.site-header__link{
  display:inline-flex;align-items:center;gap:6px;
  height:34px;padding:0 12px;border-radius:8px;
  background:transparent;border:0;
  color:#94a3b8;font-size:13px;font-weight:600;
  white-space:nowrap;transition:all .15s ease;text-decoration:none;cursor:pointer;
}
.site-header__link i{font-size:15px}
.site-header__link:hover{color:#e2e8f0;background:rgba(255,255,255,.05)}
.site-header__link.nav-active,.site-header__link.text-white{
  color:#fff;background:rgba(124,58,237,.15);
}
.site-header__link--admin{color:#a78bfa}
.site-header__link--admin:hover{color:#93bbfc}
.site-header__badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:16px;height:16px;padding:0 4px;border-radius:999px;
  background:#ef4444;color:#fff;font-size:9px;font-weight:800;margin-left:3px;
}
.site-header__right{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.site-header__chip--hide-sm{display:flex;align-items:center;gap:4px}
.site-header__withdraw{
  height:34px;padding:0 14px;border-radius:8px;font-size:12px;font-weight:700;
  letter-spacing:.02em;display:flex;align-items:center;gap:5px;
  background:#8b5cf6!important;color:#fff!important;border:0!important;
}
.site-header__withdraw:hover{background:#7c3aed!important}
.site-header__login{
  height:36px;padding:0 18px;border-radius:10px;font-size:12px;font-weight:700;
  display:flex;align-items:center;gap:6px;
  background:#53fc18;color:#000;border:0;
}
.site-header__login:hover{background:#46d815}

/* --- Main content area --- */
.site-main{padding-top:60px;min-height:100dvh;background:rgba(20,20,31,.94)}
.site-main__scroll{display:flex;flex-direction:column;min-height:calc(100dvh - 60px)}
#app{
  flex:1 0 auto;
  padding:24px 28px 32px!important;
  max-width:1280px;margin:0 auto;width:100%;
}

/* --- Cards & Panels --- */
.card-glass,.glass{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:14px!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:0 2px 12px rgba(0,0,0,.2)!important;
}
.card-glass:hover{border-color:rgba(255,255,255,.10)!important}
.dropdown-panel{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  backdrop-filter:none!important;
  box-shadow:0 16px 48px rgba(0,0,0,.55)!important;
}
.dropdown-item{transition:background .12s ease}
.dropdown-item:hover{background:rgba(255,255,255,.05)!important}

/* --- Buttons --- */
.btn-primary{
  background:#8b5cf6!important;color:#fff!important;
  border:0!important;border-radius:10px!important;
  font-weight:700!important;font-size:13px!important;
  transition:all .15s ease!important;
  box-shadow:0 2px 8px rgba(124,58,237,.25)!important;
}
.btn-primary:hover{background:#7c3aed!important;box-shadow:0 4px 16px rgba(124,58,237,.35)!important}
.btn-secondary{
  background:transparent!important;color:#94a3b8!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;font-weight:600!important;font-size:13px!important;
  transition:all .15s ease!important;
}
.btn-secondary:hover{color:#fff!important;background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.14)!important}

/* --- Topchips (balance, tickets) --- */
.topchip{
  padding:6px 12px!important;border-radius:8px!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  font-size:13px!important;
  display:flex;align-items:center;gap:6px;
}
.currency-symbol{color:#64748b!important;font-weight:600!important;font-size:12px!important}

/* --- Icon buttons --- */
.icon-btn{
  width:36px!important;height:36px!important;border-radius:8px!important;
  background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06)!important;
  color:#94a3b8!important;display:flex!important;align-items:center!important;justify-content:center!important;
  transition:all .15s ease!important;cursor:pointer;
}
.icon-btn:hover{color:#fff!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important}

/* --- Notification badge --- */
.notif-badge{
  position:absolute!important;top:2px!important;right:2px!important;
  width:9px!important;height:9px!important;min-width:9px!important;
  border-radius:50%!important;padding:0!important;
  background:#ef4444!important;border:2px solid #0e1219!important;
  box-shadow:none!important;font-size:0!important;line-height:0!important;
}

/* --- Tables --- */
.table-shell{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:14px!important;
  backdrop-filter:none!important;box-shadow:none!important;
  overflow:hidden;
}

/* --- Game cards --- */
.game-card-minimal{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:16px!important;
  backdrop-filter:none!important;
  box-shadow:0 2px 12px rgba(0,0,0,.15)!important;
  transition:border-color .2s ease,transform .2s ease!important;
}
.game-card-minimal:hover{
  border-color:rgba(124,58,237,.25)!important;
  transform:translateY(-2px)!important;
}

/* --- Project cards --- */
.project-card-minimal{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:16px!important;
  transition:border-color .2s ease!important;
}
.project-card-minimal:hover{border-color:rgba(124,58,237,.2)!important}

/* --- Ticket system --- */
.ticket-card{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:16px!important;
}
.ticket-card.ticket-you{
  border-color:rgba(124,58,237,.3)!important;
  background:linear-gradient(180deg,rgba(124,58,237,.08),rgba(124,58,237,.03))!important;
}
.ticket-row{
  background:rgba(255,255,255,.02)!important;
  border:1px solid rgba(255,255,255,.04)!important;
  border-radius:12px!important;
  padding:12px 16px!important;
  transition:border-color .15s ease!important;
}
.ticket-row:hover{border-color:rgba(255,255,255,.10)!important}
.ticket-row.ticket-you{
  border-color:rgba(124,58,237,.2)!important;
  background:rgba(124,58,237,.05)!important;
}
.ticket-rank{
  width:36px!important;height:36px!important;border-radius:10px!important;
  background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-weight:800!important;font-size:14px!important;color:#94a3b8!important;
}
.ticket-count{
  font-family:'Inter',monospace!important;font-weight:800!important;
  font-size:16px!important;color:#fff!important;
}

/* --- Medal styles --- */
.medal{
  width:42px!important;height:42px!important;border-radius:12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-weight:900!important;font-size:14px!important;color:#fff!important;
}

/* --- Games hub --- */
.games-hub-grid{gap:12px!important}
.games-hub-card{
  height:130px!important;border-radius:16px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:rgba(20,20,31,.94)!important;
  transition:all .2s ease!important;
}
.games-hub-card:hover{
  border-color:rgba(124,58,237,.2)!important;
  transform:translateY(-2px)!important;
  background:#141420!important;
}
.games-hub-card__icon{
  width:48px!important;height:48px!important;border-radius:12px!important;
  background:rgba(124,58,237,.08)!important;border:1px solid rgba(124,58,237,.15)!important;
  color:#a78bfa!important;
}
.games-hub-card__name{font-size:18px!important;font-weight:800!important}

/* --- Game stage & bet panels --- */
.game-stage{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:16px!important;
}
.unified-bet-panel{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:14px!important;
}
.unified-bet-panel input,.unified-bet-panel select{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:8px!important;color:#f1f5f9!important;
}
.unified-bet-panel input:focus{border-color:rgba(124,58,237,.4)!important;outline:none!important;box-shadow:0 0 0 2px rgba(124,58,237,.15)!important}

/* --- Toast notifications --- */
.smart-toast{
  background:#141420!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  box-shadow:0 12px 40px rgba(0,0,0,.45)!important;
}

/* --- Modals --- */
#confirm-modal>div>div,#input-modal>div>div,.modal-content,[class*="modal"] .bg-\\[\\#281d15\\]{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
}

/* --- Footer --- */
.site-footer{
  background:transparent!important;
  border-top:1px solid rgba(255,255,255,.04)!important;
  backdrop-filter:none!important;box-shadow:none!important;
  padding:40px 0 24px!important;
}
.site-footer__inner{max-width:1280px!important;margin:0 auto!important;padding:0 28px!important}
.site-footer__heading{color:#64748b!important;font-size:11px!important;font-weight:700!important;letter-spacing:.14em!important}
.site-footer__link{color:#94a3b8!important;font-size:13px!important;font-weight:500!important}
.site-footer__link:hover{color:#fff!important}
.site-footer__copyright{color:#475569!important;font-size:12px!important}
.site-footer__disclaimer{color:#374151!important;font-size:11px!important;line-height:1.6!important}
.site-footer__micro-link{color:#475569!important;font-size:11px!important}
.site-footer__micro-link:hover{color:#94a3b8!important}

/* --- Scrollbars --- */
.custom-scrollbar::-webkit-scrollbar{width:5px!important}
.custom-scrollbar::-webkit-scrollbar-track{background:transparent!important}
.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08)!important;border-radius:10px!important}
.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.14)!important}

/* --- Admin chips --- */
.admin-chip{font-size:11px!important;border-radius:6px!important;font-weight:700!important}

/* --- Page titles --- */
.page-section-title{font-size:28px!important;font-weight:800!important;letter-spacing:-.02em!important;color:#f1f5f9!important}

/* --- Home page --- */
.home-dashboard{max-width:1280px!important}
.home-hero,.games-hero{display:none!important}
.feature-card{display:none!important}
.compact-home-grid{gap:16px!important}

/* --- Profile --- */
.profile-hero{
  border-radius:18px!important;
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}

/* --- Nav active state (keep sync with router) --- */
.nav-active{
  color:#fff!important;
  background:rgba(124,58,237,.15)!important;
  border-color:transparent!important;
}
.nav-active::before{display:none!important}

/* --- Selection --- */
::selection{background:rgba(124,58,237,.35)!important;color:#fff!important}

/* --- Focus ring --- */
*:focus-visible{outline:2px solid rgba(124,58,237,.4)!important;outline-offset:2px!important;border-radius:8px}

/* --- Links --- */
a{color:#a78bfa}
a:hover{color:#93c5fd}

/* ========== RESPONSIVE ========== */
@media (max-width:1100px){
  .site-header__link span{display:none}
  .site-header__link{padding:0 10px;height:32px}
  .site-header__nav{gap:2px}
}
@media (max-width:768px){
  .site-header{height:54px}
  .site-header__nav{display:none}
  .site-header__logo-img{height:22px}
  .site-main{padding-top:54px}
  .site-header__withdraw-text{display:none}
  .site-header__withdraw{padding:0 10px;height:32px}
  .site-header__chip--hide-sm{display:none}
  #app{padding:16px 14px 88px!important}
  .card-glass,.glass{border-radius:12px!important}
  .game-card-minimal,.project-card-minimal,.ticket-card{border-radius:14px!important}
}
@media (max-width:480px){
  .site-header__inner{padding:0 12px;gap:6px}
  .site-header__right .topchip{padding:4px 8px!important;font-size:11px!important}
  #app{padding:12px 10px 88px!important}
  .site-header__logo-text{font-size:15px}
}

/* ===== Mini-games theme override ===== */
.game-panel,.game-area,.game-stage-inner,.bet-controls,.game-result-panel,.game-controls,
.dice-game,.limbo-game,.plinko-game,.mines-game,.baccarat-game,.roulette-game,.blackjack-game,
[class*="game-"][class*="panel"],[class*="game-"][class*="area"]{
  background:rgba(20,20,31,.94)!important;color:#f1f5f9!important;
}
.game-stage,.game-container,.game-wrapper{background:rgba(20,20,31,.94)!important}
.game-panel input,.game-panel select,.bet-controls input,.bet-controls select,
.unified-bet-panel input,.unified-bet-panel select,
input[class*="game"],select[class*="game"]{
  background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.08)!important;
  color:#f1f5f9!important;border-radius:8px!important;
}
.game-panel input:focus,.bet-controls input:focus,.unified-bet-panel input:focus{
  border-color:rgba(124,58,237,.4)!important;box-shadow:0 0 0 2px rgba(124,58,237,.12)!important;outline:none!important;
}
.game-panel button,.bet-controls button{border-radius:8px!important}
.game-panel label,.bet-controls label{color:#94a3b8!important}
.game-history,.game-result,.bet-history{background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important}

/* Ticket page overrides */
.ticket-prize-banner{background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;padding:20px 24px!important}
.ticket-segment{display:flex;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:rgba(20,20,31,.94)}
.ticket-segment button{flex:1;padding:10px 20px;font-size:13px;font-weight:700;border:0;cursor:pointer;transition:all .15s;color:#94a3b8;background:transparent}
.ticket-segment button.on{background:rgba(124,58,237,.15);color:#fff}
.ticket-segment button:hover:not(.on){color:#fff;background:rgba(255,255,255,.04)}
.ticket-top3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ticket-table{background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;overflow:hidden}
.ticket-head{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.06);color:#64748b!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.1em!important}
.ticket-head-right{text-align:right}

/* Ticket top3 card redesign */
.ticket-card{background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;padding:20px!important;text-align:center}
.ticket-card.ticket-you{border-color:rgba(124,58,237,.25)!important;background:linear-gradient(180deg,rgba(124,58,237,.06),#0e1219)!important}

/* Ticket list row redesign */
.ticket-row{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 20px!important;border-bottom:1px solid rgba(255,255,255,.04)!important;background:transparent!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-top:0!important;gap:12px!important}
.ticket-row:last-child{border-bottom:0!important}
.ticket-row:hover{background:rgba(255,255,255,.02)!important}
.ticket-row.ticket-you{background:rgba(124,58,237,.04)!important}
.ticket-rank{width:32px!important;height:32px!important;border-radius:8px!important;font-size:13px!important}
.ticket-count{font-size:15px!important;min-width:50px;text-align:right}

/* Medal */
.medal{width:36px!important;height:36px!important;border-radius:10px!important;font-size:13px!important;font-weight:900!important}

/* ===== Game stage — force new theme ===== */
.game-stage{background:rgba(20,20,31,.94)!important;border-color:rgba(255,255,255,.06)!important;border-radius:20px!important}
.game-stage__panel{background:rgba(20,20,31,.94)!important;border-color:rgba(255,255,255,.05)!important}
.game-stage__canvas{background:transparent!important}
.game-panel-input{background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;color:#f1f5f9!important}
.game-panel-input:focus{border-color:rgba(124,58,237,.4)!important;box-shadow:0 0 0 2px rgba(124,58,237,.12)!important}
.game-panel-label{color:#64748b!important}
.game-chip-btn{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.06)!important;border-radius:8px!important;color:#94a3b8!important}
.game-chip-btn:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.game-gold-btn{background:linear-gradient(180deg,#8b5cf6,#7c3aed)!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(124,58,237,.3)!important;color:#fff!important;height:52px!important}
.game-gold-btn:hover{filter:brightness(1.1)!important}
.game-panel-grid{gap:10px!important}
.games-tabs{background:rgba(20,20,31,.94)!important;border-color:rgba(255,255,255,.06)!important;border-radius:12px!important}
.jackpot-shell{background:rgba(20,20,31,.94)!important;border-color:rgba(255,255,255,.06)!important;border-radius:20px!important}
.jackpot-bet-panel__input{background:rgba(20,20,31,.94)!important;border-color:rgba(255,255,255,.08)!important;border-radius:12px!important}

/* Dice/limbo specific game areas — inner content */
.game-stage__canvas .flex,.game-stage__canvas>div{color:#f1f5f9!important}
.game-stage__canvas input[type="range"]{accent-color:#8b5cf6}

/* Stats boxes inside games */
.game-stage__canvas [class*="rounded"]{background:rgba(20,20,31,.94)!important;border-color:rgba(255,255,255,.06)!important}

/* ===== Modals — full redesign ===== */
.fixed.inset-0[class*="bg-black"]{background:rgba(4,7,11,.85)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
[class*="bg-\\[\\#281d15\\]"],
[class*="bg-\\[\\#281d15\\]"],
.admin-modal-panel,
#audit-modal>div>.relative,
#withdraw-modal .relative,
#deposit-modal .relative,
#buy-modal .relative,
#confirm-modal>div,
#input-modal>div{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:20px!important;
  box-shadow:0 24px 64px rgba(0,0,0,.6)!important;
  color:#f1f5f9!important;
}
/* Modal inputs */
#withdraw-modal input,#withdraw-modal select,
#deposit-modal input,#deposit-modal select,
#input-modal input,#input-modal select,
#buy-modal input,#buy-modal textarea,
.admin-modal-panel input,.admin-modal-panel select,.admin-modal-panel textarea{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;
  color:#f1f5f9!important;
}
#withdraw-modal input:focus,#deposit-modal input:focus,#input-modal input:focus,
#buy-modal input:focus,.admin-modal-panel input:focus{
  border-color:rgba(124,58,237,.4)!important;
  box-shadow:0 0 0 2px rgba(124,58,237,.12)!important;
  outline:none!important;
}
/* Modal close buttons */
[onclick*="classList.add('hidden')"],
[onclick*=".remove()"]{
  transition:all .15s ease;
}
/* Modal headers */
#audit-modal h3,#withdraw-modal h3,#deposit-modal h3,
.admin-modal-panel .font-bold{color:#fff!important}

/* Rules gate modal */
.rules-gate .rules-card{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:20px!important;
}
.rules-card__scroll{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:12px!important;
}

/* Confirm/input modals inner */
#confirm-modal>div>div,#input-modal>div>div{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:20px!important;
}

/* ===== v16.1 — deep game + modal fixes ===== */

/* AGGRESSIVE game area override — all possible containers */
.game-stage,.game-stage *:not(button):not(input):not(select):not(i):not(span):not(img){
  --tw-bg-opacity:1;
}
.game-stage{background:rgba(20,20,31,.94)!important}
.game-stage__panel{background:rgba(20,20,31,.94)!important}
.game-stage__canvas{background:rgba(20,20,31,.94)!important}
.game-stage__canvas>div{background:transparent!important}

/* Kill ALL green bet buttons — force blue */
.game-gold-btn,
button[class*="game-gold"],
.game-stage button[class*="bg-"][class*="green"],
.game-stage__panel button[style*="background"]{
  background:#8b5cf6!important;
  color:#fff!important;
  box-shadow:0 6px 20px rgba(124,58,237,.3)!important;
  border:0!important;
}
.game-gold-btn:hover{background:#7c3aed!important}

/* Dice game specific */
#dice-stats,.dice-stats,
.game-stage .bg-black\/20,
.game-stage [class*="bg-black"]{
  background:rgba(8,11,18,.6)!important;
  border-color:rgba(255,255,255,.06)!important;
}

/* Baccarat table area */
.baccarat-table,.baccarat-area,
.game-stage__canvas table,
.game-stage__canvas .relative{
  background:transparent!important;
}

/* Blackjack override */
#bj-root{
  --black:#0e1219!important;
  --card-bg:#0e1219!important;
}

/* Game bet choice buttons */
.game-stage button[class*="rounded"][class*="border"]{
  border-color:rgba(255,255,255,.08)!important;
}
.game-stage button[class*="rounded"][class*="border"]:hover{
  border-color:rgba(124,58,237,.3)!important;
}
.game-stage button[class*="rounded"][class*="border"][class*="bg-blue"],
.game-stage button[class*="rounded"][class*="border"].active{
  border-color:rgba(124,58,237,.4)!important;
  background:rgba(124,58,237,.12)!important;
}

/* ===== ALL modals — nuclear override ===== */

/* Every fixed overlay */
.fixed.inset-0{
  background:rgba(4,7,11,.82)!important;
  backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
}

/* Every modal card inside an overlay */
.fixed.inset-0>div,.fixed.inset-0>.relative,
.fixed.inset-0>div>div:not([id*="list"]):not([class*="grid"]):not([class*="flex"]):not([class*="space"]),
.fixed.inset-0 .relative.w-full,
.fixed.inset-0 [class*="max-w-"],
.fixed.inset-0 [class*="bg-\\[\\#281d15\\]"],
.fixed.inset-0 [class*="bg-\\[\\#281d15\\]"],
.fixed.inset-0 [class*="bg-ios-card"],
.fixed.inset-0 [class*="card-glass"]{
  background:rgba(20,20,31,.94)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:20px!important;
  color:#f1f5f9!important;
}

/* Withdraw modal specific */
#withdraw-modal,#deposit-modal{background:rgba(4,7,11,.82)!important;backdrop-filter:blur(10px)!important}
#withdraw-modal>div,#deposit-modal>div{
  background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:20px!important;
}
/* Withdraw modal inner elements */
#withdraw-modal [class*="rounded"],#deposit-modal [class*="rounded"]{
  border-color:rgba(255,255,255,.06)!important;
}
#withdraw-modal input,#withdraw-modal select,
#deposit-modal input,#deposit-modal select{
  background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.08)!important;
  border-radius:10px!important;color:#f1f5f9!important;
}
#withdraw-modal button[class*="primary"],#deposit-modal button[class*="primary"]{
  background:#8b5cf6!important;border-radius:12px!important;
}

/* Buy modal */
#buy-modal{background:rgba(4,7,11,.82)!important;backdrop-filter:blur(10px)!important}
#buy-modal>div{background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:20px!important}

/* Raffle dialog (finished raffle modal) */
#raffle-dialog-wrap{background:rgba(4,7,11,.82)!important;backdrop-filter:blur(10px)!important}
#raffle-dialog-wrap>div{
  background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:20px!important;
  box-shadow:0 24px 64px rgba(0,0,0,.6)!important;
}
#raffle-dialog-wrap [class*="rounded-2xl"],
#raffle-dialog-wrap [class*="border-white"]{
  background:rgba(20,20,31,.94)!important;border-color:rgba(255,255,255,.06)!important;
}

/* Audit modal */
#audit-modal{background:rgba(4,7,11,.82)!important;backdrop-filter:blur(10px)!important}
#audit-modal>div>.relative{
  background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:20px!important;
}
#audit-modal select{
  background:rgba(20,20,31,.94)!important;border-color:rgba(255,255,255,.08)!important;
}

/* User stats modal (ticket page) */
.fixed.inset-0.fade-in .card-glass,
.fixed.inset-0.fade-in [class*="rounded-3xl"]{
  background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:20px!important;
}
.fixed.inset-0.fade-in [class*="bg-black\/20"],
.fixed.inset-0.fade-in [class*="bg-black"]{
  background:rgba(8,11,18,.5)!important;border-color:rgba(255,255,255,.06)!important;
}

/* Toast notification */
.smart-toast{
  background:#141420!important;border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;box-shadow:0 16px 48px rgba(0,0,0,.5)!important;
}

/* Notification dropdown */
#notif-dropdown{
  background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;
  border-radius:14px!important;box-shadow:0 16px 48px rgba(0,0,0,.55)!important;
}
#notif-dropdown [class*="border-b"]{border-color:rgba(255,255,255,.05)!important}

/* Profile dropdown */
#profile-dropdown{
  background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;
  border-radius:14px!important;box-shadow:0 16px 48px rgba(0,0,0,.55)!important;
}
.dropdown-item{
  color:#94a3b8!important;border-radius:8px!important;
}
.dropdown-item:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}
.dropdown-item.text-red-300{color:#f87171!important}
.dropdown-item.text-red-300:hover{background:rgba(239,68,68,.08)!important}

/* Picker / currency dropdowns */
[class*="picker-trigger"],[class*="picker-option"]{
  background:rgba(20,20,31,.94)!important;border-color:rgba(255,255,255,.08)!important;
}
[class*="picker-dropdown"]{
  background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;
  border-radius:14px!important;box-shadow:0 16px 48px rgba(0,0,0,.55)!important;
}

/* Balance modal */
[onclick*="closeBalanceModal"]{
  background:rgba(20,20,31,.94)!important;
}

/* Rules gate */
.rules-gate .rules-card{background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:20px!important}
.rules-card__scroll{background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important}

/* Generic bg-ios-card and bg-[#281d15] overrides */
[class*="bg-ios-card"],[class*="bg-\\[\\#281d15\\]"],[class*="bg-\\[\\#281d15\\]"]{
  background:rgba(20,20,31,.94)!important;
}

/* ===== Admin panel cleanup ===== */
.admin-metric-card,.admin-tile{
  background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;
}
.admin-metric-card:hover,.admin-tile:hover{border-color:rgba(255,255,255,.10)!important}
.admin-tile{cursor:pointer;transition:all .15s ease!important}
.admin-tile:hover{transform:translateY(-1px)!important}
.admin-chip{border-radius:6px!important;font-size:10px!important;font-weight:700!important;padding:3px 8px!important}

/* Admin CRM modal */
#crm-modal>div{border-radius:20px!important;border-color:rgba(255,255,255,.06)!important}
#crm-modal [style*="background:#281d15"],#crm-modal [style*="background:linear-gradient"]{background:rgba(20,20,31,.94)!important}

/* Admin tables */
.admin-table,.admin-table th,.admin-table td{border-color:rgba(255,255,255,.04)!important}
table[class*="border"] th{background:rgba(255,255,255,.02)!important;border-color:rgba(255,255,255,.04)!important}
table[class*="border"] td{border-color:rgba(255,255,255,.04)!important}

/* Baccarat table fix */
#bac-table{background:rgba(20,20,31,.94)!important;border-color:rgba(255,255,255,.06)!important}
#bac-panel{background:rgba(20,20,31,.94)!important}
#bac-fair-btn{border-color:rgba(255,255,255,.06)!important}
.bac-card-face{background:#fff!important}
.bac-card-back{background:linear-gradient(135deg,#1e40af,#7c3aed)!important}

/* Admin users table — scroll horizontally */
.admin-users-table-shell{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%!important}
.admin-users-table-shell table{min-width:1400px!important}

/* ===== v16.2 — notifications, loader, toast ===== */

/* Notification dropdown — reference style */
#notif-dropdown{
  width:380px!important;max-width:92vw!important;
  background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;
  border-radius:16px!important;box-shadow:0 20px 56px rgba(0,0,0,.6)!important;
  padding:0!important;overflow:hidden!important;
}
#notif-dropdown .px-4.py-3{
  padding:16px 18px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;
}
#notif-dropdown .font-extrabold{font-size:15px!important;font-weight:800!important}
#notif-dropdown .dropdown-link,#notif-dropdown button[class*="text-"]{
  font-size:11px!important;color:#64748b!important;font-weight:600!important;
}
#notif-dropdown .dropdown-link:hover{color:#94a3b8!important}
#notif-list{padding:8px!important;max-height:420px!important}

/* Notification card override */
.notif-card{
  width:100%!important;text-align:left!important;display:flex!important;gap:14px!important;
  align-items:flex-start!important;padding:14px 16px!important;
  border-radius:14px!important;border:1px solid rgba(255,255,255,.04)!important;
  background:rgba(20,20,31,.94)!important;margin-bottom:4px!important;
  transition:all .15s ease!important;cursor:pointer!important;
}
.notif-card:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(139,92,246,.18)!important}
.notif-card.is-unread{
  background:linear-gradient(180deg,rgba(124,58,237,.08),rgba(124,58,237,.03))!important;
  border-color:rgba(124,58,237,.15)!important;
}
.notif-card__icon{
  width:40px!important;height:40px!important;border-radius:12px!important;
  background:rgba(124,58,237,.1)!important;border:1px solid rgba(124,58,237,.15)!important;
  color:#a78bfa!important;font-size:16px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;
}
.notif-card.is-unread .notif-card__icon{
  background:rgba(34,197,94,.1)!important;border-color:rgba(34,197,94,.15)!important;color:#4ade80!important;
}
.notif-card__title{font-size:13px!important;font-weight:700!important;color:#fff!important}
.notif-card__time{font-size:11px!important;color:#64748b!important}
.notif-card__text{font-size:12px!important;color:#94a3b8!important;line-height:1.5!important;margin-top:4px!important}

/* Loader — remove border around logo */
#global-loader{background:rgba(20,20,31,.94)!important}
#global-loader img{border:0!important;box-shadow:none!important;outline:none!important;border-radius:16px!important}
#global-loader .border,#global-loader [class*="border"]{border:0!important;box-shadow:none!important}
#global-loader .bg-blue-600\/30{display:none!important}

/* Toast with progress bar */
.smart-toast{
  background:#141420!important;border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;box-shadow:0 16px 48px rgba(0,0,0,.5)!important;
  overflow:hidden!important;position:relative!important;
}
.smart-toast::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#8b5cf6,#a78bfa);
  animation:toast-progress 3.4s linear forwards;
  border-radius:0 0 14px 14px;
}
@keyframes toast-progress{from{transform:scaleX(1);transform-origin:left}to{transform:scaleX(0);transform-origin:left}}

/* FAQ accordion on home */
.home-faq{max-width:680px;margin:0 auto}
.home-faq__item{border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-bottom:6px;overflow:hidden;background:rgba(20,20,31,.94);transition:border-color .2s}
.home-faq__item:hover{border-color:rgba(255,255,255,.10)}
.home-faq__q{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;color:#f1f5f9;font-size:14px;font-weight:600;gap:12px;user-select:none}
.home-faq__q i{color:#64748b;font-size:18px;transition:transform .25s ease;flex-shrink:0}
.home-faq__item.open .home-faq__q i{transform:rotate(180deg)}
.home-faq__a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 18px}
.home-faq__item.open .home-faq__a{max-height:600px;padding:0 18px 16px}
.home-faq__a p,.home-faq__a li{color:#94a3b8;font-size:13px;line-height:1.7}
.home-faq__a ol{list-style:none;counter-reset:faq;padding:0;margin:0}
.home-faq__a ol li{counter-increment:faq;padding:6px 0 6px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.home-faq__a ol li:last-child{border:0}
.home-faq__a ol li::before{content:counter(faq) ". ";color:#8b5cf6;font-weight:700}
.home-faq__a a{color:#a78bfa;font-weight:600;text-decoration:none}
.home-faq__a a:hover{color:#93c5fd}
.home-faq__a .sub-steps{margin:8px 0 4px 12px;padding-left:0;list-style:none;counter-reset:sub}
.home-faq__a .sub-steps li{counter-increment:sub;padding:4px 0;border:0;font-size:12px;color:#94a3b8}
.home-faq__a .sub-steps li::before{content:counter(sub) ". ";color:#64748b;font-weight:600}

/* ===== v16.3 — animations, more dropdown, chat ===== */

/* Micro animations for dropdowns */
@keyframes dropIn{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes chatSlideIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.dropdown-panel:not(.hidden),.dropdown-panel[style*="display:block"]{animation:dropIn .15s ease!important}
#notif-dropdown:not(.hidden){animation:dropIn .18s ease!important}
#profile-dropdown:not(.hidden){animation:dropIn .15s ease!important}
#more-nav-dd:not(.hidden){animation:dropIn .15s ease!important}
#chat-panel:not(.hidden){animation:chatSlideIn .2s ease!important}

/* More nav dropdown */
#more-nav-dd{
  background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;
  border-radius:12px!important;box-shadow:0 16px 40px rgba(0,0,0,.5)!important;
  padding:4px!important;overflow:visible!important;height:auto!important;
}
#more-nav-dd .dropdown-item{
  height:36px!important;font-size:13px!important;padding:0 12px!important;border-radius:8px!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  color:#94a3b8!important;
}
#more-nav-dd .dropdown-item:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}

/* Currency symbol clean */
.currency-symbol{border:0!important;outline:0!important;box-shadow:none!important}

/* Chat FAB pulse on new messages */
#chat-fab{transition:all .2s ease}
#chat-fab:hover{box-shadow:0 10px 32px rgba(124,58,237,.45)}

/* More dropdown items */
.more-dd-item{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:8px;width:100%;text-align:left;background:none;border:0;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;transition:all .12s}
.more-dd-item:hover{background:rgba(255,255,255,.05);color:#fff}
.more-dd-item i{font-size:14px}

/* Mobile nav active */
.mob-nav-active{color:#8b5cf6!important}
.mob-nav-active span{color:#8b5cf6!important}

/* Mines dropdown style */
#mines-count option{background:rgba(20,20,31,.94);color:#f1f5f9}

/* Game panel unified style override */
.game-layout{display:flex!important;gap:16px!important;max-width:1180px!important;margin:0 auto!important;flex-wrap:wrap!important}
.game-bet-panel{width:300px!important;flex-shrink:0!important;background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;padding:20px!important;display:flex!important;flex-direction:column!important;gap:12px!important}
.game-bet-label{font-size:11px!important;font-weight:700!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.12em!important;margin-bottom:6px!important}
.game-bet-input{height:44px!important;padding:0 14px!important;border-radius:12px!important;background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.08)!important;color:#f1f5f9!important;font-size:15px!important;font-weight:700!important;outline:none!important;font-family:Inter,monospace!important}
.game-bet-input:focus{border-color:rgba(124,58,237,.4)!important}
.game-bet-mult-btn{width:32px!important;height:30px!important;border-radius:8px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06)!important;color:#94a3b8!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important}
.game-bet-mult-btn:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.game-select{height:44px!important;padding:0 14px!important;border-radius:12px!important;background:rgba(20,20,31,.94)!important;border:1px solid rgba(255,255,255,.08)!important;color:#f1f5f9!important;font-size:14px!important;font-weight:600!important;outline:none!important}
.game-select option{background:rgba(20,20,31,.94)!important;color:#f1f5f9!important}
@media(max-width:768px){
  .game-layout{flex-direction:column!important;padding:12px 8px!important;gap:12px!important}
  .game-bet-panel{width:100%!important;order:2!important;padding:16px!important}
  .game-board{order:1!important;min-height:280px!important;border-radius:16px!important}
}

/* Fairness button unified style */
#bac-fair-btn{
  width:100%!important;height:36px!important;border-radius:10px!important;
  background:transparent!important;border:1px solid rgba(255,255,255,.06)!important;
  color:#64748b!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;
}
#bac-fair-btn:hover{color:#94a3b8!important;border-color:rgba(255,255,255,.10)!important}

/* Unified fairness button */
.game-fairness-btn{
  font-size:11px!important;padding:2px 8px!important;border-radius:6px!important;
  background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06)!important;
  color:#94a3b8!important;cursor:pointer!important;transition:all .15s!important;
  font-weight:600!important;line-height:1.4!important;
}
.game-fairness-btn:hover{color:#fff!important;border-color:rgba(255,255,255,.12)!important}

/* ===== Mobile polish ===== */
@media(max-width:768px){
  /* Profile */
  .profile-ref-shell,.fade-in.mx-auto.max-w-\[1100px\]{max-width:100%!important;padding-left:0!important;padding-right:0!important}
  
  /* Game layout mobile */
  .game-layout{flex-direction:column!important}
  .game-bet-panel{width:100%!important;order:2!important}
  .game-board{order:1!important;min-height:300px!important}
  
  /* Header adjustments */
  .site-header__inner{padding:0 10px!important;gap:6px!important}
  .site-header__logo-text{font-size:15px!important}
  
  /* Cards */
  .bg-\[\#0e1219\]{border-radius:12px!important}
  
  /* Chat panel mobile */
  #chat-panel{width:calc(100vw - 20px)!important;right:10px!important;bottom:80px!important;height:70vh!important;max-height:500px!important}
  #chat-fab{bottom:80px!important;right:10px!important}
}

@media(max-width:480px){
  /* Smaller text on very small screens */
  h1{font-size:20px!important}
  h2{font-size:18px!important}
  
  /* Game board smaller */
  #dice-canvas-wrap{padding:12px!important}
  #mines-canvas-wrap{padding:8px!important}
}

/* ===== v16.5 FULL MOBILE OVERHAUL ===== */
@media(max-width:768px){
  /* HEADER: compact, no desktop nav */
  .site-header{height:54px!important}
  .site-header__inner{padding:0 12px!important;gap:6px!important}
  .site-header__nav{display:none!important}
  .site-header__logo-text{font-size:15px!important}
  .site-header__right .topchip{padding:4px 8px!important;font-size:11px!important;border-radius:6px!important}
  .site-header__withdraw{height:30px!important;padding:0 10px!important;font-size:10px!important;border-radius:8px!important}
  .site-header__withdraw-text{display:none!important}
  .icon-btn{width:32px!important;height:32px!important}
  /* "Ещё" button in header hidden on mobile */
  .site-header__link,#more-nav-btn,[style*="flex-shrink:0"][style*="margin-left"]{display:none!important}
  .site-header__login{height:32px!important;padding:0 12px!important;font-size:11px!important;border-radius:8px!important}
  
  /* MAIN CONTENT */
  .site-main{padding-top:54px!important}
  #app{padding:12px 12px 88px!important;max-width:100%!important}
  
  /* HOME: stack everything */
  .home-faq{max-width:100%!important}
  .home-faq__q{font-size:13px!important;padding:12px 14px!important}
  .home-faq__a p,.home-faq__a li{font-size:12px!important}
  
  /* QUICK ACTIONS: 2 columns */
  section.grid.grid-cols-2.lg\:grid-cols-4{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  
  /* STREAM + LEADERBOARD: stack */
  section.grid.grid-cols-1.lg\:grid-cols-\[1fr_360px\]{grid-template-columns:1fr!important}
  
  /* STATS: stack on very small */
  section.grid.grid-cols-1.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
  section.grid.grid-cols-1.sm\:grid-cols-3 .text-2xl{font-size:18px!important}
  section.grid.grid-cols-1.sm\:grid-cols-3 .text-\[11px\]{font-size:9px!important}
  
  /* PROFILE: single column */
  .profile-ref-grid,section.grid.grid-cols-1.lg\:grid-cols-\[1fr_380px\]{grid-template-columns:1fr!important}
  .grid.grid-cols-3{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
  
  /* PROJECTS: 1 column */
  .grid.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-3{grid-template-columns:1fr!important}
  
  /* GAMES: 2 columns */
  .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-4{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  
  /* GAME LAYOUT: stack */
  .game-layout,[style*="display:flex"][style*="max-width:1180px"]{flex-direction:column!important}
  .game-bet-panel,[style*="width:300px"][style*="flex-shrink:0"]{width:100%!important;order:2!important}
  .game-board,[style*="flex:1"][style*="min-height:400px"],[style*="flex:1"][style*="min-width:300px"]{order:1!important;min-height:280px!important}
  
  /* TICKETS: responsive */
  .ticket-top3{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
  .ticket-card{padding:12px!important}
  .ticket-prize-banner{padding:14px!important}
  
  /* CHAT FAB: above bottom nav */
  #chat-fab{bottom:82px!important;right:12px!important;width:44px!important;height:44px!important;font-size:18px!important}
  #chat-panel{bottom:130px!important;right:8px!important;width:calc(100vw - 16px)!important;height:60vh!important}
  
  /* BOTTOM NAV */
  .mobile-bottom-nav{height:64px!important;padding-bottom:env(safe-area-inset-bottom,0)!important}
  .mobile-bottom-nav button{padding:6px 2px!important}
  .mobile-bottom-nav i{font-size:18px!important}
  .mobile-bottom-nav span{font-size:9px!important}
  
  /* MODALS */
  .fixed.inset-0>div[style*="max-width"]{max-width:calc(100vw - 24px)!important}
  #withdraw-modal>div,.withdraw-modal-card{max-width:calc(100vw - 24px)!important}
  
  /* FOOTER */
  footer[style*="border-top"]{padding:20px 0 10px!important}
  footer [style*="max-width:1280px"]{padding:0 12px!important;flex-direction:column!important;gap:8px!important;text-align:center!important}
  footer [style*="display:flex"][style*="gap:16px"]{justify-content:center!important}
  
  /* TYPOGRAPHY mobile */
  h1,.text-2xl{font-size:20px!important}
  .text-xl{font-size:17px!important}
  .text-lg{font-size:15px!important}
  
  /* SHOP: 2 columns */
  .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-4{grid-template-columns:repeat(2,1fr)!important}
  
  /* RAFFLES: single column */
  .grid.grid-cols-1.lg\:grid-cols-2{grid-template-columns:1fr!important}
}

@media(max-width:380px){
  /* Very small phones */
  .site-header__logo-text{font-size:13px!important}
  section.grid.grid-cols-1.sm\:grid-cols-3{grid-template-columns:1fr!important}
  .ticket-top3{grid-template-columns:1fr!important}
  .grid.grid-cols-3{grid-template-columns:1fr!important}
  .grid.grid-cols-2{grid-template-columns:1fr!important}
}

/* ===== v16.6 Mobile refinements ===== */
@media(max-width:768px){
  /* Center balance+withdraw between logo and actions */
  /* Notifications dropdown — right aligned on mobile */
  #notif-dropdown{right:-10px!important;left:auto!important;width:calc(100vw - 20px)!important;max-width:380px!important}
  
  /* Profile dropdown mobile */
  #profile-dropdown{right:0!important;left:auto!important}
}

/* Haptic/touch feedback for all buttons */
button,a[onclick],[onclick]{
  -webkit-tap-highlight-color:transparent;
}
button:active:not(:disabled),
a[onclick]:active,
[onclick]:active,
.site-header__link:active,
.more-dd-item:active,
.dropdown-item:active,
.mobile-bottom-nav button:active{
  transform:scale(0.95)!important;
  transition:transform 0.08s!important;
}
.game-play-btn:active:not(:disabled){transform:scale(0.94)!important}
.btn-primary:active:not(:disabled){transform:scale(0.96)!important}

/* Cards tap feedback — only on clickable cards, not form containers */
.ticket-row:active,
.home-faq__q:active{
  opacity:0.85!important;
  transition:opacity 0.08s!important;
}

/* Fix ticket top3 mobile */
@media(max-width:768px){
  .ticket-top3{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
  .ticket-card{padding:10px 6px!important}
  .ticket-card .text-2xl{font-size:16px!important}
  .ticket-card .text-lg{font-size:13px!important}
  .ticket-card .text-\[10px\]{font-size:8px!important}
  .ticket-card .medal{width:28px!important;height:28px!important;font-size:11px!important}
  .ticket-card img,.ticket-card .rounded-full{width:44px!important;height:44px!important}
}
@media(max-width:380px){
  .ticket-top3{grid-template-columns:1fr!important}
  .ticket-card{padding:14px!important}
}

/* ===== v17 MOBILE — FINAL FIX ===== */
@media(max-width:768px){
  /* HEADER: [LOGO] [balance] [withdraw] --- [🔔] [👤] */
  .site-header{height:52px!important}
  .site-header__inner{
    display:flex!important;align-items:center!important;
    padding:0 10px!important;gap:6px!important;
  }
  .site-header__logo{flex-shrink:0!important}
  .site-header__inner>div[style*="flex:1"]{display:none!important}
  .site-header__right{
    flex:1!important;display:flex!important;align-items:center!important;
    justify-content:flex-end!important;gap:6px!important;
  }

  /* Notifications — full screen sheet */
  #notif-dropdown{
    position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
    width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;
    border-radius:0!important;z-index:3000!important;background:#0a0e15!important;
    flex-direction:column!important;
  }
  #notif-dropdown.hidden{display:none!important}
  #notif-dropdown:not(.hidden){display:flex!important}
  #notif-list{flex:1!important;max-height:none!important;overflow-y:auto!important;padding-bottom:80px!important}
  
  /* MAIN */
  .site-main{padding-top:52px!important}
  #app{padding:10px 10px 80px!important}
  
  /* TICKET TOP 3 — compact grid, all 3 visible */
  .ticket-top3{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:4px!important;
  }
  .ticket-top3 .ticket-card{
    padding:8px 4px!important;
    overflow:hidden!important;
  }
  .ticket-top3 .ticket-card .text-2xl{font-size:15px!important}
  .ticket-top3 .ticket-card .text-lg,.ticket-top3 .ticket-card button{font-size:11px!important}
  .ticket-top3 .ticket-card .text-\\[10px\\],.ticket-top3 .ticket-card .text-\\[11px\\]{font-size:8px!important}
  .ticket-top3 .ticket-card .medal{width:24px!important;height:24px!important;font-size:9px!important;border-radius:6px!important}
  .ticket-top3 .ticket-card img,.ticket-top3 .ticket-card .rounded-full{width:36px!important;height:36px!important}
  .ticket-top3 .ticket-card .mb-5,.ticket-top3 .ticket-card .mb-6{margin-bottom:6px!important}
  .ticket-top3 .ticket-card .mb-3{margin-bottom:4px!important}
  
  /* CHAT */
  #chat-fab{bottom:74px!important;right:10px!important;width:42px!important;height:42px!important;font-size:17px!important;border-radius:12px!important}
  #chat-panel{bottom:120px!important;right:6px!important;width:calc(100vw - 12px)!important;height:55vh!important;border-radius:14px!important}
  
  /* BOTTOM NAV */
  .mobile-bottom-nav{height:60px!important}
  .mobile-bottom-nav button{padding:4px 0!important}
  .mobile-bottom-nav i{font-size:17px!important}
  .mobile-bottom-nav span{font-size:8px!important}
}

/* Mobile: notif+profile icons stick to right edge */
@media(max-width:768px){
  .site-header__right{padding-right:0!important}
  .site-header__right .icon-btn{margin-left:0!important}
}

/* Fix games grid overflow on mobile */
@media(max-width:768px){
  #app .grid{overflow:hidden!important}
  #app [style*="display:flex"][style*="max-width:1180px"]{max-width:100%!important}
  #app [style*="display:flex"][style*="flex-wrap:wrap"]{gap:8px!important}
  /* Games page cards — ensure text doesn't overflow */
  #app button[class*="bg-"][style*="text-left"]{overflow:hidden!important}
  #app button[class*="bg-"][style*="text-left"] .text-xs{white-space:normal!important;word-break:break-word!important}
}

/* ===== Minimal Monkey Redesign ===== */
:root{
  --bg0:#0d0c09;
  --bg1:#14120e;
  --bg2:#1b1812;
  --surface:rgba(26,21,16,.92);
  --surface-soft:rgba(255,255,255,.045);
  --surface-strong:rgba(255,255,255,.075);
  --stroke:rgba(255,255,255,.08);
  --stroke-strong:rgba(255,255,255,.14);
  --text-strong:#fbf4e7;
  --text-soft:#bcae99;
  --text-muted:#8e8375;
  --accent-gold:#8b5cf6;
  --accent-gold-2:#a78bfa;
  --accent-soft:rgba(216,164,90,.14);
  --accent-green:#10d9a0;
  --accent-red:#ff5c5c;
  --card-shadow:0 24px 70px rgba(0,0,0,.34);
  --card-shadow-soft:0 16px 38px rgba(0,0,0,.22);
}

html,body{
  background:
    radial-gradient(70rem 38rem at 0% 0%, rgba(216,164,90,.08), transparent 55%),
    radial-gradient(52rem 30rem at 100% 0%, rgba(16,217,160,.08), transparent 52%),
    linear-gradient(180deg,var(--bg0),var(--bg1) 45%,var(--bg2)) !important;
  color:var(--text-strong) !important;
}

body{
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  letter-spacing:-.01em;
}

body::before{
  opacity:.12 !important;
  background-image:
    linear-gradient(rgba(255,248,235,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,248,235,.03) 1px, transparent 1px),
    radial-gradient(circle at 15% 12%, rgba(216,164,90,.18), transparent 42%),
    radial-gradient(circle at 86% 14%, rgba(16,217,160,.12), transparent 45%) !important;
  background-size:32px 32px,32px 32px,auto,auto !important;
  mix-blend-mode:soft-light !important;
}

body::after{
  background:
    radial-gradient(34rem 34rem at 12% 16%, rgba(216,164,90,.10), transparent 62%),
    radial-gradient(28rem 28rem at 88% 12%, rgba(16,217,160,.08), transparent 58%),
    radial-gradient(26rem 26rem at 55% 94%, rgba(241,202,132,.06), transparent 64%) !important;
  filter:blur(48px) !important;
  opacity:.75 !important;
}

h1,h2,h3,
.site-header__logo-text,
.mkg-hero__title,
.mkg-section-title,
.mkg-stat__value,
.mkg-card__title,
.site-footer__title{
  font-family:'Sora','Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}

::selection{background:rgba(216,164,90,.28) !important;color:#fff !important}

.site-main__scroll > footer[style*="border-top"]{display:none!important}

.site-header{
  height:88px !important;
  background:rgba(13,12,9,.8) !important;
  border-bottom:1px solid var(--stroke) !important;
  backdrop-filter:blur(22px) saturate(1.1) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.1) !important;
}

.site-header__inner{
  max-width:1340px;
  margin:0 auto;
  height:100%;
  padding:0 28px !important;
  gap:18px !important;
}

.site-header__logo{gap:14px}

.site-header__logo-mark{
  width:52px;
  height:52px;
  padding:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));
  border:1px solid var(--stroke);
  box-shadow:var(--card-shadow-soft);
  overflow:hidden;
}

.site-header__logo-mark img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:14px;
}

.site-header__logo-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
}

.site-header__logo-kicker{
  font-size:10px;
  font-weight:700;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--text-muted);
}

.site-header__logo-text{
  font-size:22px !important;
  font-weight:800 !important;
  color:var(--text-strong) !important;
  letter-spacing:-.04em !important;
}

.site-header__nav{
  gap:4px !important;
  padding:6px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.03) !important;
  border:1px solid var(--stroke) !important;
}

.site-header__link{
  height:40px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  color:var(--text-soft) !important;
  font-weight:700 !important;
  background:transparent !important;
}

.site-header__link i{color:var(--text-muted)}

.site-header__link:hover{
  color:var(--text-strong) !important;
  background:rgba(255,255,255,.06) !important;
}

.site-header__link.nav-active,
.site-header__link.text-white{
  color:var(--text-strong) !important;
  background:var(--accent-soft) !important;
  border:1px solid rgba(216,164,90,.18) !important;
}

.site-header__link.nav-active i,
.site-header__link.text-white i{
  color:var(--accent-gold) !important;
}

.site-header__right{gap:10px !important}

.topchip,
.icon-btn{
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--stroke) !important;
  color:var(--text-strong) !important;
  box-shadow:none !important;
}

.topchip{
  border-radius:16px !important;
  min-height:42px !important;
  padding:0 14px !important;
}

.icon-btn{
  width:42px !important;
  height:42px !important;
  border-radius:16px !important;
}

.btn-primary,
.site-header__withdraw,
.site-header__login{
  background:linear-gradient(135deg,var(--accent-gold),#7c3aed) !important;
  color:#1a140d !important;
  border:0 !important;
  box-shadow:0 14px 28px rgba(185,125,49,.2) !important;
}

.btn-primary:hover,
.site-header__withdraw:hover,
.site-header__login:hover{
  background:linear-gradient(135deg,var(--accent-gold-2),var(--accent-gold)) !important;
}

#more-nav-dd,
.dropdown-panel{
  background:rgba(19,15,11,.98) !important;
  border:1px solid var(--stroke) !important;
  border-radius:24px !important;
  box-shadow:var(--card-shadow) !important;
}

.more-dd-item,
.dropdown-item{
  color:var(--text-soft) !important;
  border-radius:16px !important;
}

.more-dd-item:hover,
.dropdown-item:hover{
  background:rgba(255,255,255,.06) !important;
  color:var(--text-strong) !important;
}

.site-main{
  padding-top:88px !important;
  min-height:100dvh;
  background:transparent !important;
}

.site-main__scroll{min-height:calc(100dvh - 88px) !important}

#app{
  width:min(1320px, calc(100% - 48px));
  margin:0 auto;
  padding:24px 0 108px !important;
}

.site-footer{
  padding:0 0 26px;
}

.site-footer__inner{
  width:min(1320px, calc(100% - 48px));
  margin:0 auto;
  padding:22px 0 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  border-top:1px solid var(--stroke);
}

.site-footer__brand{
  display:flex;
  align-items:center;
  gap:14px;
}

.site-footer__mark{
  width:48px;
  height:48px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid var(--stroke);
  background:rgba(255,255,255,.04);
}

.site-footer__mark img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.site-footer__title{
  font-size:16px;
  font-weight:800;
  color:var(--text-strong);
}

.site-footer__text,
.site-footer__copyright{
  font-size:12px;
  color:var(--text-muted);
}

.site-footer__links{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
}

.site-footer__links a,
.site-footer__links button{
  font-size:12px;
  color:var(--text-soft);
  background:none;
  border:0;
  cursor:pointer;
}

.site-footer__links a:hover,
.site-footer__links button:hover{color:var(--text-strong)}

.mkg-page{
  display:flex;
  flex-direction:column;
  gap:24px;
  padding:8px 0 16px;
}

.mkg-page--wide{max-width:1280px;margin:0 auto}
.mkg-page--narrow{max-width:1040px;margin:0 auto}

.mkg-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  align-items:center;
  gap:32px;
  padding:36px;
  border-radius:36px;
  background:linear-gradient(180deg,rgba(30,24,18,.96),rgba(18,15,11,.94));
  border:1px solid var(--stroke);
  box-shadow:var(--card-shadow);
  isolation:isolate;
}

.mkg-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(28rem 18rem at 10% 14%, rgba(216,164,90,.14), transparent 55%),
    radial-gradient(24rem 16rem at 88% 18%, rgba(16,217,160,.12), transparent 55%);
  pointer-events:none;
  opacity:.9;
}

.mkg-hero__content,
.mkg-hero__art{position:relative;z-index:1}

.mkg-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  margin-bottom:18px;
  border-radius:999px;
  border:1px solid rgba(216,164,90,.14);
  background:rgba(216,164,90,.08);
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--accent-gold-2);
}

.mkg-hero__title{
  max-width:640px;
  font-size:clamp(2rem, 5vw, 3.85rem);
  line-height:1.02;
  letter-spacing:-.06em;
  color:var(--text-strong);
}

.mkg-hero__title strong{color:var(--accent-gold-2)}

.mkg-hero__body{
  max-width:620px;
  margin-top:18px;
  font-size:15px;
  line-height:1.75;
  color:var(--text-soft);
}

.mkg-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

.mkg-btn{
  min-height:50px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:18px;
  border:1px solid transparent;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  color:#1a140d;
  background:linear-gradient(135deg,var(--accent-gold),#7c3aed);
  box-shadow:0 14px 30px rgba(124,58,237,.18);
  transition:transform .18s ease, box-shadow .18s ease;
}

.mkg-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 40px rgba(124,58,237,.24);
}

.mkg-btn--soft,
.mkg-btn--ghost{
  background:rgba(255,255,255,.05);
  color:var(--text-strong);
  border-color:var(--stroke);
  box-shadow:none;
}

.mkg-btn--ghost{background:transparent}

.mkg-hero__art{
  min-height:320px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.mkg-hero__art img{
  width:min(100%, 380px);
  max-height:380px;
  object-fit:contain;
  filter:drop-shadow(0 28px 50px rgba(0,0,0,.32));
}

.mkg-stat-grid,
.mkg-grid-2,
.mkg-grid-3,
.mkg-grid-4{
  display:grid;
  gap:16px;
}

.mkg-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.mkg-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mkg-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mkg-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}

.mkg-stat,
.mkg-card,
.mkg-link-card,
.mkg-game-card,
.mkg-project-card,
.mkg-ticket-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(20,20,31,.94),rgba(14,14,24,.92));
  border:1px solid var(--stroke);
  border-radius:26px;
  box-shadow:var(--card-shadow-soft);
}

.mkg-stat{padding:22px}

.mkg-stat__label{
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--text-muted);
}

.mkg-stat__value{
  margin-top:12px;
  font-size:clamp(1.6rem, 3vw, 2.35rem);
  line-height:1;
  letter-spacing:-.05em;
  color:var(--text-strong);
}

.mkg-stat__hint{
  margin-top:10px;
  font-size:12px;
  color:var(--text-soft);
}

.mkg-stat__icon{
  position:absolute;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:rgba(216,164,90,.08);
  border:1px solid rgba(216,164,90,.12);
  color:var(--accent-gold);
  font-size:18px;
}

.mkg-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.mkg-section-kicker{
  margin-bottom:8px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--text-muted);
}

.mkg-section-title{
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.05em;
  color:var(--text-strong);
}

.mkg-card,
.mkg-project-card,
.mkg-ticket-card{padding:24px}

.mkg-card__title{
  font-size:20px;
  font-weight:800;
  color:var(--text-strong);
}

.mkg-card__text{
  margin-top:10px;
  font-size:14px;
  line-height:1.7;
  color:var(--text-soft);
}

.mkg-link-card,
.mkg-game-card{
  padding:20px;
  transition:transform .18s ease, border-color .18s ease;
}

.mkg-link-card:hover,
.mkg-game-card:hover,
.mkg-project-card:hover,
.mkg-ticket-card:hover{
  transform:translateY(-2px);
  border-color:var(--stroke-strong);
}

.mkg-link-card__header,
.mkg-project-card__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.mkg-link-card__title,
.mkg-project-card__title{
  font-size:18px;
  font-weight:800;
  color:var(--text-strong);
}

.mkg-link-card__text,
.mkg-project-card__text{
  margin-top:8px;
  font-size:13px;
  line-height:1.7;
  color:var(--text-soft);
}

.mkg-link-card__art{
  width:96px;
  height:96px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  flex:0 0 auto;
}

.mkg-link-card__art img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.mkg-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  background:rgba(255,255,255,.04);
  border:1px solid var(--stroke);
  color:var(--text-soft);
}

.mkg-tag--accent{
  background:var(--accent-soft);
  color:var(--accent-gold-2);
  border-color:rgba(216,164,90,.18);
}

.mkg-faq{
  background:linear-gradient(180deg,rgba(20,20,31,.94),rgba(14,14,24,.92));
  border:1px solid var(--stroke);
  border-radius:22px;
  overflow:hidden;
}

.mkg-faq summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  padding:18px 20px;
  font-size:14px;
  font-weight:800;
  color:var(--text-strong);
}

.mkg-faq summary::-webkit-details-marker{display:none}

.mkg-faq__body{
  padding:0 20px 18px;
  color:var(--text-soft);
  font-size:13px;
  line-height:1.75;
}

.mkg-faq__chev{
  color:var(--text-muted);
  transition:transform .18s ease;
}

.mkg-faq[open] .mkg-faq__chev{transform:rotate(180deg)}

.mkg-form-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.mkg-input{
  width:100%;
  min-height:52px;
  padding:0 16px;
  border-radius:18px;
  border:1px solid var(--stroke) !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--text-strong) !important;
  font-size:14px;
  outline:none;
}

.mkg-input::placeholder{color:var(--text-muted) !important}

.mkg-progress{
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  overflow:hidden;
}

.mkg-progress > span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--accent-gold),var(--accent-gold-2));
}

.mkg-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.mkg-list-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.035);
  border:1px solid var(--stroke);
}

.mkg-list-row__title{
  font-size:15px;
  font-weight:800;
  color:var(--text-strong);
}

.mkg-list-row__meta,
.mkg-list-row__hint{
  font-size:12px;
  color:var(--text-soft);
}

.mkg-empty{
  padding:30px 18px;
  text-align:center;
  border-radius:24px;
  background:rgba(255,255,255,.03);
  border:1px dashed var(--stroke);
  color:var(--text-soft);
}

.mkg-project-card__logo{
  width:54px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:rgba(255,255,255,.04);
  border:1px solid var(--stroke);
}

.mkg-project-card__logo img{
  width:34px;
  height:34px;
  object-fit:contain;
}

.mkg-project-card__promo{
  margin-top:18px;
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.03);
  border:1px solid var(--stroke);
}

.mkg-project-card__promo-code{
  margin-top:8px;
  font-size:18px;
  font-weight:800;
  letter-spacing:.12em;
  color:var(--text-strong);
}

.mkg-game-card{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-height:228px;
  text-align:left;
}

.mkg-game-card__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.mkg-game-card__icon{
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  border:1px solid rgba(216,164,90,.14);
  background:rgba(216,164,90,.08);
  color:var(--accent-gold);
}

.mkg-game-card__mark{
  width:34px;
  height:34px;
  padding:3px;
  border-radius:12px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--stroke);
}

.mkg-game-card__mark img{
  width:100%;
  height:100%;
  border-radius:9px;
  object-fit:cover;
}

.mkg-game-card__title{
  font-size:18px;
  font-weight:800;
  color:var(--text-strong);
}

.mkg-game-card__text{
  font-size:13px;
  line-height:1.7;
  color:var(--text-soft);
}

.mkg-game-card__footer{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.mkg-game-card.is-disabled{
  opacity:.55;
  cursor:not-allowed;
}

.mkg-ticket-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.mkg-ticket-card__rank{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:var(--accent-soft);
  border:1px solid rgba(216,164,90,.16);
  color:var(--accent-gold-2);
  font-weight:800;
}

.mkg-ticket-table{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.mkg-ticket-row{
  display:grid;
  grid-template-columns:52px 1fr 120px;
  gap:14px;
  align-items:center;
  padding:16px 18px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(20,20,31,.94),rgba(14,14,24,.92));
  border:1px solid var(--stroke);
}
.mkg-ticket-row > .mkg-tag{
  min-width:0 !important;
  width:auto !important;
  padding:4px 10px !important;
  justify-self:start !important;
}

.mkg-ticket-row__count{
  justify-self:end;
  font-size:18px;
  font-weight:800;
  color:var(--text-strong);
}

.mkg-avatar{
  width:44px;
  height:44px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:rgba(255,255,255,.05);
  border:1px solid var(--stroke);
}

.mkg-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.mobile-bottom-nav{
  background:rgba(13,12,9,.96) !important;
  border-top:1px solid var(--stroke) !important;
  backdrop-filter:blur(24px) !important;
  -webkit-backdrop-filter:blur(24px) !important;
}

.mobile-bottom-nav button{
  border-radius:16px !important;
  color:var(--text-muted) !important;
}

.mobile-bottom-nav button.mob-nav-active{
  color:var(--accent-gold) !important;
  background:rgba(216,164,90,.08) !important;
}

#mobile-more-content,
#chat-panel{
  background:rgba(19,15,11,.98) !important;
  border-color:var(--stroke) !important;
  box-shadow:var(--card-shadow) !important;
}

#chat-fab{
  background:linear-gradient(135deg,var(--accent-gold),#7c3aed) !important;
  color:#1a140d !important;
  box-shadow:0 18px 40px rgba(185,125,49,.28) !important;
}

@media(max-width:1100px){
  .mkg-hero{grid-template-columns:1fr}
  .mkg-hero__art{min-height:auto}
  .mkg-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mkg-grid-3,.mkg-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:768px){
  .site-header{height:74px !important}
  .site-header__inner{
    padding:0 12px !important;
    gap:8px !important;
  }
  .site-header__logo-mark{
    width:44px;
    height:44px;
    border-radius:16px;
  }
  .site-header__logo-kicker{display:none}
  .site-header__logo-text{font-size:18px !important}
  .site-header__nav{display:none !important}
  .site-main{padding-top:74px !important}
  .site-main__scroll{min-height:calc(100dvh - 74px) !important}
  #app{
    width:calc(100% - 24px);
    padding:18px 0 96px !important;
  }
  .site-footer__inner{width:calc(100% - 24px)}
  .mkg-page{gap:18px}
  .mkg-hero{
    padding:24px 20px;
    border-radius:28px;
    gap:18px;
  }
  .mkg-hero__title{font-size:clamp(1.8rem, 8vw, 2.8rem)}
  .mkg-hero__body{font-size:14px}
  .mkg-hero__actions{margin-top:18px}
  .mkg-hero__art img{
    width:min(100%, 280px);
    max-height:300px;
  }
  .mkg-grid-2,
  .mkg-grid-3,
  .mkg-grid-4,
  .mkg-ticket-grid{
    grid-template-columns:1fr;
  }
  .mkg-stat-grid{
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .mkg-link-card__art{
    width:72px;
    height:72px;
  }
  .mkg-ticket-row{
    grid-template-columns:44px 1fr 88px;
  }
}

@media(max-width:520px){
  .mkg-stat-grid{grid-template-columns:1fr}
  .mkg-form-row{flex-direction:column}
  .mkg-btn{width:100%}
  .mkg-section-title{font-size:24px}
}

/* ===== CRYPTOT Full Redesign Override ===== */
:root{
  --bg0:#1c140e;
  --bg1:#221811;
  --bg2:#281d15;
  --surface:rgba(20,20,31,.72);
  --surface-soft:rgba(255,255,255,.028);
  --surface-strong:rgba(255,255,255,.05);
  --stroke:rgba(255,255,255,.065);
  --stroke-strong:rgba(255,255,255,.11);
  --text-strong:#f5f5f7;
  --text-soft:#a6a6b4;
  --text-muted:#6b6b7b;
  --accent-gold:#8b5cf6;
  --accent-gold-2:#a78bfa;
  --accent-soft:rgba(139,92,246,.12);
}

html,body,
.site-main{
  background:
    radial-gradient(70rem 40rem at 0% 0%, rgba(139,92,246,.11), transparent 55%),
    radial-gradient(54rem 30rem at 100% 0%, rgba(139,92,246,.07), transparent 54%),
    linear-gradient(180deg,var(--bg0),var(--bg1) 42%,var(--bg2)) !important;
}

body::before{
  opacity:.08 !important;
  background-image:
    linear-gradient(rgba(255,248,235,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,248,235,.022) 1px, transparent 1px) !important;
  background-size:40px 40px,40px 40px !important;
}

body::after{
  opacity:.58 !important;
  filter:blur(72px) !important;
}

#global-loader{background:#1c140e !important}

.site-header{
  background:rgba(23,17,12,.88) !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
}

.site-header__logo-kicker,
.mkg-hero__eyebrow{
  display:none !important;
}

.site-header__logo-copy{
  justify-content:center !important;
}

.site-header__nav{
  background:rgba(255,255,255,.02) !important;
}

#app{
  width:min(1360px, calc(100% - 56px));
  padding-top:34px !important;
}

.site-footer__text{
  color:var(--text-soft) !important;
}

.mkg-page{
  gap:30px !important;
}

.mkg-page > .mkg-hero{
  display:none !important;
}

.mkg-hero__title{
  max-width:780px !important;
  font-size:clamp(2.3rem, 5vw, 4.6rem) !important;
}

.mkg-hero__title strong{
  color:var(--text-strong) !important;
}

.mkg-hero__body{
  max-width:720px !important;
  margin-top:14px !important;
  font-size:16px !important;
  line-height:1.8 !important;
  color:var(--text-soft) !important;
}

.mkg-hero__actions{
  margin-top:22px !important;
}

.mkg-hero__art{
  align-self:end !important;
  justify-self:end !important;
  min-height:0 !important;
}

.mkg-hero__art img,
.site-header__logo-mark img,
.site-footer__mark img,
.mkg-link-card__art img,
.mkg-game-card__mark img{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.mkg-hero__art img{
  max-width:min(100%, 460px) !important;
  max-height:none !important;
  border-radius:0 !important;
  filter:drop-shadow(0 16px 34px rgba(0,0,0,.28)) !important;
}

.mkg-card,
.mkg-stat,
.mkg-link-card,
.mkg-game-card,
.mkg-project-card,
.mkg-ticket-card,
.mkg-faq{
  background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.014)) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

.mkg-card,
.mkg-stat,
.mkg-link-card,
.mkg-game-card,
.mkg-project-card,
.mkg-ticket-card{
  border-radius:28px !important;
}

.mkg-section-head{
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.mkg-link-card__art,
.mkg-project-card__logo,
.mkg-game-card__mark{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.mkg-stat__icon{
  background:rgba(139,92,246,.08) !important;
  border-color:rgba(139,92,246,.14) !important;
  box-shadow:none !important;
}

.mkg-btn--soft,
.mkg-btn--ghost{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.07) !important;
  color:var(--text-strong) !important;
  box-shadow:none !important;
}

.mkg-btn--soft:hover,
.mkg-btn--ghost:hover{
  background:rgba(255,255,255,.07) !important;
}

@media (max-width: 900px){
  #app{width:min(100% - 28px, 1360px) !important}
  .mkg-hero{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
  .mkg-hero__art{
    justify-self:center !important;
  }
  .mkg-hero__art img{
    max-width:min(100%, 320px) !important;
  }
}

/* ===== CRYPTOT Modal Theme ===== */
.mkg-section-kicker{
  display:none !important;
}

.mkg-modal-overlay,
#wheel-modal,
#raffle-dialog,
#buy-modal,
#deposit-modal,
#confirm-modal,
#input-modal,
#shop-edit-modal,
#withdraw-settings-modal,
#ref-confirm-modal,
#shop-name-modal,
#shop-track-modal{
  background:rgba(14,14,24,.72) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

.mkg-modal-shell,
#wheel-modal > div,
#raffle-dialog > div,
#buy-modal > div,
#deposit-modal > div,
#confirm-modal > div,
#input-modal > div,
#shop-edit-modal > div,
#withdraw-settings-modal > div,
#ref-confirm-modal > div,
#shop-name-modal > div,
#shop-track-modal > div,
.balance-modal-dialog,
.balance-popover,
.picker-modal__dialog,
.ref-image-modal__dialog,
.ref-confirm-card,
.rules-gate .rules-card{
  background:linear-gradient(180deg, rgba(24,24,36,.97), rgba(14,14,24,.98)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.36) !important;
  color:var(--text-strong) !important;
}

.mkg-modal-close,
.balance-modal-close,
.picker-modal__close,
.ref-image-modal__close,
#wheel-modal button[onclick="closeWheelModal()"],
#shop-name-modal .w-11,
#shop-track-modal .w-11,
#buy-modal > div > button,
#shop-edit-modal > div > button,
#withdraw-settings-modal > div > button:first-child{
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--text-soft) !important;
  box-shadow:none !important;
}

.mkg-modal-close:hover,
.balance-modal-close:hover,
.picker-modal__close:hover,
.ref-image-modal__close:hover,
#wheel-modal button[onclick="closeWheelModal()"]:hover,
#shop-name-modal .w-11:hover,
#shop-track-modal .w-11:hover,
#buy-modal > div > button:hover,
#shop-edit-modal > div > button:hover,
#withdraw-settings-modal > div > button:first-child:hover{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.14) !important;
  color:var(--text-strong) !important;
}

#buy-modal input,
#deposit-modal input,
#deposit-modal select,
#input-modal input,
#input-modal select,
#shop-edit-modal input,
#shop-edit-modal select,
#shop-edit-modal textarea,
#shop-name-modal input,
#shop-track-modal input,
.balance-modal-dialog input,
.balance-modal-dialog select,
.picker-modal__dialog input,
.picker-modal__dialog select,
.picker-option,
.picker-trigger{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:var(--text-strong) !important;
  box-shadow:none !important;
}

#buy-modal input::placeholder,
#deposit-modal input::placeholder,
#input-modal input::placeholder,
#shop-edit-modal input::placeholder,
#shop-edit-modal textarea::placeholder,
#shop-name-modal input::placeholder,
#shop-track-modal input::placeholder,
.balance-modal-dialog input::placeholder,
.picker-modal__dialog input::placeholder{
  color:var(--text-muted) !important;
}

#buy-modal h3,
#deposit-modal h3,
#confirm-modal h3,
#input-modal h3,
#shop-edit-modal h3,
#withdraw-settings-modal h3,
#ref-confirm-modal h3,
.balance-modal-title,
.picker-modal__title,
.ref-image-modal__title,
.rules-card__title{
  color:var(--text-strong) !important;
}

#buy-modal p,
#deposit-modal p,
#confirm-modal p,
#input-modal p,
#shop-edit-modal span,
#withdraw-settings-modal p,
#ref-confirm-modal p,
.balance-modal-kicker,
.balance-modal-loading,
.balance-modal-empty,
.balance-modal-stat span,
.balance-modal-section__title,
.balance-modal-bonus__meta,
.picker-option,
.ref-confirm-copy,
.rules-card__text{
  color:var(--text-soft) !important;
}

#buy-modal #modal-item-price,
.balance-modal-stat strong,
.mkg-project-card__promo-code,
#wm-prize{
  color:var(--accent-gold-2) !important;
}

#buy-modal button:last-child,
#deposit-modal button:last-child,
#input-yes-btn,
#edit-item-save,
#ref-final-send,
#confirm-yes-btn,
#withdraw-settings-modal button:not(:first-child){
  background:linear-gradient(135deg,var(--accent-gold),#7c3aed) !important;
  color:#1a140d !important;
  border:1px solid transparent !important;
  box-shadow:0 14px 30px rgba(124,58,237,.18) !important;
}

#confirm-modal button:first-child,
#ref-confirm-modal button:last-child{
  background:rgba(255,255,255,.04) !important;
  color:var(--text-strong) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

.balance-modal-backdrop,
.picker-modal__backdrop,
.ref-image-modal__backdrop,
.ref-confirm-backdrop{
  background:rgba(14,14,24,.72) !important;
  backdrop-filter:blur(18px) !important;
}

.balance-modal-stat,
.balance-modal-section,
.balance-modal-bonus,
.ref-image-modal__frame,
.ref-confirm-card__icon{
  background:rgba(255,255,255,.03) !important;
  border-color:rgba(255,255,255,.08) !important;
}

.balance-modal-progress,
.balance-modal-bonus__grid div{
  background:rgba(255,255,255,.04) !important;
}

.balance-modal-progress > div{
  background:linear-gradient(90deg,var(--accent-gold),var(--accent-gold-2)) !important;
}

.balance-popover-arrow{
  background:rgba(31,22,15,.98) !important;
  border-left-color:rgba(255,255,255,.08) !important;
  border-top-color:rgba(255,255,255,.08) !important;
}

.picker-option:hover,
.picker-trigger:hover{
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,255,255,.14) !important;
}

.currency-picker-card,
.picker-option,
.picker-trigger{
  color:var(--text-strong) !important;
}

.currency-picker-card.is-active,
.picker-option.is-active{
  border-color:rgba(139,92,246,.24) !important;
  background:rgba(139,92,246,.10) !important;
  box-shadow:0 0 0 1px rgba(139,92,246,.14) inset !important;
}

.ref-confirm-copy .danger{
  color:#efc0a0 !important;
}

#wheel-modal svg polygon{
  fill:var(--accent-gold) !important;
}

#wheel-modal #wm-result > div{
  border:1px solid rgba(139,92,246,.18) !important;
  background:rgba(139,92,246,.08) !important;
}

#wm-panel [style*="#64748b"],
#wm-panel [style*="#94a3b8"],
#wm-panel [style*="#475569"]{
  color:var(--text-muted) !important;
}

#wm-panel [style*="#fff"]{
  color:var(--text-strong) !important;
}

#wheel-modal #wm-spin-btn{
  width:100%;
}

@media (max-width: 640px){
  .mkg-modal-shell,
  #wheel-modal > div,
  #raffle-dialog > div,
  #shop-name-modal > div,
  #shop-track-modal > div{
    width:100% !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   CRYPTOT UNIFIED PANEL THEME — cream/gold on dark brown
   Applies panel colors to ALL surfaces: modals, dropdowns, popups,
   overlays, inputs, buttons, game panels, admin, notifications.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --ct-bg0:#0a0a12;
  --ct-bg1:#0e0e18;
  --ct-bg2:#141420;
  --ct-surface:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));
  --ct-surface-strong:linear-gradient(180deg,rgba(24,24,36,.98),rgba(14,14,24,.98));
  --ct-surface-flat:rgba(20,20,31,.85);
  --ct-surface-raised:rgba(26,26,40,.92);
  --ct-soft:rgba(255,255,255,.028);
  --ct-soft-h:rgba(255,255,255,.06);
  --ct-stroke:rgba(255,255,255,.07);
  --ct-stroke-h:rgba(255,255,255,.14);
  --ct-text:#f5f5f7;
  --ct-text-soft:#a6a6b4;
  --ct-text-muted:#6b6b7b;
  --ct-gold:#8b5cf6;
  --ct-gold-2:#a78bfa;
  --ct-gold-dark:#7c3aed;
  --ct-gold-soft:rgba(139,92,246,.12);
  --ct-gold-ring:rgba(139,92,246,.22);
  --ct-good:#10d9a0;
  --ct-bad:#ff5c5c;
  --ct-warn:#fbbf24;
  --ct-shadow:0 28px 70px rgba(0,0,0,.44);
  --ct-shadow-soft:0 16px 38px rgba(0,0,0,.26);
  --ct-radius:20px;
  --ct-radius-lg:26px;
}

/* — Global color/token unification — */
:root{
  --accent:var(--ct-gold) !important;
  --accent2:var(--ct-gold-2) !important;
  --ring:0 0 0 3px var(--ct-gold-ring) !important;
  --panel:var(--ct-soft) !important;
  --panel2:var(--ct-soft-h) !important;
  --panel3:rgba(14,14,24,.82) !important;
  --stroke:var(--ct-stroke) !important;
  --stroke2:var(--ct-stroke-h) !important;
  --text:var(--ct-text) !important;
  --muted:var(--ct-text-soft) !important;
  --muted2:var(--ct-text-muted) !important;
}

::selection{background:var(--ct-gold-soft) !important;color:#fff !important}

/* — Global background — */
html,body,.site-main{
  background:
    radial-gradient(70rem 40rem at 0% 0%, rgba(139,92,246,.11), transparent 55%),
    radial-gradient(54rem 30rem at 100% 0%, rgba(139,92,246,.07), transparent 54%),
    linear-gradient(180deg,var(--ct-bg0),var(--ct-bg1) 42%,var(--ct-bg2)) !important;
  color:var(--ct-text) !important;
}
#global-loader{background:var(--ct-bg0) !important}

/* — Form inputs everywhere — */
input,textarea,select,
.inp,.game-bet-input,.game-panel-input,
.jackpot-bet-panel__input,
.mkg-input,
.admin-input,
#buy-modal input,#deposit-modal input,#deposit-modal select,
#input-modal input,#input-modal select,
#shop-edit-modal input,#shop-edit-modal select,#shop-edit-modal textarea,
#shop-name-modal input,#shop-track-modal input,
.balance-modal-dialog input,.balance-modal-dialog select,
.picker-modal__dialog input,.picker-modal__dialog select,
.picker-option,.picker-trigger,
.currency-picker-card,
.withdraw-modal-card input,
.unified-bet-panel input,.unified-bet-panel select{
  background:rgba(255,255,255,.035) !important;
  border:1px solid var(--ct-stroke) !important;
  color:var(--ct-text) !important;
  box-shadow:none !important;
  border-radius:14px !important;
}

input::placeholder,textarea::placeholder,
.mkg-input::placeholder{
  color:var(--ct-text-muted) !important;
}

input:focus,textarea:focus,select:focus,
.inp:focus,.game-bet-input:focus,.game-panel-input:focus,
.jackpot-bet-panel__input:focus,
.mkg-input:focus,
.admin-input:focus,
#buy-modal input:focus,#deposit-modal input:focus,
#input-modal input:focus,#shop-edit-modal input:focus,
#shop-name-modal input:focus,#shop-track-modal input:focus{
  border-color:rgba(139,92,246,.38) !important;
  box-shadow:0 0 0 3px var(--ct-gold-ring) !important;
  outline:none !important;
}

/* — Tailwind blue utility classes: retint to gold — */
.text-blue-500,.text-blue-400,.text-blue-300,.text-blue-600,
.text-ios-accent{color:var(--ct-gold-2) !important}

.bg-blue-500,.bg-blue-600,.bg-blue-700,
.bg-ios-accent,
.hover\:bg-blue-500:hover,.hover\:bg-blue-600:hover{
  background:linear-gradient(135deg,var(--ct-gold),var(--ct-gold-dark)) !important;
  color:#1a140d !important;
}

.bg-ios-accent\/10{background:rgba(139,92,246,.10) !important}
.bg-ios-accent\/20{background:rgba(139,92,246,.20) !important}

.border-blue-500,.border-blue-600,.border-blue-400,
.border-ios-accent{border-color:rgba(139,92,246,.42) !important}

.shadow-blue-500\/30,.shadow-blue-500\/20,
.shadow-ios-accent\/30{box-shadow:0 14px 34px rgba(139,92,246,.22) !important}

.ring-blue-500,.ring-ios-accent{--tw-ring-color:var(--ct-gold) !important}

.from-blue-500,.from-blue-600{--tw-gradient-from:var(--ct-gold) !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(139,92,246,0)) !important}
.to-blue-500,.to-blue-600{--tw-gradient-to:var(--ct-gold-dark) !important}
.to-purple-600,.to-indigo-600,.via-indigo-500{--tw-gradient-to:var(--ct-gold-2) !important}

/* — Nav active state — */
.nav-active,.site-header__link.nav-active{
  background:var(--ct-gold-soft) !important;
  color:var(--ct-text) !important;
  border:1px solid rgba(216,164,90,.18) !important;
}
.nav-active::before{
  background:linear-gradient(180deg,var(--ct-gold),var(--ct-gold-2)) !important;
  box-shadow:0 0 16px rgba(139,92,246,.30) !important;
}
.mob-nav-active{color:var(--ct-gold) !important}

/* — Primary button (site-wide) — */
.btn-primary,
.site-header__withdraw,
.site-header__login,
.btn-red,.btn-glow,.btn-login,
.mkg-btn,
.game-play-btn,
.jackpot-bet-panel__btn,
.game-gold-btn,
#chat-fab{
  background:linear-gradient(135deg,var(--ct-gold),var(--ct-gold-dark)) !important;
  color:#1a140d !important;
  border:1px solid transparent !important;
  box-shadow:0 14px 30px rgba(124,58,237,.22) !important;
}
.btn-primary:hover,
.site-header__withdraw:hover,
.site-header__login:hover,
.btn-red:hover,.btn-glow:hover,.btn-login:hover,
.mkg-btn:hover,
.game-play-btn:hover,
.jackpot-bet-panel__btn:hover,
.game-gold-btn:hover,
#chat-fab:hover{
  background:linear-gradient(135deg,var(--ct-gold-2),var(--ct-gold)) !important;
  box-shadow:0 20px 40px rgba(124,58,237,.30) !important;
}
.btn-primary:active,
.game-play-btn:active{transform:scale(.97)}

.btn-secondary,.btn-ghost,.btn-outline,
.mkg-btn--soft,.mkg-btn--ghost{
  background:rgba(255,255,255,.04) !important;
  color:var(--ct-text) !important;
  border:1px solid var(--ct-stroke) !important;
  box-shadow:none !important;
}
.btn-secondary:hover,.btn-ghost:hover,.btn-outline:hover,
.mkg-btn--soft:hover,.mkg-btn--ghost:hover{
  background:rgba(255,255,255,.075) !important;
  border-color:var(--ct-stroke-h) !important;
}

/* — Top chips / icon buttons in header — */
.topchip,.icon-btn,#more-nav-btn{
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--ct-stroke) !important;
  color:var(--ct-text) !important;
  box-shadow:none !important;
}
.topchip:hover,.icon-btn:hover,#more-nav-btn:hover{
  background:rgba(255,255,255,.075) !important;
  border-color:var(--ct-stroke-h) !important;
}

/* — Dropdowns / popovers — */
.dropdown-panel,
#more-nav-dd,
#mobile-more-content,
#chat-panel{
  background:rgba(25,18,12,.98) !important;
  border:1px solid var(--ct-stroke) !important;
  border-radius:22px !important;
  box-shadow:var(--ct-shadow) !important;
  backdrop-filter:blur(22px) saturate(1.1) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.1) !important;
}

.dropdown-item,.more-dd-item{
  color:var(--ct-text-soft) !important;
  border-radius:14px !important;
  background:transparent !important;
  border:0 !important;
}
.dropdown-item:hover,.more-dd-item:hover{
  background:rgba(255,255,255,.065) !important;
  color:var(--ct-text) !important;
}
.dropdown-item.text-red-300,
.dropdown-item[class*="text-red"]{color:var(--ct-bad) !important}
.dropdown-item[style*="#a78bfa"],
.dropdown-item[id="nav-admin"]{color:var(--ct-gold-2) !important}

/* — ALL MODAL OVERLAYS & SHELLS — */
#withdraw-modal,
#balance-modal,
#buy-modal,
#deposit-modal,
#confirm-modal,
#input-modal,
#shop-edit-modal,
#withdraw-settings-modal,
#ref-confirm-modal,
#shop-name-modal,
#shop-track-modal,
#wheel-modal,
#raffle-dialog,
#admin-balance-modal,
.mkg-modal-overlay,
.balance-modal-backdrop,
.picker-modal__backdrop,
.ref-image-modal__backdrop,
.ref-confirm-backdrop,
.rules-gate .rules-backdrop{
  background:rgba(15,10,7,.72) !important;
  backdrop-filter:blur(18px) saturate(1.05) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.05) !important;
}

#withdraw-modal > div:first-child,
#withdraw-modal .withdraw-modal-card,
#balance-modal,
#balance-popover,
#buy-modal > div,
#deposit-modal > div,
#confirm-modal > div,
#input-modal > div,
#shop-edit-modal > div,
#withdraw-settings-modal > div,
#ref-confirm-modal > div,
#shop-name-modal > div,
#shop-track-modal > div,
#wheel-modal > div,
#raffle-dialog > div,
#admin-balance-modal > div,
.mkg-modal-shell,
.balance-modal-dialog,
.balance-popover,
.picker-modal__dialog,
.ref-image-modal__dialog,
.ref-confirm-card,
.rules-gate .rules-card,
#terms-modal .rules-card,
.admin-modal-panel{
  background:linear-gradient(180deg,rgba(20,20,31,.97),rgba(14,14,24,.98)) !important;
  border:1px solid var(--ct-stroke) !important;
  border-radius:24px !important;
  box-shadow:var(--ct-shadow) !important;
  color:var(--ct-text) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Modal title / body text */
#buy-modal h1,#buy-modal h2,#buy-modal h3,
#deposit-modal h3,
#confirm-modal h3,
#input-modal h3,
#shop-edit-modal h3,
#withdraw-settings-modal h3,
#ref-confirm-modal h3,
#wheel-modal h3,
.balance-modal-title,
.picker-modal__title,
.ref-image-modal__title,
.rules-card__title,
.admin-modal-panel .font-bold{
  color:var(--ct-text) !important;
}
#buy-modal p,#deposit-modal p,#confirm-modal p,#input-modal p,
#shop-edit-modal span,#withdraw-settings-modal p,#ref-confirm-modal p,
.balance-modal-kicker,.balance-modal-loading,.balance-modal-empty,
.balance-modal-stat span,.balance-modal-section__title,.balance-modal-bonus__meta,
.picker-option,.ref-confirm-copy,.rules-card__text{
  color:var(--ct-text-soft) !important;
}

/* Modal close / secondary buttons */
.mkg-modal-close,
.balance-modal-close,
.picker-modal__close,
.ref-image-modal__close,
#wheel-modal button[onclick="closeWheelModal()"],
#shop-name-modal .w-11,
#shop-track-modal .w-11,
#buy-modal > div > button:first-child,
#shop-edit-modal > div > button:first-child,
#withdraw-settings-modal > div > button:first-child,
#confirm-modal button:first-child,
#ref-confirm-modal button:last-child,
.withdraw-modal-card button[onclick*="hidden"]{
  background:rgba(255,255,255,.05) !important;
  border:1px solid var(--ct-stroke) !important;
  color:var(--ct-text-soft) !important;
  box-shadow:none !important;
  border-radius:12px !important;
}
.mkg-modal-close:hover,
.balance-modal-close:hover,
.picker-modal__close:hover,
.ref-image-modal__close:hover,
#wheel-modal button[onclick="closeWheelModal()"]:hover,
#confirm-modal button:first-child:hover{
  background:rgba(255,255,255,.1) !important;
  border-color:var(--ct-stroke-h) !important;
  color:var(--ct-text) !important;
}

/* Modal primary confirm buttons */
#buy-modal button:last-child,
#deposit-modal button:last-child,
#input-yes-btn,
#edit-item-save,
#ref-final-send,
#confirm-yes-btn,
#withdraw-settings-modal button:not(:first-child),
#wheel-modal #wm-spin-btn{
  background:linear-gradient(135deg,var(--ct-gold),var(--ct-gold-dark)) !important;
  color:#1a140d !important;
  border:1px solid transparent !important;
  box-shadow:0 14px 30px rgba(124,58,237,.22) !important;
  border-radius:14px !important;
}

/* Highlighted money figures inside modals */
#buy-modal #modal-item-price,
.balance-modal-stat strong,
.mkg-project-card__promo-code,
#wm-prize,
#balance-popover strong{
  color:var(--ct-gold-2) !important;
}

/* Balance modal internal cards */
.balance-modal-stat,
.balance-modal-section,
.balance-modal-bonus,
.ref-image-modal__frame,
.ref-confirm-card__icon{
  background:rgba(255,255,255,.03) !important;
  border:1px solid var(--ct-stroke) !important;
  border-radius:16px !important;
}
.balance-modal-progress,
.balance-modal-bonus__grid > div{
  background:rgba(255,255,255,.04) !important;
}
.balance-modal-progress > div{
  background:linear-gradient(90deg,var(--ct-gold),var(--ct-gold-2)) !important;
}
.balance-popover-arrow{
  background:rgba(31,22,15,.98) !important;
  border-left-color:var(--ct-stroke) !important;
  border-top-color:var(--ct-stroke) !important;
}

/* Currency picker / picker items */
.picker-option:hover,.picker-trigger:hover{
  background:rgba(255,255,255,.08) !important;
  border-color:var(--ct-stroke-h) !important;
}
.currency-picker-card.is-active,
.picker-option.is-active{
  border-color:rgba(139,92,246,.32) !important;
  background:rgba(139,92,246,.12) !important;
  box-shadow:0 0 0 1px rgba(139,92,246,.18) inset !important;
  color:var(--ct-text) !important;
}

/* — Withdraw modal internals (NEXUS theme) — */
.withdraw-history-item,
.withdraw-history-empty,
.withdraw-status-chip{
  background:rgba(20,20,31,.6) !important;
  border-color:rgba(255,255,255,.06) !important;
  color:#a6a6b4 !important;
}
.withdraw-modal-card{
  background:linear-gradient(180deg,rgba(24,24,36,.98),rgba(14,14,24,.98)) !important;
  border-color:rgba(255,255,255,.1) !important;
  color:#f5f5f7 !important;
}
.withdraw-history-amount{color:#f5f5f7 !important}
.withdraw-history-meta{color:#6b6b7b !important}
.withdraw-cancel-btn{
  background:rgba(255,92,92,.1) !important;
  color:#fca5a5 !important;
  border:1px solid rgba(255,92,92,.22) !important;
}
.withdraw-lock-overlay{background:rgba(14,14,24,.96) !important}

/* — Wheel modal — */
#wheel-modal svg polygon{fill:var(--ct-gold) !important}
#wheel-modal #wm-result > div{
  border:1px solid rgba(139,92,246,.22) !important;
  background:rgba(139,92,246,.10) !important;
  color:var(--ct-text) !important;
}
#wm-panel [style*="#64748b"],
#wm-panel [style*="#94a3b8"],
#wm-panel [style*="#475569"]{color:var(--ct-text-muted) !important}
#wm-panel [style*="#fff"],
#wm-panel [style*="#ffffff"]{color:var(--ct-text) !important}

/* — Notifications & toasts — */
.notif-badge{
  background:var(--ct-bad) !important;
  color:#fff !important;
}
.toast-info .toast-in,
.toast-success .toast-in,
.toast-error .toast-in{
  background:linear-gradient(180deg,rgba(20,20,31,.97),rgba(14,14,24,.98)) !important;
  border:1px solid var(--ct-stroke) !important;
  color:var(--ct-text) !important;
}
.toast-info .toast-icon{
  background:rgba(139,92,246,.15) !important;
  color:var(--ct-gold-2) !important;
}
.toast-success .toast-icon{
  background:rgba(16,217,160,.18) !important;
  color:var(--ct-good) !important;
}
.toast-error .toast-icon{
  background:rgba(255,92,92,.18) !important;
  color:var(--ct-bad) !important;
}

/* — Game panels unification (dice/limbo/mines/plinko/roulette/blackjack/baccarat) — */
.game-bet-panel,
.unified-bet-panel,
.game-stage__panel,
.mines-panel,
.mines-board-wrap,
.jackpot-bet-panel,
.jackpot-participants-panel,
.game-board{
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012)) !important;
  border:1px solid var(--ct-stroke) !important;
  border-radius:22px !important;
  box-shadow:var(--ct-shadow-soft) !important;
  backdrop-filter:none !important;
}
.game-stat-row{
  background:rgba(255,255,255,.035) !important;
  border:1px solid var(--ct-stroke) !important;
  border-radius:12px !important;
  color:var(--ct-text-soft) !important;
}
.game-stat-row .value{color:var(--ct-text) !important}
.game-bet-mult-btn,
.game-panel-input ~ button,
.unified-bet-panel button[class*="mult"]{
  background:rgba(255,255,255,.05) !important;
  border:1px solid var(--ct-stroke) !important;
  color:var(--ct-text-soft) !important;
  border-radius:10px !important;
}
.game-bet-mult-btn:hover{
  background:rgba(255,255,255,.1) !important;
  color:var(--ct-text) !important;
}
.game-panel-label,
.game-bet-label,
.jackpot-bet-panel__label,
.jackpot-participants-panel__title{
  color:var(--ct-text-muted) !important;
}

/* — Rules gate & terms modal — */
.rules-card{
  background:linear-gradient(180deg,rgba(20,20,31,.97),rgba(14,14,24,.98)) !important;
  border:1px solid var(--ct-stroke) !important;
  color:var(--ct-text) !important;
}
.rules-card__icon{
  background:rgba(139,92,246,.1) !important;
  border:1px solid rgba(139,92,246,.2) !important;
  color:var(--ct-gold-2) !important;
}
.rules-section__title{color:var(--ct-text) !important}
.rules-nested__num{
  color:var(--ct-gold-2) !important;
  background:rgba(139,92,246,.1) !important;
}

/* — FAQ panels — */
.faq-i,.faq-card,.mkg-faq{
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012)) !important;
  border:1px solid var(--ct-stroke) !important;
  color:var(--ct-text) !important;
}
.faq-i[open]{border-color:var(--ct-stroke-h) !important}
.faq-i summary::after{color:var(--ct-text-muted) !important}
.faq-i[open] summary::after{color:var(--ct-gold) !important}

/* — Tickets / leaderboard — */
.ticket-card,.ticket-table,.ticket-head,.ticket-rank,.ticket-segment{
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012)) !important;
  border-color:var(--ct-stroke) !important;
  color:var(--ct-text-soft) !important;
}
.ticket-you{
  background:var(--ct-gold-soft) !important;
}
.ticket-you .ticket-rank{
  border-color:rgba(139,92,246,.32) !important;
  color:var(--ct-gold-2) !important;
}

/* — Feature / game / project cards (legacy) — */
.feature-card,.game-card-minimal,
.admin-hero,.games-hero,.home-hero,
.home-stream-card,.home-shell,.jackpot-shell,
.bonus-lot-card,.wallet-stat-card,
.table-shell,.card-glass,.glass{
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012)) !important;
  border:1px solid var(--ct-stroke) !important;
  box-shadow:var(--ct-shadow-soft) !important;
  color:var(--ct-text) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.feature-card__icon,
.admin-orb,
.game-card-minimal__icon{
  background:rgba(139,92,246,.1) !important;
  border-color:rgba(139,92,246,.18) !important;
  color:var(--ct-gold-2) !important;
}
.admin-chip--blue{
  background:var(--ct-gold-soft) !important;
  color:var(--ct-gold-2) !important;
  border:1px solid rgba(139,92,246,.18) !important;
}

/* — Admin area — */
#main-sidebar,
aside#main-sidebar,
#admin-sidebar{
  background:linear-gradient(180deg,rgba(23,17,12,.82),rgba(18,13,9,.72)) !important;
  border-right:1px solid var(--ct-stroke) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  box-shadow:0 18px 54px rgba(0,0,0,.55) !important;
}
#main-sidebar nav a:hover{background:rgba(255,255,255,.05) !important}
#main-sidebar nav a.nav-active{background:var(--ct-gold-soft) !important}
#bac-panel,#bac-table,
#crm-modal,
.admin-modal-panel{
  background:linear-gradient(180deg,rgba(20,20,31,.94),rgba(14,14,24,.96)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#f5f5f7 !important;
}

/* — Admin status/link colors — */
.admin-chip[style*="#a78bfa"],
span[style*="color:#a78bfa"],
div[style*="color:#a78bfa"]{color:var(--ct-gold-2) !important}

/* — Scrollbars (admin uses custom) — */
*{scrollbar-color:rgba(139,92,246,.55) transparent !important}
*::-webkit-scrollbar-thumb{background:rgba(139,92,246,.55) !important}
*::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.8) !important}

/* — Forms: accent colors — */
input[type="checkbox"],
input[type="radio"],
input[type="range"]{accent-color:var(--ct-gold) !important}

/* — Links — */
a{color:inherit}
a.text-blue-400,a.text-blue-500,a.text-blue-300{color:var(--ct-gold-2) !important}

/* — Hard-coded dark surface colors from legacy CSS/inline style → map to brown — */
[style*="background:rgba(20,20,31,.94)"],[style*="background:rgba(20,20,31,.94)"],[style*="background:rgba(20,20,31,.94)"],
[style*="background:#221811"],[style*="background:#281d15"],[style*="background:#281d15"],
[style*="background:#16110a"],[style*="background:#1e150d"],[style*="background-color:#0c1019"]{
  background:rgba(20,20,31,.94) !important;
}

/* — Gradient backgrounds with blue → gold — */
[style*="rgba(189,129,52"],[style*="rgba(217,164,95"],
[style*="rgba(99,102,241"]{
  /* Keep inline overridden via specific selectors below, but soften residual blue */
}

/* Game footers ("POWERED BY MARNOV" style) */
[style*="color:#1e293b"]{color:var(--ct-text-muted) !important}
[style*="color:#a78bfa"]{color:var(--ct-gold-2) !important}
[style*="color:#8b5cf6"]{color:var(--ct-gold) !important}
[style*="color:#8b5cf6"]{color:var(--ct-gold) !important}
[style*="background:#8b5cf6"],[style*="background:#7c3aed"],[style*="background:#8b5cf6"]{
  background:linear-gradient(135deg,var(--ct-gold),var(--ct-gold-dark)) !important;
  color:#1a140d !important;
}
[style*="background:#1e293b"]{background:rgba(20,20,31,.94) !important}

/* Blue borders → gold borders */
[style*="border:1px solid rgba(217,164,95"],
[style*="border:1px solid rgba(189,129,52"],
[style*="border-color:#8b5cf6"],
[style*="border-color:#8b5cf6"]{
  border-color:var(--ct-gold-ring) !important;
}

/* Icon colors inside buttons/tags with legacy blue */
i.ph[style*="color:#a78bfa"],
i.ph[style*="color:#818cf8"],
i.ph[style*="color:#8b5cf6"],
i.ph-bold[style*="color:#a78bfa"]{color:var(--ct-gold-2) !important}

/* — Mobile bottom nav — */
.mobile-bottom-nav{
  background:rgba(14,14,24,.96) !important;
  border-top:1px solid var(--ct-stroke) !important;
}
.mobile-bottom-nav button.mob-nav-active{
  color:var(--ct-gold) !important;
  background:var(--ct-gold-soft) !important;
}

/* — Tags — */
.tag{background:rgba(255,255,255,.04) !important;color:var(--ct-text-muted) !important}
.tag-green{background:rgba(16,217,160,.15) !important;color:var(--ct-good) !important}
.tag-red{background:rgba(255,92,92,.15) !important;color:var(--ct-bad) !important}

/* — Focus ring everywhere — */
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible{
  outline:2px solid rgba(139,92,246,.55) !important;
  outline-offset:2px;
}

/* — Mesh / hero decorative blobs — */
.hero-card .m1,.mesh.m1{
  background:radial-gradient(circle,rgba(139,92,246,.16),transparent 70%) !important;
}
.hero-card .m2,.mesh.m2{
  background:radial-gradient(circle,rgba(16,217,160,.12),transparent 70%) !important;
}
.pill-live,.dot-p{
  background:rgba(139,92,246,.14) !important;
  color:var(--ct-gold-2) !important;
  border-color:rgba(139,92,246,.22) !important;
}
.grad{
  background:linear-gradient(135deg,var(--ct-gold),var(--ct-gold-2)) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
}

/* — Responsive polish — */
@media(max-width:640px){
  #buy-modal > div,#deposit-modal > div,#confirm-modal > div,
  #input-modal > div,#shop-edit-modal > div,#withdraw-settings-modal > div,
  #ref-confirm-modal > div{
    width:calc(100vw - 24px) !important;
    max-width:420px !important;
    border-radius:22px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   CRYPTOT — ATMOSPHERIC BACKGROUND & FINAL BLUE KILLSWITCH
   Adds depth to the background (gradient + soft noise + orbs) so the
   site doesn't look monotone. Kills any remaining blue in modals,
   buttons, badges, notification cards, shop, games.
   ═══════════════════════════════════════════════════════════════════ */

/* Rich atmospheric background — layered radials + warm vignette */
html,body{
  background:
    radial-gradient(60rem 42rem at 8% -4%, rgba(139,92,246,.14), transparent 52%),
    radial-gradient(56rem 38rem at 94% 2%, rgba(167,139,250,.10), transparent 55%),
    radial-gradient(48rem 34rem at 50% 112%, rgba(124,58,237,.12), transparent 58%),
    radial-gradient(34rem 28rem at 18% 55%, rgba(16,217,160,.06), transparent 62%),
    linear-gradient(178deg,#18110b 0%,#1e1510 24%,#241a12 52%,#1c1510 78%,#110c08 100%) !important;
  background-attachment:fixed !important;
  color:var(--ct-text) !important;
}

/* Grain + subtle diagonal texture overlay — breaks flat look */
body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:0 !important;
  opacity:.35 !important;
  background-image:
    repeating-linear-gradient(135deg, rgba(255,255,255,.012) 0 2px, transparent 2px 8px),
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.05), transparent 42%),
    radial-gradient(circle at 82% 74%, rgba(255,255,255,.035), transparent 45%) !important;
  mix-blend-mode:soft-light !important;
}

/* Slow floating warm orbs — adds life without being busy */
body::after{
  content:"" !important;
  position:fixed !important;
  inset:-12% !important;
  pointer-events:none !important;
  z-index:0 !important;
  background:
    radial-gradient(26rem 26rem at 14% 22%, rgba(167,139,250,.09), transparent 60%),
    radial-gradient(22rem 22rem at 86% 18%, rgba(139,92,246,.08), transparent 62%),
    radial-gradient(28rem 28rem at 58% 92%, rgba(124,58,237,.07), transparent 64%) !important;
  filter:blur(60px) !important;
  opacity:.7 !important;
  animation:ctFloat 22s ease-in-out infinite alternate !important;
}
@keyframes ctFloat{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(-1.5%,1%,0) scale(1.04)}
}

/* Stacking context: header MUST sit above main so its dropdowns
   (notif / profile / more) can float over the page content.
   Dropdown panels are absolute children of the header and inherit its
   stacking context. Main gets z-index:1 so it sits above the body
   background (::before/::after at z-index:0) but below the header. */
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
}
.site-main,#app{
  position:relative;
  z-index:1;
}
.mkg-card,.mkg-hero,
.card-glass,.feature-card,.game-card-minimal,.home-shell,
.jackpot-shell,.wallet-stat-card,.ticket-card,.bonus-lot-card{
  position:relative;
  z-index:1;
}

/* Keep dropdown panels absolute, floating above navbar content.
   They inherit the header's z-index:1000 stacking context, so their
   internal z-index of 2100 keeps them above navbar siblings. */
.dropdown-panel,
#notif-dropdown,
#profile-dropdown,
#more-nav-dd{
  position:absolute !important;
  z-index:2100 !important;
}
#notif-dropdown,
#profile-dropdown{
  right:0 !important;
  left:auto !important;
  top:calc(100% + 12px) !important;
}
#more-nav-dd{
  top:calc(100% + 8px) !important;
  left:0 !important;
}
/* Parent wrappers anchor absolute dropdown children */
.site-header__right > .relative,
.site-header__inner .relative{
  position:relative !important;
}

/* Modal overlays/backdrops already handle their own stacking (z-index:50+)
   and use position:fixed, so they sit above the header as expected. */

/* — Panels: give subtle top highlight and warm gradient so they read
     as "raised" against the backdrop, not flat blocks — */
.mkg-card,.mkg-stat,.mkg-link-card,.mkg-game-card,
.mkg-project-card,.mkg-ticket-card,.mkg-faq,
.card-glass,.glass,.feature-card,.game-card-minimal,
.home-shell,.home-stream-card,.jackpot-shell,
.bonus-lot-card,.wallet-stat-card,.ticket-card,
.table-shell,.admin-hero,.games-hero,.home-hero,
.withdraw-modal-card,.raffle-card,.pnl,.ticket-table{
  background:
    linear-gradient(180deg, rgba(255,255,255,.034) 0%, rgba(255,255,255,.014) 42%, rgba(255,255,255,.008) 100%),
    linear-gradient(180deg, rgba(20,20,31,.72), rgba(20,20,31,.82)) !important;
  border:1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.035) inset,
    0 28px 64px rgba(0,0,0,.38),
    0 2px 8px rgba(0,0,0,.2) !important;
  backdrop-filter:blur(6px) saturate(1.05) !important;
  -webkit-backdrop-filter:blur(6px) saturate(1.05) !important;
}

/* Wallet/balance stat cards — more contrast, visible borders */
.wallet-stat-card,.big-stat,.mkg-stat,
.balance-modal-stat{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.018) 100%),
    linear-gradient(180deg, rgba(44,32,22,.85), rgba(28,21,14,.9)) !important;
  border:1px solid rgba(255,255,255,.1) !important;
}

/* Primary withdraw "Создать заявку" button — absolute kill on residual blue */
#withdraw-modal button[onclick*="submitWithdraw"],
.withdraw-modal-card button.btn-primary,
button.btn-primary[onclick*="submitWithdraw"],
button[onclick="submitWithdraw()"],
.btn-primary,
.btn-primary--wide,
button.bg-blue-500,button.bg-blue-600,button.bg-blue-700,
button.bg-ios-accent{
  background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%) !important;
  color:#1a140d !important;
  border:1px solid rgba(167,139,250,.2) !important;
  box-shadow:0 14px 30px rgba(124,58,237,.28), 0 2px 8px rgba(124,58,237,.16) !important;
}
.btn-primary:hover,button[onclick="submitWithdraw()"]:hover{
  background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%) !important;
  filter:brightness(1.04) !important;
  transform:translateY(-1px) !important;
}

/* Balance popover currency symbol (blue $ icon in screenshot) */
.currency-symbol,
#withdraw-currency,
.balance-popover .currency-symbol,
[class*="currency"]{
  background:rgba(139,92,246,.16) !important;
  border:1px solid rgba(139,92,246,.28) !important;
  color:var(--ct-gold-2) !important;
}

/* Notification icons (the blue circles in the screenshot) */
.notif-card__icon,
.notif-card .notif-card__icon,
#notif-dropdown .notif-card__icon,
#notif-list .notif-card__icon{
  background:linear-gradient(180deg, rgba(139,92,246,.18), rgba(139,92,246,.08)) !important;
  border:1px solid rgba(139,92,246,.24) !important;
  color:#a78bfa !important;
  box-shadow:0 0 0 1px rgba(139,92,246,.08) inset !important;
}
.notif-card.is-unread .notif-card__icon{
  background:linear-gradient(180deg, rgba(167,139,250,.28), rgba(124,58,237,.14)) !important;
  border-color:rgba(167,139,250,.36) !important;
  color:#1a140d !important;
}
.notif-card__icon i[class*="ph-info"],
.notif-card__icon i[class*="ph-coin"],
.notif-card__icon i[class*="ph-money"],
.notif-card__icon i[class*="ph-trophy"],
.notif-card__icon i[class*="ph-bell"]{color:inherit !important}

/* Balance / big stat figures should read as gold not white-on-flat */
.wallet-stat-card .stat-value,
.wallet-stat-card strong,
.big-stat-value,
.mkg-stat__value,
.balance-modal-stat strong{
  color:#f5f5f7 !important;
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}

/* Fairness / Yes-No / OK / Save modal buttons — force gold */
#input-yes-btn,
#confirm-yes-btn,
#edit-item-save,
#ref-final-send,
.balance-modal-dialog button.bg-blue-500,
.balance-modal-dialog button.bg-blue-600,
#deposit-modal button[onclick*="submit"],
#buy-modal button[onclick*="confirm"],
#shop-edit-modal button[onclick*="save"]{
  background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%) !important;
  color:#1a140d !important;
  border:1px solid rgba(167,139,250,.2) !important;
  box-shadow:0 14px 30px rgba(124,58,237,.28) !important;
}

/* Chat FAB (bottom right) + chat panel */
#chat-fab{
  background:linear-gradient(135deg,#8b5cf6,#7c3aed) !important;
  color:#1a140d !important;
  box-shadow:0 12px 30px rgba(124,58,237,.38) !important;
}
#chat-panel{
  background:linear-gradient(180deg,rgba(20,20,31,.97),rgba(14,14,24,.98)) !important;
  border:1px solid rgba(255,255,255,.1) !important;
}
.chat-tab--active{
  background:linear-gradient(135deg,#8b5cf6,#7c3aed) !important;
  color:#1a140d !important;
}

/* Shop/game cards — warmer hover */
.game-card-minimal:hover,
.mkg-game-card:hover,
.mkg-link-card:hover,
.mkg-project-card:hover{
  border-color:rgba(167,139,250,.22) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.06) inset,
    0 32px 70px rgba(0,0,0,.42) !important;
}

/* Profile hero glow behind avatar — warm */
.profile-hero::after{
  background:radial-gradient(circle, rgba(139,92,246,.20), transparent 64%) !important;
}

/* Site topnav active — warm gold */
.site-topnav__link.nav-active,
.site-topnav__link.text-white{
  background:linear-gradient(180deg, rgba(139,92,246,.22), rgba(124,58,237,.1)) !important;
  border-color:rgba(167,139,250,.3) !important;
  color:#f5f5f7 !important;
}

/* Rules-nested number pill */
.rules-nested__num{
  background:rgba(139,92,246,.14) !important;
  border:1px solid rgba(139,92,246,.24) !important;
  color:#a78bfa !important;
}

/* FAQ card icon */
.faq-card__icon{
  color:#a78bfa !important;
  background:linear-gradient(180deg, rgba(167,139,250,.08), rgba(139,92,246,.04)) !important;
  border:1px solid rgba(139,92,246,.2) !important;
}
.faq-card--tickets .faq-card__icon,
.faq-card--shop .faq-card__icon{color:#a78bfa !important}

/* Jackpot reel winner highlight */
.jackpot-reel__tile.is-winner{
  box-shadow:0 0 0 2px rgba(167,139,250,.6),0 18px 40px rgba(139,92,246,.32) !important;
  background:rgba(139,92,246,.14) !important;
}
.jackpot-reel__avatar,
.jackpot-result-banner__avatar,
.jackpot-player-chip__avatar,
.jackpot-participant-row__avatar{
  background:rgba(44,32,22,.92) !important;
  border:1px solid rgba(255,255,255,.1) !important;
}

/* Mines cell default state */
.mines-cell{
  background:linear-gradient(180deg,#2c2015,#1e150d) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#a78bfa !important;
}
.mines-cell:hover{
  border-color:rgba(139,92,246,.32) !important;
  background:linear-gradient(180deg,#3a2a1c,#281d12) !important;
}

/* Home landing / faq hero decorative beams */
.home-landing__beam,
.faq-hero__beam{
  background:linear-gradient(90deg, transparent, rgba(167,139,250,.55), transparent) !important;
}

/* Withdraw history item */
.withdraw-history-item{
  background:linear-gradient(180deg, rgba(255,255,255,.034), rgba(255,255,255,.012)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

/* Kill residual Tailwind blue utility combos on arbitrary elements */
[class*="bg-blue-"],[class*="text-blue-"],[class*="border-blue-"]{
  --tw-bg-opacity:1;
  --tw-text-opacity:1;
  --tw-border-opacity:1;
}
[class*="bg-blue-"]:not(input):not(select):not(textarea){
  background-color:rgba(139,92,246,.16) !important;
  color:#a78bfa !important;
}
button[class*="bg-blue-"]{
  background:linear-gradient(135deg,#8b5cf6,#7c3aed) !important;
  color:#1a140d !important;
}

/* Focus state — soft gold ring instead of blue */
input:focus,textarea:focus,select:focus,
.inp:focus,button:focus-visible{
  outline:none !important;
  border-color:rgba(167,139,250,.45) !important;
  box-shadow:0 0 0 3px rgba(139,92,246,.18) !important;
}

/* Warm caret / scrollbar accent */
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#8b5cf6,#7c3aed) !important;
  border-radius:99px !important;
}
::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#a78bfa,#8b5cf6) !important;
}

/* Balance popover / balance modal dialog shell — warm panel */
.balance-popover,
.balance-modal-dialog{
  background:linear-gradient(180deg,rgba(44,32,22,.96),rgba(24,17,11,.98)) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  box-shadow:0 32px 72px rgba(0,0,0,.55) !important;
}

/* The top header topchip showing balance */
.topchip--balance,
#header-balance{
  color:#f5f5f7 !important;
}

/* Currency selector active state (settings page) */
.currency-btn-active{
  background:linear-gradient(135deg,#8b5cf6,#7c3aed) !important;
  color:#1a140d !important;
  border:1px solid rgba(167,139,250,.3) !important;
  box-shadow:0 8px 20px rgba(124,58,237,.28) !important;
}

/* Chip "balance" pill in withdraw modal header */
.withdraw-modal-card .topchip,
.withdraw-modal-card [class*="chip"]{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  color:#f5f5f7 !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   CRYPTOT • МИНИМАЛИСТИЧНЫЙ ДИЗАЙН (slate + emerald)
   Финальный master-override поверх всех предыдущих слоёв.
   Палитра: тёмный slate-фон, изумрудный акцент, кристально чистая
   типографика, тонкие границы, плоские поверхности.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  /* Базовая палитра */
  --bg:#0a0d12;
  --bg-elev-1:#0f131a;
  --bg-elev-2:#141922;
  --bg-elev-3:#1a2030;
  --bg-elev-hover:#1f2535;

  --line:rgba(255,255,255,.06);
  --line-strong:rgba(255,255,255,.1);
  --line-accent:rgba(16,185,129,.22);

  --ink:#f0f4f8;
  --ink-muted:#9aa4b2;
  --ink-subtle:#5f6b7a;
  --ink-faint:#3a4250;

  /* Акценты */
  --brand:#10b981;
  --brand-2:#34d399;
  --brand-dark:#059669;
  --brand-soft:rgba(16,185,129,.1);
  --brand-ring:rgba(16,185,129,.2);

  --win:#22c55e;
  --lose:#ef4444;
  --warn:#f59e0b;
  --info:#3b82f6;

  /* Радиусы и тени */
  --rad-xs:8px;
  --rad-sm:10px;
  --rad-md:14px;
  --rad-lg:18px;
  --rad-xl:24px;

  --shadow-sm:0 1px 2px rgba(0,0,0,.18);
  --shadow-md:0 4px 12px rgba(0,0,0,.28);
  --shadow-lg:0 12px 32px rgba(0,0,0,.4);
  --shadow-xl:0 24px 56px rgba(0,0,0,.5);
  --shadow-brand:0 10px 30px rgba(16,185,129,.22);
}

/* ───── Фон: тёмный slate, спокойный без агрессивных орбов ───── */
html,body,.site-main{
  background:
    radial-gradient(60rem 40rem at 10% 0%, rgba(16,185,129,.05), transparent 55%),
    radial-gradient(50rem 35rem at 90% 0%, rgba(59,130,246,.03), transparent 60%),
    linear-gradient(180deg,#0a0d12 0%,#0b0f16 50%,#08090d 100%) !important;
  color:var(--ink) !important;
  font-family:'Inter','Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  letter-spacing:-.005em !important;
}
#global-loader{background:#0a0d12 !important}

/* Сбрасываем декоративные body::before и body::after */
body::before{
  opacity:.22 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px) !important;
  background-size:48px 48px, 48px 48px !important;
  mix-blend-mode:normal !important;
}
body::after{
  display:none !important;
}

/* ───── Типографика ───── */
h1,h2,h3,h4,h5,
.mkg-hero__title,.mkg-section-title,.mkg-card__title,
.site-header__logo-text,.site-footer__title{
  font-family:'Inter','Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  color:var(--ink) !important;
}

::selection{background:var(--brand-soft) !important; color:var(--brand-2) !important}

/* ───── Header (шапка) ───── */
.site-header{
  height:64px !important;
  background:rgba(10,13,18,.85) !important;
  border-bottom:1px solid var(--line) !important;
  backdrop-filter:blur(18px) saturate(1.2) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2) !important;
  box-shadow:none !important;
  z-index:1000 !important;
}
.site-header__inner{
  max-width:1280px;
  padding:0 20px !important;
  gap:14px !important;
}
.site-header__logo{gap:10px !important}
.site-header__logo-mark{
  width:36px !important; height:36px !important;
  padding:2px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--line) !important;
  box-shadow:none !important;
}
.site-header__logo-mark img{border-radius:8px !important}
.site-header__logo-kicker{display:none !important}
.site-header__logo-text{
  font-size:15px !important;
  font-weight:700 !important;
  color:var(--ink) !important;
  letter-spacing:-.02em !important;
}

.site-header__nav{
  gap:2px !important;
  padding:4px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.025) !important;
  border:1px solid var(--line) !important;
}
.site-header__link{
  height:32px !important;
  padding:0 12px !important;
  border-radius:8px !important;
  color:var(--ink-muted) !important;
  font-weight:600 !important;
  font-size:13px !important;
  background:transparent !important;
  border:0 !important;
  transition:all .15s ease !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}
.site-header__link i{color:var(--ink-subtle) !important; font-size:14px !important}
.site-header__link:hover{
  color:var(--ink) !important;
  background:rgba(255,255,255,.04) !important;
}
.site-header__link:hover i{color:var(--ink) !important}
.site-header__link.nav-active,
.site-header__link.text-white{
  color:var(--ink) !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid var(--line-strong) !important;
}
.site-header__link.nav-active i,
.site-header__link.text-white i{color:var(--brand) !important}

#more-nav-btn{
  height:32px !important;
  padding:0 12px !important;
  border-radius:8px !important;
  background:transparent !important;
  border:0 !important;
  color:var(--ink-muted) !important;
  font-weight:600 !important;
  font-size:13px !important;
}
#more-nav-btn:hover{background:rgba(255,255,255,.04) !important; color:var(--ink) !important}

.site-header__right{gap:8px !important}

.topchip,
.topchip--balance{
  height:36px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--line) !important;
  color:var(--ink) !important;
  font-size:13px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

.icon-btn{
  width:36px !important; height:36px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--line) !important;
  color:var(--ink-muted) !important;
  box-shadow:none !important;
  transition:all .15s ease !important;
}
.icon-btn:hover{
  background:rgba(255,255,255,.08) !important;
  color:var(--ink) !important;
  border-color:var(--line-strong) !important;
}
.icon-btn i{font-size:16px !important}

/* ───── Основная кнопка (эталон) ───── */
.btn-primary,
.site-header__withdraw,
.site-header__login,
.mkg-btn,
.game-play-btn,
.jackpot-bet-panel__btn,
.game-gold-btn,
.btn-red,.btn-glow,.btn-login,
button[onclick="submitWithdraw()"]{
  height:36px !important;
  padding:0 16px !important;
  min-height:0 !important;
  border-radius:10px !important;
  background:var(--brand) !important;
  color:#00140b !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:-.005em !important;
  text-transform:none !important;
  border:0 !important;
  box-shadow:none !important;
  transition:background .15s ease, transform .1s ease !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
}
.btn-primary:hover,
.site-header__withdraw:hover,
.site-header__login:hover,
.mkg-btn:hover,
.game-play-btn:hover,
.jackpot-bet-panel__btn:hover,
.btn-red:hover,.btn-glow:hover,.btn-login:hover,
button[onclick="submitWithdraw()"]:hover{
  background:var(--brand-2) !important;
  transform:none !important;
  box-shadow:none !important;
  filter:none !important;
}
.btn-primary:active{transform:scale(.97) !important}

/* Вторичная кнопка */
.btn-secondary,.btn-ghost,.btn-outline,
.mkg-btn--soft,.mkg-btn--ghost{
  height:36px !important;
  padding:0 16px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--ink) !important;
  border:1px solid var(--line) !important;
  font-size:13px !important;
  font-weight:600 !important;
  box-shadow:none !important;
}
.btn-secondary:hover,.btn-ghost:hover,.btn-outline:hover,
.mkg-btn--soft:hover,.mkg-btn--ghost:hover{
  background:rgba(255,255,255,.08) !important;
  border-color:var(--line-strong) !important;
}

/* Крупная кнопка в модалках */
#input-yes-btn, #confirm-yes-btn, #edit-item-save,
#ref-final-send,
#withdraw-settings-modal button:not(:first-child){
  height:44px !important;
  padding:0 20px !important;
  border-radius:12px !important;
  background:var(--brand) !important;
  color:#00140b !important;
  font-weight:700 !important;
  font-size:14px !important;
  border:0 !important;
  box-shadow:none !important;
}

/* ───── Навбар: более компактный выпадающий ───── */
.site-main{padding-top:64px !important}
.site-main__scroll{min-height:calc(100dvh - 64px) !important}
#app{
  width:min(1280px, calc(100% - 40px)) !important;
  padding:24px 0 80px !important;
}

/* ───── Dropdown (уведомления / профиль / ещё) ───── */
.dropdown-panel,
#notif-dropdown,
#profile-dropdown,
#more-nav-dd{
  background:rgba(15,19,26,.98) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:12px !important;
  box-shadow:var(--shadow-xl) !important;
  backdrop-filter:blur(24px) !important;
  -webkit-backdrop-filter:blur(24px) !important;
  padding:4px !important;
  overflow:hidden !important;
}
.dropdown-item,.more-dd-item{
  height:36px !important;
  padding:0 10px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  font-size:13px !important;
  font-weight:500 !important;
  color:var(--ink-muted) !important;
  border-radius:8px !important;
  background:transparent !important;
  border:0 !important;
  width:100% !important;
}
.dropdown-item i,.more-dd-item i{
  color:var(--ink-subtle) !important;
  font-size:14px !important;
  width:16px !important;
  text-align:center !important;
}
.dropdown-item:hover,.more-dd-item:hover{
  background:rgba(255,255,255,.04) !important;
  color:var(--ink) !important;
}
.dropdown-item:hover i{color:var(--ink) !important}
.dropdown-item.text-red-300{color:var(--lose) !important}
.dropdown-item.text-red-300 i{color:var(--lose) !important}
#nav-admin{color:var(--brand-2) !important}
#nav-admin i{color:var(--brand) !important}

/* Уведомления */
#notif-dropdown{width:360px !important}
#notif-dropdown .px-4.py-3{
  padding:14px 14px 10px !important;
  border-bottom:1px solid var(--line) !important;
}
#notif-dropdown .font-extrabold,
#notif-dropdown .font-bold{
  color:var(--ink) !important;
  font-size:14px !important;
  font-weight:700 !important;
}
#notif-list{padding:6px !important; max-height:440px !important}

.notif-card{
  width:100% !important;
  padding:10px !important;
  border-radius:10px !important;
  background:transparent !important;
  border:0 !important;
  display:flex !important;
  gap:10px !important;
  align-items:flex-start !important;
  text-align:left !important;
  transition:background .15s ease !important;
  cursor:pointer !important;
  margin-bottom:2px !important;
}
.notif-card:hover{
  background:rgba(255,255,255,.04) !important;
  border:0 !important;
}
.notif-card.is-unread{
  background:rgba(16,185,129,.06) !important;
}
.notif-card__icon{
  width:32px !important; height:32px !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--line) !important;
  color:var(--ink-muted) !important;
  font-size:14px !important;
  flex-shrink:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:none !important;
}
.notif-card.is-unread .notif-card__icon{
  background:var(--brand-soft) !important;
  border-color:var(--brand-ring) !important;
  color:var(--brand) !important;
}
.notif-card__title{
  font-size:13px !important;
  font-weight:600 !important;
  color:var(--ink) !important;
  margin:0 !important;
  letter-spacing:-.005em !important;
}
.notif-card__time{
  font-size:11px !important;
  color:var(--ink-subtle) !important;
  font-weight:500 !important;
}
.notif-card__text{
  margin-top:2px !important;
  font-size:12px !important;
  color:var(--ink-muted) !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

.notif-badge{
  min-width:16px !important; height:16px !important;
  padding:0 5px !important;
  border-radius:99px !important;
  background:var(--lose) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

/* ───── Карточки и панели (универсальные) ───── */
.mkg-card, .mkg-stat, .mkg-link-card, .mkg-game-card,
.mkg-project-card, .mkg-ticket-card, .mkg-faq,
.card-glass, .glass, .feature-card, .game-card-minimal,
.home-shell, .home-stream-card, .jackpot-shell,
.bonus-lot-card, .wallet-stat-card, .ticket-card,
.table-shell, .admin-hero, .games-hero, .home-hero,
.raffle-card, .pnl, .ticket-table,
.mines-panel, .mines-board-wrap,
.game-bet-panel, .game-stage__panel, .game-board,
.jackpot-bet-panel, .jackpot-participants-panel{
  background:var(--bg-elev-1) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--rad-lg) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.mkg-card:hover, .mkg-link-card:hover, .mkg-game-card:hover,
.mkg-project-card:hover, .mkg-ticket-card:hover,
.feature-card:hover, .game-card-minimal:hover{
  border-color:var(--line-strong) !important;
  transform:none !important;
}

/* Hero-секции без лишнего декора */
.mkg-hero{
  background:linear-gradient(180deg,var(--bg-elev-1),var(--bg-elev-2)) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--rad-xl) !important;
  box-shadow:none !important;
  padding:32px !important;
}
.mkg-hero::before{
  opacity:.4 !important;
  background:
    radial-gradient(30rem 20rem at 0% 0%, rgba(16,185,129,.08), transparent 60%) !important;
}
.mkg-hero__title{
  font-size:clamp(1.75rem, 4vw, 2.75rem) !important;
  font-weight:700 !important;
  letter-spacing:-.03em !important;
  color:var(--ink) !important;
}
.mkg-hero__title strong{color:var(--brand) !important; font-weight:700 !important}
.mkg-hero__body{
  font-size:14px !important;
  color:var(--ink-muted) !important;
  line-height:1.6 !important;
  margin-top:12px !important;
}
.mkg-hero__eyebrow{display:none !important}

/* Статистика / метрики */
.mkg-stat{padding:20px !important}
.mkg-stat__label{
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  color:var(--ink-subtle) !important;
}
.mkg-stat__value{
  margin-top:8px !important;
  font-size:26px !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  color:var(--ink) !important;
}
.mkg-stat__hint{
  margin-top:6px !important;
  font-size:12px !important;
  color:var(--ink-subtle) !important;
}
.mkg-stat__icon{
  top:16px !important; right:16px !important;
  width:32px !important; height:32px !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--line) !important;
  color:var(--ink-muted) !important;
  font-size:14px !important;
  box-shadow:none !important;
}

.mkg-section-title{
  font-size:22px !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  color:var(--ink) !important;
}
.mkg-section-kicker{
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.1em !important;
  color:var(--ink-subtle) !important;
}

/* ───── Формы и инпуты ───── */
input,textarea,select,
.inp,.mkg-input,.admin-input,
.game-bet-input,.game-panel-input,
.jackpot-bet-panel__input,
#withdraw-amount,#withdraw-casino-btn,
.picker-trigger{
  height:40px !important;
  padding:0 14px !important;
  background:var(--bg-elev-2) !important;
  border:1px solid var(--line) !important;
  border-radius:10px !important;
  color:var(--ink) !important;
  font-size:14px !important;
  font-weight:500 !important;
  font-family:inherit !important;
  outline:none !important;
  transition:all .15s ease !important;
  box-shadow:none !important;
  min-height:0 !important;
}
textarea{min-height:96px !important; padding:12px 14px !important}
input::placeholder,textarea::placeholder{
  color:var(--ink-subtle) !important;
  font-weight:500 !important;
}
input:focus,textarea:focus,select:focus,
.inp:focus,.mkg-input:focus,
.game-bet-input:focus,.game-panel-input:focus,
#withdraw-amount:focus,#withdraw-casino-btn:focus{
  border-color:var(--brand) !important;
  box-shadow:0 0 0 3px var(--brand-ring) !important;
}

/* Лейблы */
.fl,.mkg-label,
label[class*="uppercase"],
.game-bet-label,.game-panel-label,
.jackpot-bet-panel__label{
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:var(--ink-subtle) !important;
  margin-bottom:6px !important;
  display:block !important;
}

/* ───── Модальные окна ───── */
#withdraw-modal, #balance-modal, #buy-modal, #deposit-modal,
#confirm-modal, #input-modal, #shop-edit-modal,
#withdraw-settings-modal, #ref-confirm-modal,
#shop-name-modal, #shop-track-modal, #wheel-modal,
#raffle-dialog, #admin-balance-modal,
.mkg-modal-overlay,
.balance-modal-backdrop,
.picker-modal__backdrop,
.ref-image-modal__backdrop,
.ref-confirm-backdrop,
.rules-gate .rules-backdrop{
  background:rgba(0,0,0,.72) !important;
  backdrop-filter:blur(14px) saturate(1.3) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.3) !important;
}

#withdraw-modal > div:first-child,
#withdraw-modal .withdraw-modal-card,
#balance-modal, #balance-popover,
#buy-modal > div, #deposit-modal > div,
#confirm-modal > div, #input-modal > div,
#shop-edit-modal > div, #withdraw-settings-modal > div,
#ref-confirm-modal > div, #shop-name-modal > div,
#shop-track-modal > div, #wheel-modal > div,
#raffle-dialog > div, #admin-balance-modal > div,
.mkg-modal-shell,
.balance-modal-dialog,
.balance-popover,
.picker-modal__dialog,
.ref-image-modal__dialog,
.ref-confirm-card,
.rules-gate .rules-card,
#terms-modal .rules-card,
.admin-modal-panel{
  background:var(--bg-elev-1) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:16px !important;
  box-shadow:var(--shadow-xl) !important;
  color:var(--ink) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Заголовки модалок */
#buy-modal h1, #buy-modal h2, #buy-modal h3,
#deposit-modal h3, #confirm-modal h3, #input-modal h3,
#shop-edit-modal h3, #withdraw-settings-modal h3,
#ref-confirm-modal h3, #wheel-modal h3,
.balance-modal-title, .picker-modal__title,
.ref-image-modal__title, .rules-card__title{
  color:var(--ink) !important;
  font-size:17px !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
}

/* Тексты в модалках */
#buy-modal p, #deposit-modal p, #confirm-modal p, #input-modal p,
#shop-edit-modal span, #withdraw-settings-modal p,
#ref-confirm-modal p,
.balance-modal-kicker, .balance-modal-loading, .balance-modal-empty,
.balance-modal-stat span, .balance-modal-section__title,
.balance-modal-bonus__meta,
.picker-option, .ref-confirm-copy, .rules-card__text{
  color:var(--ink-muted) !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

/* Крестик закрытия */
.mkg-modal-close, .balance-modal-close, .picker-modal__close,
.ref-image-modal__close,
#wheel-modal button[onclick="closeWheelModal()"]{
  width:32px !important; height:32px !important;
  border-radius:8px !important;
  background:transparent !important;
  border:0 !important;
  color:var(--ink-muted) !important;
  font-size:14px !important;
}
.mkg-modal-close:hover, .balance-modal-close:hover,
.picker-modal__close:hover{
  background:rgba(255,255,255,.06) !important;
  color:var(--ink) !important;
}

/* Акцентные суммы в модалках */
#buy-modal #modal-item-price,
.balance-modal-stat strong,
.mkg-project-card__promo-code,
#wm-prize,
#balance-popover strong{
  color:var(--brand-2) !important;
  font-weight:700 !important;
}

/* ───── Игровые панели ───── */
.game-bet-panel{
  padding:18px !important;
  gap:12px !important;
}
.game-stat-row{
  height:36px !important;
  padding:0 12px !important;
  background:var(--bg-elev-2) !important;
  border:1px solid var(--line) !important;
  border-radius:8px !important;
}
.game-stat-row .label{
  color:var(--ink-muted) !important;
  font-size:12px !important;
  font-weight:500 !important;
}
.game-stat-row .value{
  color:var(--ink) !important;
  font-family:'JetBrains Mono',ui-monospace,monospace !important;
  font-weight:600 !important;
  font-size:13px !important;
}

.game-bet-mult-btn{
  min-width:28px !important;
  height:28px !important;
  padding:0 8px !important;
  border-radius:6px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--line) !important;
  color:var(--ink-muted) !important;
  font-size:11px !important;
  font-weight:600 !important;
}
.game-bet-mult-btn:hover{
  background:rgba(255,255,255,.08) !important;
  color:var(--ink) !important;
}

.game-play-btn{
  height:44px !important;
  padding:0 20px !important;
  border-radius:12px !important;
  background:var(--brand) !important;
  color:#00140b !important;
  font-size:14px !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:-.005em !important;
  box-shadow:none !important;
}
.game-play-btn:hover{background:var(--brand-2) !important}
.game-play-btn:disabled{
  opacity:.4 !important;
  background:var(--bg-elev-3) !important;
  color:var(--ink-subtle) !important;
}

/* Mines cell */
.mines-cell{
  background:var(--bg-elev-2) !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  color:var(--ink-subtle) !important;
}
.mines-cell:hover{
  border-color:var(--brand-ring) !important;
  background:var(--bg-elev-hover) !important;
}
.mines-cell.is-safe{
  background:rgba(16,185,129,.1) !important;
  border-color:rgba(16,185,129,.3) !important;
  color:var(--brand-2) !important;
}
.mines-cell.is-mine{
  background:rgba(239,68,68,.1) !important;
  border-color:rgba(239,68,68,.3) !important;
  color:#fca5a5 !important;
}

/* ───── Табы, бейджи, чипы ───── */
.tag{
  padding:4px 10px !important;
  border-radius:99px !important;
  font-size:11px !important;
  font-weight:600 !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--line) !important;
  color:var(--ink-muted) !important;
}
.tag-green{
  background:var(--brand-soft) !important;
  color:var(--brand) !important;
  border-color:var(--brand-ring) !important;
}
.tag-red{
  background:rgba(239,68,68,.1) !important;
  color:var(--lose) !important;
  border-color:rgba(239,68,68,.22) !important;
}

/* ───── Nav active (side/top) ───── */
.nav-active{
  background:rgba(16,185,129,.08) !important;
  color:var(--ink) !important;
  border:1px solid rgba(16,185,129,.16) !important;
}
.nav-active::before{
  background:var(--brand) !important;
  box-shadow:0 0 16px var(--brand-ring) !important;
}
.mob-nav-active{color:var(--brand) !important}

/* ───── Мобильная нижняя нав ───── */
.mobile-bottom-nav{
  background:rgba(10,13,18,.96) !important;
  border-top:1px solid var(--line) !important;
  backdrop-filter:blur(24px) !important;
}
.mobile-bottom-nav button{
  color:var(--ink-subtle) !important;
  border-radius:10px !important;
}
.mobile-bottom-nav button.mob-nav-active{
  color:var(--brand) !important;
  background:var(--brand-soft) !important;
}

/* ───── Chat FAB / panel ───── */
#chat-fab{
  width:48px !important; height:48px !important;
  border-radius:14px !important;
  background:var(--brand) !important;
  color:#00140b !important;
  border:0 !important;
  box-shadow:var(--shadow-brand) !important;
}
#chat-fab:hover{background:var(--brand-2) !important}
#chat-panel{
  background:var(--bg-elev-1) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:14px !important;
  box-shadow:var(--shadow-xl) !important;
}
.chat-tab{color:var(--ink-muted) !important}
.chat-tab--active{
  background:rgba(255,255,255,.06) !important;
  color:var(--ink) !important;
}

/* ───── Toasts ───── */
.toast-info .toast-in,
.toast-success .toast-in,
.toast-error .toast-in{
  background:var(--bg-elev-2) !important;
  border:1px solid var(--line-strong) !important;
  color:var(--ink) !important;
  box-shadow:var(--shadow-lg) !important;
  backdrop-filter:none !important;
  border-radius:12px !important;
}
.toast-info .toast-icon{
  background:var(--brand-soft) !important;
  color:var(--brand) !important;
}
.toast-success .toast-icon{
  background:rgba(34,197,94,.12) !important;
  color:var(--win) !important;
}
.toast-error .toast-icon{
  background:rgba(239,68,68,.12) !important;
  color:var(--lose) !important;
}

.smart-toast{
  background:var(--bg-elev-2) !important;
  border:1px solid var(--line-strong) !important;
  box-shadow:var(--shadow-lg) !important;
  border-radius:12px !important;
}
.smart-toast__glow{display:none !important}

/* ───── FAQ ───── */
.faq-i,.mkg-faq{
  background:var(--bg-elev-1) !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
}
.faq-i summary,.mkg-faq summary{
  font-size:14px !important;
  color:var(--ink) !important;
  padding:16px 20px !important;
}
.faq-i summary:hover{background:rgba(255,255,255,.02) !important}
.faq-i summary::after{color:var(--ink-subtle) !important}
.faq-i[open] summary::after{color:var(--brand) !important}
.faq-a,.mkg-faq__body{
  color:var(--ink-muted) !important;
  font-size:13px !important;
  line-height:1.6 !important;
}

/* ───── Sidebar (админка) ───── */
aside#main-sidebar,#admin-sidebar{
  background:var(--bg-elev-1) !important;
  border-right:1px solid var(--line) !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}
#main-sidebar nav a{
  height:36px !important;
  padding:0 12px !important;
  border-radius:8px !important;
  font-size:13px !important;
}
#main-sidebar nav a:hover{background:rgba(255,255,255,.04) !important}
#main-sidebar nav a.nav-active{background:rgba(16,185,129,.08) !important}

/* ───── Правила/Terms ───── */
.rules-card{
  background:var(--bg-elev-1) !important;
  border:1px solid var(--line-strong) !important;
  border-radius:16px !important;
}
.rules-card__icon{
  width:44px !important; height:44px !important;
  border-radius:12px !important;
  background:var(--brand-soft) !important;
  border:1px solid var(--brand-ring) !important;
  color:var(--brand) !important;
  font-size:20px !important;
  box-shadow:none !important;
}
.rules-nested__num{
  background:var(--brand-soft) !important;
  border:1px solid var(--brand-ring) !important;
  color:var(--brand) !important;
  font-size:11px !important;
}

/* ───── Tickets / лидерборд ───── */
.ticket-card,.ticket-table{
  background:var(--bg-elev-1) !important;
  border:1px solid var(--line) !important;
}
.ticket-you{background:var(--brand-soft) !important}
.ticket-you .ticket-rank{border-color:var(--brand-ring) !important; color:var(--brand) !important}

/* ───── Кошелёк/баланс popover ───── */
.balance-modal-stat,
.balance-modal-section,
.balance-modal-bonus,
.ref-image-modal__frame,
.ref-confirm-card__icon{
  background:var(--bg-elev-2) !important;
  border:1px solid var(--line) !important;
  border-radius:10px !important;
}
.balance-modal-progress{
  background:rgba(255,255,255,.04) !important;
  height:6px !important;
  border-radius:99px !important;
}
.balance-modal-progress > div{
  background:var(--brand) !important;
  border-radius:99px !important;
}
.balance-popover-arrow{
  background:var(--bg-elev-1) !important;
  border-left-color:var(--line-strong) !important;
  border-top-color:var(--line-strong) !important;
}

/* ───── Input hoverable/focusable pill-тумблер ───── */
.currency-picker-card.is-active,
.picker-option.is-active,
.currency-btn-active{
  background:var(--brand-soft) !important;
  color:var(--brand) !important;
  border:1px solid var(--brand-ring) !important;
  box-shadow:none !important;
}

/* ───── Валютный символ в инпутах ───── */
.currency-symbol,
#withdraw-currency,
.balance-popover .currency-symbol{
  background:transparent !important;
  border:0 !important;
  color:var(--ink-muted) !important;
  font-weight:700 !important;
  padding:0 !important;
}

/* ───── Wheel modal specifics ───── */
#wheel-modal svg polygon{fill:var(--brand) !important}
#wheel-modal #wm-result > div{
  background:var(--brand-soft) !important;
  border:1px solid var(--brand-ring) !important;
  color:var(--ink) !important;
  border-radius:12px !important;
}

/* ───── Tailwind-утилиты: перекрываем все цветные варианты ───── */
.text-blue-500, .text-blue-400, .text-blue-300, .text-blue-600,
.text-ios-accent{color:var(--brand) !important}

.bg-blue-500, .bg-blue-600, .bg-blue-700, .bg-ios-accent{
  background:var(--brand) !important;
  color:#00140b !important;
}

.border-blue-500, .border-blue-600, .border-blue-400,
.border-ios-accent{border-color:var(--brand-ring) !important}

.hover\:bg-blue-500:hover, .hover\:bg-blue-600:hover{background:var(--brand-2) !important}

.text-green-400, .text-emerald-400, .text-emerald-300{color:var(--brand) !important}
.text-red-300, .text-red-400{color:#fca5a5 !important}
.text-red-500{color:var(--lose) !important}
.text-yellow-400, .text-amber-400{color:var(--warn) !important}

/* Тёмные фоновые контейнеры из Tailwind arbitrary values */
[class*="bg-[#0"], [class*="bg-[#1"],
.bg-\[\#080b12\], .bg-\[\#0c1019\], .bg-\[\#0e1219\],
.bg-\[\#13161d\], .bg-\[\#141416\], .bg-\[\#11161f\],
.bg-\[\#221811\], .bg-\[\#281d15\], .bg-\[\#2c2015\]{
  background:var(--bg-elev-2) !important;
}

/* ───── Scrollbar ───── */
*::-webkit-scrollbar{width:6px !important; height:6px !important}
*::-webkit-scrollbar-track{background:transparent !important}
*::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.1) !important;
  border-radius:99px !important;
}
*::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.18) !important}
*{scrollbar-color:rgba(255,255,255,.1) transparent !important}

/* ───── Focus visible ───── */
button:focus-visible, a:focus-visible{
  outline:2px solid var(--brand) !important;
  outline-offset:2px !important;
  border-radius:6px;
}

/* ───── Глобальные inline-переопределения (жёсткое) ───── */
[style*="color:#1e293b"]{color:var(--ink-subtle) !important}
[style*="color:#60a5fa"], [style*="color:#a78bfa"]{color:var(--brand-2) !important}
[style*="color:#2563eb"], [style*="color:#3b82f6"], [style*="color:#8b5cf6"]{color:var(--brand) !important}
[style*="background:#2563eb"], [style*="background:#1d4ed8"],
[style*="background:#3b82f6"],
[style*="background:#8b5cf6"], [style*="background:#7c3aed"],
[style*="background:linear-gradient(135deg,#8b5cf6"],
[style*="background:linear-gradient(135deg,#a78bfa"]{
  background:var(--brand) !important;
  color:#00140b !important;
}
[style*="background:#1e293b"], [style*="background:#281d15"],
[style*="background:#2c2015"], [style*="background:#221811"]{
  background:var(--bg-elev-2) !important;
}

/* Золотые линейные градиенты → emerald */
[style*="linear-gradient(135deg,#8b5cf6,#7c3aed)"],
[style*="linear-gradient(135deg,#a78bfa,#7c3aed)"],
[style*="linear-gradient(135deg,#a78bfa 0%,#8b5cf6"],
[style*="linear-gradient(135deg,#8b5cf6 0%,#7c3aed"]{
  background:var(--brand) !important;
  color:#00140b !important;
}

/* ───── Медиа-адаптив ───── */
@media(max-width:900px){
  .site-header{height:56px !important}
  .site-header__inner{padding:0 12px !important}
  .site-main{padding-top:56px !important}
  .site-header__nav{display:none !important}
  #app{width:calc(100% - 24px) !important; padding:16px 0 90px !important}
  .mkg-hero{padding:22px !important}
  .mkg-stat{padding:16px !important}
  .mkg-stat__value{font-size:22px !important}
}
@media(max-width:640px){
  #buy-modal > div, #deposit-modal > div, #confirm-modal > div,
  #input-modal > div, #shop-edit-modal > div,
  #withdraw-settings-modal > div, #ref-confirm-modal > div,
  #withdraw-modal > div:first-child{
    width:calc(100vw - 20px) !important;
    max-width:420px !important;
    border-radius:14px !important;
  }
}

/* ───── Убираем remnants декора из старых тем ───── */
.mkg-stat__icon, .feature-card__icon{background:rgba(255,255,255,.04) !important}
.pill-live{
  background:var(--brand-soft) !important;
  color:var(--brand) !important;
  border:1px solid var(--brand-ring) !important;
}
.grad{
  background:var(--ink) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:initial !important;
  color:var(--ink) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CRYPTOT • NEXUS DESIGN SYSTEM v3
   Полный глобальный редизайн: violet + amber, bento-layout, pill-nav,
   glassmorphism, микро-анимации, dot-pattern backgrounds.
   Этот блок ПОЛНОСТЬЮ переопределяет всю визуальную часть поверх прошлых тем.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══ ДИЗАЙН-ТОКЕНЫ ═══ */
:root{
  /* Цвета — primitive tokens */
  --nx-ink-0:#0a0a12;
  --nx-ink-1:#0e0e18;
  --nx-ink-2:#14141f;
  --nx-ink-3:#1a1a28;
  --nx-ink-4:#222234;
  --nx-ink-5:#2a2a3e;

  /* Фиолетовый акцент */
  --nx-violet-1:#a78bfa;
  --nx-violet-2:#8b5cf6;
  --nx-violet-3:#7c3aed;
  --nx-violet-soft:rgba(139,92,246,.12);
  --nx-violet-ring:rgba(139,92,246,.24);
  --nx-violet-glow:rgba(139,92,246,.4);

  /* Янтарный (деньги/награды) */
  --nx-amber-1:#fbbf24;
  --nx-amber-2:#f59e0b;
  --nx-amber-3:#d97706;
  --nx-amber-soft:rgba(245,158,11,.12);

  /* Семантика */
  --nx-win:#10d9a0;
  --nx-win-soft:rgba(16,217,160,.12);
  --nx-lose:#ff5c5c;
  --nx-lose-soft:rgba(255,92,92,.12);
  --nx-warn:#fbbf24;
  --nx-info:#38bdf8;

  /* Текст */
  --nx-text-1:#f5f5f7;
  --nx-text-2:#a6a6b4;
  --nx-text-3:#6b6b7b;
  --nx-text-4:#45455a;

  /* Границы */
  --nx-bd-1:rgba(255,255,255,.06);
  --nx-bd-2:rgba(255,255,255,.1);
  --nx-bd-3:rgba(255,255,255,.14);

  /* Радиусы */
  --nx-r-xs:6px;
  --nx-r-sm:10px;
  --nx-r-md:14px;
  --nx-r-lg:20px;
  --nx-r-xl:28px;
  --nx-r-pill:999px;

  /* Тени (минимальные — стиль Linear) */
  --nx-sh-1:0 1px 2px rgba(0,0,0,.3);
  --nx-sh-2:0 4px 16px rgba(0,0,0,.35);
  --nx-sh-3:0 12px 40px rgba(0,0,0,.45);
  --nx-sh-4:0 24px 60px rgba(0,0,0,.55);
  --nx-glow-violet:0 0 40px rgba(139,92,246,.2);

  /* Timing */
  --nx-ease:cubic-bezier(.16,1,.3,1);
  --nx-ease-smooth:cubic-bezier(.4,0,.2,1);
  --nx-dur-1:.15s;
  --nx-dur-2:.25s;
  --nx-dur-3:.4s;
}

/* ═══ ГЛОБАЛЬНЫЙ ФОН И БЕЙЗЛАЙН ═══ */
html,body,.site-main{
  background:
    radial-gradient(90rem 55rem at 12% -8%, rgba(139,92,246,.09), transparent 55%),
    radial-gradient(70rem 45rem at 95% 5%, rgba(167,139,250,.06), transparent 58%),
    radial-gradient(60rem 40rem at 50% 120%, rgba(139,92,246,.06), transparent 60%),
    linear-gradient(180deg,#08080f 0%,#0a0a14 40%,#06060d 100%) !important;
  color:var(--nx-text-1) !important;
  font-family:'Inter',ui-sans-serif,-apple-system,BlinkMacSystemFont,'SF Pro Display',sans-serif !important;
  font-feature-settings:'ss01','cv11' !important;
  letter-spacing:-.005em !important;
}

/* Dot-grid текстура поверх фона */
body::before{
  content:"" !important;
  position:fixed !important; inset:0 !important;
  pointer-events:none !important; z-index:0 !important;
  background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px) !important;
  background-size:22px 22px !important;
  mask-image:radial-gradient(ellipse 100% 80% at 50% 20%,black,transparent 70%) !important;
  -webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 20%,black,transparent 70%) !important;
  opacity:.6 !important;
}

/* Медленно двигающиеся цветные пятна */
body::after{
  content:"" !important;
  position:fixed !important; inset:-10% !important;
  pointer-events:none !important; z-index:0 !important;
  background:
    radial-gradient(30rem 30rem at 20% 30%, rgba(139,92,246,.07), transparent 60%),
    radial-gradient(24rem 24rem at 80% 70%, rgba(167,139,250,.06), transparent 62%) !important;
  filter:blur(40px) !important;
  opacity:.8 !important;
  animation:nxFloat 28s ease-in-out infinite alternate !important;
}
@keyframes nxFloat{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(-2%,2%,0) scale(1.05)}
}

/* ═══ ТИПОГРАФИКА ═══ */
h1,h2,h3,h4,h5{
  color:var(--nx-text-1) !important;
  font-weight:600 !important;
  letter-spacing:-.02em !important;
  font-feature-settings:'ss01','cv11' !important;
}

::selection{background:var(--nx-violet-2) !important;color:#fff !important}

/* ═══ SITE HEADER — PILL FLOATING CAPSULE ═══ */
.site-header{
  position:fixed !important;
  top:14px !important; left:50% !important;
  transform:translateX(-50%) !important;
  width:min(1200px, calc(100% - 28px)) !important;
  height:56px !important;
  border-radius:var(--nx-r-xl) !important;
  background:rgba(14,14,24,.7) !important;
  border:1px solid var(--nx-bd-2) !important;
  backdrop-filter:blur(24px) saturate(1.4) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.4) !important;
  box-shadow:var(--nx-sh-3), 0 1px 0 rgba(255,255,255,.05) inset !important;
  z-index:1000 !important;
  padding:0 !important;
}
.site-header__inner{
  max-width:none !important;
  height:100% !important;
  padding:0 14px 0 20px !important;
  gap:10px !important;
}

.site-header__logo{gap:10px !important}
.site-header__logo-mark{
  width:32px !important; height:32px !important;
  padding:3px !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,var(--nx-violet-2),var(--nx-violet-3)) !important;
  border:0 !important;
  box-shadow:0 4px 12px rgba(139,92,246,.32), 0 0 0 1px rgba(255,255,255,.1) inset !important;
}
.site-header__logo-mark img{border-radius:7px !important}
.site-header__logo-kicker{display:none !important}
.site-header__logo-text{
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
  background:linear-gradient(180deg,#fff,#a6a6b4) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

/* Nav — капсула внутри капсулы */
.site-header__nav{
  gap:1px !important;
  padding:3px !important;
  border-radius:var(--nx-r-pill) !important;
  background:rgba(0,0,0,.4) !important;
  border:1px solid var(--nx-bd-1) !important;
  overflow:visible !important;
  position:relative !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
.site-header__link{
  height:30px !important;
  padding:0 14px !important;
  border-radius:var(--nx-r-pill) !important;
  color:var(--nx-text-2) !important;
  font-weight:500 !important;
  font-size:13px !important;
  background:transparent !important;
  border:0 !important;
  transition:all var(--nx-dur-2) var(--nx-ease) !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  position:relative !important;
}
.site-header__link i{
  color:var(--nx-text-3) !important;
  font-size:13px !important;
  transition:color var(--nx-dur-2) var(--nx-ease) !important;
}
.site-header__link:hover{
  color:var(--nx-text-1) !important;
  background:rgba(255,255,255,.05) !important;
}
.site-header__link:hover i{color:var(--nx-text-1) !important}

.site-header__link.nav-active,
.site-header__link.text-white{
  color:#fff !important;
  background:linear-gradient(135deg,var(--nx-violet-2),var(--nx-violet-3)) !important;
  border:0 !important;
  box-shadow:0 4px 12px rgba(139,92,246,.3), 0 0 0 1px rgba(255,255,255,.1) inset !important;
}
.site-header__link.nav-active i,
.site-header__link.text-white i{color:#fff !important}

/* Ещё-кнопка — часть nav-капсулы, как остальные ссылки */
#more-nav-btn,
.site-header__nav #more-nav-btn{
  height:30px !important;
  padding:0 14px !important;
  border-radius:var(--nx-r-pill) !important;
  background:transparent !important;
  border:0 !important;
  color:var(--nx-text-2) !important;
  font-weight:500 !important;
  font-size:13px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  transition:all var(--nx-dur-2) var(--nx-ease) !important;
  cursor:pointer !important;
  letter-spacing:-.005em !important;
}
#more-nav-btn i{
  color:var(--nx-text-3) !important;
  font-size:13px !important;
  transition:color var(--nx-dur-2) var(--nx-ease) !important;
}
#more-nav-btn:hover{
  background:rgba(255,255,255,.05) !important;
  color:var(--nx-text-1) !important;
}
#more-nav-btn:hover i{color:var(--nx-text-1) !important}

.site-header__right{gap:6px !important}

/* Баланс-чип — нейтральный */
.topchip,.topchip--balance{
  height:32px !important;
  padding:0 14px !important;
  border-radius:var(--nx-r-pill) !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:var(--nx-text-1) !important;
  font-size:13px !important;
  font-weight:600 !important;
  font-family:'JetBrains Mono',ui-monospace,monospace !important;
  letter-spacing:-.01em !important;
  box-shadow:none !important;
}
.topchip span{color:var(--nx-text-1) !important}

.icon-btn{
  width:32px !important; height:32px !important;
  border-radius:var(--nx-r-pill) !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--nx-bd-1) !important;
  color:var(--nx-text-2) !important;
  box-shadow:none !important;
  transition:all var(--nx-dur-2) var(--nx-ease) !important;
}
.icon-btn:hover{
  background:rgba(255,255,255,.08) !important;
  color:var(--nx-text-1) !important;
  border-color:var(--nx-bd-2) !important;
}
.icon-btn i{font-size:14px !important}

/* ═══ КНОПКИ ═══ */
.btn-primary,
.site-header__withdraw,
.site-header__login,
.mkg-btn,
.game-play-btn,
.jackpot-bet-panel__btn,
.game-gold-btn,
.btn-red,.btn-glow,.btn-login,
button[onclick="submitWithdraw()"]{
  height:36px !important;
  padding:0 16px !important;
  min-height:0 !important;
  border-radius:var(--nx-r-pill) !important;
  background:linear-gradient(135deg,var(--nx-violet-2),var(--nx-violet-3)) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:-.005em !important;
  text-transform:none !important;
  border:0 !important;
  box-shadow:0 2px 12px rgba(139,92,246,.24), 0 0 0 1px rgba(255,255,255,.12) inset !important;
  transition:all var(--nx-dur-2) var(--nx-ease) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  position:relative !important;
  overflow:hidden !important;
}
.btn-primary::before,
.game-play-btn::before,
.mkg-btn::before{
  content:"" !important;
  position:absolute !important; inset:0 !important;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%) !important;
  transform:translateX(-120%) !important;
  transition:transform .7s var(--nx-ease) !important;
  pointer-events:none !important;
}
.btn-primary:hover::before,
.game-play-btn:hover::before,
.mkg-btn:hover::before{transform:translateX(120%) !important}
.btn-primary:hover,
.site-header__withdraw:hover,
.site-header__login:hover,
.mkg-btn:hover,
.game-play-btn:hover,
.btn-red:hover,.btn-glow:hover,.btn-login:hover,
button[onclick="submitWithdraw()"]:hover{
  box-shadow:0 4px 24px rgba(139,92,246,.4), 0 0 0 1px rgba(255,255,255,.18) inset !important;
  transform:translateY(-1px) !important;
  filter:none !important;
}
.btn-primary:active{transform:translateY(0) scale(.98) !important}

/* Вторичная кнопка */
.btn-secondary,.btn-ghost,.btn-outline,
.mkg-btn--soft,.mkg-btn--ghost{
  height:36px !important;
  padding:0 16px !important;
  border-radius:var(--nx-r-pill) !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--nx-text-1) !important;
  border:1px solid var(--nx-bd-1) !important;
  font-size:13px !important;
  font-weight:500 !important;
  box-shadow:none !important;
  transition:all var(--nx-dur-2) var(--nx-ease) !important;
}
.btn-secondary:hover,.btn-ghost:hover,.btn-outline:hover,
.mkg-btn--soft:hover,.mkg-btn--ghost:hover{
  background:rgba(255,255,255,.08) !important;
  border-color:var(--nx-bd-2) !important;
  transform:translateY(-1px) !important;
}

/* ═══ LAYOUT ═══ */
.site-main{padding-top:84px !important}
.site-main__scroll{min-height:calc(100dvh - 84px) !important}
#app{
  width:min(1200px, calc(100% - 40px)) !important;
  margin:0 auto !important;
  padding:24px 0 100px !important;
  position:relative !important;
  z-index:1 !important;
}

/* ═══ DROPDOWNS / POPOVERS ═══ */
.dropdown-panel,
#notif-dropdown,
#profile-dropdown,
#more-nav-dd{
  position:absolute !important;
  z-index:2100 !important;
  background:rgba(14,14,24,.92) !important;
  border:1px solid var(--nx-bd-2) !important;
  border-radius:var(--nx-r-lg) !important;
  box-shadow:var(--nx-sh-4), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  backdrop-filter:blur(32px) saturate(1.4) !important;
  -webkit-backdrop-filter:blur(32px) saturate(1.4) !important;
  padding:6px !important;
  overflow:hidden !important;
}
#notif-dropdown,
#profile-dropdown{
  right:0 !important;
  left:auto !important;
  top:calc(100% + 14px) !important;
}
#more-nav-dd{
  top:calc(100% + 10px) !important;
  right:0 !important;
  left:auto !important;
}

.dropdown-item,.more-dd-item{
  height:34px !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  font-size:13px !important;
  font-weight:500 !important;
  color:var(--nx-text-2) !important;
  border-radius:10px !important;
  background:transparent !important;
  border:0 !important;
  width:100% !important;
  transition:all var(--nx-dur-1) var(--nx-ease) !important;
}
.dropdown-item i,.more-dd-item i{
  color:var(--nx-text-3) !important;
  font-size:14px !important;
  width:16px !important;
  text-align:center !important;
}
.dropdown-item:hover,.more-dd-item:hover{
  background:var(--nx-violet-soft) !important;
  color:var(--nx-text-1) !important;
}
.dropdown-item:hover i{color:var(--nx-violet-1) !important}
.dropdown-item.text-red-300{color:var(--nx-lose) !important}
.dropdown-item.text-red-300 i{color:var(--nx-lose) !important}
.dropdown-item.text-red-300:hover{background:var(--nx-lose-soft) !important}
#nav-admin{color:var(--nx-amber-1) !important}
#nav-admin i{color:var(--nx-amber-1) !important}

/* ═══ УВЕДОМЛЕНИЯ ═══ */
#notif-dropdown{width:380px !important; padding:0 !important}
#notif-dropdown .px-4.py-3{
  padding:16px !important;
  border-bottom:1px solid var(--nx-bd-1) !important;
}
#notif-dropdown .font-extrabold,
#notif-dropdown .font-bold{
  color:var(--nx-text-1) !important;
  font-size:15px !important;
  font-weight:600 !important;
}
#notif-list{padding:6px !important; max-height:460px !important}

.notif-card{
  width:100% !important;
  padding:12px !important;
  border-radius:12px !important;
  background:transparent !important;
  border:0 !important;
  display:flex !important;
  gap:12px !important;
  align-items:flex-start !important;
  text-align:left !important;
  transition:all var(--nx-dur-1) var(--nx-ease) !important;
  cursor:pointer !important;
  margin-bottom:2px !important;
}
.notif-card:hover{background:rgba(255,255,255,.04) !important}
.notif-card.is-unread{
  background:var(--nx-violet-soft) !important;
}
.notif-card.is-unread:hover{background:rgba(139,92,246,.18) !important}

.notif-card__icon{
  width:36px !important; height:36px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid var(--nx-bd-1) !important;
  color:var(--nx-text-2) !important;
  font-size:15px !important;
  flex-shrink:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:none !important;
}
.notif-card.is-unread .notif-card__icon{
  background:linear-gradient(135deg,var(--nx-violet-2),var(--nx-violet-3)) !important;
  border:0 !important;
  color:#fff !important;
  box-shadow:0 4px 12px rgba(139,92,246,.3) !important;
}
.notif-card__title{
  font-size:13px !important;
  font-weight:600 !important;
  color:var(--nx-text-1) !important;
  letter-spacing:-.005em !important;
}
.notif-card__time{
  font-size:11px !important;
  color:var(--nx-text-3) !important;
  font-weight:500 !important;
}
.notif-card__text{
  margin-top:2px !important;
  font-size:12px !important;
  color:var(--nx-text-2) !important;
  line-height:1.45 !important;
}

.notif-badge{
  min-width:16px !important; height:16px !important;
  padding:0 5px !important;
  border-radius:var(--nx-r-pill) !important;
  background:var(--nx-lose) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:700 !important;
  box-shadow:0 2px 8px rgba(255,92,92,.4) !important;
}

/* ═══ КАРТОЧКИ И ПАНЕЛИ — BENTO STYLE ═══ */
.mkg-card, .mkg-stat, .mkg-link-card, .mkg-game-card,
.mkg-project-card, .mkg-ticket-card, .mkg-faq,
.card-glass, .glass, .feature-card, .game-card-minimal,
.home-shell, .home-stream-card, .jackpot-shell,
.bonus-lot-card, .wallet-stat-card, .ticket-card,
.table-shell, .admin-hero, .games-hero, .home-hero,
.raffle-card, .pnl,
.mines-panel, .mines-board-wrap,
.game-bet-panel, .game-stage__panel, .game-board,
.jackpot-bet-panel, .jackpot-participants-panel{
  position:relative !important;
  background:rgba(20,20,31,.7) !important;
  border:1px solid var(--nx-bd-1) !important;
  border-radius:var(--nx-r-lg) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset, 0 8px 24px rgba(0,0,0,.2) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  overflow:hidden !important;
  transition:all var(--nx-dur-2) var(--nx-ease) !important;
}
/* Dot pattern overlay на карточках (21st-вдохновлённо) */
.mkg-card::after, .mkg-stat::after, .mkg-link-card::after,
.mkg-game-card::after, .mkg-project-card::after, .feature-card::after,
.wallet-stat-card::after{
  content:"" !important;
  position:absolute !important; inset:0 !important;
  background-image:radial-gradient(rgba(255,255,255,.025) 1px, transparent 1px) !important;
  background-size:16px 16px !important;
  pointer-events:none !important;
  opacity:0 !important;
  transition:opacity var(--nx-dur-3) var(--nx-ease) !important;
  z-index:0 !important;
}
.mkg-card:hover::after, .mkg-stat:hover::after,
.mkg-link-card:hover::after, .mkg-game-card:hover::after,
.mkg-project-card:hover::after, .feature-card:hover::after,
.wallet-stat-card:hover::after{opacity:1 !important}

.mkg-card > *, .mkg-stat > *, .mkg-link-card > *,
.mkg-game-card > *, .mkg-project-card > *, .feature-card > *,
.wallet-stat-card > *{position:relative; z-index:1}

.mkg-card:hover, .mkg-link-card:hover, .mkg-game-card:hover,
.mkg-project-card:hover, .mkg-ticket-card:hover,
.feature-card:hover, .game-card-minimal:hover{
  border-color:var(--nx-bd-2) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset, 0 16px 40px rgba(0,0,0,.35) !important;
}

/* ═══ HERO ═══ */
.mkg-hero{
  background:
    radial-gradient(60rem 40rem at 20% 0%, rgba(139,92,246,.1), transparent 55%),
    linear-gradient(180deg,rgba(26,26,40,.8),rgba(14,14,24,.8)) !important;
  border:1px solid var(--nx-bd-1) !important;
  border-radius:var(--nx-r-xl) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset, var(--nx-sh-3) !important;
  padding:40px !important;
  overflow:hidden !important;
  position:relative !important;
}
.mkg-hero::before{
  content:"" !important;
  position:absolute !important; inset:0 !important;
  background-image:radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px) !important;
  background-size:20px 20px !important;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, black, transparent 70%) !important;
  opacity:.5 !important;
  pointer-events:none !important;
}
.mkg-hero__title{
  font-size:clamp(1.75rem, 4vw, 2.5rem) !important;
  font-weight:600 !important;
  letter-spacing:-.03em !important;
  color:var(--nx-text-1) !important;
  line-height:1.1 !important;
}
.mkg-hero__title strong{
  background:linear-gradient(135deg,var(--nx-violet-1),var(--nx-amber-1)) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  font-weight:600 !important;
}
.mkg-hero__body{
  font-size:14px !important;
  color:var(--nx-text-2) !important;
  line-height:1.6 !important;
  margin-top:12px !important;
}
.mkg-hero__eyebrow{display:none !important}

/* ═══ СТАТИСТИКА ═══ */
.mkg-stat{padding:24px !important}
.mkg-stat__label{
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--nx-text-3) !important;
}
.mkg-stat__value{
  margin-top:8px !important;
  font-size:32px !important;
  font-weight:600 !important;
  letter-spacing:-.03em !important;
  color:var(--nx-text-1) !important;
  font-variant-numeric:tabular-nums !important;
}
.mkg-stat__hint{
  margin-top:8px !important;
  font-size:11px !important;
  color:var(--nx-text-3) !important;
}
.mkg-stat__icon{
  top:20px !important; right:20px !important;
  width:36px !important; height:36px !important;
  border-radius:10px !important;
  background:var(--nx-violet-soft) !important;
  border:1px solid var(--nx-violet-ring) !important;
  color:var(--nx-violet-1) !important;
  font-size:14px !important;
  box-shadow:none !important;
}

.mkg-section-title{
  font-size:20px !important;
  font-weight:600 !important;
  letter-spacing:-.02em !important;
  color:var(--nx-text-1) !important;
}
.mkg-section-kicker{
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  color:var(--nx-text-3) !important;
  margin-bottom:6px !important;
}

/* ═══ ИНПУТЫ ═══ */
input,textarea,select,
.inp,.mkg-input,.admin-input,
.game-bet-input,.game-panel-input,
.jackpot-bet-panel__input,
#withdraw-amount,#withdraw-casino-btn,
.picker-trigger{
  height:42px !important;
  padding:0 14px !important;
  background:rgba(14,14,24,.6) !important;
  border:1px solid var(--nx-bd-1) !important;
  border-radius:12px !important;
  color:var(--nx-text-1) !important;
  font-size:14px !important;
  font-weight:500 !important;
  font-family:inherit !important;
  outline:none !important;
  transition:all var(--nx-dur-2) var(--nx-ease) !important;
  box-shadow:none !important;
  min-height:0 !important;
}
textarea{min-height:96px !important; padding:12px 14px !important}
input::placeholder,textarea::placeholder{
  color:var(--nx-text-3) !important;
  font-weight:400 !important;
}
input:focus,textarea:focus,select:focus,
.inp:focus,.mkg-input:focus,
.game-bet-input:focus,.game-panel-input:focus,
#withdraw-amount:focus,#withdraw-casino-btn:focus{
  border-color:var(--nx-violet-2) !important;
  box-shadow:0 0 0 4px var(--nx-violet-soft) !important;
  background:rgba(14,14,24,.8) !important;
}

/* Лейблы */
.fl,.mkg-label,
label[class*="uppercase"],
.game-bet-label,.game-panel-label,
.jackpot-bet-panel__label{
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:var(--nx-text-3) !important;
  margin-bottom:6px !important;
  display:block !important;
}

/* ═══ МОДАЛКИ ═══ */
#withdraw-modal, #balance-modal, #buy-modal, #deposit-modal,
#confirm-modal, #input-modal, #shop-edit-modal,
#withdraw-settings-modal, #ref-confirm-modal,
#shop-name-modal, #shop-track-modal, #wheel-modal,
#raffle-dialog, #admin-balance-modal,
.mkg-modal-overlay,
.balance-modal-backdrop,
.picker-modal__backdrop,
.ref-image-modal__backdrop,
.ref-confirm-backdrop,
.rules-gate .rules-backdrop{
  background:rgba(5,5,10,.78) !important;
  backdrop-filter:blur(20px) saturate(1.4) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.4) !important;
}

#withdraw-modal > div:first-child,
#withdraw-modal .withdraw-modal-card,
#balance-modal, #balance-popover,
#buy-modal > div, #deposit-modal > div,
#confirm-modal > div, #input-modal > div,
#shop-edit-modal > div, #withdraw-settings-modal > div,
#ref-confirm-modal > div, #shop-name-modal > div,
#shop-track-modal > div, #wheel-modal > div,
#raffle-dialog > div, #admin-balance-modal > div,
.mkg-modal-shell,
.balance-modal-dialog,
.balance-popover,
.picker-modal__dialog,
.ref-image-modal__dialog,
.ref-confirm-card,
.rules-gate .rules-card,
#terms-modal .rules-card,
.admin-modal-panel{
  background:linear-gradient(180deg,rgba(24,24,36,.98),rgba(14,14,24,.98)) !important;
  border:1px solid var(--nx-bd-2) !important;
  border-radius:var(--nx-r-lg) !important;
  box-shadow:var(--nx-sh-4), 0 1px 0 rgba(255,255,255,.06) inset !important;
  color:var(--nx-text-1) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  position:relative !important;
  overflow:hidden !important;
}
/* Violet glow orb внутри модалок */
.mkg-modal-shell::before,
#confirm-modal > div::before,
#buy-modal > div::before,
#deposit-modal > div::before,
#input-modal > div::before,
.balance-modal-dialog::before{
  content:"" !important;
  position:absolute !important;
  top:-40% !important; right:-20% !important;
  width:60% !important; height:80% !important;
  border-radius:50% !important;
  background:radial-gradient(circle,rgba(139,92,246,.15),transparent 70%) !important;
  pointer-events:none !important;
  filter:blur(40px) !important;
}

/* Заголовки модалок */
#buy-modal h1, #buy-modal h2, #buy-modal h3,
#deposit-modal h3, #confirm-modal h3, #input-modal h3,
#shop-edit-modal h3, #withdraw-settings-modal h3,
#ref-confirm-modal h3, #wheel-modal h3,
.balance-modal-title, .picker-modal__title,
.ref-image-modal__title, .rules-card__title{
  color:var(--nx-text-1) !important;
  font-size:18px !important;
  font-weight:600 !important;
  letter-spacing:-.015em !important;
}

#buy-modal p, #deposit-modal p, #confirm-modal p, #input-modal p,
#shop-edit-modal span, #withdraw-settings-modal p,
#ref-confirm-modal p,
.balance-modal-kicker, .balance-modal-loading, .balance-modal-empty,
.balance-modal-stat span, .balance-modal-section__title,
.balance-modal-bonus__meta,
.picker-option, .ref-confirm-copy, .rules-card__text{
  color:var(--nx-text-2) !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

/* Акцент-суммы */
#buy-modal #modal-item-price,
.balance-modal-stat strong,
.mkg-project-card__promo-code,
#wm-prize,
#balance-popover strong{
  color:var(--nx-amber-1) !important;
  font-weight:600 !important;
  font-variant-numeric:tabular-nums !important;
}

.mkg-modal-close, .balance-modal-close, .picker-modal__close,
.ref-image-modal__close,
#wheel-modal button[onclick="closeWheelModal()"]{
  width:32px !important; height:32px !important;
  border-radius:10px !important;
  background:transparent !important;
  border:0 !important;
  color:var(--nx-text-3) !important;
  font-size:14px !important;
  transition:all var(--nx-dur-1) var(--nx-ease) !important;
}
.mkg-modal-close:hover, .balance-modal-close:hover,
.picker-modal__close:hover{
  background:rgba(255,255,255,.06) !important;
  color:var(--nx-text-1) !important;
}

/* Внутренние stat/section в balance modal */
.balance-modal-stat,
.balance-modal-section,
.balance-modal-bonus,
.ref-image-modal__frame,
.ref-confirm-card__icon{
  background:rgba(14,14,24,.6) !important;
  border:1px solid var(--nx-bd-1) !important;
  border-radius:12px !important;
}
.balance-modal-progress{
  background:rgba(255,255,255,.04) !important;
  height:5px !important;
  border-radius:var(--nx-r-pill) !important;
}
.balance-modal-progress > div{
  background:linear-gradient(90deg,var(--nx-violet-2),var(--nx-violet-1)) !important;
  border-radius:var(--nx-r-pill) !important;
}

/* ═══ ИГРОВЫЕ ПАНЕЛИ ═══ */
.game-bet-panel{
  padding:20px !important;
  gap:14px !important;
}
.game-stat-row{
  height:36px !important;
  padding:0 12px !important;
  background:rgba(14,14,24,.5) !important;
  border:1px solid var(--nx-bd-1) !important;
  border-radius:10px !important;
}
.game-stat-row .label{
  color:var(--nx-text-2) !important;
  font-size:12px !important;
  font-weight:500 !important;
}
.game-stat-row .value{
  color:var(--nx-text-1) !important;
  font-family:'JetBrains Mono',ui-monospace,monospace !important;
  font-weight:600 !important;
  font-size:13px !important;
  font-variant-numeric:tabular-nums !important;
}

.game-bet-mult-btn{
  min-width:28px !important;
  height:28px !important;
  padding:0 8px !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--nx-bd-1) !important;
  color:var(--nx-text-2) !important;
  font-size:11px !important;
  font-weight:600 !important;
  transition:all var(--nx-dur-1) var(--nx-ease) !important;
}
.game-bet-mult-btn:hover{
  background:var(--nx-violet-soft) !important;
  border-color:var(--nx-violet-ring) !important;
  color:var(--nx-violet-1) !important;
}

.game-play-btn{
  height:48px !important;
  padding:0 24px !important;
  border-radius:14px !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}

/* Mines */
.mines-cell{
  background:rgba(14,14,24,.7) !important;
  border:1px solid var(--nx-bd-1) !important;
  border-radius:12px !important;
  color:var(--nx-text-3) !important;
  transition:all var(--nx-dur-2) var(--nx-ease) !important;
}
.mines-cell:hover{
  border-color:var(--nx-violet-ring) !important;
  background:rgba(139,92,246,.08) !important;
  transform:scale(1.03) !important;
}
.mines-cell.is-safe{
  background:var(--nx-win-soft) !important;
  border-color:rgba(16,217,160,.3) !important;
  color:var(--nx-win) !important;
}
.mines-cell.is-mine{
  background:var(--nx-lose-soft) !important;
  border-color:rgba(255,92,92,.3) !important;
  color:#fca5a5 !important;
}

/* ═══ ТЕГИ И ЧИПЫ ═══ */
.tag{
  height:24px !important;
  padding:0 10px !important;
  border-radius:var(--nx-r-pill) !important;
  font-size:11px !important;
  font-weight:500 !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid var(--nx-bd-1) !important;
  color:var(--nx-text-2) !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
}
.tag-green{
  background:var(--nx-win-soft) !important;
  color:var(--nx-win) !important;
  border-color:rgba(16,217,160,.24) !important;
}
.tag-red{
  background:var(--nx-lose-soft) !important;
  color:var(--nx-lose) !important;
  border-color:rgba(255,92,92,.24) !important;
}

/* ═══ SIDEBAR (АДМИНКА) ═══ */
aside#main-sidebar,#admin-sidebar{
  background:rgba(14,14,24,.7) !important;
  border-right:1px solid var(--nx-bd-1) !important;
  backdrop-filter:blur(16px) !important;
  box-shadow:none !important;
}
#main-sidebar nav a{
  height:36px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  font-size:13px !important;
  font-weight:500 !important;
}
#main-sidebar nav a:hover{background:rgba(255,255,255,.04) !important}
#main-sidebar nav a.nav-active{
  background:var(--nx-violet-soft) !important;
  color:var(--nx-text-1) !important;
}

/* ═══ МОБИЛЬНАЯ НАВИГАЦИЯ ═══ */
.mobile-bottom-nav{
  background:rgba(10,10,18,.92) !important;
  border-top:1px solid var(--nx-bd-1) !important;
  backdrop-filter:blur(24px) saturate(1.4) !important;
}
.mobile-bottom-nav button{
  color:var(--nx-text-3) !important;
  border-radius:10px !important;
}
.mobile-bottom-nav button.mob-nav-active{
  color:var(--nx-violet-1) !important;
  background:var(--nx-violet-soft) !important;
}

/* ═══ CHAT FAB ═══ */
#chat-fab{
  width:48px !important; height:48px !important;
  border-radius:var(--nx-r-pill) !important;
  background:linear-gradient(135deg,var(--nx-violet-2),var(--nx-violet-3)) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 8px 24px rgba(139,92,246,.4), 0 0 0 1px rgba(255,255,255,.1) inset !important;
  transition:all var(--nx-dur-2) var(--nx-ease) !important;
}
#chat-fab:hover{
  transform:translateY(-2px) scale(1.05) !important;
  box-shadow:0 12px 32px rgba(139,92,246,.5), 0 0 0 1px rgba(255,255,255,.15) inset !important;
}
#chat-panel{
  background:rgba(14,14,24,.96) !important;
  border:1px solid var(--nx-bd-2) !important;
  border-radius:var(--nx-r-lg) !important;
  box-shadow:var(--nx-sh-4) !important;
  backdrop-filter:blur(24px) !important;
}
.chat-tab{color:var(--nx-text-2) !important}
.chat-tab--active{
  background:var(--nx-violet-soft) !important;
  color:var(--nx-violet-1) !important;
}

/* ═══ TOASTS ═══ */
.toast-info .toast-in,
.toast-success .toast-in,
.toast-error .toast-in,
.smart-toast{
  background:rgba(14,14,24,.96) !important;
  border:1px solid var(--nx-bd-2) !important;
  color:var(--nx-text-1) !important;
  box-shadow:var(--nx-sh-4) !important;
  backdrop-filter:blur(24px) !important;
  border-radius:14px !important;
}
.toast-info .toast-icon{
  background:var(--nx-violet-soft) !important;
  color:var(--nx-violet-1) !important;
}
.toast-success .toast-icon{
  background:var(--nx-win-soft) !important;
  color:var(--nx-win) !important;
}
.toast-error .toast-icon{
  background:var(--nx-lose-soft) !important;
  color:var(--nx-lose) !important;
}
.smart-toast__glow{display:none !important}

/* ═══ FAQ ═══ */
.faq-i,.mkg-faq{
  background:rgba(20,20,31,.6) !important;
  border:1px solid var(--nx-bd-1) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  transition:border-color var(--nx-dur-2) var(--nx-ease) !important;
}
.faq-i:hover,.mkg-faq:hover{border-color:var(--nx-bd-2) !important}
.faq-i[open],.mkg-faq[open]{
  background:rgba(139,92,246,.04) !important;
  border-color:var(--nx-violet-ring) !important;
}
.faq-i summary,.mkg-faq summary{
  font-size:14px !important;
  color:var(--nx-text-1) !important;
  padding:16px 20px !important;
  font-weight:500 !important;
  transition:background var(--nx-dur-1) var(--nx-ease) !important;
}
.faq-i summary:hover{background:rgba(255,255,255,.02) !important}
.faq-i summary::after{
  color:var(--nx-text-3) !important;
  font-size:14px !important;
  transition:all var(--nx-dur-2) var(--nx-ease) !important;
}
.faq-i[open] summary::after{color:var(--nx-violet-1) !important; transform:rotate(180deg) !important}
.faq-a,.mkg-faq__body{
  color:var(--nx-text-2) !important;
  font-size:13px !important;
  line-height:1.65 !important;
}

/* ═══ ПРАВИЛА / TERMS ═══ */
.rules-card{
  background:linear-gradient(180deg,rgba(24,24,36,.98),rgba(14,14,24,.98)) !important;
  border:1px solid var(--nx-bd-2) !important;
  border-radius:var(--nx-r-lg) !important;
}
.rules-card__icon{
  width:48px !important; height:48px !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,var(--nx-violet-2),var(--nx-violet-3)) !important;
  border:0 !important;
  color:#fff !important;
  font-size:22px !important;
  box-shadow:0 8px 20px rgba(139,92,246,.35) !important;
}
.rules-nested__num{
  background:var(--nx-violet-soft) !important;
  border:1px solid var(--nx-violet-ring) !important;
  color:var(--nx-violet-1) !important;
  font-size:11px !important;
  font-weight:600 !important;
  border-radius:var(--nx-r-pill) !important;
  height:22px !important;
  padding:0 8px !important;
}

/* ═══ TICKETS ═══ */
.ticket-card,.ticket-table,.mkg-ticket-row{
  background:rgba(20,20,31,.6) !important;
  border:1px solid var(--nx-bd-1) !important;
  border-radius:14px !important;
}
.ticket-you,.ticket-row.ticket-you{
  background:var(--nx-violet-soft) !important;
  border-color:var(--nx-violet-ring) !important;
}
.ticket-you .ticket-rank{
  background:linear-gradient(135deg,var(--nx-violet-2),var(--nx-violet-3)) !important;
  color:#fff !important;
  border:0 !important;
}

/* ═══ CURRENCY / АКТИВНЫЕ СОСТОЯНИЯ ═══ */
.currency-picker-card.is-active,
.picker-option.is-active,
.currency-btn-active{
  background:var(--nx-violet-soft) !important;
  color:var(--nx-violet-1) !important;
  border:1px solid var(--nx-violet-ring) !important;
  box-shadow:none !important;
}
.currency-symbol,
#withdraw-currency{
  background:transparent !important;
  border:0 !important;
  color:var(--nx-text-2) !important;
  font-weight:600 !important;
  padding:0 !important;
}

/* ═══ TAILWIND UTILITIES OVERRIDE ═══ */
/* Blue — переводим в violet primary */
.text-blue-500, .text-blue-400, .text-blue-300, .text-blue-600,
.text-ios-accent,
.text-\[\#10b981\], .text-\[\#8b5cf6\]{
  color:var(--nx-violet-1) !important;
}
.bg-blue-500, .bg-blue-600, .bg-blue-700, .bg-ios-accent{
  background:var(--nx-violet-2) !important;
  color:#fff !important;
}
.border-blue-500, .border-blue-600,
.border-\[\#10b981\], .border-\[\#8b5cf6\]{
  border-color:var(--nx-violet-ring) !important;
}
.hover\:bg-blue-500:hover, .hover\:bg-blue-600:hover{
  background:var(--nx-violet-3) !important;
}

/* Green / Emerald — оставляем semantic "success" (наш mint #10d9a0) */
.text-emerald-400, .text-emerald-300, .text-emerald-500,
.text-green-400, .text-green-300, .text-green-500,
.text-\[\#34d399\], .text-\[\#a78bfa\]{
  color:var(--nx-win) !important;
}
.bg-emerald-500, .bg-green-500{
  background:var(--nx-win) !important;
  color:#00140b !important;
}
.bg-emerald-500\/10, .bg-emerald-500\/20, .bg-emerald-500\/15,
.bg-green-500\/10, .bg-green-500\/20{
  background:var(--nx-win-soft) !important;
}
.border-emerald-500\/15, .border-emerald-500\/20, .border-emerald-500\/30,
.border-green-500\/15, .border-green-500\/20{
  border-color:rgba(16,217,160,.24) !important;
}

/* Red/Yellow — semantic */
.text-red-300, .text-red-400{color:#fca5a5 !important}
.text-red-500{color:var(--nx-lose) !important}
.bg-red-500\/10, .bg-red-500\/8, .bg-red-500\/15{background:var(--nx-lose-soft) !important}
.text-yellow-400, .text-amber-400, .text-amber-300{color:var(--nx-amber-1) !important}
.bg-yellow-500\/10, .bg-yellow-500\/20, .bg-amber-500\/8, .bg-amber-500\/10, .bg-amber-500\/15{
  background:rgba(251,191,36,.1) !important;
}
.border-amber-500\/15, .border-amber-500\/20{border-color:rgba(251,191,36,.22) !important}

/* Тёмные arbitrary фоны Tailwind → наши */
[class*="bg-\[\#0"], [class*="bg-\[\#1"],
.bg-\[\#080b12\], .bg-\[\#0c1019\], .bg-\[\#0e1219\],
.bg-\[\#13161d\], .bg-\[\#141416\], .bg-\[\#11161f\],
.bg-\[\#221811\], .bg-\[\#281d15\], .bg-\[\#2c2015\],
.bg-\[\#141922\], .bg-\[\#1a2030\]{
  background:rgba(20,20,31,.6) !important;
}

/* ═══ SCROLLBAR ═══ */
*::-webkit-scrollbar{width:5px !important; height:5px !important}
*::-webkit-scrollbar-track{background:transparent !important}
*::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.08) !important;
  border-radius:var(--nx-r-pill) !important;
}
*::-webkit-scrollbar-thumb:hover{background:var(--nx-violet-2) !important}
*{scrollbar-color:rgba(255,255,255,.08) transparent !important}

/* ═══ FOCUS VISIBLE ═══ */
button:focus-visible, a:focus-visible{
  outline:2px solid var(--nx-violet-2) !important;
  outline-offset:2px !important;
  border-radius:10px !important;
}

/* ═══ INLINE OVERRIDES — ДОЖИМАЕМ ОСТАТКИ ═══ */
/* Эти специфичные цвета ОСТАВЛЯЕМ как есть (они семантичны в нашей палитре) */
/* [style*="color:#fbbf24"] — amber для money */
/* [style*="color:#10d9a0"] — mint для success */
/* [style*="color:#8b5cf6"/#a78bfa"/"#7c3aed"] — violet primary */

/* Все старые emerald теперь → mint (наш semantic success) */
[style*="color:#10b981"], [style*="color:#34d399"]{color:var(--nx-win) !important}
[style*="color:#059669"]{color:#0aa880 !important}
[style*="background:#10b981"], [style*="background:#34d399"]{
  background:linear-gradient(135deg,var(--nx-violet-2),var(--nx-violet-3)) !important;
  color:#fff !important;
}

/* Старые серо-blue text цвета */
[style*="color:#1e293b"]{color:var(--nx-text-4) !important}
[style*="color:#94a3b8"]{color:var(--nx-text-2) !important}
[style*="color:#64748b"]{color:var(--nx-text-3) !important}
[style*="color:#475569"]{color:var(--nx-text-3) !important}

/* Старые золотые остатки */
[style*="color:#8b5cf6"]{color:var(--nx-amber-2) !important}
[style*="color:#a78bfa"]{color:var(--nx-amber-1) !important}
[style*="color:#7c3aed"]{color:var(--nx-amber-3) !important}

/* Текст: приводим к нашим токенам */
[style*="color:#fff"]:not([style*="background"]),
[style*="color:#ffffff"]:not([style*="background"]){color:var(--nx-text-1) !important}
[style*="color:#f1f5f9"], [style*="color:#f0f4f8"], [style*="color:#f5f5f7"]{color:var(--nx-text-1) !important}

/* Градиентные кнопки с изумрудом → violet */
[style*="linear-gradient(135deg,#10b981,#059669)"],
[style*="linear-gradient(135deg,#8b5cf6,#7c3aed)"],
[style*="linear-gradient(135deg,#34d399,#10b981)"],
[style*="linear-gradient(135deg,#a78bfa,#8b5cf6"]{
  background:linear-gradient(135deg,var(--nx-violet-2),var(--nx-violet-3)) !important;
  color:#fff !important;
}

/* Сплошные фоны кнопок */
[style*="background:#10b981"],
[style*="background:#8b5cf6"],
[style*="background:#059669"],
[style*="background:#7c3aed"]{
  background:var(--nx-violet-2) !important;
  color:#fff !important;
}

/* Box-shadow с изумрудом/золотом → фиолетовый */
[style*="rgba(16,185,129"], [style*="rgba(5,150,105"],
[style*="rgba(52,211,153"],
[style*="rgba(217,164,95"], [style*="rgba(189,129,52"],
[style*="rgba(239,201,142"]{}

/* Тёмные фоны с остатками коричневого/тёплого */
[style*="background:#141922"], [style*="background:#1a2030"],
[style*="background:#2c2015"], [style*="background:#221811"],
[style*="background:#281d15"], [style*="background:#1e150d"],
[style*="background:#0f131a"], [style*="background:#0a0d12"]{
  background:rgba(20,20,31,.7) !important;
}

/* Бордеры в inline стилях */
[style*="border:1px solid rgba(16,185,129"],
[style*="border:1px solid rgba(217,164,95"]{
  border-color:var(--nx-violet-ring) !important;
}

/* ═══ МЕДИА-АДАПТИВ ═══ */
@media(max-width:900px){
  .site-header{
    top:8px !important;
    height:52px !important;
    width:calc(100% - 16px) !important;
    border-radius:22px !important;
  }
  .site-header__inner{padding:0 10px 0 16px !important}
  .site-main{padding-top:72px !important}
  .site-header__nav{display:none !important}
  #app{width:calc(100% - 24px) !important; padding:16px 0 96px !important}
  .mkg-hero{padding:24px !important; border-radius:20px !important}
  .mkg-stat{padding:18px !important}
  .mkg-stat__value{font-size:24px !important}
  .topchip{height:30px !important; padding:0 10px !important; font-size:12px !important}
  .icon-btn{width:30px !important; height:30px !important}
  .site-header__logo-text{font-size:13px !important}
}
@media(max-width:640px){
  #buy-modal > div, #deposit-modal > div, #confirm-modal > div,
  #input-modal > div, #shop-edit-modal > div,
  #withdraw-settings-modal > div, #ref-confirm-modal > div,
  #withdraw-modal > div:first-child{
    width:calc(100vw - 20px) !important;
    max-width:440px !important;
    border-radius:16px !important;
  }
}

/* ═══ ANIMATIONS ═══ */
@keyframes nxFadeIn{
  from{opacity:0; transform:translateY(8px)}
  to{opacity:1; transform:translateY(0)}
}
@keyframes nxScaleIn{
  from{opacity:0; transform:scale(.96)}
  to{opacity:1; transform:scale(1)}
}
#notif-dropdown:not(.hidden),
#profile-dropdown:not(.hidden),
#more-nav-dd[style*="display:block"]{
  animation:nxFadeIn var(--nx-dur-2) var(--nx-ease) !important;
}
.fade-in{animation:nxFadeIn var(--nx-dur-3) var(--nx-ease) backwards !important}

/* ═══ NEXUS STATS: акцентные большие числа — money look ═══ */
#header-balance,
.mono[data-money],
[data-money]{
  font-family:'JetBrains Mono',ui-monospace,monospace !important;
  font-variant-numeric:tabular-nums !important;
  letter-spacing:-.01em !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CRYPTOT • NEXUS v4 — FINAL COLOR AUDIT
   Правила:
   • VIOLET (#8b5cf6) = PRIMARY — все CTA, hero-карточки, иконки, акценты, tags
   • AMBER (#fbbf24) = ONLY числа денег (баланс, сумма, выигрыш) + warning иконка
   • MINT (#10d9a0) = success (оплачено, подтверждено, win)
   • CORAL (#ff5c5c) = lose, rejected
   ═══════════════════════════════════════════════════════════════════════════ */

/* --- Убиваем старые gold-токены навсегда: перевод в violet --- */
:root{
  --accent-gold:#8b5cf6 !important;
  --accent-gold-2:#a78bfa !important;
  --accent-soft:rgba(139,92,246,.12) !important;
}

/* --- mkg-tag--accent (LIVE/BONUS/TICKETS) — violet вместо gold --- */
.mkg-tag{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#a6a6b4 !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}
.mkg-tag--accent{
  background:rgba(139,92,246,.12) !important;
  color:#a78bfa !important;
  border:1px solid rgba(139,92,246,.24) !important;
}
.mkg-tag i{color:inherit !important; font-size:12px !important}

/* --- Home link-card arrows (было var(--accent-gold)) --- */
.mkg-link-card i.ph-arrow-up-right,
.mkg-link-card .mkg-game-card__footer i{
  color:#a78bfa !important;
}
.mkg-link-card__title{
  color:#f5f5f7 !important;
  font-size:18px !important;
  font-weight:600 !important;
  letter-spacing:-.015em !important;
}
.mkg-link-card__text{
  color:#a6a6b4 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

/* --- Hero title strong (было accent-gold-2) --- */
.mkg-hero__title strong{
  background:linear-gradient(135deg,#a78bfa 0%,#c4b5fd 50%,#8b5cf6 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  font-weight:600 !important;
}

/* --- Hero eyebrow --- */
.mkg-hero__eyebrow{
  display:inline-flex !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  background:rgba(139,92,246,.1) !important;
  border:1px solid rgba(139,92,246,.22) !important;
  color:#a78bfa !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  margin-bottom:16px !important;
}

/* --- Icon в mkg-stat (было gold-radial) --- */
.mkg-stat__icon{
  background:rgba(139,92,246,.12) !important;
  border:1px solid rgba(139,92,246,.24) !important;
  color:#a78bfa !important;
}

/* --- Project/Game/Feature card icons (были gold) --- */
.feature-card__icon,
.admin-orb,
.game-card-minimal__icon,
.mkg-project-card__logo,
.mkg-game-card__icon{
  background:rgba(139,92,246,.1) !important;
  border:1px solid rgba(139,92,246,.22) !important;
  color:#a78bfa !important;
}

/* --- Project card promo code — было gold → amber (это число-код, amber ok) --- */
.mkg-project-card__promo-code{color:#fbbf24 !important}

/* --- Progress bars в кошельке/бонусах — violet вместо gold --- */
.mkg-progress > span,
.balance-modal-progress > div,
.bonus-progress > div{
  background:linear-gradient(90deg,#8b5cf6,#a78bfa) !important;
}

/* --- .grad (градиентный текст в hero) --- */
.grad{
  background:linear-gradient(135deg,#a78bfa,#c4b5fd,#8b5cf6) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}

/* --- Balance chip в шапке — минималистичный, белый баланс --- */
.topchip,.topchip--balance{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#f5f5f7 !important;
  box-shadow:none !important;
  padding:0 14px !important;
}
.topchip--balance #header-balance,
.topchip #header-balance{
  color:#f5f5f7 !important;
  font-weight:600 !important;
  font-variant-numeric:tabular-nums !important;
}
#currency-symbol{
  color:#6b6b7b !important;
  font-weight:500 !important;
}

/* --- Withdraw modal: убираем amber radial внизу (оставляем только violet сверху) --- */
.withdraw-modal-card > div[style*="background:radial-gradient(circle,rgba(245,158,11"]{
  background:radial-gradient(circle,rgba(139,92,246,.1),transparent 70%) !important;
}

/* --- Withdraw modal currency "₽" — из amber в muted --- */
#withdraw-currency{
  color:#6b6b7b !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  font-weight:600 !important;
}

/* --- Balance в модалке вывода — amber только на цифре, остальное нейтрально --- */
#withdraw-modal #withdraw-balance{color:#f5f5f7 !important}

/* --- Profile stat card (Баланс) — убираем amber radial-glow сверху карточки --- */
.mkg-card div[style*="radial-gradient(ellipse at center top,rgba(251,191,36"]{
  background:radial-gradient(ellipse at center top,rgba(139,92,246,.08),transparent 60%) !important;
}

/* --- "Админка" в dropdown — violet для консистентности с primary --- */
#nav-admin{
  color:#a78bfa !important;
}
#nav-admin i{color:#a78bfa !important}

/* --- Site withdraw button в header — явно violet (не amber) --- */
.site-header__withdraw{
  background:linear-gradient(135deg,#8b5cf6,#7c3aed) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 2px 12px rgba(139,92,246,.3), 0 0 0 1px rgba(255,255,255,.12) inset !important;
}
.site-header__withdraw i{color:#fff !important}

/* --- Home "ОТКРЫТЬ" footer tag внутри карточек --- */
.mkg-link-card .mkg-tag,
.mkg-game-card__footer .mkg-tag{
  background:rgba(139,92,246,.1) !important;
  color:#a78bfa !important;
  border:1px solid rgba(139,92,246,.2) !important;
}
.mkg-link-card .mkg-tag i,
.mkg-game-card__footer .mkg-tag i{color:#a78bfa !important}

/* --- Referral form "Отправить заявку" должен быть violet --- */
.mkg-card button[type="submit"],
.mkg-card .mkg-btn:not(.mkg-btn--soft):not(.mkg-btn--ghost),
#ref-submit-btn,
button[onclick*="submitReferral"]{
  background:linear-gradient(135deg,#8b5cf6,#7c3aed) !important;
  color:#fff !important;
  border:0 !important;
}

/* --- FAQ card icons — violet вместо gold --- */
.faq-card__icon{
  background:rgba(139,92,246,.1) !important;
  border:1px solid rgba(139,92,246,.22) !important;
  color:#a78bfa !important;
}
.faq-card--wager .faq-card__icon{color:#fbbf24 !important}

/* --- Games-hub disabled state (было amber) --- */
.games-hub-card--disabled .games-hub-card__sub,
.games-hub-card--disabled .games-hub-card__arrow{
  color:#a78bfa !important;
}

/* --- Admin chip blue → violet (primary для админ-действий) --- */
.admin-chip--blue{
  background:rgba(139,92,246,.12) !important;
  border:1px solid rgba(139,92,246,.24) !important;
  color:#a78bfa !important;
}

/* --- Любые button-group с amber-градиентом → violet --- */
button[style*="linear-gradient(135deg,#fbbf24"],
button[style*="linear-gradient(135deg,#f59e0b"],
button[style*="linear-gradient(135deg,#d97706"]{
  background:linear-gradient(135deg,#8b5cf6,#7c3aed) !important;
  color:#fff !important;
}

/* --- Любые inline amber-цвета на ТЕКСТЕ (не число) — сбрасываем в violet --- */
/* Правило: amber только на element'ах с [data-money] или внутри .topchip--balance */
[style*="color:#fbbf24"]:not([data-money]):not(#header-balance):not(#withdraw-balance):not(.mkg-stat__value):not([class*="balance"]):not([class*="price"]):not([class*="amount"]):not([class*="money"]){
  /* НЕ ТРОГАЕМ — сложно определить семантику. Просто ограничиваем usage ниже */
}

/* --- Убеждаемся что balance cards в profile (Баланс/Бонус/Выводы) — violet carousel: --- */
/* Уже стилизованы inline в profile.js:
   Баланс=amber число, Бонус=violet число, Выводы=mint число. Оставляем как есть. */

/* --- Все ФОНЫ карточек — убираем старые warm-тона окончательно --- */
[style*="background:radial-gradient(circle,rgba(251,191,36"],
[style*="background:radial-gradient(circle,rgba(245,158,11,.1)"],
[style*="background:radial-gradient(circle,rgba(245,158,11,.18)"]{
  background:radial-gradient(circle,rgba(139,92,246,.1),transparent 70%) !important;
}

/* --- Finance admin pages — amber-tips на violet --- */
.finance-amber-note,
[style*="background:rgba(245,158,11,.05)"][style*="border:1px solid rgba(245,158,11,.1)"]{
  background:rgba(139,92,246,.06) !important;
  border:1px solid rgba(139,92,246,.14) !important;
  color:#a78bfa !important;
}

/* --- Warning state specifically — оставляем amber (это semantic) --- */
.smart-toast.warning,
.toast-warning{
  border-color:rgba(251,191,36,.22) !important;
}

/* --- Rules card icon (замок) — violet primary --- */
.rules-card__icon{
  background:linear-gradient(135deg,#8b5cf6,#7c3aed) !important;
  border:0 !important;
  color:#fff !important;
}

/* --- Финальная проверка: все `var(--accent-gold)` использования теперь rendering violet --- */
[style*="var(--accent-gold)"]{color:#8b5cf6 !important}
[style*="var(--accent-gold-2)"]{color:#a78bfa !important}

/* ═══════════════════════════════════════════════════════════════════════════
   NEXUS v5 — FOOTER & LOGO FIXES
   ═══════════════════════════════════════════════════════════════════════════ */

/* Футер: центрированный minimal layout */
.site-footer{
  padding:28px 24px !important;
  margin-top:40px !important;
}
.site-footer__inner{
  max-width:1280px !important;
  margin:0 auto !important;
  padding:24px 0 0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  border-top:1px solid var(--nx-bd-1) !important;
  background:transparent !important;
  box-shadow:none !important;
  flex-wrap:nowrap !important;
}
.site-footer__inner--mega{
  padding:24px 0 0 !important;
  border-radius:0 !important;
  background:transparent !important;
}
/* Убираем левый брендовый блок */
.site-footer__brand,
.site-footer__brand-wrap,
.site-footer__brand-text,
.site-footer__mark{
  display:none !important;
}
/* Ссылки по центру в ряд */
.site-footer__links{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:20px !important;
  flex-wrap:wrap !important;
  width:100% !important;
}
.site-footer__links a,
.site-footer__links button{
  font-size:12px !important;
  font-weight:500 !important;
  color:var(--nx-text-2) !important;
  background:transparent !important;
  border:0 !important;
  padding:4px 0 !important;
  cursor:pointer !important;
  transition:color var(--nx-dur-1) var(--nx-ease) !important;
  letter-spacing:-.005em !important;
}
.site-footer__links a:hover,
.site-footer__links button:hover{
  color:var(--nx-text-1) !important;
}
/* Copyright центрированный */
.site-footer__copyright{
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:.04em !important;
  color:var(--nx-text-3) !important;
  text-transform:none !important;
  text-align:center !important;
}
/* POWERED BY MARNOV — маленький под copyright */
.site-footer__powered{
  font-size:9px !important;
  font-weight:600 !important;
  letter-spacing:.32em !important;
  color:var(--nx-text-4) !important;
  text-transform:uppercase !important;
  text-align:center !important;
  opacity:.6 !important;
}

/* Убираем декоративные micro-иконки со stat-панелей */
.mkg-stat__icon,
.mkg-stat-icon{
  display:none !important;
}

/* Логотип в header — убираем фиолетовую заливку/обводку */
.site-header__logo-mark{
  width:32px !important;
  height:32px !important;
  padding:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.site-header__logo-mark img{
  width:100% !important;
  height:100% !important;
  border-radius:0 !important;
  object-fit:contain !important;
}

/* На мобильных футер остаётся центрированным */
@media(max-width:640px){
  .site-footer__links{gap:14px !important}
  .site-footer__links a,
  .site-footer__links button{font-size:11px !important}
}

/* ═══════════════════════════════════════════════════════════════════════════
   NEXUS v5 — TOAST FINAL OVERRIDE — match site violet-ink theme
   ═══════════════════════════════════════════════════════════════════════════ */
.smart-toast,
.smart-toast.success,
.smart-toast.error,
.smart-toast.warning,
.smart-toast.info,
.toast-info .toast-in,
.toast-success .toast-in,
.toast-error .toast-in,
.toast-warning .toast-in{
  background:#0e0e18 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#fff !important;
  box-shadow:0 22px 54px rgba(0,0,0,.45) !important;
  backdrop-filter:blur(20px) !important;
  -webkit-backdrop-filter:blur(20px) !important;
  border-radius:16px !important;
}
.smart-toast.success{border-color:rgba(16,217,160,.22) !important}
.smart-toast.error{border-color:rgba(255,92,92,.22) !important}
.smart-toast.warning{border-color:rgba(251,191,36,.22) !important}
.smart-toast.info{border-color:rgba(139,92,246,.22) !important}
.smart-toast__glow{display:none !important}
.smart-toast__icon{
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.smart-toast.success .smart-toast__icon{background:rgba(16,217,160,.12) !important;color:#10d9a0 !important}
.smart-toast.error .smart-toast__icon{background:rgba(255,92,92,.12) !important;color:#ff5c5c !important}
.smart-toast.warning .smart-toast__icon{background:rgba(251,191,36,.12) !important;color:#fbbf24 !important}
.smart-toast.info .smart-toast__icon{background:rgba(139,92,246,.14) !important;color:#a78bfa !important}

/* ═══ CONFETTI — отключены везде (были баганые) ═══ */
.mines-conf,
.bac-confetti,
.bjConfetti,
.bjConf,
.plinko-confetti,
.plinko-conf,
.dice-conf,
.limbo-conf,
.jackpot-conf,
.roulette-conf,
[class*="confetti"],
[class*="-conf"]:not([class*="config"]):not([class*="confirm"]):not([class*="confident"]){
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}