:root{
  --bg:#050b0d;
  --panel:#0b1518;
  --panel2:#101d21;
  --line:rgba(255,255,255,.08);
  --green:#21d46b;
  --green2:#0ba94b;
  --gold:#f5c451;
  --text:#f3f7f4;
  --muted:#93a39b;
  --danger:#ff4d4d;
  --radius:18px;
}

/* GalaxyBet brand assets */
.loading-screen {
  position:fixed;
  inset:0;
  z-index:10000000;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#05080a;
  transition:opacity .35s ease;
}

.loading-screen > img {
  width:min(460px,82vw);
  height:auto;
  display:block;
  object-fit:contain;
  transform:scale(1.55);
}

.brand-logo,
.footer-brand,
.mobile-menu-head {
  overflow:hidden !important;
}


*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,Arial,Helvetica,sans-serif;
  background:
    radial-gradient(circle at 20% -10%,rgba(33,212,107,.18),transparent 35%),
    radial-gradient(circle at 80% 0%,rgba(245,196,81,.12),transparent 32%),
    linear-gradient(180deg,#04100d,#050b0d 45%,#030607);
  color:var(--text);
}

button,input,select{font:inherit}
button{cursor:pointer}

.topbar{
  height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 34px;
  border-bottom:1px solid var(--line);
  background:rgba(3,8,10,.78);
  backdrop-filter:blur(16px);
  position:sticky;
  top:0;
  z-index:50;
}

.logo{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:29px;
  font-weight:900;
  letter-spacing:.2px;
}
.logo-mark{
  width:42px;
  height:42px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--green),#0d612e 50%,var(--gold));
  display:grid;
  place-items:center;
  color:#05100b;
  font-weight:1000;
  box-shadow:0 0 28px rgba(33,212,107,.25);
}
.logo span b{color:var(--green)}

.nav{
  display:flex;
  gap:28px;
  align-items:center;
}
.nav a{
  color:#dfe8e2;
  text-decoration:none;
  font-size:14px;
  font-weight:750;
  opacity:.92;
}
.nav a:hover{color:var(--green)}

.actions{
  display:flex;
  align-items:center;
  gap:12px;
}

.balance{
  height:44px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:10px;
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.03);
  font-weight:850;
}

.btn{
  border:0;
  border-radius:10px;
  padding:12px 18px;
  color:#fff;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
  font-weight:850;
}
.btn:hover{transform:translateY(-1px)}
.btn.primary{
  background:linear-gradient(180deg,#29df76,#0c9d46);
  color:#041009;
  box-shadow:0 12px 28px rgba(33,212,107,.22);
}
.btn.gold{
  background:linear-gradient(180deg,#ffd979,#c79320);
  color:#160e02;
}
.btn.icon{
  width:44px;
  height:44px;
  padding:0;
  display:grid;
  place-items:center;
  font-size:23px;
}

.wrap{
  width:min(1880px,calc(100% - 64px));
  margin:0 auto;
}

.hero{
  margin-top:18px;
  height:266px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(245,196,81,.25);
  position:relative;
  background:
    linear-gradient(90deg,rgba(3,11,10,.96),rgba(7,25,15,.85) 34%,rgba(3,9,10,.25)),
    radial-gradient(circle at 62% 48%,rgba(33,212,107,.34),transparent 28%),
    radial-gradient(circle at 84% 42%,rgba(245,196,81,.32),transparent 26%),
    url("assets/galaxybet/banners/banner-01.png?v=2");
  background-size:cover;
  background-position:center;
  box-shadow:0 24px 80px rgba(0,0,0,.42);
}

.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 73% 40%,rgba(255,255,255,.18),transparent 8%),
    linear-gradient(90deg,transparent,rgba(0,0,0,.15));
  pointer-events:none;
}

.hero-content{
  position:relative;
  z-index:2;
  padding:34px 0 0 230px;
  max-width:720px;
}
.kicker{
  color:var(--green);
  font-weight:950;
  letter-spacing:1.4px;
  font-size:24px;
}
.hero h1{
  margin:6px 0 0;
  font-size:70px;
  line-height:.88;
  letter-spacing:-2.5px;
  color:var(--gold);
  text-shadow:0 10px 30px rgba(0,0,0,.45);
}
.hero h2{
  margin:4px 0 8px;
  font-size:36px;
  line-height:1;
}
.hero p{
  color:#e9f1ec;
  font-size:20px;
  margin:0 0 18px;
}
.hero p b{color:var(--green)}

.hero-visual{
  position:absolute;
  right:150px;
  top:20px;
  z-index:1;
  display:flex;
  align-items:center;
  gap:38px;
}
.player{
  width:190px;
  height:230px;
  border-radius:35px;
  background:linear-gradient(145deg,#141b1c,#07110d);
  border:1px solid rgba(255,255,255,.1);
  display:grid;
  place-items:center;
  font-size:105px;
  box-shadow:0 20px 70px rgba(0,0,0,.45);
}
.casino-orb{
  width:310px;
  height:210px;
  border-radius:50%;
  background:
    radial-gradient(circle,#251305 0 18%,#ddbc5a 19% 22%,#151009 23% 36%,#b01622 37% 39%,#0b6d37 40% 42%,#070707 43%),
    conic-gradient(from 0deg,#111,#d42631,#111,#087137,#111,#d42631,#111);
  border:8px solid #c69428;
  box-shadow:0 0 60px rgba(245,196,81,.28);
  transform:rotate(-10deg);
}

.category-row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
  margin-top:18px;
}
.cat{
  min-height:68px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(20,37,35,.9),rgba(10,22,21,.96));
  border:1px solid rgba(33,212,107,.18);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
}
.cat-left{display:flex;align-items:center;gap:16px}
.cat-icon{font-size:39px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
.cat b{font-size:15px;letter-spacing:1px}
.cat span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.cat .arrow{color:var(--green);font-size:28px}

.main-grid{
  display:grid;
  grid-template-columns:1.08fr .98fr;
  gap:18px;
  margin-top:18px;
}

.card{
  background:rgba(9,19,22,.84);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}

.card-head{
  height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  border-bottom:1px solid var(--line);
}
.card-head h3{margin:0;font-size:18px}
.tabs{display:flex;gap:8px}
.tabs button{
  border:0;
  border-radius:10px;
  color:#dce8df;
  background:transparent;
  padding:8px 14px;
  font-weight:800;
}
.tabs button.active{background:var(--green);color:#031009}

.match-list{padding:10px 18px 18px}
.match{
  min-height:62px;
  display:grid;
  grid-template-columns:72px 1fr 240px 62px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.06);
  gap:16px;
}
.live{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:22px;
  border-radius:7px;
  background:rgba(33,212,107,.16);
  color:#62ff9e;
  font-size:11px;
  font-weight:950;
}
.teams small{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}
.teamline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.teamline b{font-size:15px}
.score{
  color:var(--gold);
  font-size:19px;
  font-weight:1000;
  min-width:56px;
  text-align:center;
}
.odds{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.odd{
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  text-align:center;
  padding:7px 2px;
  font-size:12px;
}
.odd b{display:block;font-size:13px;margin-top:2px}
.more{color:var(--green);font-weight:900;text-align:right}

.games{
  padding:18px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.game{
  height:158px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(245,196,81,.25);
  position:relative;
  background:linear-gradient(150deg,#271606,#0b1518);
}
.game::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 45% 20%,rgba(255,255,255,.2),transparent 16%);
}
.game .emoji{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-size:68px;
}
.game b{
  position:absolute;
  left:0;right:0;bottom:12px;
  text-align:center;
  font-size:18px;
  color:#ffd66d;
  text-shadow:0 3px 8px #000;
}

.promos{
  margin-top:18px;
}
.promo-grid{
  padding:14px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.promo{
  min-height:108px;
  border-radius:14px;
  border:1px solid rgba(245,196,81,.25);
  padding:17px 20px;
  background:
    radial-gradient(circle at 80% 50%,rgba(245,196,81,.25),transparent 28%),
    linear-gradient(135deg,#17140a,#071312);
  position:relative;
  overflow:hidden;
}
.promo strong{
  display:block;
  color:var(--gold);
  font-size:31px;
  line-height:1;
}
.promo b{display:block;font-size:18px;letter-spacing:.5px;margin-top:2px}
.promo span{display:block;color:#d8e5de;font-size:13px;margin-top:6px;max-width:260px}
.promo .big{
  position:absolute;
  right:22px;
  bottom:12px;
  font-size:68px;
  opacity:.9;
}

.trust{
  margin-top:18px;
  min-height:60px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:center;
  gap:0;
  padding:0 22px;
}
.trust-item{
  display:flex;
  align-items:center;
  gap:14px;
  border-right:1px solid var(--line);
  padding:0 20px;
}
.trust-item:last-child{border-right:0}
.trust-item i{font-size:28px;font-style:normal}
.trust-item b{display:block;font-size:14px}
.trust-item span{display:block;color:var(--muted);font-size:12px;margin-top:3px}

.footer{
  margin:12px 0 30px;
  padding:26px;
  display:grid;
  grid-template-columns:1.3fr repeat(4,1fr) 1.6fr;
  gap:30px;
}
.footer h4{margin:0 0 12px}
.footer a,.footer p{
  display:block;
  color:var(--muted);
  text-decoration:none;
  font-size:13px;
  margin:8px 0;
}
.payments{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.pay{
  padding:8px 12px;
  border-radius:9px;
  background:rgba(255,255,255,.06);
  color:#dce8df;
  font-weight:850;
  font-size:13px;
}

.modal-back{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.7);
  display:grid;
  place-items:center;
  z-index:100;
}
.modal{
  width:min(430px,calc(100% - 30px));
  padding:24px;
  border-radius:18px;
  background:#0b1518;
  border:1px solid var(--line);
}
.modal h2{margin:0 0 14px}
.field{display:block;margin:12px 0}
.field span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}
.field input{
  width:100%;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  color:#fff;
  border-radius:11px;
  padding:13px;
}
.modal-actions{display:flex;gap:10px;margin-top:16px}
.msg{color:var(--gold);margin-top:12px;font-size:13px}

@media(max-width:1200px){
  .nav{display:none}
  .main-grid{grid-template-columns:1fr}
  .category-row{grid-template-columns:repeat(2,1fr)}
  .promo-grid{grid-template-columns:repeat(2,1fr)}
  .trust{grid-template-columns:1fr 1fr}
  .footer{grid-template-columns:1fr 1fr}
  .hero-content{padding-left:34px}
  .hero-visual{display:none}
}

@media(max-width:700px){
  .wrap{width:calc(100% - 24px)}
  .topbar{padding:0 12px}
  .actions .btn:not(.primary){display:none}
  .balance{display:none}
  .hero{height:auto;padding-bottom:28px}
  .hero h1{font-size:48px}
  .category-row,.promo-grid,.trust,.footer{grid-template-columns:1fr}
  .games{grid-template-columns:repeat(2,1fr)}
  .match{grid-template-columns:1fr;gap:10px;padding:14px 0}
}

/* BOZOBET V2 REAL ASSETS */
.site-logo{
  height:54px;
  width:auto;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 10px 22px rgba(33,212,107,.18));
}

.logo-img-wrap{
  min-width:170px;
}

.footer-logo{
  height:48px;
}

.logo-mark,
.logo span{
  display:none;
}

.hero{
  background:
    linear-gradient(90deg,rgba(3,11,10,.96),rgba(7,25,15,.72) 36%,rgba(3,9,10,.10)),
    url("assets/galaxybet/banners/banner-01.png?v=2") !important;
  background-size:cover !important;
  background-position:center !important;
  min-height:330px;
}

.hero-content{
  padding:48px 0 0 54px;
}

.hero h1{
  font-size:76px;
}

.hero h2{
  font-size:38px;
}

.hero-glow{
  position:absolute;
  right:0;
  top:0;
  width:50%;
  height:100%;
  background:radial-gradient(circle at 52% 50%,rgba(33,212,107,.22),transparent 38%);
  pointer-events:none;
}

.cat{
  min-height:92px;
  padding:12px 20px;
  background:
    radial-gradient(circle at 15% 50%,rgba(33,212,107,.16),transparent 32%),
    linear-gradient(180deg,rgba(16,31,31,.95),rgba(7,16,16,.98));
  overflow:hidden;
}

.cat-icon{
  width:70px;
  height:70px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:16px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06);
}

.cat-icon img{
  width:74px;
  height:74px;
  object-fit:contain;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.45));
}

.promo-grid{
  grid-template-columns:repeat(4,1fr);
}

.promo{
  min-height:178px;
  background-size:cover !important;
  background-position:center !important;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  box-shadow:inset 0 -80px 90px rgba(0,0,0,.55);
}

.promo strong{
  font-size:42px;
  text-shadow:0 8px 18px rgba(0,0,0,.55);
}

.promo b{
  font-size:20px;
  text-shadow:0 8px 18px rgba(0,0,0,.55);
}

.promo span{
  max-width:90%;
  color:#f4f7f2;
  text-shadow:0 5px 14px rgba(0,0,0,.75);
}

.promo .big{
  display:none;
}

.trust{
  min-height:94px;
}

.trust-item i{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(245,196,81,.15);
  flex:0 0 auto;
}

.trust-item i img{
  width:58px;
  height:58px;
  object-fit:contain;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.45));
}

@media(max-width:700px){
  .site-logo{
    height:42px;
  }

  .logo-img-wrap{
    min-width:120px;
  }

  .hero{
    min-height:390px;
    background-position:center right !important;
  }

  .hero-content{
    padding:34px 24px;
  }

  .promo-grid{
    grid-template-columns:1fr;
  }
}

/* HERO / LOGO / CATEGORY FIX */
.topbar{
  height:78px;
}

.logo-img-wrap{
  min-width:210px;
  height:64px;
  display:flex;
  align-items:center;
  overflow:hidden;
}

.site-logo{
  height:64px !important;
  width:210px !important;
  object-fit:cover;
  object-position:center;
  border-radius:10px;
  transform:scale(1.12);
}

.footer-logo{
  width:180px !important;
  height:54px !important;
  object-fit:cover;
}

.hero-slider{
  height:344px;
  min-height:344px;
  position:relative;
  background-image:
    linear-gradient(90deg,rgba(3,11,10,.08),rgba(3,9,10,.06)),
    url("assets/galaxybet/banners/banner-01.png?v=2") !important;
  background-size:cover !important;
  background-position:center !important;
  transition:background-image .7s ease, opacity .35s ease;
}

.hero-content,
.kicker,
.hero h1,
.hero h2,
.hero p,
.hero .btn,
.hero-glow{
  display:none !important;
}

.hero-dots{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:flex;
  gap:9px;
  z-index:3;
}

.hero-dots span{
  width:9px;
  height:9px;
  border-radius:99px;
  background:rgba(255,255,255,.55);
  box-shadow:0 0 12px rgba(0,0,0,.45);
}

.hero-dots span.active{
  width:24px;
  background:#21d46b;
  box-shadow:0 0 18px rgba(33,212,107,.75);
}

.cat{
  border-radius:18px !important;
}

.cat-icon{
  width:76px !important;
  height:76px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.015)) !important;
}

.cat-icon img{
  width:76px !important;
  height:76px !important;
  border-radius:18px !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:scale(1.06);
}

@media(max-width:700px){
  .logo-img-wrap{
    min-width:145px;
  }

  .site-logo{
    width:145px !important;
    height:48px !important;
  }

  .hero-slider{
    height:230px;
    min-height:230px;
  }
}

/* CLEAN LOGO + REAL HERO SLIDER + ROUNDED ASSETS */
.brand-logo{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:230px;
  cursor:pointer;
}

.brand-mark{
  width:48px;
  height:48px;
  border-radius:13px;
  display:grid;
  place-items:center;
  color:#061109;
  font-size:31px;
  font-weight:1000;
  font-style:italic;
  background:linear-gradient(135deg,#20e46f 0%,#0a7e38 45%,#ffd35a 100%);
  box-shadow:
    inset 0 2px 8px rgba(255,255,255,.22),
    0 0 24px rgba(33,212,107,.34);
  text-shadow:0 2px 3px rgba(255,255,255,.18);
}

.brand-text{
  font-size:31px;
  font-weight:1000;
  letter-spacing:-1px;
  color:#fff;
  line-height:1;
  text-shadow:0 8px 20px rgba(0,0,0,.45);
}

.brand-text span{
  color:#20d765;
}

.footer-brand{
  min-width:190px;
}

.footer-brand .brand-mark{
  width:38px;
  height:38px;
  font-size:25px;
}

.footer-brand .brand-text{
  font-size:27px;
}

.logo-img-wrap,
.site-logo,
.footer-logo{
  display:none !important;
}

.hero-slider{
  height:390px !important;
  min-height:390px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#071011 !important;
  border-radius:22px !important;
}

.hero-slide-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:0;
  transform:scale(1.012);
  transition:opacity .65s ease, transform 1.1s ease;
}

.hero-slide-img.active{
  opacity:1;
  transform:scale(1);
}

.hero-dots{
  bottom:18px !important;
  z-index:8 !important;
}

.hero-dots span{
  cursor:pointer;
}

.hero-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(6,13,14,.62);
  color:#fff;
  font-size:34px;
  line-height:1;
  z-index:8;
  display:grid;
  place-items:center;
  backdrop-filter:blur(10px);
}

.hero-arrow:hover{
  background:rgba(33,212,107,.32);
}

.hero-prev{
  left:20px;
}

.hero-next{
  right:20px;
}

.cat{
  min-height:96px !important;
  border-radius:19px !important;
}

.cat-icon{
  width:78px !important;
  height:78px !important;
  border-radius:19px !important;
  overflow:hidden !important;
}

.cat-icon img{
  width:78px !important;
  height:78px !important;
  border-radius:19px !important;
  object-fit:cover !important;
}

.trust{
  border-radius:20px !important;
  overflow:hidden;
}

.trust-item i{
  width:74px !important;
  height:74px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
}

.trust-item i img{
  width:74px !important;
  height:74px !important;
  border-radius:18px !important;
  object-fit:cover !important;
}

@media(max-width:700px){
  .brand-logo{
    min-width:150px;
    gap:8px;
  }

  .brand-mark{
    width:38px;
    height:38px;
    font-size:24px;
  }

  .brand-text{
    font-size:23px;
  }

  .hero-slider{
    height:250px !important;
    min-height:250px !important;
  }

  .hero-arrow{
    display:none;
  }
}

/* FINAL LOGO/BANNER/PROMO CLEANUP */
.logo-img-only{
  min-width:220px !important;
  height:64px !important;
  display:flex !important;
  align-items:center !important;
  overflow:visible !important;
}

.clean-logo{
  height:58px !important;
  width:auto !important;
  max-width:230px !important;
  object-fit:contain !important;
  display:block !important;
  filter:drop-shadow(0 8px 18px rgba(33,212,107,.22));
  border-radius:0 !important;
  background:transparent !important;
}

.footer-clean-logo{
  height:46px !important;
  max-width:190px !important;
}

.brand-mark,
.brand-text{
  display:none !important;
}

.hero-slider{
  height:430px !important;
  min-height:430px !important;
  background:#061011 !important;
}

.hero-slide-img{
  object-fit:contain !important;
  object-position:center !important;
  background:#061011 !important;
}

.promo.only-img{
  min-height:178px !important;
  background-size:cover !important;
  background-position:center !important;
  box-shadow:none !important;
}

.promo.only-img strong,
.promo.only-img b,
.promo.only-img span{
  display:none !important;
}

.trust-item i,
.trust-item i img,
.cat-icon,
.cat-icon img{
  border-radius:20px !important;
}

@media(max-width:700px){
  .logo-img-only{
    min-width:150px !important;
    height:48px !important;
  }

  .clean-logo{
    height:42px !important;
    max-width:150px !important;
  }

  .hero-slider{
    height:260px !important;
    min-height:260px !important;
  }
}

/* FINAL HEADER LOGO + BANNER SIZE FIX */
.topbar{
  height:82px !important;
  padding:0 36px !important;
}

.logo-img-only{
  min-width:250px !important;
  height:72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

.clean-logo{
  height:72px !important;
  width:auto !important;
  max-width:250px !important;
  object-fit:contain !important;
  transform:scale(1.35) translateX(18px) !important;
  transform-origin:left center !important;
  filter:drop-shadow(0 8px 20px rgba(33,212,107,.35)) !important;
}

.hero-slider{
  height:390px !important;
  min-height:390px !important;
  padding:0 !important;
  background:#061011 !important;
  border-radius:22px !important;
  overflow:hidden !important;
}

.hero-slide-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  background:#061011 !important;
}

.hero-slide-img.active{
  opacity:1 !important;
}

.hero-dots{
  bottom:17px !important;
}

.hero-dots span{
  width:10px !important;
  height:10px !important;
}

.hero-dots span.active{
  width:28px !important;
}

@media(max-width:700px){
  .topbar{
    height:68px !important;
    padding:0 14px !important;
  }

  .logo-img-only{
    min-width:150px !important;
    height:54px !important;
  }

  .clean-logo{
    height:50px !important;
    max-width:160px !important;
    transform:scale(1.15) translateX(6px) !important;
  }

  .hero-slider{
    height:235px !important;
    min-height:235px !important;
  }
}

/* LOGO CROP FINAL */
.logo-img-only{
  min-width:260px !important;
  width:260px !important;
  height:72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}

.clean-logo{
  height:72px !important;
  width:250px !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:none !important;
  filter:drop-shadow(0 8px 20px rgba(33,212,107,.35)) !important;
}

.footer-clean-logo{
  height:52px !important;
  width:190px !important;
}

@media(max-width:700px){
  .logo-img-only{
    min-width:160px !important;
    width:160px !important;
    height:54px !important;
  }

  .clean-logo{
    height:52px !important;
    width:155px !important;
  }
}

/* NEW LOGO FINAL SIZE */
.logo-img-only{
  min-width:245px !important;
  width:245px !important;
  height:76px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}

.clean-logo{
  height:74px !important;
  width:235px !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:none !important;
  filter:drop-shadow(0 8px 20px rgba(33,212,107,.32)) !important;
  background:transparent !important;
  border-radius:0 !important;
}

.footer-clean-logo{
  height:52px !important;
  width:190px !important;
}

@media(max-width:700px){
  .logo-img-only{
    min-width:160px !important;
    width:160px !important;
    height:56px !important;
  }

  .clean-logo{
    height:52px !important;
    width:155px !important;
  }
}

/* LOGO BIG FINAL OVERRIDE */
.topbar{
  height:88px !important;
}

.logo-img-only{
  min-width:330px !important;
  width:330px !important;
  height:88px !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
}

.clean-logo{
  height:96px !important;
  width:330px !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:scale(1.65) translateX(38px) !important;
  transform-origin:left center !important;
  filter:drop-shadow(0 8px 22px rgba(33,212,107,.38)) !important;
}

@media(max-width:700px){
  .logo-img-only{
    min-width:190px !important;
    width:190px !important;
    height:62px !important;
  }

  .clean-logo{
    height:66px !important;
    width:190px !important;
    transform:scale(1.35) translateX(18px) !important;
  }
}

/* LOGO POSITION FINAL */
.logo-img-only{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding-top:8px !important;
}

.clean-logo{
  transform:scale(1.55) translateX(38px) translateY(6px) !important;
  transform-origin:left center !important;
}

.topbar{
  align-items:center !important;
}

/* LOGO CENTER FINAL */
.logo-img-only{
  padding-top:0 !important;
  align-items:center !important;
}

.clean-logo{
  transform:scale(1.55) translateX(38px) translateY(-2px) !important;
  transform-origin:left center !important;
}

/* LOGO NAV ALIGN FINAL */
.logo-img-only{
  padding-top:0 !important;
  align-items:center !important;
}

.clean-logo{
  transform:scale(1.55) translateX(38px) translateY(4px) !important;
  transform-origin:left center !important;
}

/* LOGO SLIGHTLY BIGGER */
.logo-img-only{
  min-width:360px !important;
  width:360px !important;
}

.clean-logo{
  height:104px !important;
  width:360px !important;
  transform:scale(1.72) translateX(42px) translateY(4px) !important;
  transform-origin:left center !important;
}

/* TRY NEW IMAGE BANNER */
.hero-slider{
  height:410px !important;
  min-height:410px !important;
}

.hero-slide-img{
  object-fit:cover !important;
  object-position:center !important;
}

/* HERO TRUE WIDE BANNER RATIO FIX */
.hero-slider{
  height:330px !important;
  min-height:330px !important;
  max-height:330px !important;
  aspect-ratio:1920 / 520 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:#061011 !important;
}

.hero-slide-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  background:#061011 !important;
}

.hero-arrow,
.hero-prev,
.hero-next{
  display:none !important;
}

.hero-dots{
  bottom:14px !important;
  z-index:9 !important;
}

.hero-dots span{
  width:9px !important;
  height:9px !important;
}

.hero-dots span.active{
  width:26px !important;
}

@media(max-width:700px){
  .hero-slider{
    height:210px !important;
    min-height:210px !important;
    max-height:210px !important;
  }
}

/* HERO 970x250 FINAL FIX */
.hero-slider{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:970 / 250 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:#061011 !important;
}

.hero-slide-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:0;
  transition:opacity .55s ease !important;
}

.hero-slide-img.active{
  opacity:1 !important;
}

.hero-arrow,
.hero-prev,
.hero-next{
  display:none !important;
}

.hero-dots{
  bottom:12px !important;
  z-index:9 !important;
}

.hero-dots span{
  width:9px !important;
  height:9px !important;
}

.hero-dots span.active{
  width:26px !important;
}

@media(max-width:700px){
  .hero-slider{
    aspect-ratio:970 / 250 !important;
  }
}

/* HERO 970X250 TRUE FINAL */
.hero-slider{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:970 / 250 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:#061011 !important;
}

.hero-slide-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  opacity:0;
  transition:opacity .55s ease !important;
}

.hero-slide-img.active{
  opacity:1 !important;
}

.hero-arrow,
.hero-prev,
.hero-next{
  display:none !important;
}

.hero-dots{
  bottom:12px !important;
  z-index:9 !important;
}

.hero-dots span{
  width:9px !important;
  height:9px !important;
}

.hero-dots span.active{
  width:26px !important;
}

/* BANNER TEMP STABLE */
.hero-slider{
  width:100% !important;
  height:344px !important;
  min-height:344px !important;
  max-height:344px !important;
  aspect-ratio:auto !important;
  border-radius:22px !important;
  overflow:hidden !important;
}

.hero-slide-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.hero-arrow,
.hero-prev,
.hero-next{
  display:none !important;
}

/* LIVE MATCH + POPULAR GAMES PREMIUM */
.card{
  background:
    linear-gradient(180deg,rgba(11,24,27,.92),rgba(5,12,14,.96)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

.card-head{
  height:58px !important;
  background:linear-gradient(90deg,rgba(33,212,107,.08),transparent) !important;
}

.card-head h3{
  font-size:20px !important;
  letter-spacing:.2px;
}

.pro-match{
  grid-template-columns:86px 1fr 280px 72px !important;
  min-height:78px !important;
  gap:18px !important;
  border-bottom:1px solid rgba(255,255,255,.075) !important;
  position:relative;
}

.pro-match:hover{
  background:linear-gradient(90deg,rgba(33,212,107,.055),transparent);
}

.match-status{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
}

.match-status small{
  color:#96a59e;
  font-size:12px;
}

.live-pulse{
  position:relative;
  background:linear-gradient(180deg,#21d46b,#0b8f3d) !important;
  color:#041009 !important;
  font-weight:1000 !important;
}

.live-pulse::after{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:10px;
  border:1px solid rgba(33,212,107,.35);
  animation:pulseLive 1.4s infinite;
}

@keyframes pulseLive{
  0%{opacity:.8;transform:scale(.96)}
  100%{opacity:0;transform:scale(1.18)}
}

.time-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  height:25px;
  border-radius:8px;
  background:rgba(245,196,81,.14);
  color:#ffd66d;
  border:1px solid rgba(245,196,81,.25);
  font-size:12px;
  font-weight:950;
}

.pro-teams small{
  display:flex !important;
  align-items:center;
  gap:7px;
  color:#8fa39a !important;
  margin-bottom:9px !important;
}

.team-row{
  display:grid;
  grid-template-columns:1fr 82px 1fr;
  align-items:center;
  gap:12px;
}

.club{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}

.club.away{
  justify-content:flex-end;
}

.club-logo{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  font-size:14px;
}

.club b{
  font-size:15px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.score-box{
  height:38px;
  border-radius:11px;
  display:grid;
  place-items:center;
  color:#ffd35a;
  font-size:20px;
  font-weight:1000;
  background:
    radial-gradient(circle at 50% 0%,rgba(245,196,81,.18),transparent 55%),
    rgba(255,255,255,.045);
  border:1px solid rgba(245,196,81,.16);
}

.pro-odds{
  gap:9px !important;
}

.pro-odds .odd{
  border:1px solid rgba(255,255,255,.085) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035)) !important;
  color:#eaf3ee !important;
  transition:.18s;
  cursor:pointer;
}

.pro-odds .odd:hover{
  border-color:rgba(33,212,107,.6) !important;
  background:linear-gradient(180deg,rgba(33,212,107,.22),rgba(33,212,107,.08)) !important;
  transform:translateY(-1px);
}

.pro-odds .odd span{
  display:block;
  color:#98a59d;
  font-size:11px;
  font-weight:800;
}

.pro-odds .odd b{
  color:#fff;
  font-size:14px;
}

.more{
  color:#21d46b !important;
  font-size:16px !important;
}

.games{
  grid-template-columns:repeat(5,1fr) !important;
  gap:16px !important;
}

.game{
  height:170px !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 50% 18%,rgba(245,196,81,.22),transparent 24%),
    linear-gradient(145deg,#2a1707,#061112 72%) !important;
  border:1px solid rgba(245,196,81,.22) !important;
  box-shadow:inset 0 0 28px rgba(245,196,81,.05),0 16px 35px rgba(0,0,0,.25);
  transition:.18s;
}

.game:hover{
  transform:translateY(-4px);
  border-color:rgba(33,212,107,.45) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.35),0 0 22px rgba(33,212,107,.12);
}

.game .emoji{
  font-size:64px !important;
  transform:translateY(-12px);
}

.game b{
  font-size:16px !important;
  line-height:1.05;
  padding:0 10px;
  color:#ffd46d !important;
}

@media(max-width:900px){
  .pro-match{
    grid-template-columns:1fr !important;
    padding:14px 0;
  }

  .team-row{
    grid-template-columns:1fr;
  }

  .club.away{
    justify-content:flex-start;
  }

  .score-box{
    width:110px;
  }
}

/* PREMIUM AUTH + DEPOSIT MODALS */
.modal-back{
  backdrop-filter:blur(10px);
  background:rgba(0,0,0,.72) !important;
}

.modal{
  width:min(880px,calc(100% - 28px)) !important;
  padding:0 !important;
  overflow:hidden;
  border-radius:22px !important;
  background:
    linear-gradient(180deg,rgba(13,27,30,.96),rgba(5,12,14,.98)) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.55);
}

.auth-box{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  min-height:460px;
}

.auth-side{
  padding:34px;
  background:
    radial-gradient(circle at 35% 28%,rgba(33,212,107,.28),transparent 32%),
    radial-gradient(circle at 80% 70%,rgba(245,196,81,.18),transparent 28%),
    linear-gradient(145deg,#071412,#0a1f18);
  border-right:1px solid rgba(255,255,255,.08);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.register-side{
  background:
    radial-gradient(circle at 35% 28%,rgba(245,196,81,.23),transparent 32%),
    radial-gradient(circle at 80% 70%,rgba(33,212,107,.20),transparent 28%),
    linear-gradient(145deg,#121007,#082016);
}

.auth-badge{
  width:max-content;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(33,212,107,.14);
  color:#60ff9c;
  border:1px solid rgba(33,212,107,.28);
  font-size:12px;
  font-weight:1000;
  letter-spacing:1px;
  margin-bottom:18px;
}

.auth-side h2{
  font-size:42px;
  line-height:1;
  margin:0 0 14px;
}

.auth-side p{
  color:#c9d6cf;
  font-size:16px;
  line-height:1.55;
  max-width:340px;
  margin:0 0 24px;
}

.auth-mini{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.auth-mini span{
  width:max-content;
  padding:10px 13px;
  border-radius:12px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
  color:#edf5f0;
  font-weight:800;
  font-size:13px;
}

.auth-form{
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.auth-form h2{
  font-size:30px;
  margin:0 0 12px;
}

.field input{
  height:48px;
  border-radius:13px !important;
  background:rgba(255,255,255,.065) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  outline:none;
}

.field input:focus{
  border-color:rgba(33,212,107,.55) !important;
  box-shadow:0 0 0 4px rgba(33,212,107,.08);
}

.full-btn{
  width:100%;
  height:50px;
  margin-top:10px;
}

.link-btn{
  border:0;
  background:transparent;
  color:#21d46b;
  margin-top:15px;
  font-weight:850;
}

.pay-modal{
  padding:28px;
}

.pay-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  margin-bottom:22px;
}

.pay-head h2{
  font-size:32px;
  margin:0 0 6px;
}

.pay-head p{
  color:#9ca9a2;
  margin:0;
  max-width:480px;
  line-height:1.45;
}

.pay-balance{
  min-width:160px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(33,212,107,.10);
  border:1px solid rgba(33,212,107,.20);
}

.pay-balance span{
  display:block;
  color:#a9b5ae;
  font-size:12px;
  margin-bottom:5px;
}

.pay-balance b{
  font-size:22px;
  color:#fff;
}

.pay-methods{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:20px;
}

.pay-method{
  height:54px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.055);
  color:#e9f2ed;
  font-weight:950;
}

.pay-method.active{
  background:linear-gradient(180deg,#23d86d,#0a9542);
  color:#041009;
}

.pay-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.quick-amounts{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin:8px 0 16px;
}

.quick-amounts button{
  height:42px;
  border-radius:12px;
  background:rgba(245,196,81,.11);
  border:1px solid rgba(245,196,81,.22);
  color:#ffd66d;
  font-weight:900;
}

.payment-preview{
  margin-top:15px;
  padding:16px;
  border-radius:15px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}

.payment-preview b{
  display:block;
  margin-bottom:5px;
  color:#fff;
}

.payment-preview span{
  color:#9faea6;
  font-size:13px;
}

@media(max-width:760px){
  .auth-box{
    grid-template-columns:1fr;
  }

  .auth-side{
    min-height:230px;
  }

  .pay-head,
  .pay-grid{
    grid-template-columns:1fr;
    display:grid;
  }

  .pay-methods,
  .quick-amounts{
    grid-template-columns:1fr 1fr;
  }
}

/* REAL PAGES */
.page-hero{
  margin-top:18px;
  border-radius:22px;
  padding:34px;
  border:1px solid rgba(255,255,255,.09);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:190px;
  background:
    radial-gradient(circle at 78% 42%,rgba(33,212,107,.22),transparent 28%),
    linear-gradient(135deg,#0c1d1e,#050b0d);
}

.page-hero span{
  color:#21d46b;
  font-weight:1000;
  letter-spacing:1.4px;
  font-size:12px;
}

.page-hero h1{
  margin:8px 0 8px;
  font-size:42px;
  line-height:1;
}

.page-hero p{
  color:#a7b5ae;
  margin:0;
  max-width:620px;
}

.sports-mini{background:radial-gradient(circle at 78% 42%,rgba(33,212,107,.28),transparent 28%),linear-gradient(135deg,#0b1b18,#050b0d)}
.casino-mini{background:radial-gradient(circle at 78% 42%,rgba(245,196,81,.25),transparent 28%),linear-gradient(135deg,#1b1207,#050b0d)}
.promo-mini{background:radial-gradient(circle at 78% 42%,rgba(245,196,81,.22),transparent 28%),linear-gradient(135deg,#111807,#050b0d)}
.vip-mini{background:radial-gradient(circle at 78% 42%,rgba(245,196,81,.32),transparent 28%),linear-gradient(135deg,#181006,#050b0d)}

.sports-layout{
  display:grid;
  grid-template-columns:220px 1fr 270px;
  gap:18px;
  margin-top:18px;
}

.league-card,
.coupon-card{
  padding:18px;
  height:max-content;
}

.league-card h3,
.coupon-card h3{
  margin:0 0 14px;
}

.league-card button{
  width:100%;
  height:42px;
  margin-bottom:8px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:#e8f0eb;
  text-align:left;
  padding:0 12px;
  font-weight:800;
}

.league-card button:hover{
  border-color:rgba(33,212,107,.4);
}

.empty-coupon{
  min-height:140px;
  display:grid;
  place-items:center;
  text-align:center;
  color:#9ea9a3;
  border:1px dashed rgba(255,255,255,.14);
  border-radius:15px;
  margin-bottom:14px;
}

.empty-coupon b{
  display:block;
  color:#fff;
  margin-bottom:4px;
}

.coupon-total{
  display:flex;
  justify-content:space-between;
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.08);
  color:#aeb8b2;
}

.coupon-total b{
  color:#ffd66d;
}

.casino-tabs{
  margin-top:18px;
  display:flex;
  gap:10px;
  overflow:auto;
}

.casino-tabs button{
  height:42px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:#e6eee9;
  font-weight:900;
}

.casino-tabs button.active{
  background:#21d46b;
  color:#061109;
}

.casino-grid{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}

.casino-game{
  min-height:210px;
  padding:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  text-align:center;
}

.casino-emoji{
  font-size:62px;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));
}

.casino-game b{
  color:#ffd66d;
}

.casino-game span{
  color:#91a099;
  font-size:12px;
}

.promo-page-grid{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.promo-page-grid .promo{
  min-height:260px !important;
}

.vip-grid,
.support-grid{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.vip-card,
.support-card{
  padding:22px;
}

.vip-crown{
  font-size:48px;
  margin-bottom:14px;
}

.vip-card h3,
.support-card h3{
  margin:0 0 10px;
}

.vip-card p,
.support-card p{
  color:#9eaaa4;
  min-height:54px;
}

.profile-layout{
  display:grid;
  grid-template-columns:300px 1fr;
  gap:18px;
  margin-top:18px;
}

.profile-card{
  padding:24px;
  text-align:center;
}

.avatar{
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  margin:0 auto 14px;
  border-radius:24px;
  background:linear-gradient(135deg,#21d46b,#ffd66d);
  color:#061109;
  font-size:40px;
  font-weight:1000;
}

.profile-card h2{
  margin:0;
}

.profile-card > span{
  color:#9ca8a2;
}

.profile-balance{
  margin:22px 0;
  padding:16px;
  border-radius:16px;
  background:rgba(33,212,107,.10);
  border:1px solid rgba(33,212,107,.20);
}

.profile-balance small{
  display:block;
  color:#a7b4ad;
  margin-bottom:5px;
}

.profile-balance b{
  font-size:26px;
}

.history-card{
  overflow:hidden;
}

.history-row{
  display:grid;
  grid-template-columns:1fr 130px 130px;
  gap:14px;
  padding:18px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.history-row b{
  color:#ffd66d;
}

.history-row em{
  font-style:normal;
  color:#21d46b;
  font-weight:900;
}

@media(max-width:1100px){
  .sports-layout,
  .profile-layout{
    grid-template-columns:1fr;
  }

  .casino-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .vip-grid,
  .support-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:700px){
  .page-hero{
    display:block;
  }

  .page-hero h1{
    font-size:31px;
  }

  .casino-grid,
  .promo-page-grid,
  .vip-grid,
  .support-grid{
    grid-template-columns:1fr;
  }

  .history-row{
    grid-template-columns:1fr;
  }
}

/* COUPON SYSTEM */
.coupon-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}

.coupon-head h3{
  margin:0;
}

.coupon-head button{
  border:0;
  background:rgba(255,77,77,.12);
  color:#ff7777;
  border:1px solid rgba(255,77,77,.22);
  border-radius:10px;
  padding:8px 10px;
  font-weight:900;
}

.coupon-items{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:12px;
}

.coupon-item{
  position:relative;
  padding:13px 42px 13px 13px;
  border-radius:14px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.09);
}

.coupon-item b{
  display:block;
  font-size:13px;
  line-height:1.2;
  margin-bottom:7px;
}

.coupon-item span{
  display:block;
  color:#9ca9a2;
  font-size:12px;
}

.coupon-item strong{
  display:inline-flex;
  margin-top:9px;
  padding:6px 10px;
  border-radius:9px;
  background:rgba(33,212,107,.14);
  color:#54ff95;
  border:1px solid rgba(33,212,107,.22);
}

.coupon-remove{
  position:absolute;
  right:10px;
  top:10px;
  width:25px;
  height:25px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:18px;
}

.coupon-stake{
  margin-top:8px;
}

.coupon-glow{
  box-shadow:0 0 0 1px rgba(33,212,107,.35), 0 0 34px rgba(33,212,107,.18) !important;
}

.odd:active{
  transform:scale(.96);
}

/* MATCH ADMIN */
.admin-mini{
  background:
    radial-gradient(circle at 78% 42%,rgba(33,212,107,.24),transparent 28%),
    linear-gradient(135deg,#0b1c18,#050b0d);
}

.admin-layout{
  display:grid;
  grid-template-columns:430px 1fr;
  gap:18px;
  margin-top:18px;
}

.admin-form-card{
  padding:22px;
  height:max-content;
}

.admin-form-card h3{
  margin:0 0 16px;
}

.admin-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 12px;
}

.admin-list-card{
  overflow:hidden;
}

.admin-list-card .card-head span{
  color:#9eaaa4;
  font-weight:900;
}

.admin-match-list{
  display:flex;
  flex-direction:column;
}

.admin-match{
  min-height:72px;
  display:grid;
  grid-template-columns:1fr 150px 64px;
  align-items:center;
  gap:14px;
  padding:14px 18px;
  border-bottom:1px solid rgba(255,255,255,.075);
}

.admin-match:hover{
  background:rgba(33,212,107,.045);
}

.admin-match b{
  display:block;
  margin-bottom:5px;
}

.admin-match span{
  color:#9aa8a1;
  font-size:13px;
}

.admin-odds{
  color:#ffd66d;
  font-weight:1000;
}

.admin-match button{
  height:34px;
  border:0;
  border-radius:10px;
  background:rgba(255,77,77,.14);
  color:#ff7777;
  font-weight:900;
}

@media(max-width:900px){
  .admin-layout{
    grid-template-columns:1fr;
  }

  .admin-form-grid{
    grid-template-columns:1fr;
  }

  .admin-match{
    grid-template-columns:1fr;
  }
}

/* REAL TEAM LOGOS */
.club-logo{
  width:34px !important;
  height:34px !important;
  border-radius:50% !important;
  flex:0 0 auto;
}

.club-logo.real-logo{
  background:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.25);
  overflow:hidden;
}

.club-logo.real-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:4px;
  display:block;
}

.team-row{
  grid-template-columns:minmax(0,1fr) 82px minmax(0,1fr) !important;
}

/* TEAM LOGO TRANSPARENT FIX */
.club-logo.real-logo{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  border-radius:0 !important;
}

.club-logo.real-logo img{
  width:38px !important;
  height:38px !important;
  object-fit:contain !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));
}

.club-logo{
  background:transparent !important;
  border:0 !important;
}

.club b{
  max-width:180px !important;
}

/* ADMIN TEAM LOGO PREVIEW */
.admin-teams-preview{
  display:flex;
  align-items:center;
  gap:12px;
}

.admin-teams-preview .club-logo.real-logo img{
  width:34px !important;
  height:34px !important;
}

.admin-form-card input[list]{
  border-color:rgba(33,212,107,.22) !important;
}

.admin-form-card input[list]:focus{
  border-color:rgba(33,212,107,.7) !important;
}

/* MATCH ROW READABILITY FINAL */
.pro-match{
  grid-template-columns:82px minmax(0,1fr) 270px 76px !important;
  min-height:84px !important;
}

.team-row{
  grid-template-columns:minmax(170px,1fr) 86px minmax(170px,1fr) !important;
  gap:14px !important;
}

.club{
  min-width:0 !important;
}

.club b{
  max-width:none !important;
  min-width:0 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  line-height:1.15 !important;
  font-size:15px !important;
}

.club.away b{
  text-align:right !important;
}

.club-logo.real-logo img{
  width:36px !important;
  height:36px !important;
}

.club-logo{
  width:38px !important;
  height:38px !important;
}

.score-box{
  height:44px !important;
  min-width:86px !important;
  font-size:22px !important;
  border-radius:14px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(245,196,81,.25),transparent 58%),
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(245,196,81,.28) !important;
  box-shadow:inset 0 0 22px rgba(245,196,81,.045);
}

.pro-teams small{
  font-size:13px !important;
  margin-bottom:10px !important;
}

.pro-odds .odd{
  min-height:47px !important;
  border-radius:12px !important;
}

.pro-odds .odd b{
  font-size:15px !important;
}

@media(max-width:900px){
  .pro-match{
    grid-template-columns:1fr !important;
  }

  .team-row{
    grid-template-columns:1fr 86px 1fr !important;
  }

  .club b{
    font-size:14px !important;
  }
}

/* MATCH OVERLAP FIX - STABLE */
.pro-match{
  grid-template-columns:82px minmax(0,1fr) 260px 72px !important;
  min-height:78px !important;
  gap:16px !important;
  overflow:hidden !important;
}

.pro-teams{
  min-width:0 !important;
  overflow:hidden !important;
}

.team-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
}

.club{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.club.away{
  justify-content:flex-end !important;
}

.club b{
  display:block !important;
  max-width:150px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  line-height:1.1 !important;
  font-size:15px !important;
}

.club.away b{
  text-align:right !important;
}

.club-logo{
  width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
}

.club-logo.real-logo img{
  width:32px !important;
  height:32px !important;
  object-fit:contain !important;
}

.score-box{
  width:74px !important;
  min-width:74px !important;
  height:38px !important;
  font-size:20px !important;
  border-radius:12px !important;
  z-index:2 !important;
}

.pro-odds{
  width:260px !important;
  min-width:260px !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:8px !important;
  z-index:3 !important;
}

.pro-odds .odd{
  min-width:0 !important;
  min-height:44px !important;
  border-radius:11px !important;
  padding:6px 2px !important;
}

.pro-odds .odd span{
  font-size:11px !important;
}

.pro-odds .odd b{
  font-size:14px !important;
}

.more{
  min-width:72px !important;
  white-space:nowrap !important;
  text-align:right !important;
}

@media(max-width:1200px){
  .pro-match{
    grid-template-columns:74px minmax(0,1fr) 230px 62px !important;
    gap:12px !important;
  }

  .pro-odds{
    width:230px !important;
    min-width:230px !important;
  }

  .club b{
    max-width:120px !important;
  }
}

/* ADMIN EDIT BUTTONS */
.admin-match{
  grid-template-columns:1fr 150px 150px !important;
}

.admin-actions{
  display:flex;
  gap:8px;
  justify-content:flex-end;
}

.admin-actions button{
  height:34px;
  border:0;
  border-radius:10px;
  padding:0 10px;
  font-weight:900;
}

.admin-actions .edit-btn{
  background:rgba(33,212,107,.14) !important;
  color:#42f58d !important;
}

.admin-actions button:not(.edit-btn){
  background:rgba(255,77,77,.14) !important;
  color:#ff7777 !important;
}

.cancel-edit-btn{
  margin-top:10px;
  background:rgba(255,255,255,.06) !important;
}

@media(max-width:900px){
  .admin-match{
    grid-template-columns:1fr !important;
  }

  .admin-actions{
    justify-content:flex-start;
  }
}

/* REGISTER DETAILS + ADMIN VISIBILITY UI */
.register-wide{
  grid-template-columns:.85fr 1.15fr !important;
}

.register-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 12px;
}

.register-grid .field{
  margin:6px 0 !important;
}

.full-field{
  grid-column:1 / -1;
}

.profile-info{
  margin:18px 0;
  display:grid;
  gap:8px;
  text-align:left;
}

.profile-info div{
  padding:11px 12px;
  border-radius:13px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}

.profile-info small{
  display:block;
  color:#98a59e;
  font-size:11px;
  margin-bottom:4px;
}

.profile-info b{
  display:block;
  color:#fff;
  font-size:13px;
  word-break:break-word;
}

@media(max-width:760px){
  .register-wide{
    grid-template-columns:1fr !important;
  }

  .register-grid{
    grid-template-columns:1fr;
  }
}

/* CLEAN LOGIN UI */
.login-extra{
  margin-top:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#9eaaa4;
  font-size:13px;
}

.login-extra label{
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
}

.login-extra input{
  accent-color:#21d46b;
}

.login-extra a{
  color:#21d46b;
  text-decoration:none;
  font-weight:850;
}

.pass-wrap{
  position:relative;
}

.pass-wrap input{
  padding-right:78px !important;
}

.pass-wrap button{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  height:32px;
  padding:0 10px;
  border:0;
  border-radius:9px;
  background:rgba(33,212,107,.13);
  color:#65ffa0;
  font-weight:900;
  font-size:12px;
}

/* TC FIELD POLISH */
.register-grid input#regTc{
  letter-spacing:1.5px;
  font-weight:800;
}

/* ADMIN DASHBOARD + USERS */
.admin-home-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:18px;
}

.admin-stat-card{
  padding:22px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 16px 36px rgba(0,0,0,.22);
}

.admin-stat-card small{
  display:block;
  color:#99a69f;
  font-weight:800;
  margin-bottom:8px;
}

.admin-stat-card b{
  font-size:30px;
  color:#fff;
}

.admin-shortcuts{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.admin-shortcuts button{
  text-align:left;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  padding:22px;
  background:linear-gradient(180deg,rgba(33,212,107,.09),rgba(255,255,255,.035));
  color:#fff;
  cursor:pointer;
}

.admin-shortcuts button:hover{
  border-color:rgba(33,212,107,.35);
  transform:translateY(-1px);
}

.admin-shortcuts b{
  display:block;
  font-size:18px;
  margin-bottom:8px;
}

.admin-shortcuts span{
  color:#9aa8a1;
  font-size:13px;
}

.users-admin-card{
  margin-top:18px;
  overflow:hidden;
}

.users-table-wrap{
  overflow:auto;
}

.users-table{
  width:100%;
  border-collapse:collapse;
  min-width:980px;
}

.users-table th,
.users-table td{
  padding:13px 14px;
  border-bottom:1px solid rgba(255,255,255,.075);
  text-align:left;
  font-size:13px;
}

.users-table th{
  color:#9aa8a1;
  font-weight:900;
  background:rgba(255,255,255,.035);
}

.users-table td{
  color:#e9fff2;
}

.users-table strong{
  color:#58ff98;
}

@media(max-width:900px){
  .admin-home-grid,
  .admin-shortcuts{
    grid-template-columns:1fr;
  }
}

/* ADMIN BALANCE MANAGEMENT */
.users-table-balance{
  min-width:1180px;
}

.balance-admin-box{
  display:flex;
  align-items:center;
  gap:7px;
}

.balance-admin-box input{
  width:90px;
  height:34px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.25);
  color:#fff;
  padding:0 10px;
  outline:none;
  font-weight:800;
}

.balance-admin-box input:focus{
  border-color:rgba(33,212,107,.55);
}

.balance-admin-box button{
  height:34px;
  border:0;
  border-radius:9px;
  padding:0 10px;
  font-weight:950;
  cursor:pointer;
}

.add-balance-btn{
  background:rgba(33,212,107,.16);
  color:#58ff98;
}

.remove-balance-btn{
  background:rgba(255,77,77,.15);
  color:#ff7777;
}

/* TRANSACTION HISTORY */
.tx-table{
  min-width:900px;
}

.tx-plus{
  color:#58ff98 !important;
  font-weight:1000;
}

.tx-minus{
  color:#ff7777 !important;
  font-weight:1000;
}

.tx-status{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(33,212,107,.13);
  color:#58ff98;
  border:1px solid rgba(33,212,107,.22);
  font-size:12px;
  font-weight:900;
}

.profile-tx-box{
  margin-top:20px;
  width:100%;
  text-align:left;
}

.profile-tx-box h3{
  margin:0 0 12px;
}

.profile-tx-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
  margin-bottom:8px;
}

.profile-tx-item b{
  display:block;
  color:#fff;
  font-size:13px;
}

.profile-tx-item span{
  display:block;
  color:#94a19b;
  font-size:12px;
  margin-top:3px;
}

.empty-profile-tx{
  color:#98a59e;
  padding:13px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
}

@media(max-width:1100px){
  .admin-shortcuts{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:700px){
  .admin-shortcuts{
    grid-template-columns:1fr !important;
  }
}

/* PAYMENT REQUESTS */
.payment-box{
  grid-template-columns:.9fr 1.1fr !important;
}

.payment-info{
  margin:13px 0;
  padding:13px;
  border-radius:14px;
  background:rgba(33,212,107,.075);
  border:1px solid rgba(33,212,107,.16);
}

.payment-info b{
  display:block;
  color:#fff;
  margin-bottom:5px;
}

.payment-info span{
  color:#9eaaa4;
  font-size:13px;
}

.payment-requests-table{
  min-width:1050px;
}

.request-status{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  font-size:12px;
  font-weight:950;
  border:1px solid rgba(255,255,255,.12);
}

.status-bekliyor{
  color:#ffd66d;
  background:rgba(255,214,109,.12);
  border-color:rgba(255,214,109,.24);
}

.status-onaylandı{
  color:#58ff98;
  background:rgba(33,212,107,.13);
  border-color:rgba(33,212,107,.24);
}

.status-reddedildi{
  color:#ff7777;
  background:rgba(255,77,77,.13);
  border-color:rgba(255,77,77,.24);
}

.request-actions{
  display:flex;
  gap:7px;
}

.request-actions button{
  height:34px;
  border:0;
  border-radius:9px;
  padding:0 10px;
  font-weight:950;
  cursor:pointer;
}

.approve-btn{
  background:rgba(33,212,107,.16);
  color:#58ff98;
}

.reject-btn{
  background:rgba(255,77,77,.15);
  color:#ff7777;
}

.processed-date{
  color:#98a59e;
  font-size:12px;
}

/* REMOVE GOOGLE CHEAP WARNING VISUALS */
.google-warning-card,
.google-cheap-card,
.cheap-warning-card,
.warning-google-card,
[data-google-warning],
[data-cheap-warning]{
  display:none !important;
}

/* ADMIN PENDING BADGE */
.admin-shortcuts button{
  position:relative;
}

.admin-pending-badge{
  position:absolute;
  right:14px;
  top:14px;
  min-width:26px;
  height:26px;
  padding:0 8px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ff4d4d;
  color:#fff;
  font-style:normal;
  font-weight:1000;
  box-shadow:0 0 18px rgba(255,77,77,.45);
}

/* CUSTOM SITE NOTIFICATION */
#siteNotifyBox{
  position:fixed;
  right:22px;
  top:92px;
  z-index:999999;
  display:flex;
  flex-direction:column;
  gap:12px;
  width:min(420px,calc(100vw - 32px));
  pointer-events:none;
}

.site-toast{
  pointer-events:auto;
  display:grid;
  grid-template-columns:38px 1fr 28px;
  align-items:center;
  gap:12px;
  padding:15px 14px;
  border-radius:18px;
  background:
    radial-gradient(circle at 12% 0%,rgba(33,212,107,.22),transparent 42%),
    linear-gradient(180deg,rgba(8,25,22,.98),rgba(3,12,13,.98));
  border:1px solid rgba(33,212,107,.28);
  box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 28px rgba(33,212,107,.12);
  color:#eafff1;
  animation:toastIn .22s ease-out;
}

.site-toast.error{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,77,77,.22),transparent 42%),
    linear-gradient(180deg,rgba(28,10,12,.98),rgba(8,4,6,.98));
  border-color:rgba(255,77,77,.28);
  box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 28px rgba(255,77,77,.12);
}

.toast-icon{
  width:38px;
  height:38px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#21d46b,#0fae51);
  color:#03100a;
  font-weight:1000;
  font-size:20px;
}

.site-toast.error .toast-icon{
  background:linear-gradient(180deg,#ff7777,#ff3d3d);
  color:#fff;
}

.toast-text{
  font-size:14px;
  line-height:1.35;
  font-weight:800;
  color:#eafff1;
}

.site-toast button{
  width:28px;
  height:28px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:20px;
  cursor:pointer;
}

.site-toast.hide{
  opacity:0;
  transform:translateX(20px);
}

@keyframes toastIn{
  from{
    opacity:0;
    transform:translateX(24px) scale(.98);
  }
  to{
    opacity:1;
    transform:translateX(0) scale(1);
  }
}

@media(max-width:700px){
  #siteNotifyBox{
    top:auto;
    right:16px;
    left:16px;
    bottom:18px;
    width:auto;
  }
}

/* USER PAYMENT REQUEST HISTORY */
.profile-request-box{
  width:100%;
  margin-top:20px;
  text-align:left;
}

.profile-request-box h3{
  margin:0 0 12px;
  color:#fff;
}

.profile-request-item{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:12px;
  padding:13px;
  margin-bottom:9px;
  border-radius:15px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}

.request-left b{
  display:block;
  color:#fff;
  font-size:14px;
}

.request-left span{
  display:block;
  color:#9aa8a1;
  font-size:12px;
  margin-top:3px;
}

.request-left small{
  display:block;
  color:#738078;
  font-size:11px;
  margin-top:2px;
}

.request-mid{
  font-size:14px;
  font-weight:1000;
  white-space:nowrap;
}

.request-right{
  display:flex;
  justify-content:flex-end;
}

@media(max-width:700px){
  .profile-request-item{
    grid-template-columns:1fr;
    align-items:flex-start;
  }

  .request-right{
    justify-content:flex-start;
  }
}

/* PAYMENT REQUEST FILTERS */
.payment-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:18px;
}

.payment-head{
  align-items:flex-start !important;
  gap:14px;
}

.payment-head h3{
  margin-bottom:5px;
}

.payment-search{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}

.payment-search input{
  height:38px;
  width:240px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.25);
  color:#fff;
  padding:0 12px;
  outline:none;
  font-weight:800;
}

.payment-search input:focus{
  border-color:rgba(33,212,107,.55);
}

.payment-search button,
.payment-filters button{
  height:38px;
  border:0;
  border-radius:11px;
  padding:0 12px;
  background:rgba(255,255,255,.07);
  color:#dce9e1;
  font-weight:900;
  cursor:pointer;
}

.payment-search button:hover,
.payment-filters button:hover{
  background:rgba(33,212,107,.12);
  color:#58ff98;
}

.payment-filters{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:0 18px 16px;
}

.payment-filters span{
  width:1px;
  background:rgba(255,255,255,.12);
  margin:0 4px;
}

.payment-filters button.active{
  background:linear-gradient(180deg,#21d46b,#11b85a);
  color:#06120c;
}

@media(max-width:900px){
  .payment-summary-grid{
    grid-template-columns:1fr;
  }

  .payment-search input{
    width:100%;
  }

  .payment-head{
    flex-direction:column;
  }
}

/* USER ACTIVE PASSIVE */
.users-status-table{
  min-width:1320px;
}

.user-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:62px;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:950;
}

.user-status-pill.active{
  color:#58ff98;
  background:rgba(33,212,107,.13);
  border:1px solid rgba(33,212,107,.24);
}

.user-status-pill.passive{
  color:#ff7777;
  background:rgba(255,77,77,.13);
  border:1px solid rgba(255,77,77,.24);
}

.status-toggle-btn{
  height:34px;
  border:0;
  border-radius:10px;
  padding:0 12px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}

.status-toggle-btn.make-passive{
  background:rgba(255,77,77,.14);
  color:#ff7777;
}

.status-toggle-btn.make-active{
  background:rgba(33,212,107,.16);
  color:#58ff98;
}

/* BET HISTORY */
.profile-bet-box{
  width:100%;
  margin-top:20px;
  text-align:left;
}

.profile-bet-box h3{
  margin:0 0 12px;
}

.profile-bet-item,
.admin-bet-card{
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
  margin-bottom:10px;
}

.bet-top,
.admin-bet-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:12px;
}

.bet-top b,
.admin-bet-head b{
  display:block;
  color:#fff;
}

.bet-top span,
.admin-bet-head span{
  display:block;
  color:#93a19a;
  font-size:12px;
  margin-top:3px;
}

.bet-status{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(255,214,109,.12);
  color:#ffd66d !important;
  border:1px solid rgba(255,214,109,.24);
  font-size:12px !important;
  font-weight:950;
  white-space:nowrap;
}

.bet-selections{
  display:grid;
  gap:7px;
  margin-bottom:12px;
}

.bet-selections div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:9px 10px;
  border-radius:12px;
  background:rgba(0,0,0,.18);
}

.bet-selections span{
  color:#dce9e1;
  font-size:13px;
}

.bet-selections b{
  color:#58ff98;
  font-size:13px;
  white-space:nowrap;
}

.bet-bottom{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.bet-bottom span{
  padding:8px 10px;
  border-radius:11px;
  background:rgba(33,212,107,.08);
  color:#9eaaa4;
  font-size:12px;
}

.bet-bottom b{
  color:#fff;
}

.admin-bet-list{
  padding:16px;
  display:grid;
  gap:12px;
}

/* BET SETTLEMENT */
.bet-admin-actions{
  display:flex;
  gap:9px;
  margin-top:13px;
  flex-wrap:wrap;
}

.bet-admin-actions button{
  height:36px;
  border:0;
  border-radius:11px;
  padding:0 13px;
  font-weight:1000;
  cursor:pointer;
}

.bet-win-btn{
  background:rgba(33,212,107,.16);
  color:#58ff98;
}

.bet-lose-btn{
  background:rgba(255,77,77,.15);
  color:#ff7777;
}

.bet-refund-btn{
  background:rgba(255,214,109,.14);
  color:#ffd66d;
}

.bet-status-kazandi{
  background:rgba(33,212,107,.13) !important;
  color:#58ff98 !important;
  border-color:rgba(33,212,107,.24) !important;
}

.bet-status-kaybetti{
  background:rgba(255,77,77,.13) !important;
  color:#ff7777 !important;
  border-color:rgba(255,77,77,.24) !important;
}

.bet-status-iade{
  background:rgba(255,214,109,.12) !important;
  color:#ffd66d !important;
  border-color:rgba(255,214,109,.24) !important;
}

/* BET FILTERS ADMIN */
.bet-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:18px;
}

.bet-money-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:16px;
}

.bet-admin-head{
  align-items:flex-start !important;
  gap:14px;
}

.bet-admin-head h3{
  margin-bottom:5px;
}

.bet-filters{
  border-top:1px solid rgba(255,255,255,.065);
  padding-top:16px !important;
}

@media(max-width:1000px){
  .bet-summary-grid,
  .bet-money-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px){
  .bet-summary-grid,
  .bet-money-grid{
    grid-template-columns:1fr;
  }

  .bet-admin-head{
    flex-direction:column;
  }
}

/* ADMIN LIVE HOME */
.admin-live-grid{
  grid-template-columns:repeat(4,1fr) !important;
}

.admin-shortcuts-live{
  grid-template-columns:repeat(3,1fr) !important;
}

.admin-overview-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:18px;
}

.admin-overview-card{
  padding:0;
  overflow:hidden;
}

.admin-overview-card .card-head{
  padding:18px;
  border-bottom:1px solid rgba(255,255,255,.075);
}

.mini-link-btn{
  height:34px;
  border:0;
  border-radius:10px;
  padding:0 11px;
  background:rgba(33,212,107,.12);
  color:#58ff98;
  font-weight:950;
  cursor:pointer;
}

.overview-row{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  border-bottom:1px solid rgba(255,255,255,.065);
}

.overview-row:hover{
  background:rgba(33,212,107,.045);
}

.overview-row b{
  display:block;
  color:#fff;
  font-size:14px;
}

.overview-row span{
  display:block;
  color:#96a39d;
  font-size:12px;
  margin-top:3px;
}

.overview-row strong{
  color:#fff;
  font-size:13px;
  white-space:nowrap;
}

.overview-row em{
  font-style:normal;
  white-space:nowrap;
}

.wide-overview{
  grid-column:1 / -1;
}

@media(max-width:1100px){
  .admin-live-grid,
  .admin-shortcuts-live{
    grid-template-columns:1fr 1fr !important;
  }

  .admin-overview-grid{
    grid-template-columns:1fr;
  }

  .wide-overview{
    grid-column:auto;
  }
}

@media(max-width:650px){
  .admin-live-grid,
  .admin-shortcuts-live{
    grid-template-columns:1fr !important;
  }

  .overview-row{
    grid-template-columns:1fr;
    align-items:flex-start;
  }
}

/* USER ADMIN FILTERS */
.user-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:18px;
}

.user-admin-head{
  align-items:flex-start !important;
  gap:14px;
}

.user-admin-head h3{
  margin-bottom:5px;
}

.user-filters{
  border-top:1px solid rgba(255,255,255,.065);
  padding-top:16px !important;
}

@media(max-width:1000px){
  .user-summary-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px){
  .user-summary-grid{
    grid-template-columns:1fr;
  }

  .user-admin-head{
    flex-direction:column;
  }
}

/* USER DETAIL ADMIN */
.detail-user-btn{
  height:34px;
  border:0;
  border-radius:10px;
  padding:0 12px;
  background:rgba(33,212,107,.14);
  color:#58ff98;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}

.user-detail-grid{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:16px;
  margin-top:18px;
}

.user-detail-main,
.user-detail-info{
  padding:22px;
}

.user-detail-main{
  text-align:center;
}

.user-detail-avatar{
  width:82px;
  height:82px;
  border-radius:50%;
  margin:0 auto 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#21d46b,#10b75a);
  color:#06120c;
  font-size:38px;
  font-weight:1000;
  box-shadow:0 18px 40px rgba(33,212,107,.22);
}

.user-detail-main h2{
  margin:0 0 10px;
}

.user-detail-balance{
  margin:20px 0;
  padding:18px;
  border-radius:17px;
  background:rgba(33,212,107,.08);
  border:1px solid rgba(33,212,107,.16);
}

.user-detail-balance small{
  display:block;
  color:#9aa8a1;
  margin-bottom:6px;
}

.user-detail-balance b{
  font-size:28px;
  color:#fff;
}

.user-detail-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.detail-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.detail-info-grid div{
  padding:13px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}

.detail-info-grid small{
  display:block;
  color:#98a59e;
  font-size:12px;
  margin-bottom:5px;
}

.detail-info-grid b{
  display:block;
  color:#fff;
  font-size:14px;
  word-break:break-word;
}

.user-detail-panels{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:18px;
}

.user-detail-panel{
  overflow:hidden;
}

.user-detail-panel .card-head{
  padding:18px;
  border-bottom:1px solid rgba(255,255,255,.075);
}

.detail-row{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  border-bottom:1px solid rgba(255,255,255,.065);
}

.detail-row b{
  display:block;
  color:#fff;
}

.detail-row span{
  display:block;
  color:#96a39d;
  font-size:12px;
  margin-top:3px;
}

.detail-row strong{
  white-space:nowrap;
}

.detail-row em{
  font-style:normal;
  white-space:nowrap;
}

.wide-detail-panel{
  grid-column:1 / -1;
}

@media(max-width:1000px){
  .user-detail-grid,
  .user-detail-panels{
    grid-template-columns:1fr;
  }

  .wide-detail-panel{
    grid-column:auto;
  }
}

@media(max-width:650px){
  .detail-info-grid,
  .detail-row{
    grid-template-columns:1fr;
  }
}

/* USER DETAIL BALANCE ACTIONS */
.detail-balance-box{
  margin:0 0 16px;
  padding:13px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}

.detail-balance-box input{
  width:100%;
  height:40px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.25);
  color:#fff;
  padding:0 12px;
  font-weight:900;
  outline:none;
  margin-bottom:9px;
}

.detail-balance-box input:focus{
  border-color:rgba(33,212,107,.55);
}

.detail-balance-box div{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.detail-balance-box button{
  height:38px;
  border:0;
  border-radius:11px;
  font-weight:1000;
  cursor:pointer;
}

@media(max-width:650px){
  .detail-balance-box div{
    grid-template-columns:1fr;
  }
}

/* SITE ANNOUNCEMENT */
.site-announcement{
  margin:18px 0;
  padding:16px 18px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:
    radial-gradient(circle at 8% 0%,rgba(245,196,81,.28),transparent 34%),
    linear-gradient(135deg,rgba(33,212,107,.13),rgba(255,255,255,.045));
  border:1px solid rgba(245,196,81,.22);
  box-shadow:0 18px 45px rgba(0,0,0,.22);
}

.ann-left{
  display:grid;
  gap:4px;
}

.ann-left span{
  color:#ffd66d;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.5px;
}

.ann-left b{
  color:#fff;
  font-size:18px;
}

.ann-left small{
  color:#aab7b0;
  font-size:13px;
}

.site-announcement button{
  height:42px;
  border:0;
  border-radius:13px;
  padding:0 15px;
  background:linear-gradient(180deg,#f5c451,#dba935);
  color:#171000;
  font-weight:1000;
  cursor:pointer;
  white-space:nowrap;
}

.announcement-admin-grid{
  display:grid;
  grid-template-columns:420px 1fr;
  gap:18px;
  margin-top:18px;
}

.announcement-form-card,
.announcement-preview-card{
  padding:22px;
}

.announcement-form-card h3,
.announcement-preview-card h3{
  margin:0 0 16px;
}

.ann-check{
  display:flex;
  align-items:center;
  gap:10px;
  margin:12px 0 16px;
  color:#dce9e1;
  font-weight:900;
}

.ann-check input{
  accent-color:#21d46b;
  width:18px;
  height:18px;
}

.announcement-preview-card .site-announcement{
  margin:0;
}

@media(max-width:900px){
  .announcement-admin-grid{
    grid-template-columns:1fr;
  }

  .site-announcement{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* MAINTENANCE MODE */
.maintenance-screen{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:
    radial-gradient(circle at 20% 15%,rgba(33,212,107,.22),transparent 34%),
    radial-gradient(circle at 80% 80%,rgba(245,196,81,.14),transparent 34%),
    linear-gradient(135deg,#03100d,#05070a);
}

.maintenance-card{
  width:min(560px,100%);
  padding:38px;
  border-radius:28px;
  text-align:center;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 28px 90px rgba(0,0,0,.5);
}

.maintenance-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:46px;
  padding:0 22px;
  border-radius:999px;
  background:linear-gradient(180deg,#21d46b,#10b75a);
  color:#06120c;
  font-weight:1000;
  letter-spacing:1px;
  margin-bottom:18px;
}

.maintenance-card span{
  display:block;
  color:#ffd66d;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.8px;
  margin-bottom:8px;
}

.maintenance-card h1{
  margin:0 0 10px;
  color:#fff;
  font-size:34px;
}

.maintenance-card p{
  margin:0 auto 22px;
  color:#aab7b0;
  max-width:430px;
  line-height:1.55;
}

.maintenance-card button{
  height:44px;
  border:0;
  border-radius:14px;
  padding:0 18px;
  background:linear-gradient(180deg,#f5c451,#dba935);
  color:#171000;
  font-weight:1000;
  cursor:pointer;
}

.maintenance-admin-grid{
  display:grid;
  grid-template-columns:420px 1fr;
  gap:18px;
  margin-top:18px;
}

.maintenance-form-card,
.maintenance-preview-card{
  padding:22px;
}

.maintenance-preview-mini{
  padding:24px;
  border-radius:20px;
  background:
    radial-gradient(circle at 20% 0%,rgba(33,212,107,.18),transparent 40%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.09);
}

.maintenance-preview-mini span{
  display:block;
  color:#ffd66d;
  font-size:12px;
  font-weight:1000;
  margin-bottom:8px;
}

.maintenance-preview-mini b{
  display:block;
  color:#fff;
  font-size:24px;
  margin-bottom:8px;
}

.maintenance-preview-mini small{
  color:#aab7b0;
  font-size:14px;
}

@media(max-width:900px){
  .maintenance-admin-grid{
    grid-template-columns:1fr;
  }
}

/* SUPPORT TICKETS */
.support-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:18px;
}

.support-form-card,
.support-info-card{
  padding:22px;
}

.support-form-card h3,
.support-info-card h3{
  margin:0 0 16px;
}

.field textarea{
  width:100%;
  min-height:120px;
  resize:vertical;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.25);
  color:#fff;
  padding:12px;
  outline:none;
  font-weight:800;
  font-family:inherit;
}

.field textarea:focus{
  border-color:rgba(33,212,107,.55);
}

.support-info-grid{
  display:grid;
  gap:10px;
}

.support-info-grid div{
  padding:14px;
  border-radius:15px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}

.support-info-grid b{
  display:block;
  color:#fff;
  margin-bottom:5px;
}

.support-info-grid span{
  color:#9aa8a1;
  font-size:13px;
}

.support-ticket-list{
  margin-top:18px;
}

.support-ticket-list h3{
  margin:0 0 12px;
}

.support-ticket-card,
.admin-ticket-card{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
  margin-bottom:12px;
}

.support-ticket-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:10px;
}

.support-ticket-head b{
  display:block;
  color:#fff;
}

.support-ticket-head span{
  display:block;
  color:#94a19b;
  font-size:12px;
  margin-top:3px;
}

.support-ticket-card p,
.admin-ticket-card p{
  color:#dce9e1;
  line-height:1.45;
  margin:0 0 12px;
}

.ticket-status{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  font-style:normal;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}

.ticket-status.open{
  color:#ffd66d;
  background:rgba(255,214,109,.12);
  border:1px solid rgba(255,214,109,.24);
}

.ticket-status.closed{
  color:#58ff98;
  background:rgba(33,212,107,.13);
  border:1px solid rgba(33,212,107,.24);
}

.ticket-reply{
  padding:12px;
  border-radius:14px;
  background:rgba(33,212,107,.08);
  border:1px solid rgba(33,212,107,.16);
}

.ticket-reply b{
  display:block;
  color:#58ff98;
  margin-bottom:5px;
}

.ticket-reply span{
  display:block;
  color:#eafff1;
}

.ticket-reply small,
.ticket-wait{
  display:block;
  color:#98a59e;
  margin-top:6px;
}

.admin-ticket-list{
  display:grid;
  gap:14px;
  margin-top:18px;
}

@media(max-width:900px){
  .support-layout{
    grid-template-columns:1fr;
  }
}

/* SUPPORT ADMIN FILTERS */
.support-admin-filter-card{
  margin-top:18px;
  overflow:hidden;
}

.support-admin-head{
  align-items:flex-start !important;
  gap:14px;
}

.support-admin-head h3{
  margin-bottom:5px;
}

.support-filters{
  border-top:1px solid rgba(255,255,255,.065);
  padding-top:16px !important;
}

.ticket-open-card{
  border-color:rgba(255,214,109,.18) !important;
  box-shadow:0 18px 40px rgba(255,214,109,.04);
}

.ticket-closed-card{
  opacity:.82;
}

/* SUPPORT EXTRA ACTIONS */
.ticket-admin-actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:12px;
}

.ticket-admin-actions button{
  height:36px;
  border:0;
  border-radius:11px;
  padding:0 13px;
  font-weight:1000;
  cursor:pointer;
}

.ticket-answer-btn{
  background:linear-gradient(180deg,#21d46b,#11b85a);
  color:#06120c;
}

.ticket-reopen-btn{
  background:rgba(255,214,109,.14);
  color:#ffd66d;
}

.ticket-delete-btn{
  background:rgba(255,77,77,.15);
  color:#ff7777;
}

/* USER NOTIFICATIONS */
.profile-notification-box{
  width:100%;
  margin-top:20px;
  text-align:left;
}

.profile-box-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.profile-box-head h3{
  margin:0;
}

.profile-box-head button{
  height:32px;
  border:0;
  border-radius:10px;
  padding:0 11px;
  background:rgba(33,212,107,.13);
  color:#58ff98;
  font-weight:950;
  cursor:pointer;
}

.notification-item{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  padding:13px;
  border-radius:15px;
  margin-bottom:9px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.045);
}

.notification-item.unread{
  border-color:rgba(33,212,107,.22);
  background:
    radial-gradient(circle at 0% 0%,rgba(33,212,107,.13),transparent 36%),
    rgba(255,255,255,.045);
}

.notification-item.read{
  opacity:.72;
}

.notification-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(33,212,107,.12);
  font-size:20px;
}

.notification-item b{
  display:block;
  color:#fff;
  font-size:14px;
  margin-bottom:4px;
}

.notification-item span{
  display:block;
  color:#dce9e1;
  font-size:13px;
  line-height:1.35;
}

.notification-item small{
  display:block;
  color:#94a19b;
  font-size:11px;
  margin-top:5px;
}

/* HEADER NOTIFICATION BELL */
.notification-bell{
  position:relative;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(255,255,255,.055);
  color:#fff;
  font-size:18px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.notification-bell:hover{
  background:rgba(33,212,107,.12);
  border-color:rgba(33,212,107,.35);
}

.notification-bell em{
  position:absolute;
  right:-6px;
  top:-6px;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:#ff4d4d;
  color:#fff;
  font-size:11px;
  font-style:normal;
  font-weight:1000;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 0 16px rgba(255,77,77,.45);
}

.notification-dropdown{
  position:fixed;
  z-index:999998;
  width:min(390px,calc(100vw - 32px));
  border-radius:20px;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 0%,rgba(33,212,107,.18),transparent 36%),
    linear-gradient(180deg,rgba(8,25,22,.98),rgba(3,10,12,.98));
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 24px 70px rgba(0,0,0,.48);
}

.notification-drop-head{
  padding:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.notification-drop-head b{
  color:#fff;
}

.notification-drop-head button{
  height:30px;
  border:0;
  border-radius:9px;
  padding:0 10px;
  background:rgba(33,212,107,.13);
  color:#58ff98;
  font-weight:950;
  cursor:pointer;
}

.notification-drop-list{
  max-height:360px;
  overflow:auto;
}

.notification-drop-item{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:10px;
  padding:13px 15px;
  border-bottom:1px solid rgba(255,255,255,.065);
}

.notification-drop-item.unread{
  background:rgba(33,212,107,.065);
}

.notification-drop-item.read{
  opacity:.68;
}

.notification-drop-item span{
  width:38px;
  height:38px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(33,212,107,.12);
}

.notification-drop-item b{
  display:block;
  color:#fff;
  font-size:13px;
  margin-bottom:3px;
}

.notification-drop-item small{
  display:block;
  color:#dce9e1;
  font-size:12px;
  line-height:1.3;
}

.notification-drop-item em{
  display:block;
  color:#94a19b;
  font-size:11px;
  font-style:normal;
  margin-top:5px;
}

.notification-drop-empty{
  padding:18px;
  color:#98a59e;
}

.notification-profile-btn{
  width:100%;
  height:42px;
  border:0;
  background:rgba(33,212,107,.12);
  color:#58ff98;
  font-weight:1000;
  cursor:pointer;
}

/* DEPOSIT PAGE */
.deposit-page-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  margin-top:18px;
}

.deposit-methods-card,
.deposit-form-card{
  padding:22px;
}

.deposit-methods-card .card-head{
  margin:-4px 0 18px;
}

.deposit-method-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.deposit-method-card{
  min-height:150px;
  text-align:left;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  padding:18px;
  background:
    radial-gradient(circle at 20% 0%,rgba(255,255,255,.06),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  color:#fff;
  cursor:pointer;
  transition:.18s ease;
}

.deposit-method-card:hover{
  transform:translateY(-2px);
  border-color:rgba(33,212,107,.28);
  background:
    radial-gradient(circle at 20% 0%,rgba(33,212,107,.13),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
}

.deposit-method-card.active{
  border-color:rgba(33,212,107,.55);
  box-shadow:0 0 0 1px rgba(33,212,107,.18),0 18px 45px rgba(33,212,107,.08);
  background:
    radial-gradient(circle at 20% 0%,rgba(33,212,107,.24),transparent 42%),
    linear-gradient(180deg,rgba(33,212,107,.12),rgba(255,255,255,.035));
}

.method-icon{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  background:rgba(33,212,107,.13);
  color:#58ff98;
  font-size:24px;
  font-weight:1000;
}

.deposit-method-card b{
  display:block;
  color:#fff;
  font-size:17px;
  margin-bottom:6px;
}

.deposit-method-card span{
  display:block;
  color:#9aa8a1;
  font-size:13px;
}

.deposit-form-card h3{
  margin:0 0 16px;
}

.deposit-selected-method{
  padding:15px;
  border-radius:16px;
  background:rgba(33,212,107,.08);
  border:1px solid rgba(33,212,107,.17);
  margin-bottom:14px;
}

.deposit-selected-method small{
  display:block;
  color:#9aa8a1;
  font-size:12px;
  margin-bottom:5px;
}

.deposit-selected-method b{
  display:block;
  color:#58ff98;
  font-size:18px;
}

.deposit-limit-box{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:12px 0;
}

.deposit-limit-box div{
  padding:13px;
  border-radius:15px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}

.deposit-limit-box small{
  display:block;
  color:#9aa8a1;
  font-size:11px;
  margin-bottom:5px;
}

.deposit-limit-box b{
  color:#fff;
  font-size:15px;
}

.deposit--warning{
  margin:14px 0;
  padding:14px;
  border-radius:16px;
  background:rgba(245,196,81,.09);
  border:1px solid rgba(245,196,81,.18);
}

.deposit--warning b{
  display:block;
  color:#ffd66d;
  margin-bottom:5px;
}

.deposit--warning span{
  display:block;
  color:#dce9e1;
  font-size:13px;
  line-height:1.4;
}

@media(max-width:900px){
  .deposit-page-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:650px){
  .deposit-method-grid,
  .deposit-limit-box{
    grid-template-columns:1fr;
  }
}

/* STANDALONE DEPOSIT PAGE FIX */
.standalone-deposit-page{
  min-height:100vh;
  padding:18px clamp(14px,4vw,44px) 40px;
  background:
    radial-gradient(circle at 16% 0%,rgba(33,212,107,.16),transparent 34%),
    radial-gradient(circle at 85% 70%,rgba(245,196,81,.10),transparent 30%),
    linear-gradient(135deg,#04100d,#05080b);
}

.deposit-topbar{
  height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}

.deposit-brand{
  font-size:26px;
  font-weight:1000;
  color:#58ff98;
  letter-spacing:1px;
}

.deposit-topbar a{
  height:40px;
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  border-radius:12px;
  background:rgba(255,255,255,.07);
  color:#fff;
  text-decoration:none;
  font-weight:900;
}

.deposit-standalone-hero{
  margin-top:0 !important;
}

/* WITHDRAW PAGE POLISH */
.withdraw-method-card.active .method-icon{
  background:rgba(245,196,81,.16);
  color:#ffd66d;
}

#siteWithdrawIban{
  letter-spacing:.4px;
  font-weight:850;
}

/* IBAN FORMAT */
#siteWithdrawIban{
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:900;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* DEPOSIT METHOD ADMIN */
.deposit-method-admin-card{
  margin-top:18px;
  overflow:hidden;
}

.deposit-method-admin-list{
  display:grid;
}

.deposit-method-admin-row{
  display:grid;
  grid-template-columns:54px 1fr 90px 120px;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.075);
}

.deposit-method-admin-row:hover{
  background:rgba(33,212,107,.045);
}

.deposit-method-admin-row b{
  display:block;
  color:#fff;
  margin-bottom:4px;
}

.deposit-method-admin-row span{
  color:#98a59e;
  font-size:13px;
}

.deposit-method-admin-row em{
  justify-self:start;
  font-style:normal;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:1000;
}

.deposit-method-admin-row.active em{
  color:#58ff98;
  background:rgba(33,212,107,.13);
  border:1px solid rgba(33,212,107,.24);
}

.deposit-method-admin-row.passive{
  opacity:.68;
}

.deposit-method-admin-row.passive em{
  color:#ff7777;
  background:rgba(255,77,77,.13);
  border:1px solid rgba(255,77,77,.24);
}

.deposit-method-admin-row button{
  height:36px;
  border:0;
  border-radius:11px;
  background:rgba(255,255,255,.07);
  color:#fff;
  font-weight:950;
  cursor:pointer;
}

.deposit-method-admin-row.active button{
  background:rgba(255,77,77,.14);
  color:#ff7777;
}

.deposit-method-admin-row.passive button{
  background:rgba(33,212,107,.14);
  color:#58ff98;
}

@media(max-width:760px){
  .deposit-method-admin-row{
    grid-template-columns:1fr;
  }
}

/* WITHDRAW METHODS ADMIN */
.withdraw-methods-shortcut{
  background:
    radial-gradient(circle at 15% 0%,rgba(245,196,81,.16),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03)) !important;
}

/* FINANCE REQUEST CARD VIEW */
.finance-request-card-list{
  display:grid;
  gap:14px;
  padding:16px;
}

.finance-request-card{
  border-radius:20px;
  padding:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.028));
  border:1px solid rgba(255,255,255,.085);
}

.finance-request-card.pending{
  border-color:rgba(255,214,109,.22);
  box-shadow:0 0 0 1px rgba(255,214,109,.06),0 18px 40px rgba(255,214,109,.035);
}

.finance-request-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.finance-request-top b{
  display:block;
  color:#fff;
  font-size:16px;
}

.finance-request-top span{
  display:block;
  color:#96a39d;
  font-size:12px;
  margin-top:4px;
}

.finance-request-body{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

.finance-request-body > div{
  padding:12px;
  border-radius:14px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.06);
}

.finance-request-body small,
.finance-note small{
  display:block;
  color:#8f9d96;
  font-size:11px;
  margin-bottom:5px;
  font-weight:900;
}

.finance-request-body b{
  display:block;
  color:#fff;
  font-size:13px;
  word-break:break-word;
}

.iban-cell{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing:.4px;
}

.copy-mini-btn{
  margin-top:8px;
  height:30px;
  border:0;
  border-radius:9px;
  padding:0 10px;
  background:rgba(33,212,107,.14);
  color:#58ff98;
  font-weight:950;
  cursor:pointer;
}

.finance-note{
  margin-top:10px;
  padding:12px;
  border-radius:14px;
  background:rgba(245,196,81,.075);
  border:1px solid rgba(245,196,81,.14);
}

.finance-note span{
  color:#dce9e1;
  font-size:13px;
}

.finance-request-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}

.finance-request-actions button{
  height:36px;
  border:0;
  border-radius:11px;
  padding:0 13px;
  font-weight:1000;
  cursor:pointer;
}

@media(max-width:1000px){
  .finance-request-body{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px){
  .finance-request-body{
    grid-template-columns:1fr;
  }

  .finance-request-top{
    flex-direction:column;
  }
}

/* FINANCE USER DETAIL BUTTON */
.finance-user-detail-btn{
  margin-top:8px;
  height:30px;
  border:0;
  border-radius:9px;
  padding:0 10px;
  background:rgba(33,212,107,.14);
  color:#58ff98;
  font-weight:950;
  cursor:pointer;
}

.finance-user-detail-btn:hover{
  background:rgba(33,212,107,.22);
}

/* FINANCE REJECT REASON */
.reject-reason-box{
  margin-top:12px;
  padding:12px;
  border-radius:14px;
  background:rgba(255,77,77,.075);
  border:1px solid rgba(255,77,77,.15);
}

.reject-reason-box label{
  display:block;
}

.reject-reason-box span{
  display:block;
  color:#ff9b9b;
  font-size:12px;
  font-weight:950;
  margin-bottom:6px;
}

.reject-reason-box input{
  width:100%;
  height:38px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.25);
  color:#fff;
  padding:0 12px;
  outline:none;
  font-weight:850;
}

.reject-reason-box input:focus{
  border-color:rgba(255,77,77,.45);
}

.reject-reason-view,
.user-reject-reason{
  margin-top:10px;
  padding:12px;
  border-radius:14px;
  background:rgba(255,77,77,.075);
  border:1px solid rgba(255,77,77,.15);
}

.reject-reason-view small,
.user-reject-reason b{
  display:block;
  color:#ff9b9b;
  font-size:12px;
  font-weight:950;
  margin-bottom:5px;
}

.reject-reason-view span,
.user-reject-reason span{
  display:block;
  color:#ffecec;
  font-size:13px;
  line-height:1.35;
}

.user-reject-reason{
  grid-column:1 / -1;
}

/* FINANCE TIMELINE */
.finance-timeline{
  margin-top:12px;
  padding:12px;
  border-radius:16px;
  background:rgba(0,0,0,.16);
  border:1px solid rgba(255,255,255,.065);
  display:grid;
  gap:10px;
}

.timeline-item{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:10px;
  align-items:flex-start;
  position:relative;
}

.timeline-item:not(:last-child)::after{
  content:"";
  position:absolute;
  left:8px;
  top:18px;
  bottom:-10px;
  width:2px;
  background:rgba(255,255,255,.12);
}

.timeline-item i{
  width:18px;
  height:18px;
  border-radius:50%;
  display:block;
  margin-top:2px;
  border:2px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  position:relative;
  z-index:2;
}

.timeline-item.done i{
  background:#21d46b;
  border-color:#21d46b;
  box-shadow:0 0 14px rgba(33,212,107,.35);
}

.timeline-item.wait i{
  background:#f5c451;
  border-color:#f5c451;
  box-shadow:0 0 14px rgba(245,196,81,.25);
}

.timeline-item.reject i{
  background:#ff4d4d;
  border-color:#ff4d4d;
  box-shadow:0 0 14px rgba(255,77,77,.28);
}

.timeline-item b{
  display:block;
  color:#fff;
  font-size:13px;
  margin-bottom:3px;
}

.timeline-item span{
  display:block;
  color:#9aa8a1;
  font-size:12px;
  line-height:1.35;
}

.timeline-item em{
  display:block;
  margin-top:5px;
  color:#ffb0b0;
  font-style:normal;
  font-size:12px;
  font-weight:850;
}

/* FINANCE DELETE / CLEAN */
.finance-clean-btn{
  height:36px;
  border:0;
  border-radius:11px;
  padding:0 13px;
  background:rgba(255,77,77,.14);
  color:#ff7777;
  font-weight:1000;
  cursor:pointer;
}

.finance-delete-btn{
  background:rgba(255,77,77,.14) !important;
  color:#ff7777 !important;
}

.finance-delete-btn:hover,
.finance-clean-btn:hover{
  background:rgba(255,77,77,.22) !important;
}

/* BACKUP / RESTORE ADMIN */
.backup-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin-top:18px;
}

.backup-card{
  padding:22px;
}

.backup-card h3{
  margin:0 0 10px;
}

.backup-card p{
  color:#9aa8a1;
  line-height:1.45;
  margin:0 0 16px;
}

.backup-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.backup-stats div{
  padding:14px;
  border-radius:15px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}

.backup-stats small{
  display:block;
  color:#98a59e;
  font-size:12px;
  margin-bottom:5px;
}

.backup-stats b{
  color:#fff;
  font-size:24px;
}

.danger-backup-card{
  border-color:rgba(255,77,77,.18) !important;
}

.danger-btn{
  background:rgba(255,77,77,.15) !important;
  color:#ff7777 !important;
  border:1px solid rgba(255,77,77,.24) !important;
}

@media(max-width:850px){
  .backup-grid,
  .backup-stats{
    grid-template-columns:1fr;
  }
}

/* ADMIN SYSTEM LOGS */
.admin-log-card{
  margin-top:18px;
  overflow:hidden;
}

.admin-log-card .card-head{
  padding:18px;
  border-bottom:1px solid rgba(255,255,255,.075);
}

.admin-log-list{
  display:grid;
}

.admin-log-row{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:12px;
  padding:15px 18px;
  border-bottom:1px solid rgba(255,255,255,.065);
}

.admin-log-row:hover{
  background:rgba(33,212,107,.045);
}

.admin-log-icon{
  width:46px;
  height:46px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(33,212,107,.12);
  font-size:21px;
}

.admin-log-row b{
  display:block;
  color:#fff;
  font-size:14px;
  margin-bottom:4px;
}

.admin-log-row span{
  display:block;
  color:#dce9e1;
  font-size:13px;
  line-height:1.35;
}

.admin-log-row small{
  display:block;
  color:#8f9d96;
  font-size:11px;
  margin-top:5px;
}

/* ADMIN LOG SEARCH / FILTER / EXPORT */
.admin-log-head{
  align-items:flex-start;
  gap:14px;
}

.admin-log-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.admin-log-actions button{
  height:36px;
  border:0;
  border-radius:11px;
  padding:0 13px;
  background:rgba(33,212,107,.14);
  color:#58ff98;
  font-weight:1000;
  cursor:pointer;
}

.admin-log-toolbar{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:8px;
  padding:14px 18px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.admin-log-toolbar input{
  height:40px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.24);
  color:#fff;
  padding:0 12px;
  outline:none;
  font-weight:850;
}

.admin-log-toolbar button{
  height:40px;
  border:0;
  border-radius:12px;
  padding:0 13px;
  background:rgba(255,255,255,.07);
  color:#fff;
  font-weight:950;
  cursor:pointer;
}

.admin-log-filter-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  padding:14px 18px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.admin-log-filter-row button{
  height:34px;
  border:0;
  border-radius:999px;
  padding:0 12px;
  background:rgba(255,255,255,.07);
  color:#9fb0a7;
  font-weight:950;
  cursor:pointer;
}

.admin-log-filter-row button.active{
  background:rgba(33,212,107,.16);
  color:#58ff98;
}

@media(max-width:760px){
  .admin-log-toolbar{
    grid-template-columns:1fr;
  }

  .admin-log-actions{
    justify-content:flex-start;
  }
}

/* PREMIUM TOAST NOTIFICATIONS */
#toastHolder{
  position:fixed;
  top:18px;
  right:18px;
  z-index:999999;
  display:grid;
  gap:10px;
  width:min(390px,calc(100vw - 28px));
  pointer-events:none;
}

.bb-toast{
  pointer-events:auto;
  display:grid;
  grid-template-columns:42px 1fr 28px;
  align-items:center;
  gap:12px;
  padding:13px 13px;
  border-radius:18px;
  background:
    radial-gradient(circle at 0% 0%,rgba(255,255,255,.08),transparent 38%),
    linear-gradient(180deg,rgba(17,28,22,.96),rgba(8,14,11,.96));
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 22px 60px rgba(0,0,0,.42);
  transform:translateX(120%);
  opacity:0;
  transition:.28s ease;
  backdrop-filter:blur(18px);
}

.bb-toast.show{
  transform:translateX(0);
  opacity:1;
}

.bb-toast-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:1000;
  font-size:20px;
}

.bb-toast.success .bb-toast-icon{
  background:rgba(33,212,107,.16);
  color:#58ff98;
  box-shadow:0 0 22px rgba(33,212,107,.18);
}

.bb-toast.error .bb-toast-icon{
  background:rgba(255,77,77,.16);
  color:#ff7777;
  box-shadow:0 0 22px rgba(255,77,77,.18);
}

.bb-toast.info .bb-toast-icon{
  background:rgba(245,196,81,.16);
  color:#ffd66d;
  box-shadow:0 0 22px rgba(245,196,81,.18);
}

.bb-toast-content b{
  display:block;
  color:#fff;
  font-size:13px;
  margin-bottom:3px;
}

.bb-toast-content span{
  display:block;
  color:#b8c6bf;
  font-size:12px;
  line-height:1.35;
}

.bb-toast button{
  width:28px;
  height:28px;
  border:0;
  border-radius:9px;
  background:rgba(255,255,255,.07);
  color:#aebbb4;
  font-size:18px;
  cursor:pointer;
}

.bb-toast button:hover{
  background:rgba(255,255,255,.13);
  color:#fff;
}

@media(max-width:650px){
  #toastHolder{
    top:12px;
    right:12px;
    left:12px;
    width:auto;
  }

  .bb-toast{
    grid-template-columns:38px 1fr 28px;
  }

  .bb-toast-icon{
    width:38px;
    height:38px;
  }
}

/* PREMIUM CONFIRM MODAL */
#bbConfirmModal{
  position:fixed;
  inset:0;
  z-index:999998;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}

#bbConfirmModal.show{
  display:flex;
}

.bb-confirm-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(10px);
}

.bb-confirm-box{
  position:relative;
  width:min(430px,100%);
  border-radius:24px;
  padding:26px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0%,rgba(245,196,81,.16),transparent 38%),
    linear-gradient(180deg,rgba(20,32,26,.98),rgba(8,14,11,.98));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 90px rgba(0,0,0,.55);
  animation:bbConfirmPop .22s ease;
}

@keyframes bbConfirmPop{
  from{
    transform:scale(.94) translateY(10px);
    opacity:0;
  }

  to{
    transform:scale(1) translateY(0);
    opacity:1;
  }
}

.bb-confirm-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 14px;
  background:rgba(245,196,81,.16);
  color:#ffd66d;
  font-size:30px;
  font-weight:1000;
  box-shadow:0 0 30px rgba(245,196,81,.18);
}

.bb-confirm-box h3{
  margin:0 0 8px;
  color:#fff;
  font-size:22px;
}

.bb-confirm-box p{
  margin:0;
  color:#aebbb4;
  line-height:1.45;
  font-size:14px;
}

.bb-confirm-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:20px;
}

.bb-confirm-actions button{
  height:44px;
  border:0;
  border-radius:14px;
  font-weight:1000;
  cursor:pointer;
}

.bb-confirm-cancel{
  background:rgba(255,255,255,.08);
  color:#dce9e1;
}

.bb-confirm-ok{
  background:linear-gradient(135deg,#f5c451,#ffe08a);
  color:#101510;
  box-shadow:0 12px 34px rgba(245,196,81,.18);
}

.bb-confirm-cancel:hover{
  background:rgba(255,255,255,.13);
}

.bb-confirm-ok:hover{
  filter:brightness(1.05);
}

@media(max-width:520px){
  .bb-confirm-actions{
    grid-template-columns:1fr;
  }
}

/* LOADING GUARD / ERROR SCREEN */
body.site-ready .loading-screen,
body.site-ready #loading,
body.site-ready .site-loader,
body.site-ready .loader-screen{
  opacity:0 !important;
  pointer-events:none !important;
  display:none !important;
}

.safe-error-screen{
  min-height:70vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:30px;
  color:#fff;
}

.safe-error-screen h1{
  margin:0 0 10px;
  font-size:34px;
}

.safe-error-screen p{
  max-width:560px;
  color:#aebbb4;
  line-height:1.5;
  margin:0 0 18px;
}

.safe-error-screen button{
  height:44px;
  border:0;
  border-radius:14px;
  padding:0 18px;
  background:linear-gradient(135deg,#f5c451,#ffe08a);
  color:#101510;
  font-weight:1000;
  cursor:pointer;
}

/* REAL USER TRANSACTIONS */
.real-user-transactions{
  width:100%;
}

.real-user-transactions-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.real-user-transactions-head h3{
  margin:0 0 4px;
  color:#fff;
}

.real-user-transactions-head span{
  color:#98a59e;
  font-size:13px;
}

.real-user-transactions-head > b{
  padding:8px 11px;
  border-radius:999px;
  background:rgba(33,212,107,.13);
  color:#58ff98;
  font-size:12px;
}

.real-user-transaction-list{
  display:grid;
  gap:10px;
}

.real-user-transaction-row{
  display:grid;
  grid-template-columns:46px 1fr auto;
  align-items:center;
  gap:12px;
  padding:13px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}

.real-user-transaction-row.plus{
  border-color:rgba(33,212,107,.16);
}

.real-user-transaction-row.minus{
  border-color:rgba(255,77,77,.15);
}

.real-tx-icon{
  width:46px;
  height:46px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.07);
  font-size:21px;
}

.real-tx-main b{
  display:block;
  color:#fff;
  margin-bottom:4px;
}

.real-tx-main span{
  display:block;
  color:#b9c7bf;
  font-size:13px;
}

.real-tx-main small{
  display:block;
  color:#7f8e86;
  font-size:11px;
  margin-top:4px;
}

.real-tx-amount{
  text-align:right;
}

.real-tx-amount b{
  display:block;
  color:#fff;
  font-size:15px;
  margin-bottom:4px;
}

.real-user-transaction-row.plus .real-tx-amount b{
  color:#58ff98;
}

.real-user-transaction-row.minus .real-tx-amount b{
  color:#ff7777;
}

.real-tx-amount span{
  color:#97a59d;
  font-size:12px;
}

.real-empty-transactions{
  padding:22px;
  border-radius:18px;
  text-align:center;
  background:rgba(255,255,255,.04);
  border:1px dashed rgba(255,255,255,.14);
}

.real-empty-transactions b{
  display:block;
  color:#fff;
  margin-bottom:6px;
}

.real-empty-transactions span{
  color:#98a59e;
  font-size:13px;
}

@media(max-width:650px){
  .real-user-transaction-row{
    grid-template-columns:42px 1fr;
  }

  .real-tx-amount{
    grid-column:1 / -1;
    text-align:left;
    padding-left:54px;
  }
}

/* HARD FIX REAL PROFILE TRANSACTIONS */
.bb-real-profile-tx{
  width:100%;
}

.bb-real-profile-tx-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:20px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.bb-real-profile-tx-head h3{
  margin:0 0 4px;
  color:#fff;
  font-size:26px;
}

.bb-real-profile-tx-head span{
  color:#98a59e;
  font-size:13px;
}

.bb-real-profile-tx-head > b{
  padding:8px 11px;
  border-radius:999px;
  background:rgba(33,212,107,.13);
  color:#58ff98;
  font-size:12px;
}

.bb-real-profile-tx-list{
  display:grid;
}

.bb-real-profile-tx-row{
  display:grid;
  grid-template-columns:48px 1fr auto;
  align-items:center;
  gap:13px;
  padding:16px 20px;
  border-bottom:1px solid rgba(255,255,255,.075);
}

.bb-real-profile-tx-row.plus{
  background:linear-gradient(90deg,rgba(33,212,107,.055),transparent);
}

.bb-real-profile-tx-row.minus{
  background:linear-gradient(90deg,rgba(255,77,77,.05),transparent);
}

.bb-real-profile-tx-icon{
  width:48px;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.07);
  font-size:22px;
}

.bb-real-profile-tx-main b{
  display:block;
  color:#fff;
  margin-bottom:4px;
  font-size:15px;
}

.bb-real-profile-tx-main span{
  display:block;
  color:#b9c7bf;
  font-size:13px;
}

.bb-real-profile-tx-main small{
  display:block;
  color:#7f8e86;
  font-size:11px;
  margin-top:4px;
}

.bb-real-profile-tx-amount{
  text-align:right;
}

.bb-real-profile-tx-amount b{
  display:block;
  color:#fff;
  font-size:16px;
  margin-bottom:4px;
}

.bb-real-profile-tx-row.plus .bb-real-profile-tx-amount b{
  color:#58ff98;
}

.bb-real-profile-tx-row.minus .bb-real-profile-tx-amount b{
  color:#ff7777;
}

.bb-real-profile-tx-amount span{
  color:#97a59d;
  font-size:12px;
  font-weight:900;
}

.bb-real-profile-tx-empty{
  padding:28px 20px;
  text-align:center;
}

.bb-real-profile-tx-empty b{
  display:block;
  color:#fff;
  margin-bottom:6px;
}

.bb-real-profile-tx-empty span{
  color:#98a59e;
  font-size:13px;
}

/* DEPOSIT PAYMENT STEP */
.deposit-pay-step{
  display:grid;
  gap:12px;
}

.deposit-pay-row,
.deposit-account-box,
.deposit-pay-note{
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}

.deposit-pay-row small,
.deposit-account-box small{
  display:block;
  color:#98a59e;
  font-size:12px;
  margin-bottom:6px;
  font-weight:950;
}

.deposit-pay-row b{
  color:#fff;
  font-size:18px;
}

.deposit-account-box{
  background:rgba(33,212,107,.075);
  border-color:rgba(33,212,107,.18);
}

.deposit-account-box b{
  display:block;
  color:#fff;
  font-size:18px;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing:.4px;
  word-break:break-all;
  margin-bottom:10px;
}

.deposit-account-box button{
  height:36px;
  border:0;
  border-radius:11px;
  padding:0 13px;
  background:rgba(33,212,107,.16);
  color:#58ff98;
  font-weight:1000;
  cursor:pointer;
}

.deposit-pay-note{
  background:rgba(245,196,81,.075);
  border-color:rgba(245,196,81,.16);
}

.deposit-pay-note b{
  display:block;
  color:#ffd66d;
  margin-bottom:5px;
}

.deposit-pay-note span{
  color:#dce9e1;
  font-size:13px;
}

.btn.ghost.full-btn{
  width:100%;
  background:rgba(255,255,255,.07);
  color:#dce9e1;
}

@media(max-width:650px){
  .bb-real-profile-tx-row{
    grid-template-columns:44px 1fr;
  }

  .bb-real-profile-tx-amount{
    grid-column:1 / -1;
    text-align:left;
    padding-left:57px;
  }
}

/* RECEIVER NAME IN DEPOSIT STEP */
#depositReceiverName{
  text-transform:uppercase;
  letter-spacing:.8px;
}

.deposit-account-box + .deposit-account-box{
  margin-top:0;
}

/* API GAMES */
.rapid-api-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:18px;
}

.rapid-api-card{
  padding:20px;
}

.rapid-api-card h3{
  margin:0 0 14px;
  color:#fff;
}

.rapid-api-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.rapid-api-form label{
  display:block;
}

.rapid-api-form label.wide{
  grid-column:1 / -1;
}

.rapid-api-form span{
  display:block;
  color:#98a59e;
  font-size:12px;
  font-weight:950;
  margin-bottom:6px;
}

.rapid-api-form input{
  width:100%;
  height:40px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.24);
  color:#fff;
  padding:0 12px;
  outline:none;
  font-weight:850;
}

.rapid-api-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}

.api-game-list,
.api-games-public-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.api-games-public-grid{
  margin-top:18px;
}

.api-game-card{
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.08);
}

.api-game-img{
  height:130px;
  background:rgba(0,0,0,.25);
  display:flex;
  align-items:center;
  justify-content:center;
}

.api-game-img img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.api-game-img span{
  font-size:42px;
}

.api-game-info{
  padding:12px;
}

.api-game-info b{
  display:block;
  color:#fff;
  margin-bottom:5px;
}

.api-game-info span{
  display:block;
  color:#98a59e;
  font-size:12px;
}

.api-game-info em{
  display:inline-block;
  margin-top:8px;
  color:#ffd66d;
  font-size:11px;
  font-style:normal;
  font-weight:950;
}

.api-game-card button{
  width:calc(100% - 24px);
  height:38px;
  margin:0 12px 12px;
  border:0;
  border-radius:12px;
  background:linear-gradient(135deg,#21d46b,#97ffb9);
  color:#07110c;
  font-weight:1000;
  cursor:pointer;
}

@media(max-width:950px){
  .rapid-api-grid,
  .rapid-api-form,
  .api-game-list,
  .api-games-public-grid{
    grid-template-columns:1fr;
  }
}

/* BET API GAME CARDS */
.betapi-game-card .api-game-info b{
  min-height:38px;
}

.betapi-games-shortcut{
  background:
    radial-gradient(circle at 12% 0%,rgba(245,196,81,.17),transparent 40%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03)) !important;
}

/* FORCE BET API ADMIN ACCESS */
.force-betapi-header-btn{
  height:42px;
  border:0;
  border-radius:13px;
  padding:0 14px;
  margin-left:8px;
  background:linear-gradient(135deg,#f5c451,#ffe08a);
  color:#07110c;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(245,196,81,.18);
}

.force-betapi-admin-card{
  margin:0 0 18px;
  padding:18px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  cursor:pointer;
  background:
    radial-gradient(circle at 0% 0%,rgba(245,196,81,.18),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
  border:1px solid rgba(245,196,81,.20);
  box-shadow:0 18px 50px rgba(0,0,0,.25);
}

.force-betapi-admin-card b{
  display:block;
  color:#fff;
  font-size:18px;
  margin-bottom:5px;
}

.force-betapi-admin-card span{
  color:#aebbb4;
  font-size:13px;
}

.force-betapi-admin-card button{
  height:40px;
  border:0;
  border-radius:12px;
  padding:0 14px;
  background:rgba(33,212,107,.16);
  color:#58ff98;
  font-weight:1000;
  cursor:pointer;
}

@media(max-width:700px){
  .force-betapi-admin-card{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* MULTI PROVIDER BET API */
.provider-panel{
  margin-top:16px;
  padding:14px;
  border-radius:16px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.075);
}

.provider-panel-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.provider-panel-head b{
  color:#fff;
}

.provider-panel-head span{
  color:#98a59e;
  font-size:12px;
  font-weight:900;
}

.provider-button-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  max-height:240px;
  overflow:auto;
  padding-right:4px;
}

.provider-button-grid button{
  height:34px;
  border:0;
  border-radius:999px;
  padding:0 12px;
  background:rgba(255,255,255,.075);
  color:#dce9e1;
  font-weight:950;
  cursor:pointer;
}

.provider-button-grid button.active,
.provider-button-grid button:hover{
  background:rgba(33,212,107,.16);
  color:#58ff98;
}

.provider-empty-box{
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px dashed rgba(255,255,255,.14);
}

.provider-empty-box b{
  display:block;
  color:#fff;
  margin-bottom:5px;
}

.provider-empty-box span{
  color:#98a59e;
  font-size:13px;
}

.provider-counts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}

.provider-counts span{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.065);
  color:#aebbb4;
  font-size:12px;
  font-weight:900;
}

.provider-counts b{
  color:#58ff98;
}

/* BET API PUBLIC PREMIUM GAME DESIGN */
.bet-games-hero{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  padding:34px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  background:
    radial-gradient(circle at 12% 0%,rgba(245,196,81,.22),transparent 34%),
    radial-gradient(circle at 90% 10%,rgba(33,212,107,.16),transparent 30%),
    linear-gradient(135deg,rgba(16,29,22,.98),rgba(5,12,8,.98));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 24px 70px rgba(0,0,0,.34);
  margin-bottom:18px;
}

.bet-games-hero::after{
  content:"";
  position:absolute;
  inset:auto -80px -110px auto;
  width:300px;
  height:300px;
  border-radius:50%;
  background:rgba(245,196,81,.12);
  filter:blur(10px);
}

.bet-games-hero > div{
  position:relative;
  z-index:2;
}

.bet-games-hero span{
  color:#ffd66d;
  font-size:12px;
  letter-spacing:1.6px;
  font-weight:1000;
}

.bet-games-hero h1{
  margin:9px 0 8px;
  color:#fff;
  font-size:42px;
  line-height:1.02;
}

.bet-games-hero p{
  margin:0;
  max-width:560px;
  color:#aebbb4;
  line-height:1.45;
}

.bet-games-hero-card{
  min-width:170px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(16px);
  text-align:right;
}

.bet-games-hero-card small{
  display:block;
  color:#9fb0a7;
  font-size:12px;
  font-weight:950;
}

.bet-games-hero-card b{
  display:block;
  color:#fff;
  font-size:38px;
  margin:4px 0;
}

.bet-games-hero-card span{
  color:#58ff98;
  font-size:12px;
  letter-spacing:0;
}

.bet-games-toolbar-card{
  padding:16px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.085);
  margin-bottom:18px;
}

.bet-games-search{
  display:grid;
  grid-template-columns:34px 1fr auto auto;
  align-items:center;
  gap:8px;
  margin-bottom:13px;
}

.bet-games-search > span{
  height:42px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.07);
}

.bet-games-search input{
  height:42px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:13px;
  background:rgba(0,0,0,.24);
  color:#fff;
  padding:0 13px;
  outline:none;
  font-weight:850;
}

.bet-games-search button{
  height:42px;
  border:0;
  border-radius:13px;
  padding:0 14px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-weight:950;
  cursor:pointer;
}

.bet-games-search button:first-of-type{
  background:rgba(33,212,107,.16);
  color:#58ff98;
}

.bet-provider-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  max-height:118px;
  overflow:auto;
  padding-right:5px;
}

.bet-provider-tabs button{
  height:35px;
  border:0;
  border-radius:999px;
  padding:0 13px;
  background:rgba(255,255,255,.07);
  color:#aebbb4;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}

.bet-provider-tabs button.active,
.bet-provider-tabs button:hover{
  background:linear-gradient(135deg,rgba(33,212,107,.22),rgba(245,196,81,.12));
  color:#58ff98;
}

.premium-games-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}

.premium-game-card{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:
    radial-gradient(circle at 20% 0%,rgba(245,196,81,.10),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.085);
  box-shadow:0 18px 44px rgba(0,0,0,.22);
  transform:translateY(8px);
  opacity:0;
  animation:premiumGameIn .35s ease forwards;
  animation-delay:var(--delay);
}

@keyframes premiumGameIn{
  to{
    transform:translateY(0);
    opacity:1;
  }
}

.premium-game-card:hover{
  transform:translateY(-4px);
  border-color:rgba(245,196,81,.25);
  box-shadow:0 24px 70px rgba(0,0,0,.34);
}

.premium-game-image{
  position:relative;
  height:145px;
  background:
    radial-gradient(circle at 50% 30%,rgba(245,196,81,.18),transparent 38%),
    linear-gradient(135deg,rgba(33,212,107,.12),rgba(0,0,0,.28));
  overflow:hidden;
}

.premium-game-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.28s ease;
}

.premium-game-card:hover .premium-game-image img{
  transform:scale(1.06);
  filter:brightness(.74);
}

.premium-game-fallback{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:46px;
}

.premium-game-image img + .premium-game-fallback{
  display:none;
}

.premium-game-image.no-img .premium-game-fallback{
  display:flex;
}

.premium-game-provider{
  position:absolute;
  top:10px;
  left:10px;
  max-width:calc(100% - 20px);
  padding:6px 9px;
  border-radius:999px;
  background:rgba(0,0,0,.52);
  color:#ffd66d;
  font-size:11px;
  font-weight:1000;
  backdrop-filter:blur(12px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.premium-game-play-overlay{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-42%) scale(.92);
  opacity:0;
  height:42px;
  border:0;
  border-radius:999px;
  padding:0 22px;
  background:linear-gradient(135deg,#f5c451,#ffe08a);
  color:#101510;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 18px 46px rgba(0,0,0,.35);
  transition:.24s ease;
}

.premium-game-card:hover .premium-game-play-overlay{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}

.premium-game-content{
  padding:13px;
}

.premium-game-content > b{
  display:block;
  height:38px;
  color:#fff;
  font-size:14px;
  line-height:1.25;
  overflow:hidden;
  margin-bottom:10px;
}

.premium-game-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:12px;
}

.premium-game-meta span{
  color:#98a59e;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.premium-game-meta em{
  font-style:normal;
  color:#58ff98;
  background:rgba(33,212,107,.13);
  border:1px solid rgba(33,212,107,.18);
  padding:4px 7px;
  border-radius:999px;
  font-size:10px;
  font-weight:1000;
}

.premium-game-content > button{
  width:100%;
  height:39px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#21d46b,#93ffb6);
  color:#07110c;
  font-weight:1000;
  cursor:pointer;
}

.premium-game-content > button:hover{
  filter:brightness(1.04);
}

.admin-game-preview-card{
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}

.admin-game-preview-card div{
  height:95px;
  background:rgba(0,0,0,.25);
  display:flex;
  align-items:center;
  justify-content:center;
}

.admin-game-preview-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.admin-game-preview-card span{
  font-size:34px;
}

.admin-game-preview-card b{
  display:block;
  color:#fff;
  font-size:12px;
  padding:10px 10px 3px;
  height:42px;
  overflow:hidden;
}

.admin-game-preview-card small{
  display:block;
  color:#98a59e;
  font-size:11px;
  padding:0 10px 10px;
}

@media(max-width:1280px){
  .premium-games-grid{
    grid-template-columns:repeat(4,1fr);
  }
}

@media(max-width:980px){
  .premium-games-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .bet-games-hero{
    flex-direction:column;
    align-items:flex-start;
  }

  .bet-games-hero-card{
    width:100%;
    text-align:left;
  }
}

@media(max-width:720px){
  .premium-games-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .bet-games-search{
    grid-template-columns:1fr;
  }

  .bet-games-search > span{
    display:none;
  }

  .bet-games-hero{
    padding:24px;
    border-radius:22px;
  }

  .bet-games-hero h1{
    font-size:32px;
  }
}

@media(max-width:430px){
  .premium-games-grid{
    grid-template-columns:1fr;
  }
}

/* HOME POPULAR GAMES CONTENT ONLY */
.bb-home-popular-games-fixed{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:28px;
  padding:36px;
}

.bb-home-popular-game-card{
  min-height:260px;
  border-radius:28px;
  border:1px solid rgba(245,196,81,.34);
  background:
    radial-gradient(circle at 50% 25%,rgba(255,220,132,.28),transparent 30%),
    radial-gradient(circle at 50% 0%,rgba(245,196,81,.16),transparent 45%),
    linear-gradient(180deg,rgba(58,36,8,.88),rgba(0,13,12,.96));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:24px;
  cursor:pointer;
  box-shadow:inset 0 0 40px rgba(0,0,0,.22);
  transition:.22s ease;
  overflow:hidden;
}

.bb-home-popular-game-card:hover{
  transform:translateY(-5px);
  border-color:rgba(245,196,81,.62);
  box-shadow:0 20px 55px rgba(0,0,0,.32), inset 0 0 40px rgba(0,0,0,.22);
}

.bb-home-popular-game-art{
  width:112px;
  height:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

.bb-home-popular-game-art img{
  width:112px;
  height:112px;
  object-fit:contain;
  position:absolute;
  inset:0;
  z-index:2;
}

.bb-home-popular-game-art span{
  font-size:82px;
  line-height:1;
}

.bb-home-popular-game-card b{
  color:#ffd66d;
  font-size:27px;
  line-height:1.05;
  text-align:center;
  font-weight:1000;
  text-shadow:0 2px 0 rgba(0,0,0,.22);
}

@media(max-width:1100px){
  .bb-home-popular-games-fixed{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:720px){
  .bb-home-popular-games-fixed{
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    padding:18px;
  }

  .bb-home-popular-game-card{
    min-height:210px;
  }

  .bb-home-popular-game-card b{
    font-size:21px;
  }
}

@media(max-width:430px){
  .bb-home-popular-games-fixed{
    grid-template-columns:1fr;
  }
}

/* MOBILE LOGIN + HOME POPULAR PUBLISHED FIX */
.bb-mobile-auth-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
  z-index:9999;
}

.bb-mobile-auth-actions button{
  height:38px;
  border:0;
  border-radius:999px;
  padding:0 12px;
  background:rgba(255,255,255,.09);
  color:#fff;
  font-weight:1000;
  cursor:pointer;
  white-space:nowrap;
}

.bb-mobile-auth-actions button.join{
  background:linear-gradient(135deg,#21d46b,#93ffb6);
  color:#07110c;
}

.bb-home-popular-published .bb-home-popular-game-card{
  position:relative;
}

.bb-home-popular-game-card small{
  color:#58ff98;
  font-size:13px;
  font-weight:1000;
  margin-top:-16px;
}

.bb-home-popular-static .bb-home-popular-game-art{
  width:132px;
  height:132px;
  border-radius:28px;
  overflow:hidden;
  background:rgba(0,0,0,.22);
  box-shadow:0 18px 40px rgba(0,0,0,.24);
}

.bb-home-popular-static .bb-home-popular-game-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.82;
  filter:saturate(1.18) contrast(1.08);
}

.bb-home-popular-static .bb-home-popular-game-art span{
  position:absolute;
  z-index:3;
  font-size:50px;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.45));
}

@media(max-width:760px){
  header,
  .topbar,
  .navbar,
  .site-header{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }

  .bb-mobile-auth-actions{
    width:100%;
    justify-content:flex-end;
    padding:4px 0 0;
  }

  .bb-mobile-auth-actions button{
    height:36px;
    font-size:12px;
    padding:0 11px;
  }

  .bb-home-popular-games-fixed{
    grid-template-columns:repeat(2,1fr) !important;
    gap:12px !important;
    padding:14px !important;
  }

  .bb-home-popular-game-card{
    min-height:190px !important;
    border-radius:20px !important;
    gap:14px !important;
  }

  .bb-home-popular-static .bb-home-popular-game-art{
    width:92px;
    height:92px;
    border-radius:20px;
  }

  .bb-home-popular-static .bb-home-popular-game-art span{
    font-size:38px;
  }

  .bb-home-popular-game-card b{
    font-size:17px !important;
    line-height:1.1 !important;
  }

  .bb-home-popular-game-card small{
    font-size:11px;
    margin-top:-8px;
  }
}

/* CACHEFIX MOBILE HARD PATCH */
.bb-hard-mobile-login-bar{
  display:none;
}

@media(max-width:800px){
  .bb-hard-mobile-login-bar{
    position:fixed;
    left:12px;
    right:12px;
    bottom:14px;
    z-index:999999;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:10px;
    border-radius:20px;
    background:rgba(4,10,7,.92);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 20px 60px rgba(0,0,0,.45);
    backdrop-filter:blur(16px);
  }

  .bb-hard-mobile-login-bar button{
    height:44px;
    border:0;
    border-radius:14px;
    background:rgba(255,255,255,.10);
    color:#fff;
    font-weight:1000;
  }

  .bb-hard-mobile-login-bar button.join{
    background:linear-gradient(135deg,#21d46b,#93ffb6);
    color:#07110c;
  }

  body{
    padding-bottom:78px;
  }
}

/* PUBLIC MOBILE CATALOG FINAL FIX */
.bb-mobile-casino-hero-final{
  padding:24px;
  border-radius:24px;
  margin-bottom:14px;
  background:
    radial-gradient(circle at 10% 0%,rgba(245,196,81,.24),transparent 34%),
    linear-gradient(135deg,#101d16,#050c08);
  border:1px solid rgba(255,255,255,.1);
}

.bb-mobile-casino-hero-final span{
  color:#ffd66d;
  font-size:12px;
  font-weight:1000;
  letter-spacing:1.4px;
}

.bb-mobile-casino-hero-final h1{
  color:#fff;
  margin:8px 0;
  font-size:34px;
}

.bb-mobile-casino-hero-final p{
  color:#aebbb4;
  margin:0;
}

.bb-public-provider-row{
  display:flex;
  gap:8px;
  overflow:auto;
  padding:4px 0 14px;
}

.bb-public-provider-row button{
  height:36px;
  border:0;
  border-radius:999px;
  padding:0 13px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-weight:950;
  white-space:nowrap;
}

.bb-public-games-grid-final,
.bb-home-popular-final-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}

.bb-home-popular-final-grid{
  padding:28px;
}

.bb-public-game-card-final{
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 0%,rgba(245,196,81,.13),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:0 18px 44px rgba(0,0,0,.22);
  padding:0;
  cursor:pointer;
  text-align:left;
}

.bb-public-game-art-gradient{
  height:145px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.bb-public-game-art-gradient::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.24),transparent 32%);
}

.bb-public-game-art-gradient span{
  position:relative;
  z-index:2;
  font-size:58px;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.38));
}

.bb-public-game-art-gradient img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.bb-public-game-card-info{
  padding:13px;
}

.bb-public-game-card-info b{
  color:#fff;
  display:block;
  height:38px;
  line-height:1.2;
  font-size:14px;
  overflow:hidden;
}

.bb-public-game-card-info span{
  display:block;
  color:#ffd66d;
  font-size:12px;
  font-weight:950;
  margin-top:8px;
}

.bb-public-game-card-info em{
  display:inline-block;
  margin-top:7px;
  color:#58ff98;
  font-size:11px;
  font-style:normal;
  font-weight:950;
  background:rgba(33,212,107,.13);
  padding:4px 7px;
  border-radius:999px;
}

.bb-public-game-card-final strong{
  display:flex;
  height:40px;
  align-items:center;
  justify-content:center;
  margin:0 13px 13px;
  border-radius:13px;
  background:linear-gradient(135deg,#21d46b,#93ffb6);
  color:#07110c;
  font-size:13px;
  font-weight:1000;
}

.bb-hard-mobile-login-bar-final{
  display:none;
}

@media(max-width:900px){
  .bb-public-games-grid-final,
  .bb-home-popular-final-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:760px){
  body{
    padding-bottom:82px;
  }

  .bb-hard-mobile-login-bar-final{
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:999999;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:10px;
    border-radius:20px;
    background:rgba(4,10,7,.94);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 20px 60px rgba(0,0,0,.48);
    backdrop-filter:blur(16px);
  }

  .bb-hard-mobile-login-bar-final button{
    height:44px;
    border:0;
    border-radius:14px;
    background:rgba(255,255,255,.10);
    color:#fff;
    font-weight:1000;
  }

  .bb-hard-mobile-login-bar-final button.join{
    background:linear-gradient(135deg,#21d46b,#93ffb6);
    color:#07110c;
  }

  .bb-public-games-grid-final,
  .bb-home-popular-final-grid{
    grid-template-columns:repeat(2,1fr) !important;
    gap:12px;
  }

  .bb-home-popular-final-grid{
    padding:14px;
  }

  .bb-public-game-art-gradient{
    height:118px;
  }

  .bb-public-game-art-gradient span{
    font-size:44px;
  }

  .bb-public-game-card-final{
    border-radius:18px;
  }

  .bb-public-game-card-info{
    padding:10px;
  }

  .bb-public-game-card-info b{
    height:34px;
    font-size:13px;
  }

  .bb-public-game-card-info span{
    font-size:11px;
  }

  .bb-public-game-card-final strong{
    height:36px;
    margin:0 10px 10px;
  }

  .bb-mobile-casino-hero-final{
    padding:20px;
    border-radius:20px;
  }

  .bb-mobile-casino-hero-final h1{
    font-size:28px;
  }
}

/* MOBILE BOTTOM NAV FINAL */
.bb-bottom-nav-final{
  position:fixed;
  left:8px;
  right:8px;
  bottom:8px;
  z-index:999999;
  height:76px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:center;
  gap:2px;
  padding:8px 8px 7px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(18,28,38,.96),rgba(4,10,16,.98));
  border:1px solid rgba(160,180,200,.18);
  box-shadow:0 -12px 38px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
}

.bb-bottom-nav-final button{
  position:relative;
  height:60px;
  border:0;
  background:transparent;
  color:#bfc4c8;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  font-weight:900;
}

.bb-bottom-nav-final button b{
  font-size:12px;
  font-weight:950;
}

.bb-bottom-nav-final button.active,
.bb-bottom-nav-final button.active b{
  color:#65ff35;
}

.bb-nav-ico{
  height:28px;
  min-width:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  line-height:1;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));
}

.bb-nav-ico.home{
  color:#65ff35;
  font-size:34px;
}

.bb-nav-ico.sport{
  font-size:28px;
}

.bb-nav-ico.casino{
  font-size:29px;
  color:#e8ecef;
}

.bb-nav-ico.coupon{
  color:#e8ecef;
  font-size:29px;
}

.bb-nav-ico.account{
  color:#e8ecef;
  font-size:32px;
}

.bb-mobile-coupon-badge{
  position:absolute;
  top:2px;
  right:22%;
  min-width:21px;
  height:21px;
  padding:0 5px;
  border-radius:999px;
  background:#65ff35;
  color:#07110c;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:1000;
  box-shadow:0 0 14px rgba(101,255,53,.42);
}

@media(min-width:801px){
  .bb-bottom-nav-final{
    display:none;
  }
}

@media(max-width:800px){
  body{
    padding-bottom:94px !important;
  }
}


/* FORCE PUBLISHED GAMES + MOBILE FIX V1 */
.bb-games-mobile-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding:26px;
  border-radius:26px;
  margin-bottom:14px;
  background:
    radial-gradient(circle at 10% 0%,rgba(101,255,53,.22),transparent 36%),
    radial-gradient(circle at 90% 0%,rgba(245,196,81,.16),transparent 34%),
    linear-gradient(135deg,#101d16,#050c08);
  border:1px solid rgba(255,255,255,.1);
}

.bb-games-mobile-hero span{
  color:#65ff35;
  font-size:12px;
  letter-spacing:1.5px;
  font-weight:1000;
}

.bb-games-mobile-hero h1{
  color:#fff;
  margin:8px 0;
  font-size:38px;
  line-height:1;
}

.bb-games-mobile-hero p{
  color:#aebbb4;
  margin:0;
}

.bb-games-mobile-hero strong{
  min-width:70px;
  height:70px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.075);
  color:#65ff35;
  font-size:28px;
}

.bb-games-provider-tabs{
  display:flex;
  gap:8px;
  overflow:auto;
  padding:0 0 14px;
}

.bb-games-provider-tabs button{
  height:36px;
  border:0;
  border-radius:999px;
  padding:0 13px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-weight:950;
  white-space:nowrap;
}

.bb-catalog-games-grid,
.bb-home-popular-real{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}

.bb-home-popular-real{
  padding:28px;
}

.bb-catalog-game-card{
  overflow:hidden;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}

.bb-catalog-game-media{
  position:relative;
  height:145px;
  overflow:hidden;
  background:#111;
}

.bb-catalog-game-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.bb-catalog-game-media small{
  position:absolute;
  top:10px;
  left:10px;
  max-width:calc(100% - 20px);
  padding:6px 9px;
  border-radius:999px;
  background:rgba(0,0,0,.54);
  color:#65ff35;
  font-size:11px;
  font-weight:1000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.bb-catalog-game-gradient{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.bb-catalog-game-gradient span{
  font-size:58px;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.38));
}

.bb-catalog-game-info{
  padding:13px;
}

.bb-catalog-game-info b{
  display:block;
  height:38px;
  color:#fff;
  font-size:14px;
  line-height:1.2;
  overflow:hidden;
}

.bb-catalog-game-info em{
  display:inline-block;
  margin:8px 0 12px;
  color:#65ff35;
  font-size:11px;
  font-style:normal;
  font-weight:950;
  background:rgba(101,255,53,.13);
  padding:4px 7px;
  border-radius:999px;
}

.bb-catalog-game-info button{
  width:100%;
  height:38px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#65ff35,#a8ff7a);
  color:#07110c;
  font-weight:1000;
}

.bb-bottom-nav-real{
  display:none;
}

@media(max-width:800px){
  body{
    padding-bottom:94px !important;
  }

  .bb-bottom-nav-real{
    position:fixed;
    left:8px;
    right:8px;
    bottom:8px;
    z-index:999999;
    height:76px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    align-items:center;
    gap:2px;
    padding:8px 8px 7px;
    border-radius:24px;
    background:linear-gradient(180deg,rgba(18,28,38,.96),rgba(4,10,16,.98));
    border:1px solid rgba(160,180,200,.18);
    box-shadow:0 -12px 38px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
  }

  .bb-bottom-nav-real button{
    position:relative;
    height:60px;
    border:0;
    background:transparent;
    color:#c8ced1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    font-weight:900;
  }

  .bb-bottom-nav-real button span{
    color:#e8ecef;
    font-size:28px;
    line-height:1;
  }

  .bb-bottom-nav-real button.active span{
    color:#65ff35;
    font-size:34px;
  }

  .bb-bottom-nav-real button b{
    font-size:11px;
    font-weight:950;
  }

  .bb-bottom-nav-real .coupon i{
    position:absolute;
    top:2px;
    right:22%;
    min-width:21px;
    height:21px;
    border-radius:999px;
    background:#65ff35;
    color:#07110c;
    display:flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-size:12px;
    font-weight:1000;
    box-shadow:0 0 14px rgba(101,255,53,.42);
  }

  .bb-catalog-games-grid,
  .bb-home-popular-real{
    grid-template-columns:repeat(2,1fr) !important;
    gap:12px;
  }

  .bb-home-popular-real{
    padding:14px;
  }

  .bb-catalog-game-media{
    height:118px;
  }

  .bb-catalog-game-gradient span{
    font-size:44px;
  }

  .bb-catalog-game-card{
    border-radius:18px;
  }

  .bb-catalog-game-info{
    padding:10px;
  }

  .bb-catalog-game-info b{
    height:34px;
    font-size:13px;
  }

  .bb-catalog-game-info button{
    height:36px;
  }

  .bb-games-mobile-hero{
    padding:20px;
    border-radius:20px;
  }

  .bb-games-mobile-hero h1{
    font-size:28px;
  }
}

@media(max-width:1100px) and (min-width:801px){
  .bb-catalog-games-grid,
  .bb-home-popular-real{
    grid-template-columns:repeat(3,1fr);
  }
}

/* BOZOBET GENERATED MOBILE VISUAL ASSETS V1 */
.bb-gen-mobile-visuals{display:none}.bb-gen-bottom-nav{display:none}
@media(max-width:800px){body{padding-bottom:96px!important}.bb-gen-mobile-visuals{display:block;margin:14px 0 18px}.bb-gen-hero-slider{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 2px 8px}.bb-gen-hero-card{min-width:92%;height:156px;border-radius:24px;overflow:hidden;scroll-snap-align:start;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 44px rgba(0,0,0,.34);background:#07110c}.bb-gen-hero-card img{width:100%;height:100%;object-fit:cover;display:block}.bb-gen-quick-icons{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 14px}.bb-gen-quick-icons button{min-width:76px;border:0;border-radius:18px;padding:10px 8px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));color:#dfffe0;font-weight:900}.bb-gen-quick-icons img{width:44px;height:44px;object-fit:contain;display:block;margin:0 auto 6px;filter:drop-shadow(0 6px 10px rgba(101,255,53,.22))}.bb-gen-quick-icons span{font-size:11px;white-space:nowrap}.bb-gen-section-head{display:flex;align-items:center;justify-content:space-between;margin:8px 2px 10px}.bb-gen-section-head b{color:#fff;font-size:18px}.bb-gen-section-head button{height:30px;border:0;border-radius:999px;padding:0 11px;background:rgba(101,255,53,.14);color:#65ff35;font-weight:1000}.bb-gen-promo-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:14px}.bb-gen-promo-row button{min-width:220px;height:118px;border:0;border-radius:20px;padding:0;overflow:hidden;position:relative;background:#111;box-shadow:0 16px 40px rgba(0,0,0,.28)}.bb-gen-promo-row img{width:100%;height:100%;object-fit:cover;display:block}.bb-gen-promo-row span{position:absolute;left:10px;bottom:9px;color:#fff;font-size:13px;font-weight:1000;text-shadow:0 2px 8px #000}.bb-gen-dealer-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.bb-gen-dealer-row button{min-width:190px;height:220px;border:0;border-radius:22px;padding:0;overflow:hidden;background:#111;box-shadow:0 18px 44px rgba(0,0,0,.34)}.bb-gen-dealer-row img{width:100%;height:100%;object-fit:cover;display:block}.bb-gen-bottom-nav{position:fixed;left:8px;right:8px;bottom:8px;z-index:1000000;height:78px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px;border-radius:24px;background:linear-gradient(180deg,rgba(18,28,38,.97),rgba(4,10,16,.99));border:1px solid rgba(160,180,200,.18);box-shadow:0 -12px 38px rgba(0,0,0,.45);backdrop-filter:blur(18px)}.bb-gen-bottom-nav button{position:relative;border:0;background:transparent;color:#cfd4d7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:950}.bb-gen-bottom-nav img{width:29px;height:29px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}.bb-gen-bottom-nav button:first-child img{width:34px;height:34px}.bb-gen-bottom-nav b{font-size:10.5px;white-space:nowrap}.bb-gen-bottom-nav .coupon i{position:absolute;top:1px;right:22%;min-width:21px;height:21px;border-radius:999px;background:#65ff35;color:#07110c;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:1000;box-shadow:0 0 14px rgba(101,255,53,.42)}}

/* REAL GAME LOAD + NO EMOJI CARD FIX V1 */
.bb-real-games-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding:26px;
  border-radius:26px;
  margin-bottom:14px;
  background:
    radial-gradient(circle at 10% 0%,rgba(101,255,53,.22),transparent 36%),
    radial-gradient(circle at 90% 0%,rgba(245,196,81,.16),transparent 34%),
    linear-gradient(135deg,#101d16,#050c08);
  border:1px solid rgba(255,255,255,.1);
}

.bb-real-games-hero span{
  color:#65ff35;
  font-size:12px;
  letter-spacing:1.5px;
  font-weight:1000;
}

.bb-real-games-hero h1{
  color:#fff;
  margin:8px 0;
  font-size:38px;
  line-height:1;
}

.bb-real-games-hero p{
  color:#aebbb4;
  margin:0;
}

.bb-real-games-hero strong{
  min-width:72px;
  height:72px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.075);
  color:#65ff35;
  font-size:28px;
}

.bb-real-games-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}

.bb-real-game-card{
  overflow:hidden;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}

.bb-real-game-media{
  position:relative;
  height:145px;
  overflow:hidden;
  background:#111;
}

.bb-real-game-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.bb-real-game-media small{
  position:absolute;
  top:10px;
  left:10px;
  max-width:calc(100% - 20px);
  padding:6px 9px;
  border-radius:999px;
  background:rgba(0,0,0,.56);
  color:#65ff35;
  font-size:11px;
  font-weight:1000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.bb-real-game-info{
  padding:13px;
}

.bb-real-game-info b{
  display:block;
  height:38px;
  color:#fff;
  font-size:14px;
  line-height:1.2;
  overflow:hidden;
}

.bb-real-game-info em{
  display:inline-block;
  margin:8px 0 12px;
  color:#65ff35;
  font-size:11px;
  font-style:normal;
  font-weight:950;
  background:rgba(101,255,53,.13);
  padding:4px 7px;
  border-radius:999px;
}

.bb-real-game-info button{
  width:100%;
  height:38px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#65ff35,#a8ff7a);
  color:#07110c;
  font-weight:1000;
}

@media(max-width:800px){
  .bb-real-games-grid{
    grid-template-columns:repeat(2,1fr) !important;
    gap:12px;
  }

  .bb-real-game-media{
    height:118px;
  }

  .bb-real-game-card{
    border-radius:18px;
  }

  .bb-real-game-info{
    padding:10px;
  }

  .bb-real-game-info b{
    height:34px;
    font-size:13px;
  }

  .bb-real-game-info button{
    height:36px;
  }

  .bb-real-games-hero{
    padding:20px;
    border-radius:20px;
  }

  .bb-real-games-hero h1{
    font-size:28px;
  }
}

@media(max-width:1100px) and (min-width:801px){
  .bb-real-games-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

/* BOZOBET MOBILE FINAL OVERRIDE */
.bbf-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding:26px;
  border-radius:26px;
  margin-bottom:14px;
  background:
    radial-gradient(circle at 10% 0%,rgba(101,255,53,.22),transparent 36%),
    radial-gradient(circle at 90% 0%,rgba(245,196,81,.16),transparent 34%),
    linear-gradient(135deg,#101d16,#050c08);
  border:1px solid rgba(255,255,255,.1);
}
.bbf-hero span{color:#65ff35;font-size:12px;letter-spacing:1.5px;font-weight:1000}
.bbf-hero h1{color:#fff;margin:8px 0;font-size:38px;line-height:1}
.bbf-hero p{color:#aebbb4;margin:0}
.bbf-hero strong{min-width:72px;height:72px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.075);color:#65ff35;font-size:28px}
.bbf-tabs{display:flex;gap:8px;overflow:auto;padding:0 0 14px}
.bbf-tabs button{height:36px;border:0;border-radius:999px;padding:0 13px;background:rgba(255,255,255,.08);color:#fff;font-weight:950;white-space:nowrap}
.bbf-grid,.bbf-home-popular{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.bbf-home-popular{padding:28px}
.bbf-card{overflow:hidden;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 44px rgba(0,0,0,.22)}
.bbf-img{position:relative;height:145px;overflow:hidden;background:#111}
.bbf-img img{width:100%;height:100%;object-fit:cover;display:block}
.bbf-img small{position:absolute;top:10px;left:10px;max-width:calc(100% - 20px);padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.56);color:#65ff35;font-size:11px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bbf-info{padding:13px}
.bbf-info b{display:block;height:38px;color:#fff;font-size:14px;line-height:1.2;overflow:hidden}
.bbf-info em{display:inline-block;margin:8px 0 12px;color:#65ff35;font-size:11px;font-style:normal;font-weight:950;background:rgba(101,255,53,.13);padding:4px 7px;border-radius:999px}
.bbf-info button{width:100%;height:38px;border:0;border-radius:13px;background:linear-gradient(135deg,#65ff35,#a8ff7a);color:#07110c;font-weight:1000}
.bbf-nav{display:none}

@media(max-width:800px){
  body{padding-bottom:94px!important}
  .bbf-nav{position:fixed;left:8px;right:8px;bottom:8px;z-index:999999;height:76px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:2px;padding:8px 8px 7px;border-radius:24px;background:linear-gradient(180deg,rgba(18,28,38,.96),rgba(4,10,16,.98));border:1px solid rgba(160,180,200,.18);box-shadow:0 -12px 38px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px)}
  .bbf-nav button{position:relative;height:60px;border:0;background:transparent;color:#c8ced1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-weight:900}
  .bbf-nav img{width:27px;height:27px;object-fit:contain}
  .bbf-nav button:first-child img{width:31px;height:31px}
  .bbf-nav b{font-size:10.5px;font-weight:950}
  .bbf-nav i{position:absolute;top:2px;right:22%;min-width:21px;height:21px;border-radius:999px;background:#65ff35;color:#07110c;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:1000;box-shadow:0 0 14px rgba(101,255,53,.42)}
  .bbf-grid,.bbf-home-popular{grid-template-columns:repeat(2,1fr)!important;gap:12px}
  .bbf-home-popular{padding:14px}
  .bbf-img{height:118px}
  .bbf-card{border-radius:18px}
  .bbf-info{padding:10px}
  .bbf-info b{height:34px;font-size:13px}
  .bbf-info button{height:36px}
  .bbf-hero{padding:20px;border-radius:20px}
  .bbf-hero h1{font-size:28px}
}
@media(max-width:1100px) and (min-width:801px){.bbf-grid,.bbf-home-popular{grid-template-columns:repeat(3,1fr)}}

/* MOBILE CLEANUP FINAL */
html,
body {
  max-width:100%;
  overflow-x:hidden !important;
}

@media(max-width:800px) {
  body {
    padding-bottom:94px !important;
  }

  #app,
  main,
  section {
    max-width:100%;
    box-sizing:border-box;
  }

  .bb-clean-nav {
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:999999;
    height:76px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    align-items:center;
    padding:7px;
    border-radius:25px;
    background:linear-gradient(180deg,#111c26,#050b11);
    border:1px solid rgba(155,175,195,.22);
    box-shadow:0 -10px 40px rgba(0,0,0,.5);
  }

  .bb-clean-nav button {
    position:relative;
    height:61px;
    border:0;
    padding:0;
    background:transparent;
    color:#c8ced2;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
  }

  .bb-clean-nav img {
    width:28px;
    height:28px;
    display:block;
    object-fit:contain;
  }

  .bb-clean-nav button:first-child img {
    width:32px;
    height:32px;
  }

  .bb-clean-nav b {
    font-size:11px;
    line-height:1;
  }

  .bb-clean-nav button.active b {
    color:#62ff32;
  }

  .bb-clean-nav i {
    position:absolute;
    top:0;
    right:19%;
    min-width:21px;
    height:21px;
    padding:0 4px;
    border-radius:99px;
    background:#62ff32;
    color:#07110c;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-style:normal;
    font-weight:1000;
  }

  .bbf-grid,
  .bb-real-games-grid,
  .bb-catalog-games-grid,
  .premium-games-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100%;
    gap:10px !important;
  }

  .bbf-card,
  .bb-real-game-card,
  .bb-catalog-game-card,
  .premium-game-card {
    min-width:0 !important;
    width:100% !important;
  }

  img {
    max-width:100%;
  }
}

/* MOBILE HOMEPAGE REDESIGN — presentation only */
.mobile-menu-toggle,
.mobile-menu-button,
.mobile-menu-backdrop,
.mobile-menu { display:none; }

@media (max-width:800px) {
  :root {
    --bg:#0f1116;
    --panel:#181b22;
    --panel2:#1e222b;
    --green:#2dff4f;
    --green2:#20d53c;
    --line:rgba(255,255,255,.075);
    --radius:18px;
  }

  html { background:#0f1116; }
  body {
    min-width:320px;
    padding-bottom:96px !important;
    background:#0f1116 !important;
    color:#f7f8fa;
  }

  .wrap {
    width:100%;
    padding:0 14px;
  }

  .topbar {
    position:sticky;
    top:0;
    z-index:1000;
    height:68px;
    padding:0 12px 0 58px;
    background:rgba(15,17,22,.94);
    border-bottom:1px solid rgba(255,255,255,.07);
    box-shadow:0 8px 28px rgba(0,0,0,.3);
    backdrop-filter:blur(20px);
  }

  .topbar .brand-logo {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:112px !important;
    min-width:112px !important;
    height:48px !important;
    margin:0 !important;
  }

  .topbar .clean-logo {
    width:112px !important;
    height:48px !important;
    max-width:112px !important;
    object-fit:contain !important;
  }

  .topbar .nav { display:none !important; }
  .topbar .actions {
    margin-left:auto;
    gap:6px;
    position:relative;
    z-index:2;
  }

  .topbar .actions .btn {
    display:inline-flex !important;
    min-width:0;
    height:36px;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border-radius:10px;
    font-size:11px;
    white-space:nowrap;
    border:1px solid rgba(255,255,255,.12);
    background:#181b22;
    box-shadow:none;
  }

  .topbar .actions .btn.primary {
    border-color:#2dff4f;
    background:#2dff4f;
    color:#071109;
  }

  .topbar .actions .btn.primary::first-letter { font-size:0; }
  .topbar .balance { display:none !important; }

  .mobile-menu-button {
    position:fixed;
    top:17px;
    left:14px;
    z-index:1100;
    width:36px;
    height:36px;
    border-radius:11px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    background:#181b22;
    border:1px solid rgba(255,255,255,.1);
  }

  .mobile-menu-button span {
    width:16px;
    height:2px;
    border-radius:2px;
    background:#f6f7f8;
  }

  .mobile-menu-backdrop {
    position:fixed;
    inset:0;
    z-index:1190;
    background:rgba(0,0,0,.64);
    backdrop-filter:blur(4px);
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease;
  }

  .mobile-menu {
    position:fixed;
    display:block;
    top:0;
    bottom:0;
    left:0;
    z-index:1200;
    width:min(82vw,320px);
    padding:18px;
    background:#181b22;
    border-right:1px solid rgba(255,255,255,.08);
    box-shadow:24px 0 60px rgba(0,0,0,.45);
    transform:translateX(-105%);
    transition:transform .24s ease;
  }

  .mobile-menu-toggle:checked ~ .mobile-menu-backdrop {
    display:block;
    opacity:1;
    pointer-events:auto;
  }
  .mobile-menu-toggle:checked ~ .mobile-menu { transform:translateX(0); }

  .mobile-menu-head {
    height:52px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
  }
  .mobile-menu-head img { width:128px; height:48px; object-fit:contain; }
  .mobile-menu-head label {
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#22262f;
    color:#fff;
    font-size:25px;
  }
  .mobile-menu nav { display:grid; gap:7px; }
  .mobile-menu nav button {
    width:100%;
    height:50px;
    padding:0 15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border:0;
    border-radius:14px;
    background:#1e222b;
    color:#f4f5f6;
    font-weight:800;
    text-align:left;
  }
  .mobile-menu nav button:first-child { color:#2dff4f; }
  .mobile-menu nav span { color:#2dff4f; font-size:22px; }

  .hero-slider {
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 8.8 !important;
    min-height:190px;
    margin:14px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:18px !important;
    background:#181b22 !important;
    box-shadow:0 18px 42px rgba(0,0,0,.34) !important;
  }
  .hero-slider::after { display:none !important; }
  .hero-slide-img {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    border-radius:18px !important;
  }
  .hero-dots { bottom:11px !important; gap:6px !important; }
  .hero-dots span {
    width:7px !important;
    height:7px !important;
    border:0 !important;
    background:rgba(255,255,255,.45) !important;
  }
  .hero-dots span.active {
    width:22px !important;
    border-radius:8px !important;
    background:#2dff4f !important;
  }

  .category-row {
    display:grid !important;
    grid-template-columns:repeat(5,minmax(72px,1fr)) !important;
    gap:9px !important;
    margin:12px -14px 16px !important;
    padding:0 14px 5px !important;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .category-row::-webkit-scrollbar { display:none; }
  .cat {
    min-width:78px;
    min-height:96px !important;
    padding:10px 5px 8px !important;
    flex-direction:column;
    justify-content:center !important;
    gap:6px;
    border:1px solid rgba(255,255,255,.065) !important;
    border-radius:18px !important;
    background:#181b22 !important;
    box-shadow:0 10px 24px rgba(0,0,0,.18);
  }
  .cat-left { flex-direction:column; gap:5px !important; text-align:center; }
  .cat-icon { width:38px; height:38px; }
  .cat-icon img { width:100%; height:100%; object-fit:contain; }
  .cat b { display:block; font-size:10px !important; letter-spacing:.25px !important; white-space:nowrap; }
  .cat span,.cat .arrow { display:none !important; }

  .main-grid { display:block; margin-top:0 !important; }
  .card {
    border-radius:18px !important;
    background:#181b22 !important;
    border-color:rgba(255,255,255,.065) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.22) !important;
  }
  .main-grid > .card { margin-bottom:14px; }
  .card-head { height:auto; min-height:54px; padding:10px 13px !important; gap:9px; }
  .card-head h3 { font-size:14px !important; }
  .tabs { max-width:58%; overflow-x:auto; }
  .tabs button { padding:7px 10px; font-size:11px; white-space:nowrap; }
  .tabs button.active { background:#2dff4f; color:#071109; }
  .match-list { padding:4px 12px 12px !important; }
  .match { border-radius:14px; }

  .promos { margin-top:14px !important; }
  .promo-grid {
    display:flex !important;
    gap:10px !important;
    overflow-x:auto;
    padding:12px !important;
    scrollbar-width:none;
  }
  .promo { flex:0 0 78%; min-height:125px; border-radius:18px !important; }
  .trust,.footer { display:none !important; }

  .hpf-game-card,.bbf-card,.bb-real-game-card,.premium-game-card,
  .rf-game-card,.rapid-final-card { border-radius:18px !important; background:#181b22 !important; }

  .bbf-nav,.bb-clean-nav,.bb-bottom-nav-real,.bb-bottom-nav-final {
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:78px !important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom)) !important;
    border-radius:18px 18px 0 0 !important;
    background:rgba(24,27,34,.97) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-bottom:0 !important;
    box-shadow:0 -10px 30px rgba(0,0,0,.38) !important;
    backdrop-filter:blur(20px) !important;
  }
  .bbf-nav button.active,.bb-clean-nav button.active,
  .bb-bottom-nav-real button.active,.bb-bottom-nav-final button.active { color:#2dff4f !important; }
  .bbf-nav i,.bb-clean-nav i,.bb-bottom-nav-real i,.bb-bottom-nav-final i { background:#2dff4f !important; }
}

/* Premium banner controls: shared desktop/mobile card treatment. */
.hero-slider > .hero-arrow,
.mobile-hero-slider > .hero-arrow {
  position:absolute !important;
  top:50% !important;
  z-index:10 !important;
  display:grid !important;
  place-items:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:50% !important;
  background:rgba(7,17,16,.42) !important;
  color:#fff !important;
  box-shadow:0 8px 24px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.14) !important;
  transform:translateY(-50%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(145%) !important;
  backdrop-filter:blur(12px) saturate(145%) !important;
  cursor:pointer !important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease !important;
}

.hero-slider > .hero-prev,
.mobile-hero-slider > .hero-prev { left:16px !important; }

.hero-slider > .hero-next,
.mobile-hero-slider > .hero-next { right:16px !important; }

.hero-slider > .hero-arrow svg,
.mobile-hero-slider > .hero-arrow svg {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}

.hero-slider > .hero-arrow:hover,
.mobile-hero-slider > .hero-arrow:hover {
  border-color:#2dff4f !important;
  background:#2dff4f !important;
  color:#06100a !important;
  box-shadow:0 10px 28px rgba(45,255,79,.32),inset 0 1px 0 rgba(255,255,255,.32) !important;
}

.hero-slider > .hero-arrow:focus-visible,
.mobile-hero-slider > .hero-arrow:focus-visible {
  outline:2px solid #2dff4f;
  outline-offset:3px;
}

.hero-slider > .hero-dots,
.mobile-hero-slider > .mobile-hero-dots {
  position:absolute !important;
  left:50% !important;
  bottom:12px !important;
  z-index:11 !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  margin:0 !important;
  transform:translateX(-50%) !important;
}

.hero-slider > .hero-dots span,
.mobile-hero-slider > .mobile-hero-dots button {
  display:block !important;
  width:8px !important;
  min-width:8px !important;
  height:8px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(210,216,214,.68) !important;
  box-shadow:0 2px 8px rgba(0,0,0,.38) !important;
  transition:width .22s ease,background-color .22s ease,box-shadow .22s ease !important;
}

.hero-slider > .hero-dots span.active,
.mobile-hero-slider > .mobile-hero-dots button.active {
  width:28px !important;
  min-width:28px !important;
  background:#2dff4f !important;
  box-shadow:0 0 14px rgba(45,255,79,.58) !important;
}

@media (max-width:760px) {
  .mobile-hero-slider > .hero-arrow {
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }

  .mobile-hero-slider > .hero-prev { left:10px !important; }
  .mobile-hero-slider > .hero-next { right:10px !important; }

  .mobile-hero-slider > .hero-arrow svg {
    width:20px;
    height:20px;
  }
}

@media (max-width:380px) {
  .topbar { padding-right:8px; }
  .topbar .brand-logo,.topbar .clean-logo { width:94px !important; min-width:94px !important; max-width:94px !important; }
  .topbar .actions .btn { padding:0 7px; font-size:10px; }
  .category-row { grid-template-columns:repeat(5,76px) !important; }
  .hero-slider { min-height:170px; }
}


/* DESKTOP MOBILE NAV CLEANUP */
@media (min-width: 801px) {
  .bbf-nav,
  .bb-clean-nav,
  .bb-bottom-nav-real,
  .bb-bottom-nav-final,
  .bb-hard-mobile-login-bar,
  .bb-hard-mobile-login-bar-final,
  .bb-mobile-auth-actions {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body {
    padding-bottom: 0 !important;
  }
}

/* Header authentication button sizing. */
.topbar .actions button[onclick*="loginModal"],
.topbar .actions button[onclick*="registerModal"] {
  height:34px!important;
  min-height:34px!important;
  border-radius:12px!important;
  font-size:14px!important;
  line-height:34px!important;
}

@media (max-width:360px) {
  .topbar .actions button[onclick*="loginModal"],
  .topbar .actions button[onclick*="registerModal"] {
    font-size:0!important;
  }

  .topbar .actions button[onclick*="loginModal"]::after,
  .topbar .actions button[onclick*="registerModal"]::after {
    font-size:14px!important;
  }
}

@media (max-width:760px) {
  html,
  body {
    max-width:100%;
    overflow-x:hidden;
  }

  body {
    padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
  }

  main.wrap {
    min-width:0;
    padding-bottom:calc(94px + env(safe-area-inset-bottom))!important;
  }

  .bb-mobile-home-content {
    width:100%;
    min-width:0;
    margin:18px 0 0;
    padding:0 0 8px;
    display:block;
    color:#f4f7f5;
  }

  .mobile-home-section {
    width:100%;
    min-width:0;
    margin:0 0 22px;
  }

  .section-header {
    width:100%;
    min-height:29px;
    margin:0 0 10px;
    padding:0 1px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }

  .section-title {
    min-width:0;
    margin:0;
    color:#f7faf8;
    font-size:18px;
    font-weight:900;
    line-height:1.2;
    letter-spacing:.15px;
  }

  .section-see-all {
    flex:0 0 auto;
    min-height:32px;
    padding:0 1px 0 8px;
    border:0;
    display:inline-flex;
    align-items:center;
    gap:4px;
    background:transparent;
    color:#65ff35;
    font-size:13px;
    font-weight:800;
    line-height:1;
  }

  .section-see-all span {
    margin-top:-1px;
    font-size:19px;
    font-weight:500;
  }

  .mobile-horizontal-row {
    width:100%;
    min-width:0;
    padding:1px 14px 5px 0;
    display:flex;
    gap:10px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .mobile-horizontal-row::after {
    content:"";
    flex:0 0 1px;
  }

  .mobile-horizontal-row::-webkit-scrollbar {
    display:none;
  }

  .mobile-game-card {
    flex:0 0 clamp(118px,32vw,132px);
    width:clamp(118px,32vw,132px);
    min-width:118px;
    max-width:132px;
    padding:0;
    overflow:hidden;
    scroll-snap-align:start;
    border:1px solid rgba(160,178,169,.19);
    border-radius:14px;
    background:#171c1c;
    box-shadow:0 9px 22px rgba(0,0,0,.25);
  }

  .mobile-game-card:focus-within {
    border-color:rgba(101,255,53,.62);
  }

  .mobile-game-art {
    position:relative;
    width:100%;
    aspect-ratio:4 / 5;
    overflow:hidden;
    background:#101615;
  }

  .mobile-game-art::after {
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    height:44%;
    background:linear-gradient(180deg,transparent,rgba(7,11,10,.78));
    pointer-events:none;
  }

  .mobile-game-art img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }

  .mobile-game-badge {
    position:absolute;
    top:7px;
    left:7px;
    z-index:1;
    max-width:calc(100% - 14px);
    padding:4px 6px 3px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.11);
    border-radius:6px;
    background:rgba(101,255,53,.93);
    color:#071108;
    font-size:8px;
    font-weight:1000;
    line-height:1;
    letter-spacing:.35px;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
  }

  .mobile-game-badge.is-live {
    background:#ff3d4f;
    color:#fff;
  }

  .mobile-game-info {
    padding:8px;
  }

  .mobile-game-info h3 {
    height:29px;
    margin:0 0 5px;
    display:-webkit-box;
    overflow:hidden;
    color:#fff;
    font-size:11.5px;
    font-weight:850;
    line-height:1.25;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  .mobile-game-meta {
    min-width:0;
    margin-bottom:7px;
    display:flex;
    align-items:center;
    gap:5px;
  }

  .mobile-game-meta span {
    min-width:0;
    flex:1 1 auto;
    overflow:hidden;
    color:#abb4af;
    font-size:9px;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .mobile-game-meta small {
    flex:0 0 auto;
    max-width:46px;
    padding:2px 4px;
    overflow:hidden;
    border-radius:4px;
    background:#252d2a;
    color:#cbd2ce;
    font-size:7px;
    font-weight:800;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .mobile-game-play {
    width:100%;
    height:38px;
    padding:0 8px;
    border:1px solid rgba(101,255,53,.38);
    border-radius:10px;
    background:linear-gradient(180deg,#6dff43,#42df29);
    color:#071108;
    font-size:12px;
    font-weight:1000;
    box-shadow:0 6px 13px rgba(71,229,40,.15);
  }

  .mobile-game-play:active,
  .section-see-all:active,
  .mobile-provider-card:active,
  .mobile-promotion-card:active {
    transform:scale(.97);
  }

  .mobile-live-casino-row .mobile-game-card {
    flex-basis:clamp(145px,42vw,165px);
    width:clamp(145px,42vw,165px);
    min-width:145px;
    max-width:165px;
  }

  .mobile-live-casino-row .mobile-game-art {
    aspect-ratio:5 / 4;
  }

  .mobile-live-match-list {
    width:100%;
    min-width:0;
    display:grid;
    gap:8px;
  }

  .mobile-live-match {
    width:100%;
    min-width:0;
    padding:10px;
    overflow:hidden;
    border:1px solid rgba(160,178,169,.17);
    border-radius:14px;
    background:linear-gradient(145deg,#171e1c,#111615);
    box-shadow:0 9px 24px rgba(0,0,0,.22);
  }

  .mobile-live-match > header {
    min-width:0;
    margin-bottom:8px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
  }

  .mobile-live-match > header > div {
    min-width:0;
    display:flex;
    align-items:center;
    gap:6px;
  }

  .mobile-live-label {
    flex:0 0 auto;
    height:19px;
    padding:0 6px;
    display:inline-flex;
    align-items:center;
    gap:4px;
    border-radius:5px;
    background:rgba(255,61,79,.14);
    color:#ff5363;
    font-size:8px;
    font-weight:1000;
    letter-spacing:.25px;
  }

  .mobile-live-label i {
    width:5px;
    height:5px;
    border-radius:50%;
    background:#ff4052;
    box-shadow:0 0 7px #ff4052;
  }

  .mobile-live-match > header b {
    flex:0 0 auto;
    color:#65ff35;
    font-size:10px;
  }

  .mobile-live-match > header small {
    min-width:0;
    overflow:hidden;
    color:#8f9994;
    font-size:9px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .mobile-live-match > header > strong {
    flex:0 0 auto;
    color:#fff;
    font-size:14px;
    letter-spacing:.3px;
  }

  .mobile-live-teams {
    min-width:0;
    margin-bottom:9px;
    display:grid;
    gap:5px;
  }

  .mobile-live-teams > div {
    min-width:0;
    display:flex;
    align-items:center;
    gap:7px;
  }

  .mobile-live-team-logo {
    flex:0 0 22px;
    width:22px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.1);
    border-radius:50%;
    background:#252c2a;
  }

  .mobile-live-team-logo img {
    width:18px;
    height:18px;
    display:block;
    object-fit:contain;
  }

  .mobile-live-team-logo b {
    color:#c7cfcb;
    font-size:7px;
    font-weight:900;
  }

  .mobile-live-teams span:last-child {
    min-width:0;
    overflow:hidden;
    color:#eef2ef;
    font-size:11px;
    font-weight:750;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .mobile-live-market {
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr)) 42px;
    gap:5px;
  }

  .mobile-live-odd,
  .mobile-live-more {
    min-width:0;
    height:39px;
    padding:0 4px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:#242b29;
    color:#f2f5f3;
  }

  .mobile-live-odd {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:3px;
  }

  .mobile-live-odd small {
    color:#929c97;
    font-size:8px;
    font-weight:850;
  }

  .mobile-live-odd strong {
    font-size:10px;
    font-weight:950;
  }

  .mobile-live-odd.selected {
    border-color:#65ff35!important;
    background:rgba(101,255,53,.16)!important;
    color:#65ff35!important;
    box-shadow:inset 0 0 0 1px rgba(101,255,53,.2);
  }

  .mobile-live-odd.selected small,
  .mobile-live-odd.selected strong {
    color:#65ff35!important;
  }

  .mobile-live-more {
    color:#65ff35;
    font-size:9px;
    font-weight:900;
  }

  .mobile-promotion-row {
    gap:10px;
  }

  .mobile-promotion-card {
    flex:0 0 clamp(174px,54vw,210px);
    width:clamp(174px,54vw,210px);
    min-width:174px;
    max-width:210px;
    aspect-ratio:2 / 1;
    padding:0;
    overflow:hidden;
    scroll-snap-align:start;
    border:1px solid rgba(255,255,255,.1);
    border-radius:14px;
    background:#151b19;
    box-shadow:0 10px 24px rgba(0,0,0,.26);
  }

  .mobile-promotion-card img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }

  .mobile-provider-section {
    margin-bottom:19px;
  }

  .mobile-provider-row {
    gap:8px;
  }

  .mobile-provider-card {
    flex:0 0 clamp(100px,29vw,120px);
    width:clamp(100px,29vw,120px);
    min-width:100px;
    max-width:120px;
    height:58px;
    padding:7px;
    display:flex;
    align-items:center;
    justify-content:center;
    scroll-snap-align:start;
    border:1px solid rgba(159,180,169,.16);
    border-radius:12px;
    background:linear-gradient(145deg,#1b2220,#131817);
    color:#e7ede9;
  }

  .mobile-provider-card span {
    display:block;
    font-size:11px;
    font-weight:900;
    line-height:1.15;
    text-align:center;
  }

  .mobile-provider-card:nth-child(3n+1) {
    border-color:rgba(101,255,53,.26);
  }

  .mobile-home-trust {
    width:100%;
    min-width:0;
    padding:1px 14px 5px 0;
    display:flex;
    gap:8px;
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .mobile-home-trust::-webkit-scrollbar {
    display:none;
  }

  .mobile-home-trust article {
    flex:0 0 142px;
    min-width:142px;
    height:60px;
    padding:9px;
    display:flex;
    align-items:center;
    gap:8px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    background:#151b19;
  }

  .mobile-home-trust img {
    flex:0 0 30px;
    width:30px;
    height:30px;
    object-fit:contain;
  }

  .mobile-home-trust div {
    min-width:0;
  }

  .mobile-home-trust b,
  .mobile-home-trust span {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .mobile-home-trust b {
    color:#eff4f1;
    font-size:10px;
    line-height:1.2;
  }

  .mobile-home-trust span {
    margin-top:3px;
    color:#87918c;
    font-size:8px;
  }

  .mobile-promotion-modal {
    position:relative;
    overflow:hidden;
    border-radius:20px;
    background:#151c19;
  }

  .mobile-promotion-modal > img {
    width:100%;
    aspect-ratio:2 / 1;
    display:block;
    object-fit:cover;
  }

  .mobile-promotion-modal > div {
    padding:18px;
  }

  .mobile-promotion-modal > div > span {
    color:#65ff35;
    font-size:9px;
    font-weight:950;
    letter-spacing:.8px;
  }

  .mobile-promotion-modal h2 {
    margin:6px 0 8px;
    color:#fff;
    font-size:20px;
  }

  .mobile-promotion-modal p {
    margin:0 0 16px;
    color:#aeb8b2;
    font-size:12px;
    line-height:1.5;
  }

  .mobile-promotion-close {
    position:absolute;
    top:9px;
    right:9px;
    z-index:2;
    width:34px;
    height:34px;
    padding:0;
    border:1px solid rgba(255,255,255,.14);
    border-radius:10px;
    background:rgba(9,13,12,.8);
    color:#fff;
    font-size:22px;
  }

  .bb-real-game-card[hidden],
  .bb-catalog-game-card[hidden],
  .premium-game-card[hidden],
  .bb-public-game-card-final[hidden],
  .gamblehub-game-card[hidden] {
    display:none!important;
  }

  .bb-filtered-casino-results {
    width:100%!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .bb-filtered-casino-results .mobile-game-card {
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .mobile-casino-empty {
    grid-column:1 / -1;
    min-height:150px;
    padding:24px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    background:#151b19;
    text-align:center;
  }

  .mobile-casino-empty b {
    color:#fff;
    font-size:15px;
  }

  .mobile-casino-empty span {
    color:#909a95;
    font-size:11px;
  }
}

@media (max-width:340px) {
  .section-title {
    font-size:17px;
  }

  .section-see-all {
    font-size:12px;
  }

  .mobile-live-match {
    padding:9px 8px;
  }

  .mobile-live-market {
    grid-template-columns:repeat(3,minmax(0,1fr)) 38px;
    gap:4px;
  }

  .mobile-live-odd {
    padding:0 3px;
  }

  .mobile-live-odd strong {
    font-size:9px;
  }
}

@media (max-width:760px) {
  .mobile-coupon-page {
    width:min(100%,620px);min-height:calc(100dvh - 86px - env(safe-area-inset-top));margin:0 auto;
    padding:14px 0 calc(96px + env(safe-area-inset-bottom));color:#fff;
  }
  .mobile-coupon-page-head {
    min-height:68px;padding:10px 12px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;
    border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#151a1e;
  }
  .mobile-coupon-page-head > button {
    width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:12px;
    background:#20262b;color:#fff;font-size:30px;line-height:1;
  }
  .mobile-coupon-page-head div { min-width:0; }
  .mobile-coupon-page-head small { color:#65ff35;font-size:9px;font-weight:900;letter-spacing:1px; }
  .mobile-coupon-page-head h1 { margin:2px 0 0;font-size:21px;line-height:1.1; }
  .mobile-coupon-page-head > span {
    width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;
    background:rgba(101,255,53,.14);color:#65ff35;font-weight:1000;
  }
  .mobile-coupon-tabs {
    margin:12px 0;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;
    border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#111619;
  }
  .mobile-coupon-tabs button {
    min-height:44px;border:0;border-radius:11px;background:transparent;color:#8e979c;font-weight:900;
  }
  .mobile-coupon-tabs button.active { background:#65ff35;color:#07110c; }
  .mobile-coupon-tab-content { min-height:300px; }
  .mobile-coupon-empty,
  .mobile-coupon-history-empty {
    min-height:330px;padding:44px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#151a1e;
  }
  .mobile-coupon-empty-icon {
    width:72px;height:72px;margin-bottom:18px;display:flex;align-items:center;justify-content:center;
    border:1px solid rgba(101,255,53,.3);border-radius:22px;background:rgba(101,255,53,.1);color:#65ff35;font-size:36px;
  }
  .mobile-coupon-empty h2,
  .mobile-coupon-history-empty h2 { margin:0 0 8px;font-size:20px; }
  .mobile-coupon-empty p,
  .mobile-coupon-history-empty p { max-width:340px;margin:0 0 22px;color:#929aa0;font-size:13px;line-height:1.55; }
  .mobile-coupon-selections,
  .mobile-coupon-history-list { display:grid;gap:10px; }
  .mobile-coupon-selection,
  .mobile-coupon-summary,
  .mobile-coupon-history-card {
    padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#151a1e;
  }
  .mobile-coupon-selection-head,
  .mobile-coupon-pick,
  .mobile-coupon-summary > div,
  .mobile-coupon-history-head { display:flex;align-items:center;justify-content:space-between;gap:12px; }
  .mobile-coupon-selection-head small { color:#8f989e;font-size:10px; }
  .mobile-coupon-selection-head button {
    width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:9px;
    background:#22282d;color:#aeb5b9;font-size:20px;
  }
  .mobile-coupon-selection h3 { margin:8px 0 12px;font-size:14px; }
  .mobile-coupon-pick { padding-top:11px;border-top:1px solid rgba(255,255,255,.07); }
  .mobile-coupon-pick span { display:flex;align-items:center;gap:9px;color:#c2c8cb;font-size:12px; }
  .mobile-coupon-pick span b {
    width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;
    background:rgba(101,255,53,.13);color:#65ff35;
  }
  .mobile-coupon-pick strong,
  .mobile-coupon-summary strong { color:#65ff35; }
  .mobile-coupon-summary { margin-top:2px;display:grid;gap:13px; }
  .mobile-coupon-summary > div { color:#a2aaaf;font-size:13px; }
  .mobile-coupon-summary label { color:#a2aaaf;font-size:12px;font-weight:800; }
  .mobile-coupon-stake-wrap {
    height:48px;padding:0 13px;display:flex!important;justify-content:flex-start!important;
    border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0d1114;
  }
  .mobile-coupon-stake-wrap span { color:#65ff35;font-weight:1000; }
  .mobile-coupon-stake-wrap input {
    width:100%;height:100%;padding:0 8px;border:0;outline:0;background:transparent;color:#fff;font-size:16px;font-weight:900;
  }
  .mobile-coupon-error { margin:-5px 0 0;color:#ff7777;font-size:11px; }
  .mobile-coupon-summary button:disabled { opacity:.45;cursor:not-allowed; }
  .mobile-coupon-clear {
    min-height:43px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:transparent;color:#a9b0b4;font-weight:900;
  }
  .mobile-coupon-history-head { margin-bottom:14px; }
  .mobile-coupon-history-head span { color:#929a9f;font-size:10px; }
  .mobile-coupon-history-head b {
    padding:6px 9px;border-radius:999px;background:rgba(255,190,55,.12);color:#ffc451;font-size:10px;
  }
  .mobile-coupon-history-head b.status-kazandı { background:rgba(101,255,53,.12);color:#65ff35; }
  .mobile-coupon-history-head b.status-kaybetti { background:rgba(255,87,87,.12);color:#ff7777; }
  .mobile-coupon-history-grid { display:grid;grid-template-columns:1fr 1fr;gap:9px; }
  .mobile-coupon-history-grid div { padding:10px;border-radius:11px;background:#0e1316; }
  .mobile-coupon-history-grid small { display:block;margin-bottom:5px;color:#7f898f;font-size:9px; }
  .mobile-coupon-history-grid strong { color:#e8ecee;font-size:12px; }
}

/* Authentication modals own scrolling while open; the page stays fixed behind them. */
html.auth-modal-open,
body.auth-modal-open {
  overflow:hidden!important;
  overscroll-behavior:none;
}

body.auth-modal-open {
  position:fixed!important;
  left:0;
  right:0;
  width:100%;
}

.auth-modal-back {
  overflow:hidden!important;
  padding:5vh 0;
  box-sizing:border-box;
  overscroll-behavior:contain;
}

.auth-modal-back > .modal {
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:90vh!important;
  box-sizing:border-box;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

@media (max-width:760px) {
  .auth-modal-back {
    padding:5vh 0;
  }

  .auth-modal-back > .modal {
    max-height:90vh!important;
    max-height:90dvh!important;
    overflow:hidden!important;
  }

  .auth-modal-back .auth-box {
    height:90vh;
    height:90dvh;
    min-height:0;
  }

  .auth-modal-back .auth-side {
    display:none;
  }

  .auth-modal-back .auth-form {
    height:100%;
    min-height:0;
    padding:20px;
    box-sizing:border-box;
    justify-content:flex-start;
    overflow:hidden;
  }

  .auth-modal-back .auth-fields {
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  .auth-modal-back .auth-form > .full-btn {
    flex:0 0 50px;
    position:relative;
    z-index:1;
  }
}

/* Login stays content-sized; only its field group may scroll. */
.auth-modal-back > .modal:has(.login-auth-box) {
  height:auto!important;
  max-height:min(520px,calc(100dvh - 32px))!important;
  overflow:hidden!important;
}

.auth-modal-back .login-auth-box {
  height:auto!important;
  min-height:0!important;
  max-height:min(520px,calc(100dvh - 32px))!important;
  overflow:hidden!important;
}

.auth-modal-back .login-auth-box .auth-form {
  height:auto!important;
  min-height:0!important;
  max-height:min(520px,calc(100dvh - 32px))!important;
  overflow:hidden!important;
}

.auth-modal-back .login-auth-box .auth-fields {
  flex:0 1 auto!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

@media (max-width:760px) {
  .auth-modal-back > .modal:has(.login-auth-box) {
    width:min(430px,calc(100% - 28px))!important;
  }

  .auth-modal-back .login-auth-box {
    display:block!important;
  }
}

/* Mobil ikonların devleşmesini engelle */
@media (max-width: 800px) {
  .bbf-nav img,
  .bb-clean-nav img,
  .bb-bottom-nav-real img,
  .bb-bottom-nav-final img {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    object-fit: contain !important;
  }
}

/* RAPID FINAL GAME CARDS */
.rapid-final-hero {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  padding:28px;
  margin-bottom:16px;
  border-radius:25px;
  background:
    radial-gradient(circle at 10% 0%,rgba(101,255,53,.22),transparent 36%),
    linear-gradient(135deg,#101d16,#050c08);
  border:1px solid rgba(255,255,255,.1);
}

.rapid-final-hero span {
  color:#65ff35;
  font-size:12px;
  font-weight:1000;
  letter-spacing:1.4px;
}

.rapid-final-hero h1 {
  margin:8px 0;
  color:#fff;
  font-size:38px;
}

.rapid-final-hero p {
  margin:0;
  color:#aebbb4;
}

.rapid-final-hero strong {
  color:#65ff35;
  font-size:30px;
}

.rapid-final-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}

.rapid-final-card {
  overflow:hidden;
  border-radius:20px;
  background:#101712;
  border:1px solid rgba(255,255,255,.1);
}

.rapid-final-image {
  position:relative;
  height:150px;
  background:#080c09;
}

.rapid-final-image img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.rapid-final-image span {
  position:absolute;
  left:9px;
  top:9px;
  padding:5px 8px;
  border-radius:99px;
  background:rgba(0,0,0,.65);
  color:#65ff35;
  font-size:10px;
  font-weight:900;
}

.rapid-final-content {
  padding:12px;
}

.rapid-final-content b {
  display:block;
  height:36px;
  overflow:hidden;
  color:#fff;
  font-size:14px;
}

.rapid-final-content small {
  display:block;
  margin:7px 0 11px;
  color:#9ca8a1;
}

.rapid-final-content button {
  width:100%;
  height:38px;
  border:0;
  border-radius:12px;
  background:#65ff35;
  color:#07110c;
  font-weight:1000;
}

@media(max-width:1100px) {
  .rapid-final-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:800px) {
  .rapid-final-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .rapid-final-image {
    height:120px;
  }

  .rapid-final-hero {
    padding:20px;
  }

  .rapid-final-hero h1 {
    font-size:27px;
  }
}

/* REAL FINAL CLEAN UI */
@media(min-width:801px) {
  .bbf-nav,
  .bb-clean-nav,
  .bb-bottom-nav-real,
  .bb-bottom-nav-final,
  .bb-hard-mobile-login-bar,
  .bb-hard-mobile-login-bar-final,
  .bb-mobile-auth-actions,
  img[src*="assets/mobile/icons/"] {
    display:none !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
  }

  body {
    padding-bottom:0 !important;
  }
}

.rf-loading {
  min-height:280px;
  border-radius:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff;
  background:#0a120d;
  border:1px solid rgba(255,255,255,.08);
}

.rf-hero {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:28px;
  margin-bottom:14px;
  border-radius:26px;
  background:
    radial-gradient(circle at 12% 0%,rgba(101,255,53,.22),transparent 36%),
    linear-gradient(135deg,#101d16,#050c08);
  border:1px solid rgba(255,255,255,.1);
}

.rf-hero span {
  color:#65ff35;
  font-size:12px;
  font-weight:1000;
  letter-spacing:1.4px;
}

.rf-hero h1 {
  margin:8px 0;
  color:#fff;
  font-size:38px;
}

.rf-hero p {
  margin:0;
  color:#aebbb4;
}

.rf-hero strong {
  color:#65ff35;
  font-size:30px;
}

.rf-toolbar {
  padding:14px;
  margin-bottom:12px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

.rf-search input {
  width:100%;
  height:44px;
  padding:0 14px;
  margin-bottom:12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:13px;
  outline:none;
  background:#08100b;
  color:#fff;
  font-weight:800;
}

.rf-provider-tabs {
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding-bottom:4px;
}

.rf-provider-tabs button {
  height:35px;
  flex:0 0 auto;
  padding:0 13px;
  border:0;
  border-radius:99px;
  background:rgba(255,255,255,.07);
  color:#b9c4bd;
  font-weight:900;
}

.rf-provider-tabs button.active {
  background:#65ff35;
  color:#07110c;
}

.rf-result-count {
  color:#99a59e;
  font-size:12px;
  margin:0 0 12px;
}

.rf-games-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}

.rf-game-card {
  min-width:0;
  overflow:hidden;
  border-radius:20px;
  background:#101712;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}

.rf-game-image {
  position:relative;
  height:150px;
  overflow:hidden;
  background:#070b08;
}

.rf-game-image img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.rf-game-image span {
  position:absolute;
  top:9px;
  left:9px;
  max-width:calc(100% - 18px);
  padding:5px 8px;
  border-radius:99px;
  background:rgba(0,0,0,.7);
  color:#65ff35;
  font-size:10px;
  font-weight:1000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.rf-game-info {
  padding:12px;
}

.rf-game-info b {
  display:block;
  height:36px;
  overflow:hidden;
  color:#fff;
  font-size:14px;
  line-height:1.25;
}

.rf-game-info small {
  display:block;
  margin:7px 0 11px;
  color:#94a198;
}

.rf-game-info button,
.rf-load-more {
  height:38px;
  border:0;
  border-radius:12px;
  background:#65ff35;
  color:#07110c;
  font-weight:1000;
}

.rf-game-info button {
  width:100%;
}

.rf-load-more {
  display:block;
  min-width:220px;
  margin:20px auto 0;
  padding:0 18px;
}

@media(max-width:1100px) {
  .rf-games-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:800px) {
  .rf-games-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .rf-game-image {
    height:120px;
  }

  .rf-hero {
    padding:20px;
  }

  .rf-hero h1 {
    font-size:27px;
  }
}

/* HOME POPULAR REAL GAMES */
.hpf-popular-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  padding:28px;
}

.hpf-game-card {
  min-width:0;
  overflow:hidden;
  border-radius:22px;
  cursor:pointer;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.075),
      rgba(255,255,255,.025)
    );
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 44px rgba(0,0,0,.23);
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

.hpf-game-card:hover {
  transform:translateY(-5px);
  border-color:rgba(101,255,53,.35);
  box-shadow:0 24px 58px rgba(0,0,0,.34);
}

.hpf-game-image {
  position:relative;
  height:170px;
  overflow:hidden;
  background:#070b08;
}

.hpf-game-image img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .25s ease;
}

.hpf-game-card:hover .hpf-game-image img {
  transform:scale(1.055);
}

.hpf-game-image > span {
  position:absolute;
  top:10px;
  left:10px;
  max-width:calc(100% - 20px);
  padding:6px 9px;
  border-radius:999px;
  background:rgba(0,0,0,.68);
  color:#65ff35;
  font-size:10px;
  font-weight:1000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  backdrop-filter:blur(8px);
}

.hpf-play {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-40%);
  opacity:0;
  min-width:82px;
  height:40px;
  padding:0 18px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#65ff35;
  color:#07110c;
  font-weight:1000;
  box-shadow:0 16px 36px rgba(0,0,0,.38);
  transition:.22s ease;
}

.hpf-game-card:hover .hpf-play {
  opacity:1;
  transform:translate(-50%,-50%);
}

.hpf-game-content {
  padding:13px;
}

.hpf-game-content b {
  display:block;
  height:38px;
  overflow:hidden;
  color:#fff;
  font-size:14px;
  line-height:1.25;
}

.hpf-game-content small,
.hpf-game-content span {
  display:block;
  margin-top:7px;
  color:#9da9a2;
  font-size:11px;
  font-weight:800;
  text-transform:capitalize;
}

.hpf-game-card.unavailable {
  cursor:default;
  opacity:.55;
}

.hpf-no-image {
  width:100%;
  height:100%;
  background:
    radial-gradient(
      circle at 50% 30%,
      rgba(101,255,53,.15),
      transparent 35%
    ),
    #09110c;
}

@media(max-width:1100px) {
  .hpf-popular-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:800px) {
  .hpf-popular-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:14px;
  }

  .hpf-game-image {
    height:125px;
  }

  .hpf-game-card {
    border-radius:17px;
  }

  .hpf-game-content {
    padding:10px;
  }

  .hpf-game-content b {
    height:33px;
    font-size:13px;
  }

  .hpf-play {
    display:none;
  }
}

/* Keep the redesigned homepage header and navigation as the single mobile UI. */
@media (max-width:800px) {
  .bb-hard-mobile-login-bar,
  .bb-hard-mobile-login-bar-final,
  .bb-mobile-auth-actions,
  .bb-gen-mobile-visuals,
  .bb-gen-bottom-nav { display:none !important; }

  .hpf-game-card,
  .bbf-card,
  .bb-real-game-card,
  .premium-game-card,
  .rf-game-card,
  .rapid-final-card { border-radius:18px !important; }
}

/* Mobile homepage reference alignment. */
@media (max-width:800px) {
  html,body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .wrap{padding-left:16px!important;padding-right:16px!important}

  .topbar{position:sticky!important;top:0;height:64px!important;min-height:64px!important;padding:0 10px 0 54px!important;flex-wrap:nowrap!important}
  .topbar .brand-logo{left:50%!important;width:100px!important;min-width:100px!important;max-width:100px!important;height:44px!important;z-index:1}
  .topbar .clean-logo{width:100px!important;min-width:100px!important;max-width:100px!important;height:44px!important;transform:none!important}
  .topbar .actions{display:flex!important;flex:0 0 auto;gap:4px!important;margin-left:auto!important;z-index:3}
  .topbar .actions .btn{height:30px!important;min-height:30px!important;padding:0 7px!important;border-radius:8px!important;font-size:10px!important;line-height:30px!important}
  .mobile-menu-button{top:14px!important;left:12px!important;width:36px!important;height:36px!important}

  .hero-slider{width:100%!important;height:210px!important;min-height:210px!important;max-height:210px!important;aspect-ratio:auto!important;margin:16px 0 0!important;border-radius:18px!important}
  .hero-slide-img{border-radius:18px!important}

  .category-row{width:100%!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:12px 0 16px!important;padding:0!important;overflow:visible!important}
  .category-row .cat{min-width:0!important;width:auto!important;min-height:88px!important;height:88px!important;padding:8px 2px 7px!important;gap:4px!important;border-radius:14px!important}
  .category-row .cat-left{width:100%;min-width:0;gap:4px!important}
  .category-row .cat-icon,.category-row .cat-icon img{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;border-radius:9px!important;transform:none!important;object-fit:contain!important}
  .category-row .cat b{max-width:100%;overflow:hidden;font-size:9px!important;letter-spacing:0!important;text-overflow:ellipsis}

  .bbf-nav,.bb-clean-nav,.bb-bottom-nav-real,.bb-bottom-nav-final{left:0!important;right:0!important;bottom:0!important;width:100%!important;height:calc(70px + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;padding:5px 6px env(safe-area-inset-bottom)!important;border-radius:18px 18px 0 0!important}
  .bbf-nav button,.bb-clean-nav button,.bb-bottom-nav-real button,.bb-bottom-nav-final button{width:100%!important;height:64px!important;min-width:0!important;padding:0!important;gap:4px!important}
  .bb-bottom-nav-final .bb-nav-ico,.bb-bottom-nav-real button>span{width:24px!important;min-width:24px!important;height:24px!important;font-size:0!important;color:transparent!important;filter:none!important}
  .bb-bottom-nav-final .bb-nav-ico:before,.bb-bottom-nav-real button>span:before{content:"";display:block;width:24px;height:24px;background:#c8ced2;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
  .bb-bottom-nav-final button:nth-child(1) .bb-nav-ico:before,.bb-bottom-nav-real button:nth-child(1)>span:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='m3 10 9-7 9 7v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='m3 10 9-7 9 7v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")}
  .bb-bottom-nav-final button.active .bb-nav-ico:before,.bb-bottom-nav-real button.active>span:before{background:#2dff4f!important}
  .bb-bottom-nav-final button:nth-child(2) .bb-nav-ico:before,.bb-bottom-nav-real button:nth-child(2)>span:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 7 3 2.2-1.1 3.5h-3.8L9 9.2zM5.2 9l3.8.2m6 0 3.8-.2M10.1 12.7 8 16m5.9-3.3L16 16m-8 0 1.4 3m6.6-3-1.4 3' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 7 3 2.2-1.1 3.5h-3.8L9 9.2zM5.2 9l3.8.2m6 0 3.8-.2M10.1 12.7 8 16m5.9-3.3L16 16m-8 0 1.4 3m6.6-3-1.4 3' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E")}
  .bb-bottom-nav-final button:nth-child(3) .bb-nav-ico:before,.bb-bottom-nav-real button:nth-child(3)>span:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M8 9v6m-3-3h6m5-2h.01M18 14h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M8 9v6m-3-3h6m5-2h.01M18 14h.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
  .bb-bottom-nav-final button:nth-child(4) .bb-nav-ico:before,.bb-bottom-nav-real button:nth-child(4)>span:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12a2 2 0 0 1 2 2v16l-3-2-3 2-2-2-2 2-3-2-3 2V5a2 2 0 0 1 2-2zM8 8h8m-8 4h8m-8 4h5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12a2 2 0 0 1 2 2v16l-3-2-3 2-2-2-2 2-3-2-3 2V5a2 2 0 0 1 2-2zM8 8h8m-8 4h8m-8 4h5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
  .bb-bottom-nav-final button:nth-child(5) .bb-nav-ico:before,.bb-bottom-nav-real button:nth-child(5)>span:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M4.5 21a7.5 7.5 0 0 1 15 0' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M4.5 21a7.5 7.5 0 0 1 15 0' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
  .bb-bottom-nav-final button b,.bb-bottom-nav-real button b{font-size:10px!important}
}

@media (max-width:360px) {
  .topbar .actions .btn{padding:0 3px!important;font-size:0!important}
  .topbar .actions .btn:not(.primary)::after{content:"Giriş";font-size:9px}
  .topbar .actions .btn.primary::after{content:"Kayıt";font-size:9px}
  .category-row{gap:6px!important}
  .category-row .cat b{font-size:8px!important}
}

/* Mobile homepage — final compact layout. Desktop declarations stay untouched. */
.login-modal-close { display:none; }
.mobile-hero-slider,
.mobile-promo-strip,
.mobile-slot-category,
.mobile-popular-heading { display:none; }

@media (max-width:760px) {
  body {
    padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }

  .wrap {
    width:100%!important;
    padding-right:12px!important;
    padding-left:12px!important;
  }

  /* Header */
  .topbar {
    height:calc(64px + env(safe-area-inset-top))!important;
    min-height:calc(64px + env(safe-area-inset-top))!important;
    padding:env(safe-area-inset-top) max(8px,env(safe-area-inset-right)) 0 58px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    overflow:hidden!important;
  }

  .topbar .brand-logo {
    position:absolute!important;
    left:58px!important;
    flex:none!important;
    width:clamp(150px,42vw,165px)!important;
    min-width:150px!important;
    max-width:165px!important;
    height:48px!important;
    margin:0!important;
    transform:none!important;
    z-index:4!important;
    pointer-events:auto!important;
    z-index:2!important;
  }

  .topbar .clean-logo {
    width:100%!important;
    min-width:0!important;
    max-width:165px!important;
    height:48px!important;
    display:block!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  .topbar .actions {
    position:static!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    justify-content:flex-end!important;
    gap:4px!important;
    overflow:visible!important;
    transform:none!important;
  }

  .topbar .actions .btn,
  .topbar .actions button[onclick*="loginModal"],
  .topbar .actions button[onclick*="registerModal"] {
    flex:0 0 clamp(64px,19vw,82px)!important;
    width:clamp(64px,19vw,82px)!important;
    min-width:64px!important;
    max-width:82px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 5px!important;
    border-radius:13px!important;
    border-color:rgba(45,255,79,.55)!important;
    font-size:clamp(12px,3.35vw,14px)!important;
    line-height:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    text-overflow:ellipsis!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    position:relative!important;
    z-index:5!important;
    pointer-events:auto!important;
    touch-action:manipulation;
  }

  .topbar .actions .btn.primary,
  .topbar .actions button[onclick*="registerModal"] {
    flex-basis:clamp(72px,21vw,92px)!important;
    width:clamp(72px,21vw,92px)!important;
    min-width:72px!important;
    max-width:92px!important;
  }

  .topbar .actions .btn.primary::first-letter { font-size:inherit!important; }
  .topbar .actions .btn::after { content:none!important; }

  .mobile-menu-button {
    top:calc(env(safe-area-inset-top) + 11px)!important;
    left:max(12px,env(safe-area-inset-left))!important;
    width:42px!important;
    height:42px!important;
    border-radius:13px!important;
  }

  /* Hero */
  .hero-slider { display:none!important; }

  .mobile-hero-slider {
    position:relative;
    display:block;
    width:100%!important;
    height:clamp(140px,44vw,190px)!important;
    min-height:140px!important;
    max-height:190px!important;
    aspect-ratio:16 / 7!important;
    margin:12px 0 0!important;
    padding:0!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.08);
    background:#070b0d!important;
    overflow:hidden!important;
    box-shadow:0 16px 34px rgba(0,0,0,.34);
    touch-action:pan-y;
    visibility:visible!important;
    opacity:1!important;
  }

  .mobile-hero-track,
  .mobile-hero-slide {
    position:absolute;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
    margin:0!important;
  }

  .mobile-hero-slide {
    display:block;
    border-radius:18px!important;
    object-fit:cover!important;
    object-position:center!important;
    opacity:0;
    transform:scale(1.01);
    transition:opacity .38s ease,transform .5s ease;
  }

  .mobile-hero-slide.active {
    opacity:1;
    transform:scale(1);
  }

  .mobile-hero-dots {
    position:absolute;
    bottom:9px!important;
    left:50%!important;
    display:flex!important;
    gap:6px!important;
    transform:translateX(-50%)!important;
    z-index:2;
  }

  .mobile-hero-dots button {
    width:7px!important;
    height:7px!important;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.58);
    transition:width .2s ease,background .2s ease;
  }

  .mobile-hero-dots button.active {
    width:22px!important;
    background:#2dff4f;
  }

  /* Compact promo strip replaces the mobile announcement. */
  .site-announcement { display:none!important; }

  .mobile-promo-strip {
    width:calc(100% + 12px);
    margin:9px -12px 0 0;
    padding:0 12px 3px 0;
    display:flex;
    gap:8px;
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .mobile-promo-strip::-webkit-scrollbar { display:none; }

  .mobile-promo-card {
    flex:0 0 42%;
    min-width:128px;
    max-width:178px;
    aspect-ratio:2 / 1;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:#151a1d;
    box-shadow:0 10px 22px rgba(0,0,0,.22);
  }

  .mobile-promo-card img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }

  /* Categories: four compact cards plus a visible continuation. */
  .category-row {
    width:calc(100% + 12px)!important;
    margin:9px -12px 12px 0!important;
    padding:2px 12px 5px 0!important;
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .category-row::-webkit-scrollbar,
  .hpf-popular-grid::-webkit-scrollbar,
  .bb-home-popular-real::-webkit-scrollbar,
  .bb-home-popular-final-grid::-webkit-scrollbar,
  .bb-home-popular-games-fixed::-webkit-scrollbar { display:none!important; }

  .category-row .cat {
    flex:0 0 clamp(72px,23vw,105px)!important;
    width:clamp(72px,23vw,105px)!important;
    min-width:72px!important;
    max-width:105px!important;
    height:124px!important;
    min-height:124px!important;
    padding:10px 5px 9px!important;
    scroll-snap-align:start;
    border-radius:16px!important;
    background:#171c20!important;
    border:1px solid rgba(160,180,190,.16)!important;
    transition:transform .14s ease,border-color .14s ease,background .14s ease!important;
  }

  .category-row .cat:active {
    transform:scale(.96)!important;
    border-color:rgba(45,255,79,.45)!important;
    background:#20262d!important;
  }

  .category-row .cat-icon,
  .category-row .cat-icon img {
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    object-fit:contain!important;
    background:transparent!important;
  }

  .category-row .cat b {
    width:100%;
    display:block;
    font-size:10px!important;
    line-height:1.15!important;
    white-space:normal!important;
    text-align:center;
  }

  .mobile-slot-category {
    display:flex!important;
  }

  /* Popular games */
  .mobile-popular-heading {
    min-height:42px;
    padding:7px 12px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }

  .mobile-popular-heading b {
    color:#fff;
    font-size:13px;
    letter-spacing:.2px;
  }

  .mobile-popular-heading button {
    padding:0;
    border:0;
    background:transparent;
    color:#2dff4f;
    font-size:11px;
    font-weight:900;
  }

  .hpf-popular-grid,
  .bb-home-popular-real,
  .bb-home-popular-final-grid,
  .bb-home-popular-games-fixed {
    width:100%!important;
    padding:9px 12px 12px!important;
    display:flex!important;
    grid-template-columns:none!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .hpf-game-card,
  .bb-home-popular-real .bb-catalog-game-card,
  .bb-home-popular-final-grid .bb-public-game-card-final,
  .bb-home-popular-games-fixed .bb-home-popular-game-card {
    flex:0 0 clamp(74px,26vw,128px)!important;
    width:clamp(74px,26vw,128px)!important;
    min-width:74px!important;
    max-width:128px!important;
    scroll-snap-align:start;
    border-radius:12px!important;
    box-shadow:0 10px 24px rgba(0,0,0,.3)!important;
  }

  .hpf-game-image,
  .bb-home-popular-real .bb-catalog-game-media,
  .bb-home-popular-final-grid .bb-public-game-art-gradient,
  .bb-home-popular-games-fixed .bb-home-popular-game-art {
    height:auto!important;
    aspect-ratio:3 / 4!important;
    background:#0b1410!important;
  }

  .hpf-game-image img,
  .bb-home-popular-real .bb-catalog-game-media img,
  .bb-home-popular-final-grid img,
  .bb-home-popular-games-fixed img {
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .hpf-game-content b,
  .bb-home-popular-real .bb-catalog-game-info b,
  .bb-home-popular-final-grid .bb-public-game-card-info b,
  .bb-home-popular-games-fixed .bb-home-popular-game-card > b {
    display:-webkit-box!important;
    height:34px!important;
    overflow:hidden!important;
    line-height:1.25!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }

  .hpf-game-content {
    padding:8px!important;
  }

  .hpf-game-content b {
    font-size:11px!important;
  }

  .bb-home-popular-games-fixed .bb-home-popular-game-card > b {
    padding:0 6px!important;
    font-size:10px!important;
  }

  .bb-home-popular-games-fixed .bb-home-popular-game-card small {
    padding:0 6px 8px!important;
    font-size:9px!important;
  }

  .hpf-game-content small,
  .hpf-game-content > span {
    margin-top:4px!important;
    font-size:9px!important;
  }

  .hpf-game-image > .hpf-game-badge {
    top:7px!important;
    right:7px!important;
    left:auto!important;
    width:auto!important;
    max-width:calc(100% - 14px)!important;
    padding:4px 6px!important;
    background:#2dff4f!important;
    color:#061009!important;
    font-size:8px!important;
    line-height:1!important;
  }

  .main-grid {
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
  }

  .main-grid > .card:nth-child(2) { order:1; }
  .main-grid > .card:nth-child(1) { order:2; }

  .main-grid > .card .card-head {
    min-height:46px!important;
    padding:8px 11px!important;
  }

  .main-grid > .card .card-head h3 {
    font-size:13px!important;
  }

  .main-grid > .card:nth-child(2) .card-head > .btn {
    border:0!important;
    background:transparent!important;
    color:#2dff4f!important;
    font-size:11px!important;
    padding:0!important;
  }

  /* Compact match rows stay inside a 320px viewport. */
  .match-list { padding:2px 7px 8px!important; }

  .pro-match {
    grid-template-columns:40px minmax(0,1fr) 105px 22px!important;
    gap:3px!important;
    min-height:78px!important;
    padding:8px 3px!important;
    overflow:hidden!important;
  }

  .match-status { min-width:0!important; }
  .match-status > span { padding:5px 4px!important; font-size:9px!important; }
  .match-status small { font-size:9px!important; }

  .pro-teams { min-width:0!important; }
  .pro-teams > small {
    display:block!important;
    overflow:hidden!important;
    font-size:8px!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  .team-row {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:3px!important;
  }

  .team-row .club,
  .team-row .club.away {
    min-width:0!important;
    justify-content:flex-start!important;
    flex-direction:row!important;
    gap:4px!important;
  }

  .team-row .club b {
    max-width:100%!important;
    font-size:10px!important;
  }

  .team-row .club-logo {
    width:18px!important;
    min-width:18px!important;
    height:18px!important;
  }

  .score-box { display:none!important; }

  .pro-odds {
    width:105px!important;
    min-width:105px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:3px!important;
  }

  .pro-odds .odd {
    width:33px!important;
    min-width:0!important;
    height:44px!important;
    padding:0!important;
    border-radius:9px!important;
  }

  .pro-odds .odd span { font-size:8px!important; }
  .pro-odds .odd b { font-size:10px!important; }

  .pro-match .more {
    min-width:0!important;
    width:22px!important;
    overflow:hidden!important;
    color:#2dff4f!important;
    font-size:10px!important;
    text-align:right!important;
  }

  /* Bottom navigation */
  .bb-bottom-nav-real {
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:calc(70px + env(safe-area-inset-bottom))!important;
    padding:5px max(6px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(6px,env(safe-area-inset-left))!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:0!important;
    border-width:1px 0 0!important;
    border-radius:18px 18px 0 0!important;
    overflow:visible!important;
    background:rgba(17,23,28,.96)!important;
    border-color:rgba(255,255,255,.1)!important;
    backdrop-filter:blur(18px)!important;
  }

  .bb-bottom-nav-real > button {
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    min-width:0!important;
    height:64px!important;
    padding:4px 0!important;
    pointer-events:auto!important;
    touch-action:manipulation;
  }

  .bb-bottom-nav-real > button img {
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    object-fit:contain!important;
    opacity:.72;
    filter:grayscale(.35)!important;
  }

  .bb-bottom-nav-real > button.active { color:#65ff35!important; }
  .bb-bottom-nav-real > button.active img {
    opacity:1;
    filter:none!important;
  }

  .bb-bottom-nav-real > button b {
    font-size:10px!important;
    pointer-events:none!important;
  }

  .bb-bottom-nav-real .coupon i,
  .bb-mobile-coupon-badge {
    z-index:2!important;
    pointer-events:none!important;
  }

  /* Login modal */
  .auth-modal-back {
    padding:16px 0!important;
  }

  .auth-modal-back > .modal:has(.login-auth-box) {
    position:relative!important;
    width:calc(100% - 28px)!important;
    height:auto!important;
    max-height:min(520px,calc(100dvh - 32px))!important;
    border-radius:20px!important;
  }

  .auth-modal-back .login-auth-box,
  .auth-modal-back .login-auth-box .auth-form {
    height:auto!important;
    max-height:min(520px,calc(100dvh - 32px))!important;
  }

  .auth-modal-back .login-auth-box .auth-form {
    padding:26px 20px 20px!important;
  }

  .auth-modal-back .login-auth-box .auth-fields {
    flex:0 1 auto!important;
    overflow-y:auto!important;
  }

  .login-modal-close {
    position:absolute;
    top:10px;
    right:10px;
    z-index:5;
    width:34px;
    height:34px;
    padding:0;
    border:1px solid rgba(255,255,255,.12);
    border-radius:11px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#20272b;
    color:#fff;
    font-size:23px;
    line-height:1;
  }
}

/* Final mobile priority: the legacy stylesheet contains earlier header/nav overrides. */
@media (max-width:760px) {
  .topbar.mobile-header {
    box-sizing:border-box!important;
    height:calc(86px + env(safe-area-inset-top))!important;
    min-height:calc(86px + env(safe-area-inset-top))!important;
    padding:env(safe-area-inset-top) max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:0!important;
    overflow:visible!important;
  }
  .topbar.mobile-header .nav { display:none!important; }
  .topbar.mobile-header .mobile-header-logo {
    position:static!important;
    grid-column:2!important;
    justify-self:center!important;
    width:clamp(130px,36vw,145px)!important;
    min-width:0!important;
    max-width:145px!important;
    height:50px!important;
    margin:0!important;
    transform:none!important;
    background:none!important;
    z-index:2!important;
  }
  .topbar.mobile-header .mobile-header-logo .clean-logo {
    content:normal!important;
    width:100%!important;
    min-width:0!important;
    max-width:145px!important;
    height:50px!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center!important;
    background:none!important;
  }
  .topbar.mobile-header .mobile-header-logo::before,
  .topbar.mobile-header .mobile-header-logo::after,
  .topbar.mobile-header .clean-logo::before,
  .topbar.mobile-header .clean-logo::after { content:none!important;display:none!important;background:none!important;background-image:none!important; }
  .topbar.mobile-header .mobile-header-actions {
    position:static!important;
    grid-column:3!important;
    justify-self:end!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    transform:none!important;
    overflow:visible!important;
    z-index:3!important;
  }
  .topbar.mobile-header .mobile-header-actions .btn,
  .topbar.mobile-header .mobile-header-actions button[onclick*="loginModal"],
  .topbar.mobile-header .mobile-header-actions button[onclick*="registerModal"] {
    flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;
    height:38px!important;min-height:38px!important;padding:0 3px!important;border-radius:12px!important;
    font-size:10px!important;line-height:1.05!important;overflow:hidden!important;white-space:normal!important;
  }
  .topbar.mobile-header .mobile-header-actions .btn.primary,
  .topbar.mobile-header .mobile-header-actions button[onclick*="registerModal"] {
    flex-basis:52px!important;width:52px!important;min-width:52px!important;max-width:52px!important;
  }
  .mobile-menu-button {
    top:calc(env(safe-area-inset-top) + 22px)!important;left:max(10px,env(safe-area-inset-left))!important;
    width:42px!important;height:42px!important;z-index:1000002!important;
  }
  .bb-bottom-nav-real > button { border:0!important;background:transparent!important;color:#8d969d!important; }
  .bb-bottom-nav-real > button img {
    width:28px!important;height:28px!important;background:transparent!important;
    filter:grayscale(1) saturate(0) brightness(1.25)!important;opacity:.68!important;
  }
  .bb-bottom-nav-real > button.active,
  .bb-bottom-nav-real > button.active b { color:#65ff35!important; }
  .bb-bottom-nav-real > button.active img { filter:none!important;opacity:1!important; }
  .bb-bottom-nav-real .bb-mobile-coupon-badge {
    position:absolute!important;top:2px!important;right:22%!important;z-index:2!important;
    min-width:20px!important;height:20px!important;padding:0 5px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border:2px solid #11171c!important;border-radius:999px!important;background:#65ff35!important;
    color:#07110c!important;font-size:10px!important;font-style:normal!important;font-weight:1000!important;
    line-height:1!important;box-shadow:none!important;pointer-events:none!important;
  }
  .pro-odds .odd.selected {
    border-color:#65ff35!important;background:rgba(101,255,53,.18)!important;color:#65ff35!important;
    box-shadow:inset 0 0 0 1px rgba(101,255,53,.28),0 0 14px rgba(101,255,53,.12)!important;
  }
  .pro-odds .odd.selected span,
  .pro-odds .odd.selected b { color:#65ff35!important; }
}

@media (max-width:360px) {
  .topbar.mobile-header .mobile-header-logo { width:clamp(108px,35vw,125px)!important;height:46px!important; }
  .topbar.mobile-header .mobile-header-logo .clean-logo { max-width:125px!important;height:46px!important; }
  .topbar.mobile-header .mobile-header-actions { gap:3px!important; }
  .topbar.mobile-header .mobile-header-actions .btn,
  .topbar.mobile-header .mobile-header-actions button[onclick*="loginModal"] {
    flex-basis:44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;font-size:9px!important;
  }
  .topbar.mobile-header .mobile-header-actions .btn.primary,
  .topbar.mobile-header .mobile-header-actions button[onclick*="registerModal"] {
    flex-basis:50px!important;width:50px!important;min-width:50px!important;max-width:50px!important;
  }
}

/* Mobile sportsbook demo. Kept inside the mobile breakpoint so desktop remains unchanged. */
@media (max-width:760px) {
  .topbar.mobile-header {
    height:calc(64px + env(safe-area-inset-top))!important;
    min-height:calc(64px + env(safe-area-inset-top))!important;
  }
  .topbar.mobile-header .mobile-header-logo {
    width:clamp(120px,34vw,135px)!important;
    max-width:135px!important;
    height:46px!important;
  }
  .topbar.mobile-header .mobile-header-logo picture {
    width:100%;
    height:100%;
    display:block;
  }
  .topbar.mobile-header .mobile-header-logo .clean-logo {
    width:100%!important;
    max-width:135px!important;
    height:46px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .mobile-menu-button {
    top:calc(env(safe-area-inset-top) + 11px)!important;
  }

  .mobile-sportsbook {
    --sb-green:#65ff35;
    width:min(100%,620px);
    min-height:calc(100dvh - 64px - env(safe-area-inset-top));
    margin:0 auto;
    padding:12px 0 calc(92px + env(safe-area-inset-bottom));
    color:#f5f7f6;
    overflow:hidden;
  }
  .sportsbook-head {
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  .sportsbook-head small,.sportsbook-list-head small {
    display:block;
    color:var(--sb-green);
    font-size:9px;
    font-weight:1000;
    letter-spacing:1.25px;
  }
  .sportsbook-head h1 {
    margin:3px 0 0;
    font-size:24px;
    line-height:1.05;
    letter-spacing:-.5px;
  }
  .sportsbook-head > button {
    flex:0 0 42px;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid rgba(255,255,255,.1);
    border-radius:13px;
    background:#1a2024;
    color:#fff;
    font-size:25px;
    line-height:1;
  }
  .sportsbook-search {
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition:max-height .2s ease,opacity .2s ease,margin .2s ease;
  }
  .sportsbook-search.open { max-height:54px;opacity:1;margin:7px 0 10px; }
  .sportsbook-search input {
    box-sizing:border-box;
    width:100%;
    height:44px;
    padding:0 14px;
    border:1px solid rgba(101,255,53,.3);
    border-radius:13px;
    outline:none;
    background:#12181b;
    color:#fff;
    font-size:13px;
    font-weight:700;
  }
  .sportsbook-search input:focus { border-color:var(--sb-green);box-shadow:0 0 0 3px rgba(101,255,53,.08); }
  .sportsbook-tabs {
    height:47px;
    padding:4px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:14px;
    background:#111619;
  }
  .sportsbook-tabs button {
    position:relative;
    min-width:0;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#879197;
    font-size:12px;
    font-weight:950;
  }
  .sportsbook-tabs button.active { background:#20272b;color:var(--sb-green);box-shadow:inset 0 -2px 0 var(--sb-green); }
  .sportsbook-tabs button i {
    width:5px;height:5px;margin-left:5px;display:inline-block;vertical-align:2px;
    border-radius:50%;background:#ff435b;box-shadow:0 0 8px rgba(255,67,91,.8);
  }
  .sportsbook-sports {
    display:flex;
    gap:8px;
    margin:12px -12px 0;
    padding:0 12px 8px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
  }
  .sportsbook-sports::-webkit-scrollbar,.sportsbook-leagues::-webkit-scrollbar { display:none; }
  .sportsbook-sports button {
    flex:0 0 69px;
    min-width:69px;
    height:66px;
    padding:7px 4px 6px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:14px;
    background:#171d20;
    color:#8f999e;
  }
  .sportsbook-sports button span {
    width:28px;height:28px;display:flex;align-items:center;justify-content:center;
    border-radius:10px;background:#242c30;color:#dce3e0;font-size:17px;font-weight:1000;
  }
  .sportsbook-sports button b { font-size:9px;white-space:nowrap; }
  .sportsbook-sports button.active { border-color:rgba(101,255,53,.45);background:rgba(101,255,53,.1);color:var(--sb-green); }
  .sportsbook-sports button.active span { background:var(--sb-green);color:#071009;box-shadow:0 0 15px rgba(101,255,53,.2); }
  .sportsbook-date-filters {
    margin:10px 0 2px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }
  .sportsbook-date-filters button {
    min-width:0;
    height:36px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:11px;
    background:#171d20;
    color:#899399;
    font-size:10px;
    font-weight:950;
  }
  .sportsbook-date-filters button.active { border-color:var(--sb-green);background:var(--sb-green);color:#071009; }
  .sportsbook-leagues {
    max-height:244px;
    margin:11px 0 3px;
    display:grid;
    gap:6px;
    overflow-y:auto;
    scrollbar-width:none;
  }
  .sportsbook-leagues button {
    min-height:48px;
    padding:7px 10px;
    display:grid;
    grid-template-columns:32px minmax(0,1fr) auto 18px;
    align-items:center;
    gap:8px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:#171d20;
    color:#e9eeeb;
    text-align:left;
  }
  .sportsbook-leagues button > span { width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#232a2e;color:#788287;font-size:12px; }
  .sportsbook-leagues button b { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px; }
  .sportsbook-leagues button small { color:#788287;font-size:9px;font-weight:800; }
  .sportsbook-leagues button i { color:#788287;font-size:20px;font-style:normal; }
  .sportsbook-leagues button.active { border-color:rgba(101,255,53,.45);background:rgba(101,255,53,.09); }
  .sportsbook-leagues button.active > span,.sportsbook-leagues button.active b,.sportsbook-leagues button.active i { color:var(--sb-green); }
  .sportsbook-list-head {
    min-height:55px;
    padding:11px 2px 8px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:10px;
  }
  .sportsbook-list-head h2 { margin:2px 0 0;font-size:16px;line-height:1.1; }
  .sportsbook-list-head > span { color:#778187;font-size:9px;font-weight:850;white-space:nowrap; }
  .sportsbook-event-list { display:grid;gap:9px; }
  .sportsbook-event {
    padding:11px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:15px;
    background:linear-gradient(180deg,#191f23,#14191c);
    box-shadow:0 10px 24px rgba(0,0,0,.2);
  }
  .sportsbook-event > header { min-height:25px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px; }
  .sportsbook-event-meta { min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden; }
  .sportsbook-event-meta > span:last-child { min-width:0;overflow:hidden;color:#7e898f;font-size:9px;font-weight:850;text-overflow:ellipsis;white-space:nowrap; }
  .sportsbook-event-meta > b { color:#dfe6e2;font-size:10px;white-space:nowrap; }
  .sportsbook-live {
    height:20px;padding:0 7px;display:flex;align-items:center;gap:4px;
    border-radius:7px;background:rgba(255,61,83,.13);color:#ff5369!important;font-size:8px!important;font-weight:1000!important;
  }
  .sportsbook-live i { width:5px;height:5px;border-radius:50%;background:#ff435b;box-shadow:0 0 7px #ff435b;animation:sportsbookPulse 1.25s infinite; }
  .sportsbook-time { height:20px;padding:0 8px;display:flex;align-items:center;border-radius:7px;background:rgba(101,255,53,.11);color:var(--sb-green)!important;font-size:10px!important;font-weight:1000!important; }
  @keyframes sportsbookPulse { 50%{opacity:.35} }
  .sportsbook-favorite {
    flex:0 0 26px;width:26px;height:26px;padding:0;border:0;background:transparent;color:#6f797e;font-size:21px;line-height:1;
  }
  .sportsbook-favorite.active { color:#ffe05b; }
  .sportsbook-fixture { min-height:64px;padding:5px 1px 8px;display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:8px; }
  .sportsbook-teams { min-width:0;display:grid;gap:6px; }
  .sportsbook-teams > div { min-width:0;display:flex;align-items:center;gap:8px; }
  .sportsbook-team-logo {
    flex:0 0 25px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;
    overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#252c30;color:#a9b2b6;font-size:8px;font-weight:1000;
  }
  .sportsbook-team-logo img { width:21px;height:21px;display:block;object-fit:contain; }
  .sportsbook-teams strong { min-width:0;overflow:hidden;color:#f4f6f5;font-size:11px;text-overflow:ellipsis;white-space:nowrap; }
  .sportsbook-score { color:var(--sb-green);font-size:13px;font-weight:1000;line-height:24px;text-align:center; }
  .sportsbook-market { padding-top:9px;border-top:1px solid rgba(255,255,255,.055); }
  .sportsbook-market-label { display:block;margin-bottom:6px;color:#69747a;font-size:8px;font-weight:850; }
  .sportsbook-odds { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 42px;gap:5px; }
  .sportsbook-odd {
    min-width:0;height:40px;padding:0 7px;display:flex;align-items:center;justify-content:space-between;gap:4px;
    border:1px solid rgba(255,255,255,.075);border-radius:9px;background:#242b2f;color:#eef2f0;
  }
  .sportsbook-odd small { color:#778187;font-size:9px;font-weight:900; }
  .sportsbook-odd strong { font-size:11px; }
  .sportsbook-odd.selected {
    border-color:var(--sb-green)!important;background:rgba(101,255,53,.15)!important;color:var(--sb-green)!important;
    box-shadow:inset 0 0 0 1px rgba(101,255,53,.16),0 0 12px rgba(101,255,53,.08)!important;
  }
  .sportsbook-odd.selected small { color:var(--sb-green); }
  .sportsbook-more {
    min-width:0;height:40px;padding:0 3px;border:1px solid rgba(101,255,53,.15);border-radius:9px;
    background:rgba(101,255,53,.07);color:var(--sb-green);font-size:9px;font-weight:1000;
  }
  .sportsbook-more-link { width:100%;margin-top:8px;padding:8px 0 0;border:0;border-top:1px solid rgba(255,255,255,.045);background:transparent;color:#8d979b;font-size:9px;font-weight:900;text-align:right; }
  .sportsbook-more-link span { margin-left:4px;color:var(--sb-green);font-size:14px; }
  .sportsbook-empty { min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.1);border-radius:15px;background:#14191c;text-align:center; }
  .sportsbook-empty span { color:var(--sb-green);font-size:32px; }
  .sportsbook-empty b { margin-top:8px;font-size:13px; }
  .sportsbook-empty p { margin:5px 0 0;color:#758087;font-size:10px; }
}

@media (max-width:360px) {
  .topbar.mobile-header .mobile-header-logo { width:clamp(105px,34vw,115px)!important;max-width:115px!important;height:44px!important; }
  .topbar.mobile-header .mobile-header-logo .clean-logo { max-width:115px!important;height:44px!important; }
  .sportsbook-odds { grid-template-columns:repeat(3,minmax(0,1fr)) 38px;gap:4px; }
  .sportsbook-odd { padding:0 5px; }
  .sportsbook-sports button { flex-basis:65px;min-width:65px; }
}

/* Gamble Hub Stage casino client — mobile only; desktop casino keeps its current renderer. */
@media (max-width:760px) {
  .gamblehub-casino {
    width:min(100%,620px);
    min-height:calc(100dvh - 64px - env(safe-area-inset-top));
    margin:0 auto;
    padding:12px 0 calc(92px + env(safe-area-inset-bottom));
    color:#f5f7f6;
  }
  .gamblehub-hero {
    min-height:96px;
    padding:16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border:1px solid rgba(101,255,53,.18);
    border-radius:18px;
    background:radial-gradient(circle at 88% 15%,rgba(101,255,53,.16),transparent 35%),linear-gradient(135deg,#171e21,#101517);
  }
  .gamblehub-hero small { color:#65ff35;font-size:9px;font-weight:1000;letter-spacing:1.2px; }
  .gamblehub-hero h1 { margin:4px 0 3px;font-size:22px;line-height:1.05; }
  .gamblehub-hero p { margin:0;color:#7f8a90;font-size:10px;font-weight:750; }
  .gamblehub-hero > strong {
    flex:0 0 47px;width:47px;height:47px;display:flex;align-items:center;justify-content:center;
    border:1px solid rgba(101,255,53,.25);border-radius:14px;background:rgba(101,255,53,.1);color:#65ff35;font-size:17px;
  }
  .gamblehub-stage-label {
    min-height:38px;
    margin:10px 0;
    padding:0 12px;
    display:flex;
    align-items:center;
    gap:8px;
    border:1px solid rgba(255,204,74,.15);
    border-radius:12px;
    background:rgba(255,204,74,.065);
    color:#d8c99a;
    font-size:9px;
    font-weight:900;
  }
  .gamblehub-stage-label i { width:7px;height:7px;border-radius:50%;background:#ffcc4a;box-shadow:0 0 9px rgba(255,204,74,.5); }
  .gamblehub-games-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }
  .gamblehub-game-card {
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.07);
    border-radius:15px;
    background:#171d20;
    box-shadow:0 10px 24px rgba(0,0,0,.2);
  }
  .gamblehub-game-image { position:relative;height:116px;overflow:hidden;background:#222a2e; }
  .gamblehub-game-image img { width:100%;height:100%;display:block;object-fit:cover; }
  .gamblehub-game-image > span {
    position:absolute;left:7px;bottom:7px;max-width:calc(100% - 14px);padding:4px 7px;
    overflow:hidden;border-radius:7px;background:rgba(5,10,12,.82);color:#e7ece9;font-size:8px;font-weight:900;text-overflow:ellipsis;white-space:nowrap;
  }
  .gamblehub-game-info { padding:9px;display:grid;gap:5px; }
  .gamblehub-game-info b { min-width:0;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap; }
  .gamblehub-game-info small { color:#778188;font-size:8px;font-weight:800; }
  .gamblehub-game-info button {
    width:100%;height:34px;margin-top:2px;border:0;border-radius:9px;background:#65ff35;color:#071009;font-size:10px;font-weight:1000;
  }
  .gamblehub-game-info button:disabled { background:#272e32;color:#707a80;cursor:not-allowed; }
  .gamblehub-loading {
    min-height:calc(100dvh - 150px);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:13px;
    color:#aeb7b2;
    font-size:12px;
  }
  .gamblehub-loading > span {
    width:34px;height:34px;border:3px solid rgba(101,255,53,.15);border-top-color:#65ff35;border-radius:50%;animation:gamblehubSpin .8s linear infinite;
  }
  @keyframes gamblehubSpin { to{transform:rotate(360deg)} }
}

@media (max-width:340px) {
  .gamblehub-games-grid { gap:7px; }
  .gamblehub-game-image { height:104px; }
}

/* Canonical mobile header: menu left, logo centered, auth actions right. */
@media (max-width:760px) {
  .topbar.mobile-header {
    position:sticky!important;
    height:calc(64px + env(safe-area-inset-top))!important;
    min-height:calc(64px + env(safe-area-inset-top))!important;
    padding:env(safe-area-inset-top) max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left))!important;
    display:flex!important;
    align-items:center!important;
    overflow:visible!important;
  }

  .topbar.mobile-header .mobile-header-logo {
    position:absolute!important;
    top:calc(env(safe-area-inset-top) + 7px)!important;
    left:50%!important;
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
    height:50px!important;
    margin:0!important;
    transform:translateX(-50%)!important;
  }

  .topbar.mobile-header .mobile-header-logo picture,
  .topbar.mobile-header .mobile-header-logo .clean-logo {
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
    height:50px!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  .topbar.mobile-header .mobile-header-actions {
    position:relative!important;
    width:auto!important;
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    z-index:3!important;
  }

  .topbar.mobile-header .mobile-header-actions .btn,
  .topbar.mobile-header .mobile-header-actions button[onclick*="loginModal"],
  .topbar.mobile-header .mobile-header-actions button[onclick*="registerModal"] {
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 3px!important;
    font-size:10px!important;
    line-height:1.05!important;
    white-space:normal!important;
  }

  .topbar.mobile-header .mobile-header-actions .btn.primary,
  .topbar.mobile-header .mobile-header-actions button[onclick*="registerModal"] {
    flex-basis:52px!important;
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
  }

  .mobile-menu-button {
    top:calc(env(safe-area-inset-top) + 11px)!important;
    left:max(10px,env(safe-area-inset-left))!important;
    width:42px!important;
    height:42px!important;
  }
}

/* Final GalaxyBet asset guarantees. */
.mobile-menu-head > img,
.brand-logo .clean-logo,
.footer-brand .clean-logo {
  object-fit:contain !important;
  transform:scale(1.55) !important;
  transform-origin:center !important;
}

.hero-slider .hero-slide-img,
.mobile-hero-slider .mobile-hero-slide {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* GalaxyBet campaign artwork: preserve the complete source artwork at every size. */
.hero-slider,
.mobile-hero-slider {
  aspect-ratio:2.02 / 1 !important;
  height:auto !important;
  max-height:none !important;
  background:#030604 !important;
}

.promo-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.promo.promo-img-card {
  min-height:0;
  aspect-ratio:2.02 / 1;
  padding:0;
  display:block;
  overflow:hidden;
  border:1px solid rgba(101,255,53,.18);
  background:#030604;
  box-shadow:0 15px 34px rgba(0,0,0,.3);
  cursor:pointer;
}

.promo.promo-img-card img,
.mobile-promo-card img {
  width:100%;
  height:100%;
  display:block;
  object-fit:contain !important;
  object-position:center;
}

.promo.promo-img-card:hover {
  border-color:rgba(101,255,53,.48);
  transform:translateY(-3px);
  box-shadow:0 20px 42px rgba(0,0,0,.4),0 0 24px rgba(101,255,53,.08);
}

.promo-page-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}

.campaign-card {
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(101,255,53,.15);
  border-radius:20px;
  background:linear-gradient(180deg,#111817,#080d0c);
  box-shadow:0 20px 48px rgba(0,0,0,.32);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.campaign-card:hover {
  transform:translateY(-5px);
  border-color:rgba(101,255,53,.42);
  box-shadow:0 28px 58px rgba(0,0,0,.42),0 0 30px rgba(101,255,53,.07);
}

.campaign-card-media {
  width:100%;
  aspect-ratio:2 / 1;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#020403;
}

.campaign-card-media img {
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
}

.campaign-card-footer {
  min-height:76px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-top:1px solid rgba(255,255,255,.07);
}

.campaign-card-footer > div { display:grid;gap:3px; }
.campaign-card-footer span { color:#65ff35;font-size:9px;font-weight:900;letter-spacing:1.3px; }
.campaign-card-footer strong { color:#f5f8f6;font-size:16px; }
.campaign-cta {
  min-width:92px;
  height:38px;
  padding:0 14px;
  border:0;
  border-radius:11px;
  background:#65ff35;
  color:#071009;
  font-weight:1000;
  cursor:pointer;
}
.campaign-cta span { margin-left:5px;color:inherit;font-size:15px;letter-spacing:0; }

@media (max-width:1000px) {
  .promo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:760px) {
  .mobile-hero-slider {
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:2.02 / 1 !important;
  }

  .promo-grid {
    display:flex !important;
    grid-template-columns:none;
  }

  .promo.promo-img-card {
    flex:0 0 86%;
    min-height:0 !important;
  }

  .promo-page-grid {
    grid-template-columns:1fr;
    gap:15px;
  }

  .campaign-card { border-radius:16px; }
  .campaign-card-footer { min-height:66px;padding:11px 12px; }
  .campaign-card-footer strong { font-size:14px; }
  .campaign-cta { min-width:82px;height:36px; }
}

/* Requested premium refinements: keep the current components and adjust only their presentation. */
@media (min-width:761px) {
  .topbar > .brand-logo { margin-left:18px!important; }
  .topbar .nav { gap:clamp(12px,1.45vw,24px);font-family:Inter,"Plus Jakarta Sans",Manrope,Arial,sans-serif; }
  .topbar .nav a { font-size:13px;font-weight:700;letter-spacing:.01em; }

  .hero-slider {
    aspect-ratio:2.52 / 1!important;
  }
  .hero-slider .hero-slide-img { object-fit:cover!important; }
  .hero-slider .hero-arrow { display:grid!important; }
}

.hero-slider .hero-dots,
.mobile-hero-slider .mobile-hero-dots {
  max-width:calc(100% - 120px);
  gap:4px!important;
}

.campaign-card-footer > div { min-width:0;flex:1; }
.campaign-card-footer p {
  max-width:620px;
  margin:4px 0 0;
  color:#87938c;
  font-size:11px;
  line-height:1.45;
}

@media (max-width:760px) {
  .topbar.mobile-header .mobile-header-logo .clean-logo { transform:scale(2)!important; }
  .mobile-hero-dots button { width:6px!important;height:6px!important;min-width:6px!important; }
  .mobile-hero-dots button.active { width:18px!important;min-width:18px!important; }
  .campaign-card-footer { align-items:flex-end; }
  .campaign-card-footer p { font-size:10px;line-height:1.4; }
}

/* GalaxyBet final responsive polish. */
.hero-slider > .hero-dots,
.mobile-hero-slider > .mobile-hero-dots {
  display:none!important;
}

@media (min-width:761px) {
  .topbar {
    padding-left:24px!important;
  }

  .topbar > .brand-logo {
    margin-left:0!important;
    transform:none!important;
  }

  .topbar > .brand-logo .clean-logo {
    transform:scale(1.86)!important;
  }

  .topbar .nav {
    font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",sans-serif!important;
  }

  .topbar .nav a {
    position:relative;
    padding:27px 0 25px;
    color:#eef5f0;
    font-size:13px;
    font-weight:800!important;
    letter-spacing:.018em!important;
    opacity:.96;
    transition:color .22s ease,transform .22s ease,text-shadow .22s ease;
  }

  .topbar .nav a::after {
    content:"";
    position:absolute;
    right:50%;
    bottom:17px;
    left:50%;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,#b5ff72,#49ef42);
    box-shadow:0 0 12px rgba(101,255,53,.58);
    transition:right .24s ease,left .24s ease;
  }

  .topbar .nav a:hover,
  .topbar .nav a:focus-visible {
    color:#fff;
    transform:translateY(-1px);
    text-shadow:0 0 16px rgba(101,255,53,.3);
  }

  .topbar .nav a:hover::after,
  .topbar .nav a:focus-visible::after {
    right:0;
    left:0;
  }

  .hero-slider {
    aspect-ratio:192 / 65!important;
    max-height:650px!important;
  }
}

@media (max-width:760px) {
  .topbar.mobile-header .mobile-header-logo,
  .topbar.mobile-header .mobile-header-logo picture,
  .topbar.mobile-header .mobile-header-logo .clean-logo {
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
  }

  .topbar.mobile-header .mobile-header-logo .clean-logo {
    transform:scale(3)!important;
    transform-origin:center!important;
  }
}

.campaign-detail-page {
  width:min(1220px,100%);
  margin:24px auto 70px;
}

.campaign-back {
  margin:0 0 16px;
  padding:9px 0;
  border:0;
  background:transparent;
  color:#9da9a2;
  font-weight:800;
  transition:color .2s ease,transform .2s ease;
}

.campaign-back:hover { color:#65ff35;transform:translateX(-3px); }

.campaign-detail-hero {
  position:relative;
  overflow:hidden;
  min-height:360px;
  display:grid;
  align-items:end;
  border:1px solid rgba(101,255,53,.2);
  border-radius:26px;
  background:#030604;
  box-shadow:0 28px 70px rgba(0,0,0,.4);
}

.campaign-detail-hero::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(2,5,3,.98) 0%,rgba(2,5,3,.78) 37%,rgba(2,5,3,.06) 72%);
}

.campaign-detail-hero img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.campaign-detail-hero > div { position:relative;z-index:1;width:min(560px,60%);padding:44px; }
.campaign-detail-hero span,
.campaign-join-card > span,
.campaign-rules > span { color:#65ff35;font-size:11px;font-weight:900;letter-spacing:1.8px; }
.campaign-detail-hero h1 { margin:8px 0 12px;color:#fff;font-size:clamp(30px,4vw,54px);line-height:1.04; }
.campaign-detail-hero p { margin:0;color:#bec8c2;font-size:15px;line-height:1.7; }

.campaign-detail-grid { margin-top:22px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:22px; }
.campaign-facts,
.campaign-join-card,
.campaign-rules { border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(155deg,rgba(18,27,23,.97),rgba(7,12,10,.98));box-shadow:0 18px 46px rgba(0,0,0,.26); }
.campaign-facts { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden; }
.campaign-facts > div { min-height:102px;padding:21px 24px;display:flex;flex-direction:column;gap:8px;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07); }
.campaign-facts span { color:#7f8d85;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.campaign-facts strong { color:#f6faf7;font-size:15px;line-height:1.45; }
.campaign-join-card { padding:28px; }
.campaign-join-card h2,.campaign-rules h2 { margin:8px 0 18px;color:#fff;font-size:23px; }
.campaign-join-card ol { margin:0 0 24px;padding-left:21px;color:#b5c0b9;line-height:1.65; }
.campaign-join-card li + li { margin-top:10px; }
.campaign-join-card .campaign-cta { width:100%; }
.campaign-rules { margin-top:22px;padding:30px; }
.campaign-rules ul { margin:0;padding-left:20px;display:grid;gap:11px;color:#aeb9b2;font-size:14px;line-height:1.55; }
.campaign-rules li::marker { color:#65ff35; }

@media (max-width:760px) {
  .campaign-detail-page { margin:14px auto 110px; }
  .campaign-detail-hero { min-height:390px;border-radius:19px;align-items:end; }
  .campaign-detail-hero::after { background:linear-gradient(0deg,rgba(2,5,3,.98) 0%,rgba(2,5,3,.76) 54%,rgba(2,5,3,.12) 100%); }
  .campaign-detail-hero img { object-position:center; }
  .campaign-detail-hero > div { width:100%;padding:24px 20px; }
  .campaign-detail-hero h1 { font-size:30px; }
  .campaign-detail-grid { grid-template-columns:1fr;gap:15px; }
  .campaign-facts { grid-template-columns:1fr; }
  .campaign-facts > div { min-height:0;padding:17px 19px;border-right:0; }
  .campaign-join-card,.campaign-rules { padding:22px 19px;border-radius:18px; }
}

/* Canonical premium header */
.topbar {
  padding:0 !important;
  border-bottom-color:rgba(255,255,255,.075) !important;
  background:linear-gradient(180deg,rgba(9,15,12,.97),rgba(5,10,8,.94)) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.22) !important;
}

.topbar-inner {
  width:min(1440px,calc(100% - 48px));
  height:100%;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:clamp(20px,2.2vw,38px);
}

.topbar-inner > .brand-logo {
  flex:0 0 205px !important;
  width:205px !important;
  min-width:205px !important;
  height:76px !important;
  margin:0 !important;
  padding:0 !important;
  justify-content:center !important;
  overflow:hidden !important;
  transform:none !important;
}

.topbar-inner > .brand-logo picture {
  width:205px;
  height:76px;
  display:block;
}

.topbar-inner > .brand-logo .clean-logo {
  width:205px !important;
  min-width:205px !important;
  max-width:205px !important;
  height:76px !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:scale(2.48) !important;
  transform-origin:center !important;
  filter:drop-shadow(0 7px 16px rgba(101,255,53,.22)) !important;
}

.topbar-inner .nav {
  flex:1 1 auto;
  min-width:0;
  justify-content:center;
  gap:clamp(11px,1.15vw,20px) !important;
  font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif !important;
}

.topbar-inner .nav a {
  padding:30px 0 28px !important;
  color:#bdc8c1 !important;
  font-size:12px !important;
  font-weight:780 !important;
  letter-spacing:.025em !important;
  white-space:nowrap;
  transition:color .2s ease,transform .2s ease,text-shadow .2s ease !important;
}

.topbar-inner .nav a:hover,
.topbar-inner .nav a:focus-visible { color:#fff !important; }

.premium-crown-icon {
  width:16px;
  height:16px;
  fill:rgba(245,196,81,.14);
  stroke:#f5c451;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.nav-vip { display:inline-flex;align-items:center;gap:5px;color:#f5d57b !important; }
.nav-vip .premium-crown-icon { width:15px;height:15px;transition:transform .2s ease; }
.nav-vip:hover .premium-crown-icon { transform:translateY(-2px) rotate(-5deg); }

.topbar-inner .actions { flex:0 0 auto;gap:8px; }
.header-account { position:relative; }

.header-account-trigger {
  height:56px;
  min-width:252px;
  padding:6px 10px 6px 7px;
  display:grid;
  grid-template-columns:42px minmax(74px,1fr) auto 16px;
  gap:9px;
  align-items:center;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(21,32,27,.96),rgba(10,17,13,.98));
  color:#edf3ef;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.2);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.header-account-trigger:hover,
.header-account.open .header-account-trigger {
  transform:translateY(-1px);
  border-color:rgba(101,255,53,.28);
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 14px 30px rgba(0,0,0,.28),0 0 22px rgba(101,255,53,.055);
}

.header-avatar {
  width:42px;
  height:42px;
  position:relative;
  display:grid;
  place-items:center;
  border:1px solid rgba(101,255,53,.27);
  border-radius:13px;
  background:linear-gradient(145deg,#193123,#0b1710);
  color:#8aff62;
  font-size:15px;
  font-weight:950;
  box-shadow:inset 0 0 18px rgba(101,255,53,.07);
}

.header-avatar i { position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border:2px solid #0c1410;border-radius:50%;background:#65ff35;box-shadow:0 0 8px rgba(101,255,53,.7); }
.header-account-copy,.header-wallet { min-width:0;text-align:left; }
.header-account-copy small,.header-account-copy strong,.header-wallet small,.header-wallet strong { display:flex;align-items:center; }
.header-account-copy small { gap:4px;color:#bda65f;font-size:7px;font-weight:900;letter-spacing:.09em; }
.header-account-copy small .premium-crown-icon { width:11px;height:11px; }
.header-account-copy strong { max-width:92px;margin-top:4px;overflow:hidden;color:#f2f6f3;font-size:11px;text-overflow:ellipsis;white-space:nowrap; }
.header-wallet { padding-left:10px;border-left:1px solid rgba(255,255,255,.07); }
.header-wallet small { color:#67756d;font-size:7px;font-weight:900;letter-spacing:.12em; }
.header-wallet strong { margin-top:4px;color:#8cff66;font-size:11px;white-space:nowrap; }
.header-account-chevron { width:16px;height:16px;fill:none;stroke:#728078;stroke-width:1.8;transition:transform .2s ease; }
.header-account.open .header-account-chevron { transform:rotate(180deg); }

.header-account-menu {
  width:252px;
  padding:8px;
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:500;
  visibility:hidden;
  opacity:0;
  transform:translateY(-7px) scale(.98);
  border:1px solid rgba(101,255,53,.14);
  border-radius:17px;
  background:linear-gradient(165deg,#121d18,#080e0b 72%);
  box-shadow:0 24px 60px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.035);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}

.header-account.open .header-account-menu { visibility:visible;opacity:1;transform:none; }
.header-account-menu-head { margin-bottom:6px;padding:8px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.065); }
.header-account-menu-head .header-avatar { width:38px;height:38px;border-radius:12px; }
.header-account-menu-head small,.header-account-menu-head strong { display:block; }
.header-account-menu-head small { color:#65ff35;font-size:7px;font-weight:900;letter-spacing:.12em; }
.header-account-menu-head strong { margin-top:4px;color:#edf3ef;font-size:11px; }
.header-account-menu > button { width:100%;height:39px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:10px;background:transparent;color:#a9b5ae;font-size:10px;font-weight:800;transition:background .18s ease,color .18s ease,transform .18s ease; }
.header-account-menu > button:hover { padding-left:13px;background:rgba(101,255,53,.075);color:#eaffE4; }
.header-account-menu > button span { display:flex;align-items:center;gap:7px; }
.header-account-menu > button .premium-crown-icon { width:13px;height:13px; }
.header-account-menu > button b { color:#627068;font-size:14px; }
.header-account-menu > .header-account-logout { margin-top:5px;border-top:1px solid rgba(255,255,255,.055);border-radius:0 0 10px 10px;color:#d88b8b; }

.vip-crown { display:grid;place-items:center; }
.vip-crown .premium-crown-icon { width:58px;height:58px;filter:drop-shadow(0 8px 18px rgba(245,196,81,.3)); }

@media (max-width:1180px) and (min-width:761px) {
  .topbar-inner { width:calc(100% - 28px);gap:16px; }
  .topbar-inner > .brand-logo,.topbar-inner > .brand-logo picture,.topbar-inner > .brand-logo .clean-logo { width:170px !important;min-width:170px !important;max-width:170px !important; }
  .topbar-inner .nav { gap:11px !important; }
  .topbar-inner .nav a { font-size:10px !important; }
  .header-account-trigger { min-width:190px;grid-template-columns:38px minmax(60px,1fr) auto 14px;gap:7px; }
  .header-avatar { width:38px;height:38px; }
  .header-wallet { display:none; }
}

@media (max-width:760px) {
  .topbar.mobile-header { height:calc(68px + env(safe-area-inset-top)) !important;min-height:calc(68px + env(safe-area-inset-top)) !important; }
  .topbar.mobile-header .topbar-inner { width:100%;height:100%;padding:env(safe-area-inset-top) max(9px,env(safe-area-inset-right)) 0 max(9px,env(safe-area-inset-left));position:relative; }
  .topbar.mobile-header .topbar-inner > .mobile-header-logo { width:136px !important;min-width:136px !important;max-width:136px !important;height:58px !important;top:calc(env(safe-area-inset-top) + 5px) !important;left:50% !important;position:absolute !important;transform:translateX(-50%) !important; }
  .topbar.mobile-header .mobile-header-logo picture,.topbar.mobile-header .mobile-header-logo .clean-logo { width:136px !important;min-width:136px !important;max-width:136px !important;height:58px !important; }
  .topbar.mobile-header .mobile-header-logo .clean-logo { transform:scale(2.48) !important;transform-origin:center !important; }
  .topbar.mobile-header .mobile-header-actions { position:absolute !important;top:calc(env(safe-area-inset-top) + 15px) !important;right:max(8px,env(safe-area-inset-right)) !important;margin:0 !important;transform:none !important; }
  .topbar.mobile-header .header-account-trigger { width:42px;min-width:42px;height:42px;padding:0;display:grid;grid-template-columns:1fr;border-radius:13px; }
  .topbar.mobile-header .header-account-trigger .header-avatar { width:40px;height:40px; }
  .topbar.mobile-header .header-account-copy,.topbar.mobile-header .header-wallet,.topbar.mobile-header .header-account-chevron { display:none; }
  .topbar.mobile-header .header-account-menu { width:min(252px,calc(100vw - 20px));right:0; }
  .topbar.mobile-header .notification-bell { width:38px;height:38px; }
}

/* Desktop-only header and natural-ratio banner layout. Mobile slider rules stay untouched. */
@media (min-width:761px) {
  .topbar-inner {
    width:min(1440px,calc(100% - 32px));
    min-width:0;
    box-sizing:border-box;
  }

  .topbar-inner .actions {
    min-width:0;
    margin:0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
  }

  .topbar-inner .actions > .btn {
    min-width:0;
    max-width:100%;
    white-space:nowrap;
  }

  .hero-slider {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:2172 / 724 !important;
    overflow:hidden;
  }

  .hero-slider .hero-slide-img {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    position:absolute;
    inset:0 auto auto 0 !important;
    transform:none !important;
    object-fit:unset !important;
    object-position:unset !important;
  }
}

@media (min-width:761px) and (max-width:1180px) {
  .topbar-inner { gap:12px; }
  .topbar-inner > .brand-logo,
  .topbar-inner > .brand-logo picture,
  .topbar-inner > .brand-logo .clean-logo {
    width:clamp(138px,16vw,170px) !important;
    min-width:clamp(138px,16vw,170px) !important;
    max-width:clamp(138px,16vw,170px) !important;
  }
  .topbar-inner .nav { gap:clamp(7px,.8vw,11px) !important; }
  .topbar-inner .nav a { font-size:clamp(9px,.9vw,10px) !important; }
  .topbar-inner .actions .btn { padding-inline:12px !important;font-size:11px !important; }
}

@media (min-width:761px) and (max-width:960px) {
  .topbar-inner { justify-content:space-between; }
  .topbar-inner .nav { display:none !important; }
  .topbar-inner .actions { margin-left:auto; }
}

/* Dynamic deposit account and IBAN administration. */
.dynamic-deposit-head { display:flex;align-items:center;gap:14px;margin-bottom:18px; }
.dynamic-deposit-head small { display:block;color:#718078;font-size:9px;font-weight:900;letter-spacing:.13em; }
.dynamic-deposit-head h3 { margin:5px 0 0;color:#f4f8f5; }
.deposit-bank-logo { width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:#26342d;color:#fff;font-size:11px;font-weight:1000;letter-spacing:-.03em;box-shadow:inset 0 1px rgba(255,255,255,.12),0 7px 18px rgba(0,0,0,.2); }
.deposit-bank-logo.large { width:52px;height:52px;border-radius:15px;font-size:14px; }
.bank-tone-0 { background:linear-gradient(145deg,#d71920,#7d080d); }
.bank-tone-1 { background:linear-gradient(145deg,#169b62,#075b3a); }
.bank-tone-2 { background:linear-gradient(145deg,#dc1d2e,#8a0c17); }
.bank-tone-3 { background:linear-gradient(145deg,#1f5fae,#113566); }
.bank-tone-4 { background:linear-gradient(145deg,#0054a6,#07325f); }
.bank-tone-5 { background:linear-gradient(145deg,#7a2b91,#431451); }
.bank-tone-6 { background:linear-gradient(145deg,#00a7b5,#075d65); }
.bank-tone-7 { background:linear-gradient(145deg,#ef6c25,#873811); }
.dynamic-iban-box b { overflow-wrap:anywhere;letter-spacing:.03em; }

.iban-admin-layout { display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start; }
.iban-admin-form-card,.iban-admin-table-card { min-width:0;padding:20px; }
.iban-admin-form-card { position:sticky;top:96px; }
.iban-admin-form-card .field { margin-top:14px; }
.iban-admin-form-card .field select { width:100%;height:46px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0c1511;color:#edf4ef; }
.iban-admin-form-card .field small { margin-top:7px;display:block;color:#718078;font-size:10px; }
.deposit-bank-preview { min-height:64px;margin:14px 0 4px;padding:11px;display:flex;align-items:center;gap:11px;border:1px solid rgba(101,255,53,.12);border-radius:14px;background:rgba(101,255,53,.035);color:#eef4f0; }
.iban-amount-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.iban-admin-table-wrap { width:100%;overflow:auto;overscroll-behavior-inline:contain; }
.iban-admin-table { width:100%;min-width:1120px;border-collapse:collapse;color:#aebbb3;font-size:11px; }
.iban-admin-table th { padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.09);color:#6f7e75;font-size:9px;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap; }
.iban-admin-table td { padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.055);vertical-align:middle; }
.iban-admin-table tbody tr:hover { background:rgba(255,255,255,.018); }
.iban-admin-table code { color:#dbe6df;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;white-space:nowrap; }
.iban-bank-cell { display:flex;align-items:center;gap:9px;color:#eef4f0;white-space:nowrap; }
.iban-bank-cell .deposit-bank-logo { width:32px;height:32px;border-radius:9px;font-size:9px; }
.iban-status { min-width:58px;height:29px;border:1px solid transparent;border-radius:999px;font-size:9px;font-weight:900;cursor:pointer; }
.iban-status.active { border-color:rgba(101,255,53,.25);background:rgba(101,255,53,.1);color:#80ff59; }
.iban-status.passive { border-color:rgba(255,116,116,.2);background:rgba(255,116,116,.08);color:#e99595; }
.iban-row-actions { display:flex;gap:5px; }
.iban-row-actions button { height:29px;padding:0 9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#15201b;color:#c7d1cb;font-size:9px;font-weight:800;cursor:pointer; }
.iban-row-actions button.danger { color:#e99595; }

@media (max-width:1050px) {
  .iban-admin-layout { grid-template-columns:1fr; }
  .iban-admin-form-card { position:static; }
}

@media (max-width:600px) {
  .iban-admin-form-card,.iban-admin-table-card { padding:15px; }
  .iban-amount-grid { grid-template-columns:1fr;gap:0; }
  .dynamic-deposit-head { margin-top:4px; }
}