/* Lucky138 Grey-Gold Tech Gaming Theme v4 - presentation layer only */
:root{
  --bg:#090A0C;
  --bg2:#0D0F11;
  --surface:#131619;
  --surface2:#191D20;
  --surface-light:#22272B;
  --surface-elevated:#282D31;
  --line:rgba(221,187,98,.18);
  --line-soft:rgba(255,255,255,.065);
  --text:#F4F1E8;
  --muted:#A6A199;
  --muted-2:#7F7D78;
  --brand:#DDBB62;
  --brand2:#B68A34;
  --accent:#C8A44D;
  --accent2:#8D6A27;
  --gold-soft:#F0D992;
  --gold-deep:#75571F;
  --danger:#B95549;
  --radius:18px;
  --shadow:0 18px 45px rgba(0,0,0,.34);
  --shadow-soft:0 10px 30px rgba(0,0,0,.24);
  --container:1200px;
}
html{background:var(--bg)}
body.premium-ui{
  min-height:100vh;
  background:
    radial-gradient(circle at 15% -8%,rgba(199,162,74,0.15),transparent 30rem),
    radial-gradient(circle at 88% 18%,rgba(199,162,74,0.08),transparent 26rem),
    linear-gradient(180deg,#08090B 0%,#08090B 38%,#08090B 100%);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  letter-spacing:.005em;
}
body.premium-ui::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.23;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 72%);
}
::selection{background:rgba(221,187,98,0.26);color:#F2EFE7}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.container,.container--fluid{width:min(calc(100% - 32px),var(--container))}

/* Header */
.app-header{
  background:rgba(8,9,11,0.82)!important;
  border-bottom:1px solid rgba(234,207,130,0.13);
  box-shadow:0 8px 30px rgba(0,0,0,.22);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.app-header__main{height:72px;gap:24px}
.app-logo{width:166px;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.28))}
.app-header__auth{gap:10px}
.app-header__extra{
  background:linear-gradient(180deg,rgba(11,13,15,0.88),rgba(8,9,11,0.9));
  border-top:1px solid rgba(255,255,255,.045);
}
.app-breadcrumbs a{
  position:relative;
  padding:12px 15px;
  color:#B7B2A8;
  font-weight:650;
  transition:color .2s ease,background .2s ease;
}
.app-breadcrumbs a::after{
  content:"";
  position:absolute;
  left:14px;right:14px;bottom:5px;
  height:2px;border-radius:999px;
  transform:scaleX(0);
  background:linear-gradient(90deg,var(--brand),var(--brand2));
  transition:transform .2s ease;
}
.app-breadcrumbs a:hover,.app-breadcrumbs .app-link--active{background:rgba(255,255,255,.025);color:#F2EFE7}
.app-breadcrumbs a:hover::after,.app-breadcrumbs .app-link--active::after{transform:scaleX(1)}

/* Buttons */
.btn{
  min-height:42px;
  border-radius:12px;
  padding:9px 18px;
  font-weight:800;
  letter-spacing:.01em;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.985)}
.btn--brand{
  color:#5F4820;
  border-color:rgba(221,187,98,0.46);
  background:linear-gradient(135deg,#DDBB62 0%,#C7A24A 42%,#C7A24A 100%);
  box-shadow:0 8px 22px rgba(199,162,74,0.19),inset 0 1px 0 rgba(255,255,255,.55);
}
.btn--brand:hover{box-shadow:0 12px 28px rgba(199,162,74,0.26),inset 0 1px 0 rgba(255,255,255,.6)}
.btn--accent{
  color:#F2EFE7;
  border-color:rgba(221,187,98,0.35);
  background:linear-gradient(135deg,#DDBB62 0%,#C7A24A 50%,#C7A24A 100%);
  box-shadow:0 8px 22px rgba(199,162,74,0.22),inset 0 1px 0 rgba(255,255,255,.26);
}
.btn--accent-secondary{
  color:#EACF82;
  border-color:rgba(234,207,130,0.22);
  background:linear-gradient(180deg,rgba(21,24,27,0.86),rgba(11,13,15,0.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
.btn--accent-secondary:hover{border-color:rgba(221,187,98,0.45);color:#F2EFE7}

/* Main / hero */
.container>section.home{padding-top:18px}
.home-carousel{
  position:relative;
  border-radius:20px;
  border:1px solid rgba(221,187,98,0.18);
  background:linear-gradient(145deg,#0B0D0F,#08090B);
  box-shadow:0 26px 65px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.02) inset;
  isolation:isolate;
}
.home-carousel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 -45px 70px rgba(8,9,11,0.16),inset 0 1px 0 rgba(255,255,255,.08);
}
.slide{background:#0B0D0F}
.home__teaser{gap:12px;margin:14px 0}
.home__teaser .btn{min-height:50px;border-radius:14px;font-size:14px}
.home__teaser i{filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.running-text{
  min-height:44px;
  margin:12px 0;
  padding:0 14px;
  border-radius:13px;
  border:1px solid rgba(221,187,98,0.18);
  background:linear-gradient(180deg,rgba(16,18,20,0.9),rgba(11,13,15,0.9));
  color:#D4CFC4;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 24px rgba(0,0,0,.12);
}
.running-text i:before{color:var(--brand);text-shadow:0 0 14px rgba(199,162,74,0.7)}

/* Category menu */
.app-menu{
  margin:14px 0 16px;
  border-radius:16px;
  border:1px solid rgba(221,187,98,0.16);
  background:linear-gradient(180deg,rgba(11,13,15,0.92),rgba(11,13,15,0.94));
  box-shadow:var(--shadow-soft),inset 0 1px 0 rgba(255,255,255,.035);
}
.app-menu__item{min-width:108px}
.app-menu__item a{
  position:relative;
  min-height:88px;
  padding:13px 15px 12px;
  gap:7px;
  color:#B7B2A8;
  font-size:11.5px;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.app-menu__item a::before{
  content:"";
  position:absolute;
  left:18%;right:18%;bottom:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--brand),transparent);
  opacity:0;
  transform:scaleX(.4);
  transition:.2s ease;
}
.app-menu__item a:hover{background:linear-gradient(180deg,rgba(169,130,52,0.15),rgba(11,13,15,0.12));color:#F2EFE7;transform:translateY(-1px)}
.app-menu__item a:hover::before{opacity:1;transform:scaleX(1)}
.brand-icon--md{width:38px;height:38px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.2))}
.app-menu--active{opacity:.42}

/* Cards */
.card{
  margin:14px 0;
  border-radius:18px;
  border:1px solid rgba(221,187,98,0.16);
  background:linear-gradient(155deg,rgba(16,18,20,0.97),rgba(11,13,15,0.98));
  box-shadow:0 16px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
}
.card--light,.card--primary{background:linear-gradient(155deg,rgba(16,18,20,0.98),rgba(11,13,15,0.98))}
.card__header{
  min-height:58px;
  padding:12px 16px;
  border-bottom:1px solid rgba(221,187,98,0.12);
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);
}
.card__title{gap:10px;font-size:17px;letter-spacing:.01em}
.card__title span{background:linear-gradient(180deg,#F2EFE7,#F2EFE7);-webkit-background-clip:text;background-clip:text;color:transparent}
.card__see-all{
  padding:7px 11px;
  border:1px solid rgba(199,162,74,0.18);
  border-radius:10px;
  color:#DDBB62;
  background:rgba(199,162,74,0.055);
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.card__see-all:hover{background:rgba(199,162,74,0.1);border-color:rgba(199,162,74,0.34);transform:translateY(-1px)}
.card__body{padding:16px}
.card__cta{padding:0 16px 16px}
.brand-icon--sm{width:27px;height:27px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.24))}

/* Horizontal carousels */
.carousel__container{gap:12px}
.slot-carousel__group{grid-template-columns:repeat(5,92px);grid-template-rows:repeat(2,112px);gap:10px}
.slot-carousel__item,.arcade-carousel__item{
  width:92px;
  gap:8px;
  color:#D4CFC4;
  font-size:11px;
  transition:transform .2s ease,color .2s ease;
}
.slot-carousel__item:hover,.arcade-carousel__item:hover{transform:translateY(-3px);color:#F2EFE7}
.slot-carousel__img-container,.arcade-carousel__img-container{
  width:78px;height:78px;
  border-radius:17px;
  border:1px solid rgba(221,187,98,0.16);
  background:linear-gradient(145deg,#15181B,#101214);
  box-shadow:0 9px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.slot-carousel__item:hover .slot-carousel__img-container,.arcade-carousel__item:hover .arcade-carousel__img-container{
  border-color:rgba(221,187,98,0.35);
  background:linear-gradient(145deg,#15181B,#101214);
  box-shadow:0 13px 25px rgba(0,0,0,.24),0 0 24px rgba(199,162,74,0.08),inset 0 1px 0 rgba(255,255,255,.06);
}
.slot-carousel__img-container img,.arcade-carousel__img-container img{width:62px;height:62px}
.provider--promo:after,.provider--new:after{right:5px;top:5px;padding:3px 5px;border-radius:6px;font-size:7px;font-weight:900;letter-spacing:.04em;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.provider--promo:after{background:linear-gradient(135deg,#CF766A,#B95549)}
.provider--new:after{background:linear-gradient(135deg,#DDBB62,#C7A24A)}
.carousel__control{
  width:38px;height:54px;margin-top:-27px;
  border-radius:12px;
  border:1px solid rgba(221,187,98,0.22);
  background:rgba(8,9,11,0.88);
  box-shadow:0 8px 24px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(8px);
}
.carousel__control:hover{border-color:rgba(221,187,98,0.5);background:rgba(11,13,15,0.94)}
.carousel__prev{left:-8px}.carousel__next{right:-8px}
.carousel__control--disabled{opacity:.18}

/* Split feature cards */
.card--split{
  gap:14px;
  overflow:visible;
  border:0;
  background:transparent;
  box-shadow:none;
}
.card--split .card__item{
  min-width:0;
  padding:16px;
  border:1px solid rgba(221,187,98,0.16);
  border-radius:18px;
  background:linear-gradient(155deg,rgba(16,18,20,0.98),rgba(11,13,15,0.98));
  box-shadow:0 16px 36px rgba(0,0,0,.21),inset 0 1px 0 rgba(255,255,255,.035);
}
.card--split .card__item+ .card__item{border-left:1px solid rgba(221,187,98,0.16)}
.card--split .card__title{margin-bottom:12px}
.card__image{
  aspect-ratio:16/8;
  margin-bottom:12px;
  border-radius:14px;
  border:1px solid rgba(221,187,98,0.12);
  background:#0B0D0F;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  transition:transform .25s ease,filter .25s ease,box-shadow .25s ease;
}
.card--split .card__item:hover .card__image{transform:scale(1.008);filter:brightness(1.05);box-shadow:0 14px 30px rgba(0,0,0,.27)}
.card--split .card__cta{padding:9px 14px}

/* Casino / game tiles */
.casino-carousel ul{gap:13px}
.casino-carousel__item{width:158px;flex-basis:158px}
.casino-game__container{
  width:158px;height:108px;
  border-radius:14px;
  border:1px solid rgba(221,187,98,0.16);
  background:linear-gradient(145deg,#101214,#0B0D0F);
  box-shadow:0 10px 22px rgba(0,0,0,.2);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.casino-carousel__item:hover .casino-game__container{transform:translateY(-2px);border-color:rgba(221,187,98,0.35);box-shadow:0 15px 28px rgba(0,0,0,.27),0 0 24px rgba(199,162,74,0.07)}
.casino-game__container::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(8,9,11,0.28));border-radius:inherit}
.casino-game__count{left:7px;bottom:7px;padding:3px 7px;border-radius:7px;background:rgba(8,9,11,0.76);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(5px)}
.casino-game__provider{padding-top:8px;color:#D4CFC4;font-size:10.5px;letter-spacing:.02em}

/* Footer */
.app-footer{
  margin-top:28px;
  padding:34px 0 92px;
  border-top:1px solid rgba(221,187,98,0.14);
  background:linear-gradient(180deg,rgba(8,9,11,0.95),#08090B 35%,#08090B 100%);
}
.app-footer__container{width:min(calc(100% - 32px),var(--container))}
.app-footer__links{gap:34px;padding-bottom:28px;border-bottom-color:rgba(221,187,98,0.11)}
.app-footer__link-group h5,.app-footer__partners h5{margin-bottom:12px;color:#EACF82;font-size:12px;letter-spacing:.08em}
.app-footer__link-group li{margin:8px 0}
.app-footer__link-group a{color:#97958E;transition:color .18s ease,transform .18s ease}
.app-footer__link-group a:hover{color:#EACF82}
.app-footer__text{margin:28px 0;color:#97958E;line-height:1.75}
.app-footer__text article{max-width:960px}
.app-footer__text h1{color:#F2EFE7!important;font-size:22px!important;line-height:1.35}
.app-footer__text p,.app-footer__text li{font-size:13px}
.app-footer__text button{border-radius:10px;border-color:rgba(221,187,98,0.2);background:#0B0D0F;color:#EACF82;padding:8px 12px}
.app-footer__partners{border-top-color:rgba(221,187,98,0.11)}
.app-footer__partners li a{padding:7px 9px;border-radius:9px;background:rgba(11,13,15,0.8);border:1px solid rgba(221,187,98,0.09)}
.app-footer__copyright{margin-top:24px;color:#3A3F43}

/* Drawer */
.app-drawer__backdrop{background:rgba(8,9,11,0.72)!important;backdrop-filter:blur(4px)}
.app-drawer{
  width:min(88vw,390px);
  padding:18px;
  border-left:1px solid rgba(221,187,98,0.17);
  background:linear-gradient(160deg,rgba(11,13,15,0.99),rgba(8,9,11,0.99))!important;
  box-shadow:-22px 0 50px rgba(0,0,0,.35);
}
.app-drawer__categories ul{gap:8px}
.app-drawer__categories a{min-height:76px;padding:9px;border:1px solid rgba(221,187,98,0.1);border-radius:13px;background:rgba(255,255,255,.018)}
.app-drawer__nav ul{border-color:rgba(221,187,98,0.12)}
.app-drawer__nav a{border-radius:10px;color:#D4CFC4}
.app-drawer__nav a:hover{background:rgba(199,162,74,0.09);color:#F2EFE7}

/* Tablet */
@media(max-width:900px){
  .container,.container--fluid,.app-footer__container{width:min(calc(100% - 24px),var(--container))}
  .app-header__main{height:64px}
  .app-logo{width:150px}
  .app-header__widgets{display:none}
  .app-header__extra{min-height:0;border:0;background:transparent}
  .drawer__toggle{
    display:inline-flex;
    position:absolute;
    right:12px;top:11px;
    z-index:90;
    min-width:44px;min-height:42px;
    padding:8px 12px;
    border-radius:12px;
    border:1px solid rgba(221,187,98,0.18);
    background:linear-gradient(180deg,rgba(16,18,20,0.96),rgba(11,13,15,0.96));
    box-shadow:0 8px 20px rgba(0,0,0,.2);
  }
  .drawer__toggle span{font-size:0}
  .drawer__toggle span::after{content:'Menu';font-size:12px}
  .container>section.home{padding-top:12px}
  .card--split .card__item{padding:14px}
  .slot-carousel__group{grid-template-columns:repeat(5,84px);grid-template-rows:repeat(2,104px)}
  .slot-carousel__item,.arcade-carousel__item{width:84px}
  .slot-carousel__img-container,.arcade-carousel__img-container{width:70px;height:70px}
  .casino-carousel__item{width:145px;flex-basis:145px}
  .casino-game__container{width:145px;height:100px}
  .app-footer__links{grid-template-columns:repeat(2,1fr)}
}

/* Mobile */
@media(max-width:620px){
  body.premium-ui{padding-bottom:76px;background:linear-gradient(180deg,#08090B 0%,#08090B 45%,#08090B 100%)}
  body.premium-ui::before{display:none}
  .container,.container--fluid,.app-footer__container{width:min(calc(100% - 18px),var(--container))}
  .app-header{box-shadow:0 8px 24px rgba(0,0,0,.26)}
  .app-header__main{height:60px}
  .app-logo{width:140px}
  .drawer__toggle{top:9px;right:9px;min-height:40px;min-width:42px;padding:8px 10px}
  .container>section.home{padding-top:9px}
  .home-carousel{border-radius:14px;box-shadow:0 15px 38px rgba(0,0,0,.3)}
  .home__teaser{gap:7px;margin:9px 0}
  .home__teaser .btn{min-height:44px;padding:7px 6px;border-radius:11px;font-size:11.5px}
  .home__teaser i{font-size:15px}
  .running-text{min-height:38px;margin:8px 0;padding:0 10px;border-radius:10px;font-size:10.8px}
  .app-menu{margin:9px 0 10px;border-radius:12px}
  .app-menu__item{min-width:78px}
  .app-menu__item a{min-height:70px;padding:9px 8px;font-size:9.8px;gap:4px}
  .brand-icon--md{width:30px;height:30px}
  .card{margin:9px 0;border-radius:14px}
  .card__header{min-height:48px;padding:9px 11px}
  .card__title{font-size:14.5px;gap:7px}
  .brand-icon--sm{width:23px;height:23px}
  .card__see-all{padding:6px 8px;border-radius:8px;font-size:10.5px}
  .card__body{padding:11px}
  .card__cta{padding:0 11px 11px}
  .card__cta>.btn,.card>.card__cta .btn{min-height:40px;border-radius:10px;font-size:11.5px}
  .slot-carousel__group{grid-template-columns:repeat(5,72px);grid-template-rows:repeat(2,92px);gap:7px}
  .slot-carousel__item,.arcade-carousel__item{width:72px;font-size:9.2px;gap:6px}
  .slot-carousel__img-container,.arcade-carousel__img-container{width:60px;height:60px;border-radius:13px}
  .slot-carousel__img-container img,.arcade-carousel__img-container img{width:49px;height:49px}
  .carousel__control{display:none}
  .card--split{gap:8px}
  .card--split .card__item{padding:10px;border-radius:14px}
  .card--split .card__title{font-size:13.5px;margin-bottom:8px}
  .card__image{aspect-ratio:4/3;margin-bottom:9px;border-radius:10px}
  .card--split .card__cta{min-height:38px;padding:7px 5px;font-size:10px;border-radius:9px}
  .casino-carousel ul{gap:9px}
  .casino-carousel__item{width:122px;flex-basis:122px}
  .casino-game__container{width:122px;height:84px;border-radius:11px}
  .casino-game__provider{padding-top:6px;font-size:9.6px}
  .app-footer{margin-top:18px;padding:24px 0 28px}
  .app-footer__links{grid-template-columns:repeat(2,1fr);gap:18px;padding-bottom:20px}
  .app-footer__text{margin:20px 0;line-height:1.65}
  .app-footer__text h1{font-size:18px!important}
  .app-footer__text p,.app-footer__text li{font-size:11.5px}
  .sticky-footer{
    left:8px;right:8px;bottom:8px;
    border:1px solid rgba(221,187,98,0.17);
    border-radius:17px;
    overflow:visible;
    background:rgba(8,9,11,0.91)!important;
    box-shadow:0 -2px 28px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(18px) saturate(140%);
    -webkit-backdrop-filter:blur(18px) saturate(140%);
  }
  .sticky-footer__nav ul{padding:4px 4px max(4px,env(safe-area-inset-bottom));gap:2px}
  .sticky-footer__nav a{min-height:58px;border:0!important;border-radius:12px!important;color:#97958E;font-size:8.7px;font-weight:700;transition:transform .18s ease,color .18s ease,background .18s ease}
  .sticky-footer__nav img{width:21px;height:21px;opacity:.84}
  .sticky-footer__nav .app-link--active{color:#DDBB62;background:rgba(199,162,74,0.06)!important}
  .sticky-footer__nav li:nth-child(3) a{
    min-height:58px;
    margin-top:-12px;
    color:#5F4820;
    background:linear-gradient(135deg,#DDBB62,#C7A24A 52%,#C7A24A)!important;
    box-shadow:0 10px 22px rgba(199,162,74,0.28),inset 0 1px 0 rgba(255,255,255,.55);
  }
  .sticky-footer__nav li:nth-child(3) img{filter:brightness(.25);opacity:.85}
  .app-drawer{width:min(90vw,360px);padding:14px}
}

@media(max-width:390px){
  .container,.container--fluid,.app-footer__container{width:min(calc(100% - 14px),var(--container))}
  .home__teaser{gap:5px}
  .home__teaser .btn{font-size:10.5px}
  .slot-carousel__group{grid-template-columns:repeat(5,68px)}
  .slot-carousel__item,.arcade-carousel__item{width:68px}
  .slot-carousel__img-container,.arcade-carousel__img-container{width:57px;height:57px}
  .card--split .card__item{padding:8px}
  .card--split .card__title{font-size:12.5px}
  .card--split .card__cta{font-size:9.5px}
}

@media(prefers-reduced-motion:reduce){
  .btn,.app-menu__item a,.slot-carousel__item,.arcade-carousel__item,.card__image,.casino-game__container{transition:none!important;transform:none!important}
}

/* Final responsive polish */
.app-menu__item .app-menu--active{display:none!important}
@media(max-width:340px){
  .card--split{grid-template-columns:1fr}
  .home__teaser{grid-template-columns:1fr 1fr}
  .home__teaser>*:nth-child(2){grid-column:span 1}
  .home__teaser>*:nth-child(3){grid-column:1/-1}
}


/* Grey-Gold final coherence layer */
body.premium-ui{background:radial-gradient(circle at 15% -8%,rgba(221,187,98,.10),transparent 30rem),radial-gradient(circle at 88% 18%,rgba(200,164,77,.055),transparent 26rem),linear-gradient(180deg,#090A0C 0%,#0D0F11 42%,#090A0C 100%)}
::selection{background:rgba(221,187,98,.28);color:#17130A}
a:focus-visible,button:focus-visible{outline-color:var(--gold-soft)}
.app-header{background:rgba(12,13,15,.88)!important;border-bottom-color:rgba(221,187,98,.16)}
.app-header__extra{background:linear-gradient(180deg,rgba(24,27,30,.92),rgba(13,15,17,.94))}
.app-breadcrumbs a{color:#AAA69E}.app-breadcrumbs a:hover,.app-breadcrumbs .app-link--active{background:rgba(221,187,98,.055);color:#F4F1E8}
.btn--brand{color:#17130A;border-color:rgba(240,217,146,.48);background:linear-gradient(135deg,#F0D992 0%,#DDBB62 44%,#B68A34 100%);box-shadow:0 8px 22px rgba(182,138,52,.22),inset 0 1px 0 rgba(255,255,255,.46)}
.btn--brand:hover{box-shadow:0 12px 30px rgba(200,164,77,.28),inset 0 1px 0 rgba(255,255,255,.5)}
.btn--accent{color:#F4F1E8;border-color:rgba(221,187,98,.30);background:linear-gradient(135deg,#3A3F43 0%,#262B2F 52%,#181B1E 100%);box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)}
.btn--accent:hover{border-color:rgba(240,217,146,.52);box-shadow:0 10px 26px rgba(0,0,0,.34),0 0 18px rgba(221,187,98,.09)}
.btn--accent-secondary{color:#D8D3C9;border-color:rgba(221,187,98,.16);background:linear-gradient(180deg,rgba(41,45,48,.90),rgba(24,27,30,.94))}
.btn--accent-secondary:hover{border-color:rgba(221,187,98,.40);color:#F4F1E8}
.home-carousel{border-color:rgba(221,187,98,.16);background:linear-gradient(145deg,#171A1D,#0D0F11)}
.running-text{border-color:rgba(221,187,98,.16);background:linear-gradient(180deg,rgba(31,35,38,.94),rgba(18,20,22,.96));color:#C8C3B9}
.app-menu{border-color:rgba(221,187,98,.14);background:linear-gradient(180deg,rgba(29,32,35,.94),rgba(16,18,20,.96))}
.app-menu__item a{color:#B0ACA3}.app-menu__item a:hover{background:linear-gradient(180deg,rgba(221,187,98,.08),rgba(255,255,255,.018));color:#F4F1E8}
.card{border-color:rgba(221,187,98,.14);background:linear-gradient(155deg,rgba(27,30,33,.98),rgba(14,16,18,.99))}
.card--light,.card--primary{background:linear-gradient(155deg,rgba(30,33,36,.98),rgba(15,17,19,.99))}
.card__header{border-bottom-color:rgba(221,187,98,.11)}
.card__title span{background:linear-gradient(180deg,#F8F5ED,#C9C4B9);-webkit-background-clip:text;background-clip:text;color:transparent}
.card__see-all{border-color:rgba(221,187,98,.22);color:#E6C970;background:rgba(221,187,98,.06)}
.card__see-all:hover{background:rgba(221,187,98,.11);border-color:rgba(240,217,146,.40)}
.slot-carousel__item,.arcade-carousel__item{color:#BDB8AE}
.slot-carousel__img-container,.arcade-carousel__img-container{border-color:rgba(221,187,98,.13);background:linear-gradient(145deg,#292E32,#1A1D20)}
.slot-carousel__item:hover .slot-carousel__img-container,.arcade-carousel__item:hover .arcade-carousel__img-container{border-color:rgba(221,187,98,.38);background:linear-gradient(145deg,#33383C,#202428);box-shadow:0 13px 25px rgba(0,0,0,.28),0 0 24px rgba(221,187,98,.07),inset 0 1px 0 rgba(255,255,255,.055)}
.provider--promo:after{background:linear-gradient(135deg,#B95549,#843B34)}
.provider--new:after{background:linear-gradient(135deg,#DDBB62,#9A742C);color:#17130A}
.carousel__control{border-color:rgba(221,187,98,.20);background:rgba(16,18,20,.90)}.carousel__control:hover{border-color:rgba(221,187,98,.45);background:rgba(31,34,37,.96)}
.card--split .card__item{border-color:rgba(221,187,98,.14);background:linear-gradient(155deg,rgba(30,33,36,.98),rgba(15,17,19,.99))}
.card--split .card__item+ .card__item{border-left-color:rgba(221,187,98,.14)}
.card__image{border-color:rgba(221,187,98,.11);background:#1B1F22}
.casino-game__container{border-color:rgba(221,187,98,.14);background:linear-gradient(145deg,#292E32,#1A1D20)}
.casino-carousel__item:hover .casino-game__container{border-color:rgba(221,187,98,.38);box-shadow:0 15px 28px rgba(0,0,0,.30),0 0 24px rgba(221,187,98,.07)}
.casino-game__provider{color:#C2BDB3}
.app-footer{border-top-color:rgba(221,187,98,.16);background:linear-gradient(180deg,rgba(18,20,22,.98),#0D0F11 35%,#090A0C 100%)}
.app-footer__links{border-bottom-color:rgba(221,187,98,.10)}
.app-footer__link-group h5,.app-footer__partners h5{color:#F0ECE3}.app-footer__link-group a{color:#96938C}.app-footer__link-group a:hover{color:#E6C970}
.app-footer__text{color:#A29E96}.app-footer__text h1{color:#F4F1E8!important}
.app-footer__text button{border-color:rgba(221,187,98,.18);background:#1C2023;color:#D8D3C9}.app-footer__text button:hover{border-color:rgba(221,187,98,.38);color:#F0D992}
.app-footer__partners{border-top-color:rgba(221,187,98,.10)}.app-footer__partners li a{background:rgba(255,255,255,.025);border-color:rgba(221,187,98,.08);color:#96938C}
.app-footer__copyright{color:#96938C}.app-footer__copyright a{color:#C7A24A}.app-footer__copyright a:hover{color:#E6C970}
.app-drawer__backdrop{background:rgba(0,0,0,.74)!important}.app-drawer{border-left-color:rgba(221,187,98,.15);background:linear-gradient(160deg,rgba(28,31,34,.995),rgba(11,13,15,.995))!important}
.app-drawer__categories a{border-color:rgba(221,187,98,.09);background:rgba(255,255,255,.018)}.app-drawer__nav ul{border-color:rgba(221,187,98,.10)}.app-drawer__nav a{color:#C3BEB4}.app-drawer__nav a:hover{background:rgba(221,187,98,.07);color:#F4F1E8}
@media(max-width:900px){.drawer__toggle{border-color:rgba(221,187,98,.16);background:linear-gradient(180deg,rgba(42,46,49,.97),rgba(23,26,29,.97))}}
@media(max-width:620px){body.premium-ui{background:linear-gradient(180deg,#090A0C 0%,#0D0F11 45%,#090A0C 100%)}.sticky-footer{border-color:rgba(221,187,98,.16);background:rgba(17,19,21,.93)!important}.sticky-footer__nav a{color:#8E8B84}.sticky-footer__nav .app-link--active{color:#E6C970;background:rgba(221,187,98,.055)!important}.sticky-footer__nav li:nth-child(3) a{color:#17130A;background:linear-gradient(135deg,#F0D992,#DDBB62 52%,#B68A34)!important;box-shadow:0 10px 22px rgba(182,138,52,.26),inset 0 1px 0 rgba(255,255,255,.45)}}
