img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
:root{
  --bg0:#070a0f;
  --bg1:#0a0f16;
  --bg2:#0c111a;
  --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:#4aa3ff;
  --accent2:#7cc6ff;
  --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(74,163,255,.22);
}

html,body{
  height:100%;
  margin:0;
  background:
    radial-gradient(900px 600px at 18% 0%, rgba(74,163,255,.10), transparent 60%),
    radial-gradient(820px 520px at 86% 14%, rgba(124,198,255,.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(74,163,255,.14), transparent 60%),
    radial-gradient(620px 620px at 78% 18%, rgba(124,198,255,.10), transparent 64%),
    radial-gradient(720px 720px at 56% 92%, rgba(74,163,255,.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(74,163,255,.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(74,163,255,.96),rgba(74,163,255,.78))!important;
}
.hover\:bg-blue-500:hover,.hover\:bg-blue-600:hover{
  background:linear-gradient(180deg,rgba(74,163,255,1),rgba(74,163,255,.84))!important;
}
.border-blue-500,.border-blue-600{border-color:rgba(74,163,255,.42)!important}
.shadow-blue-500\/30{box-shadow:0 14px 34px rgba(74,163,255,.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(74,163,255,.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(74,163,255,.35));
  box-shadow:0 0 16px rgba(74,163,255,.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(74,163,255,.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(74,163,255,.08)!important;
}
.ticket-you .ticket-rank{border-color:rgba(74,163,255,.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(74,163,255,.16);
  color:#fff;
  box-shadow:0 10px 26px rgba(74,163,255,.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}
}


.bg-ios-accent\/10{background:rgba(74,163,255,.08)!important}
.bg-ios-accent\/20{background:rgba(74,163,255,.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(96,165,250,.16);border:1px solid rgba(96,165,250,.25);font-size:12px;font-weight:900;color:rgba(255,255,255,.95)}
.btn-primary{background:rgba(59,130,246,.95);border:1px solid rgba(99,170,255,.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(59,130,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(59,130,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(96,165,250,1) 0%, rgba(59,130,246,1) 60%, rgba(37,99,235,1) 100%);
  box-shadow:0 18px 50px rgba(59,130,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(59,130,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(96,165,250,.55),
    rgba(59,130,246,.10) 35%,
    rgba(255,255,255,.06) 60%,
    rgba(37,99,235,.35));
  mix-blend-mode:screen;
}
.social-card:hover{
  transform:translateY(-2px) rotate(-0.4deg);
  border-color:rgba(96,165,250,.35);
  box-shadow:0 24px 70px rgba(0,0,0,.62), 0 18px 50px rgba(59,130,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(59,130,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(80,160,255,.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(80,160,255,.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,28,40,.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,28,40,.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(74,163,255,.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,#4098ff,#267fff); color:#fff; box-shadow:0 16px 36px rgba(74,163,255,.22); border:1px solid rgba(124,198,255,.2)}
.btn-primary:hover{transform:translateY(-1px); box-shadow:0 20px 40px rgba(74,163,255,.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(74,163,255,.12);border:1px solid rgba(74,163,255,.22);display:flex;align-items:center;justify-content:center;color:#7cc6ff;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(74,163,255,.14);border:1px solid rgba(74,163,255,.24);color:#8ed0ff}
.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(124,198,255,.28),rgba(74,163,255,.08));border:1px solid rgba(74,163,255,.16);display:flex;align-items:center;justify-content:center;font-size:32px;color:#95d3ff;box-shadow:0 20px 40px rgba(74,163,255,.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(74,163,255,.12);border:1px solid rgba(74,163,255,.22);color:#8dd0ff}
.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(74,163,255,.14);border-color:rgba(74,163,255,.2);color:#95d3ff}
.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:#60a5fa;box-shadow:0 0 16px #60a5fa;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(74,163,255,.12);border:1px solid rgba(74,163,255,.22);display:flex;align-items:center;justify-content:center;color:#8fd0ff;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(74,163,255,.12);border:1px solid rgba(74,163,255,.2);color:#8fd0ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}
.project-copy-btn:hover{background:rgba(74,163,255,.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(55,127,255,.24),rgba(55,127,255,.14));border-color:rgba(75,145,255,.36);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.site-topnav__link--admin{color:#a6ccff}
.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(55,127,255,.22),rgba(55,127,255,.10));border-color:rgba(75,145,255,.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,#3092ff,#49d2ff)}
.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:#13161d;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:#dce4f5}
.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,.admin-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(61,122,226,.14);border:1px solid rgba(61,122,226,.2);color:#9dc3ff;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(87,145,242,.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(87,145,242,.12);border:1px solid rgba(87,145,242,.22);color:#8fb8ff;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:#97bdf8}

.jackpot-page{max-width:1280px!important}
.jackpot-shell{border-radius:30px;padding:24px;background:linear-gradient(180deg,#101521,#0c111a);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(66,133,244,.15);border:1px solid rgba(66,133,244,.22);display:flex;align-items:center;justify-content:center;color:#9cc2ff;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:#dce5f7;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:#1a2231;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:#8bb6ff;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(90,160,255,.6),0 18px 40px rgba(90,160,255,.28);background:rgba(90,160,255,.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:#0b1019;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,#3f8cff,#3778df);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:#8ebaff;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:#11161f!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 24px 56px rgba(0,0,0,.48)!important}
#notif-dropdown{background:#11161f!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:#141416;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:#2563eb;color:#fff;font-weight:900;font-size:15px;text-transform:uppercase;letter-spacing:.02em;border:none;cursor:pointer;box-shadow:0 6px 20px rgba(37,99,235,.3);transition:transform .15s ease,filter .2s ease,background .2s ease;position:relative;overflow:hidden}
.game-play-btn:hover{background:#1d4ed8}
.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:#0e1219;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:#0b1018;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,#4098ff,#267fff);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,#172131,#101723);display:flex;align-items:center;justify-content:center;color:#8fb9ff;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(74,163,255,.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(90,160,255,.20);background:linear-gradient(180deg,rgba(20,28,40,.985),rgba(13,18,28,.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:#1a2231;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:#8ebaff;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(17,24,39,.98), rgba(10,15,25,.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,#0ea5e9,#3b82f6,#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(59,130,246,.45); background:rgba(59,130,246,.12); color:#fff; box-shadow:0 0 0 1px rgba(59,130,246,.18) inset;}
.currency-picker-card.is-active i{opacity:1; color:#60a5fa;}
.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(59,130,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(5,9,16,.82);
  --stroke:rgba(255,255,255,.07);
  --stroke2:rgba(255,255,255,.12);
  --text:#f4f7fb;
  --muted:#9aa6bc;
  --muted2:#71809b;
  --accent:#5ca8ff;
  --accent2:#87c8ff;
  --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(92,168,255,.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(92,168,255,.15), transparent 64%),radial-gradient(780px 620px at 84% 10%, rgba(87,132,255,.10), transparent 68%),radial-gradient(820px 640px at 50% 100%, rgba(34,61,113,.16), 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(92,168,255,.22)!important;}
.btn-primary,.btn-primary.btn-primary--wide,#edit-item-save,.topbar .btn-primary.topbar-withdraw{
  background:linear-gradient(180deg, #5ca8ff 0%, #3f7dff 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 34px rgba(63,125,255,.28)!important;
}
.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);}
.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(92,168,255,.16), rgba(92,168,255,.08))!important;border-color:rgba(92,168,255,.18)!important;}
.nav-active::before{left:8px;height:26px;background:linear-gradient(180deg,#7dc3ff,#3f7dff);box-shadow:0 0 20px rgba(92,168,255,.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(92,168,255,.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(92,168,255,.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(92,168,255,.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,#5ca8ff,#3f7dff)!important;color:#fff!important;box-shadow:0 10px 24px rgba(63,125,255,.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(92,168,255,.16);}
.notif-card.is-unread{background:linear-gradient(180deg, rgba(92,168,255,.11), rgba(92,168,255,.04));border-color:rgba(92,168,255,.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(10,16,26,.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(2,5,9,.76)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;}
.withdraw-modal-card{padding-top:68px!important;border-radius:30px!important;background:linear-gradient(180deg, rgba(12,18,28,.96), rgba(7,11,18,.98))!important;}
.withdraw-modal-card::before{content:'';position:absolute;inset:-30% auto auto -15%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle, rgba(92,168,255,.16), transparent 66%);pointer-events:none;}
.withdraw-modal-balance{height:38px!important;padding:0 14px!important;border-radius:999px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;}
.withdraw-modal-balance:hover{transform:translateX(-50%)!important;}
.withdraw-modal-head{display:flex;flex-direction:column;gap:6px;}
.withdraw-modal-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.36);}
.withdraw-modal-title{font-size:28px;line-height:1;font-weight:900;color:#fff;letter-spacing:-.03em;}
#withdraw-casino-dd{padding:8px!important;border-radius:20px!important;background:linear-gradient(180deg, rgba(14,22,34,.98), rgba(9,14,22,.98))!important;}
#withdraw-casino-dd-list > div{border-radius:16px!important;border:1px solid transparent;padding:14px!important;}
#withdraw-casino-dd-list > div:hover{background:rgba(255,255,255,.04)!important;border-color:rgba(92,168,255,.14)!important;}
.withdraw-history-panel{border-top-color:rgba(255,255,255,.06)!important;}
#withdraw-history{display:flex;flex-direction:column;gap:10px;}
.withdraw-history-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));}
.withdraw-history-main{min-width:0;display:flex;flex-direction:column;gap:6px;}
.withdraw-history-amount{font-size:15px;font-weight:900;color:#fff;letter-spacing:-.02em;}
.withdraw-history-meta{font-size:11px;font-weight:700;color:rgba(255,255,255,.42);text-transform:uppercase;letter-spacing:.12em;}
.withdraw-history-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;}
.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:64px 18px 18px!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!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(92,168,255,.28);background:rgba(92,168,255,.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(118,184,255,.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(118,184,255,.48);background:linear-gradient(180deg,rgba(18,28,45,.96),rgba(9,15,24,.96))}
.ref-upload-dropzone__icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(92,168,255,.14);border:1px solid rgba(118,184,255,.22);color:#7cbcff;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(92,168,255,.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(9,15,25,.98),rgba(5,9,16,.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(92,168,255,.24);background:rgba(92,168,255,.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(9,15,25,.98),rgba(5,9,16,.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:#d8e1f0;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(66,133,244,.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(78,143,255,.38), rgba(78,143,255,.02) 68%, transparent 72%);}
.home-landing__orb--two{width:280px;height:280px;right:12%;top:12%;background:radial-gradient(circle, rgba(29,78,216,.28), rgba(29,78,216,.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(56,189,248,.16), rgba(56,189,248,.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(151,191,255,.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(142,184,255,.12);box-shadow:0 0 0 1px rgba(142,184,255,.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(7,14,27,.72);border:1px solid rgba(121,164,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(56,189,248,.12), transparent 55%),radial-gradient(circle at 80% 70%, rgba(29,78,216,.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(7,14,27,.68);border:1px solid rgba(121,164,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(7,14,27,.96), rgba(4,10,20,.98));}
.faq-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(59,130,246,.14), transparent 38%, transparent 62%, rgba(59,130,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(78,143,255,.34), rgba(78,143,255,.02) 68%, transparent 72%);}
.faq-hero__orb--two{width:300px;height:300px;right:-40px;bottom:-80px;background:radial-gradient(circle, rgba(56,189,248,.18), rgba(56,189,248,.02) 68%, transparent 72%);animation-duration:16s;animation-delay:-5s;}
.faq-hero__beam{width:520px;height:1px;background:linear-gradient(90deg, transparent, rgba(151,191,255,.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(142,184,255,.12);box-shadow:0 0 0 1px rgba(142,184,255,.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(7,14,27,.72);border:1px solid rgba(121,164,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(56,189,248,.12), transparent 38%), radial-gradient(circle at bottom left, rgba(59,130,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:#7db3ff;}
.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:#60a5fa;}
.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(96,165,250,.28);background:rgba(96,165,250,.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(59,130,246,.12);border:1px solid rgba(59,130,246,.18);color:#7db6ff;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(124,198,255,.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:#2563eb!important;
  --accent2:#3b82f6!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:#080b12!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(37,99,235,.15);
}
.site-header__link--admin{color:#60a5fa}
.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:#2563eb!important;color:#fff!important;border:0!important;
}
.site-header__withdraw:hover{background:#1d4ed8!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:#080b12}
.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:#0e1219!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:#0e1219!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:#2563eb!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(37,99,235,.25)!important;
}
.btn-primary:hover{background:#1d4ed8!important;box-shadow:0 4px 16px rgba(37,99,235,.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:#0e1219!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:#0e1219!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(37,99,235,.25)!important;
  transform:translateY(-2px)!important;
}

/* --- Project cards --- */
.project-card-minimal{
  background:#0e1219!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(37,99,235,.2)!important}

/* --- Ticket system --- */
.ticket-card{
  background:#0e1219!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:16px!important;
}
.ticket-card.ticket-you{
  border-color:rgba(37,99,235,.3)!important;
  background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(37,99,235,.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(37,99,235,.2)!important;
  background:rgba(37,99,235,.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:#0e1219!important;
  transition:all .2s ease!important;
}
.games-hub-card:hover{
  border-color:rgba(37,99,235,.2)!important;
  transform:translateY(-2px)!important;
  background:#111827!important;
}
.games-hub-card__icon{
  width:48px!important;height:48px!important;border-radius:12px!important;
  background:rgba(37,99,235,.08)!important;border:1px solid rgba(37,99,235,.15)!important;
  color:#60a5fa!important;
}
.games-hub-card__name{font-size:18px!important;font-weight:800!important}

/* --- Game stage & bet panels --- */
.game-stage{
  background:#0e1219!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:16px!important;
}
.unified-bet-panel{
  background:#0c1019!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:14px!important;
}
.unified-bet-panel input,.unified-bet-panel select{
  background:#080b12!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(37,99,235,.4)!important;outline:none!important;box-shadow:0 0 0 2px rgba(37,99,235,.15)!important}

/* --- Toast notifications --- */
.smart-toast{
  background:#111827!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-\\[\\#1c1c1e\\]{
  background:#0e1219!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,.admin-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:#0e1219!important;
  border:1px solid rgba(255,255,255,.06)!important;
}

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

/* --- Selection --- */
::selection{background:rgba(37,99,235,.35)!important;color:#fff!important}

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

/* --- Links --- */
a{color:#60a5fa}
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:#0e1219!important;color:#f1f5f9!important;
}
.game-stage,.game-container,.game-wrapper{background:#080b12!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:#080b12!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(37,99,235,.4)!important;box-shadow:0 0 0 2px rgba(37,99,235,.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:#0c1019!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important}

/* Ticket page overrides */
.ticket-prize-banner{background:#0e1219!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:#0c1019}
.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(37,99,235,.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:#0e1219!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:#0e1219!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(37,99,235,.25)!important;background:linear-gradient(180deg,rgba(37,99,235,.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(37,99,235,.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:#0e1219!important;border-color:rgba(255,255,255,.06)!important;border-radius:20px!important}
.game-stage__panel{background:#0c1019!important;border-color:rgba(255,255,255,.05)!important}
.game-stage__canvas{background:transparent!important}
.game-panel-input{background:#080b12!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;color:#f1f5f9!important}
.game-panel-input:focus{border-color:rgba(37,99,235,.4)!important;box-shadow:0 0 0 2px rgba(37,99,235,.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,#2563eb,#1d4ed8)!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(37,99,235,.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:#0c1019!important;border-color:rgba(255,255,255,.06)!important;border-radius:12px!important}
.jackpot-shell{background:#0e1219!important;border-color:rgba(255,255,255,.06)!important;border-radius:20px!important}
.jackpot-bet-panel__input{background:#080b12!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:#2563eb}

/* Stats boxes inside games */
.game-stage__canvas [class*="rounded"]{background:#0c1019!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-\\[\\#1c1c1e\\]"],
[class*="bg-\\[\\#13161d\\]"],
.admin-modal-panel,
#audit-modal>div>.relative,
#withdraw-modal .relative,
#deposit-modal .relative,
#buy-modal .relative,
#confirm-modal>div,
#input-modal>div{
  background:#0e1219!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:#080b12!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(37,99,235,.4)!important;
  box-shadow:0 0 0 2px rgba(37,99,235,.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:#0e1219!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:20px!important;
}
.rules-card__scroll{
  background:#080b12!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:#0e1219!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:#0e1219!important}
.game-stage__panel{background:#0c1019!important}
.game-stage__canvas{background:#0e1219!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:#2563eb!important;
  color:#fff!important;
  box-shadow:0 6px 20px rgba(37,99,235,.3)!important;
  border:0!important;
}
.game-gold-btn:hover{background:#1d4ed8!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(37,99,235,.3)!important;
}
.game-stage button[class*="rounded"][class*="border"][class*="bg-blue"],
.game-stage button[class*="rounded"][class*="border"].active{
  border-color:rgba(37,99,235,.4)!important;
  background:rgba(37,99,235,.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-\\[\\#1c1c1e\\]"],
.fixed.inset-0 [class*="bg-\\[\\#13161d\\]"],
.fixed.inset-0 [class*="bg-ios-card"],
.fixed.inset-0 [class*="card-glass"]{
  background:#0e1219!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:#0e1219!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:#080b12!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:#2563eb!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:#0e1219!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:#0e1219!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:#0c1019!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:#0e1219!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:20px!important;
}
#audit-modal select{
  background:#080b12!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:#0e1219!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:#111827!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:#0e1219!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:#0e1219!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:#080b12!important;border-color:rgba(255,255,255,.08)!important;
}
[class*="picker-dropdown"]{
  background:#0e1219!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:#0e1219!important;
}

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

/* Generic bg-ios-card and bg-[#1c1c1e] overrides */
[class*="bg-ios-card"],[class*="bg-\\[\\#1c1c1e\\]"],[class*="bg-\\[\\#13161d\\]"]{
  background:#0e1219!important;
}

/* ===== Admin panel cleanup ===== */
.admin-metric-card,.admin-tile{
  background:#0e1219!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:#13161d"],#crm-modal [style*="background:linear-gradient"]{background:#0e1219!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:#0e1219!important;border-color:rgba(255,255,255,.06)!important}
#bac-panel{background:#0c1019!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,#1d4ed8)!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:#0e1219!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:#0c1019!important;margin-bottom:4px!important;
  transition:all .15s ease!important;cursor:pointer!important;
}
.notif-card:hover{background:#111827!important;border-color:rgba(255,255,255,.08)!important}
.notif-card.is-unread{
  background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(37,99,235,.03))!important;
  border-color:rgba(37,99,235,.15)!important;
}
.notif-card__icon{
  width:40px!important;height:40px!important;border-radius:12px!important;
  background:rgba(37,99,235,.1)!important;border:1px solid rgba(37,99,235,.15)!important;
  color:#60a5fa!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:#080b12!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:#111827!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,#2563eb,#60a5fa);
  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:#0e1219;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:#2563eb;font-weight:700}
.home-faq__a a{color:#60a5fa;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:#0e1219!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(37,99,235,.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:#2563eb!important}
.mob-nav-active span{color:#2563eb!important}

/* Mines dropdown style */
#mines-count option{background:#080b12;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:#0c1019!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:#080b12!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(37,99,235,.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:#080b12!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:#080b12!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}
}