:root{
  --bg-0:#0a0415;
  --bg-1:#140826;
  --bg-2:#23103d;
  --surface-0:rgba(18,8,34,.74);
  --surface-1:rgba(22,10,40,.82);
  --surface-2:rgba(28,14,52,.88);
  --line:rgba(202,154,255,.20);
  --line-strong:rgba(255,219,141,.26);
  --text:#fbf8ff;
  --muted:#ddd0f4;
  --accent:#c49bff;
  --accent-2:#ffd76a;
  --accent-3:#a85dff;
  --danger:#ff6b3d;
  --success:#18c98f;
  --shadow:0 16px 40px rgba(0,0,0,.30);
  --radius-lg:18px;
  --radius-md:14px;
}
html{scroll-behavior:smooth}
body{
  color:var(--text);
  background:linear-gradient(180deg, #09020b 0%, #11030f 40%, #0c020b 100%)!important;
  min-height:100%;
  position:relative;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:url("../img/thunder-bg-generated-mobile.webp") center center / cover no-repeat;
  opacity:1;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(180deg, rgba(8,2,10,.08), rgba(8,2,10,.12) 42%, rgba(5,1,6,.18) 100%),
    linear-gradient(90deg, rgba(6,1,8,.03), rgba(6,1,8,.05) 44%, rgba(6,1,8,.10) 100%);
  opacity:1;
}
@media (min-width: 768px){
  body::before{
    background-image:url("../img/thunder-bg-generated.webp");
  }
}
body > *{position:relative;z-index:1}
body,.menu a,.offer-desc,.main-text-content,.page-text,table td,table th,input,textarea,select{font-family:Roboto,Arial,sans-serif}
h1,h2,h3,h4,.offer-title,.section-title,.text-title{letter-spacing:.01em}
h1,.offer-title{font-weight:700!important;line-height:1.14!important}
h2,.section-title,.text-title{font-weight:700!important;line-height:1.2!important}
h3{font-weight:600!important;line-height:1.28!important}
p,li,td,th,.offer-desc,.main-text-content,.page-text{line-height:1.65!important}
.header,
.header .menu-item-has-children .sub-menu{
  background:linear-gradient(180deg, rgba(19,9,37,.82), rgba(18,8,34,.78))!important;
  border-bottom:1px solid rgba(214,165,255,.14);
}
body.fixed-header{padding-top:94px}
body.fixed-header .header{box-shadow:0 14px 34px rgba(0,0,0,.24)!important}
.header{margin-bottom:24px!important}
.header .wrap{gap:18px}
.custom-logo-link{
  width:clamp(88px,8vw,124px)!important;
  flex:0 0 auto;
}
.custom-logo-link img,.custom-logo{display:block;width:100%;height:auto;object-fit:contain}
.menu{align-items:center;flex-wrap:wrap}
.menu li{margin-right:8px!important}
.menu a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:9px 12px!important;
  border-radius:999px;
  color:var(--text)!important;
  font-size:15px!important;
  font-weight:500;
  transition:background-color .2s ease,color .2s ease,transform .2s ease;
}
.menu a::before,
.btn::before,
.wheel-modal-btn::before{
  content:"";
  width:16px;
  height:16px;
  flex:0 0 16px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.menu a:hover,.current-menu-item>a{
  background:rgba(206,150,255,.14);
  color:#fff!important;
  opacity:1!important;
  transform:translateY(-1px);
}
.menu a[href$="app/"]::before,
.menu a[href$="login/"]::before,
.menu a[href$="bonus/"]::before,
.menu a[href$="games/"]::before,
.menu a[href$="slots/"]::before,
.menu a[href$="blog/"]::before,
.btn::before,
.wheel-modal-btn::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.2 2 5.6 12.2h5l-1.1 9.8L18.4 11.8h-5L13.2 2Z' fill='%23ffd76a'/%3E%3Cpath d='M13.2 2 5.6 12.2h5l-1.1 9.8L18.4 11.8h-5L13.2 2Z' stroke='%236dd6ff' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.header-btns{gap:12px}
.header-btns .btn{
  width:auto!important;
  min-width:128px;
}
.btn,
.wheel-modal-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:0 22px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.16);
  font-weight:700!important;
  letter-spacing:.01em;
  text-align:center;
  transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,background .18s ease;
}
.btn:hover,.wheel-modal-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,0,0,.24);opacity:1!important}
.btn.btn-red,.offer-btn.btn,.wheel-modal-btn{
  background:linear-gradient(135deg, #ff8c42 0%, #ff623a 48%, #f4464d 100%)!important;
}
.btn.btn-green{
  background:linear-gradient(135deg, #1ee7a6 0%, #16ba88 100%)!important;
}
.banner{
  background:
    radial-gradient(circle at 82% 20%, rgba(205,135,255,.14), transparent 18%),
    radial-gradient(circle at 18% 18%, rgba(248,219,255,.08), transparent 18%),
    linear-gradient(135deg, rgba(30,12,56,.78), rgba(18,8,34,.84))!important;
  border:1px solid rgba(212,166,255,.20);
  box-shadow:var(--shadow);
  border-radius:24px!important;
}
.banner::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg, rgba(255,255,255,.06), transparent 40%, rgba(195,119,255,.08));}
.offer{position:relative;z-index:1}
.offer-title{font-size:clamp(34px,4.4vw,52px)!important;margin-bottom:20px!important}
.offer-desc{font-size:16px!important;color:var(--muted)!important;max-width:42ch}
.offer-btns .btn{max-width:none!important;width:auto!important}
.offer-btns{flex-wrap:wrap;gap:14px}
.section-title,.text-title{font-size:clamp(28px,3.4vw,40px)!important;margin-bottom:24px!important}
.main-text-wrap,.text-block-inner,.bonus-item,.page-item,.faq-item,.footer .pay-row,.footer .footer-row{
  background:linear-gradient(180deg, rgba(24,10,44,.78), rgba(14,7,28,.86))!important;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.main-text-wrap,.text-block-inner{border-radius:20px!important;backdrop-filter:none}
.page-item,.bonus-item,.faq-item{border-radius:18px!important}
.text-block-inner:before{background:linear-gradient(90deg, rgba(245,225,255,.95), rgba(200,123,255,.9), rgba(141,99,255,.85))!important;height:3px!important;border-radius:999px}
.main-text-content a,.page-text a{color:#d8adff!important;text-decoration-thickness:1px}
.main-text-content p,.page-text p{color:var(--muted)}
.bonus-item-content,.text-block-content{gap:18px}
.bonus-item-icon img,.review-item,.slot .inner,.faq-item,.contacts__item,.payments__item,.main-text-wrap,.page-item,table{
  border-radius:16px;
}
.bonus-item-text,.text,.own,.footer-col-label,.contacts__item,.payments__item,.footer-menu a{color:var(--muted)!important}
.bonus-item .btn{white-space:nowrap}
.slot .inner{
  overflow:hidden;
  border:1px solid rgba(211,159,255,.18);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.slot .inner:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.24);border-color:rgba(219,170,255,.38);opacity:1!important}
input:not([type=checkbox]),textarea,select{
  background:rgba(5,10,24,.7)!important;
  border:1px solid rgba(214,165,255,.22)!important;
  color:var(--text)!important;
  border-radius:14px!important;
}
input::placeholder,textarea::placeholder{color:rgba(216,227,255,.55)}
input:focus,textarea:focus,select:focus{border-color:rgba(216,168,255,.68)!important;box-shadow:0 0 0 3px rgba(216,168,255,.16)}
.main-text-content table,.page-text table,table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  background:rgba(18,8,34,.70);
  border:1px solid rgba(214,165,255,.18);
}
table th{
  background:linear-gradient(180deg, rgba(48,18,86,.92), rgba(26,10,48,.92));
  color:#fef4cb;
  font-weight:700;
}
table th,table td{
  padding:14px 16px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
table tr:last-child td{border-bottom:none!important}
table tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.main-text-content,
.page-text{overflow-wrap:anywhere}
.main-text-content table,
.page-text table,
.text-block table,
.bonus table,
.app table,
.login table,
.games table,
.slots table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(210,155,255,.9) rgba(255,255,255,.06)}
.main-text-content table::-webkit-scrollbar,
.page-text table::-webkit-scrollbar,
.text-block table::-webkit-scrollbar,
.bonus table::-webkit-scrollbar,
.app table::-webkit-scrollbar,
.login table::-webkit-scrollbar,
.games table::-webkit-scrollbar,
.slots table::-webkit-scrollbar{height:10px}
.main-text-content table::-webkit-scrollbar-track,
.page-text table::-webkit-scrollbar-track,
.text-block table::-webkit-scrollbar-track,
.bonus table::-webkit-scrollbar-track,
.app table::-webkit-scrollbar-track,
.login table::-webkit-scrollbar-track,
.games table::-webkit-scrollbar-track,
.slots table::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px}
.main-text-content table::-webkit-scrollbar-thumb,
.page-text table::-webkit-scrollbar-thumb,
.text-block table::-webkit-scrollbar-thumb,
.bonus table::-webkit-scrollbar-thumb,
.app table::-webkit-scrollbar-thumb,
.login table::-webkit-scrollbar-thumb,
.games table::-webkit-scrollbar-thumb,
.slots table::-webkit-scrollbar-thumb{background:linear-gradient(90deg, #f2d5ff, #ad63ff);border-radius:999px}
.mobile-wrap{
  height:100dvh!important;
  background:linear-gradient(180deg, rgba(17,7,33,.94), rgba(11,4,22,.96))!important;
  box-shadow:-16px 0 38px rgba(0,0,0,.28);
}
.mobile-btn .line,.close .inner:before,.close .inner:after{background-color:#f4f7ff!important}
.fixed-bar{z-index:14!important}
.fixed-bar .inner{
  background:linear-gradient(90deg, rgba(18,7,35,.95), rgba(26,10,50,.95))!important;
  border-top:1px solid rgba(214,165,255,.18);
}
.fixed-bar .phone{filter:drop-shadow(0 10px 20px rgba(0,0,0,.22))}
.footer{background:linear-gradient(180deg, rgba(16,7,31,.72), rgba(10,4,20,.84))!important;border-top:1px solid rgba(138,179,255,.10)}
.footer .footer-menu{gap:10px 14px;flex-wrap:wrap}
.footer .footer-menu a{display:inline-flex;padding:6px 0}
.page-footer-logos{border-top-color:rgba(214,165,255,.16)!important}
.footer-logo{filter:grayscale(.05) brightness(1.04)}
@media (max-width: 1100px){
  .header .wrap{gap:14px}
  .menu{gap:2px}
  .menu a{padding:8px 10px!important;font-size:14px!important}
}
@media (max-width: 991px){
  body.fixed-header{padding-top:84px}
  .header{margin-bottom:18px!important}
  .banner{padding:28px 24px!important;border-radius:22px!important}
  .offer-title{font-size:clamp(30px,7vw,42px)!important}
  .offer-desc{font-size:15px!important}
  .main-text-wrap,.text-block-inner{padding:28px 22px!important}
  .header .nav,.header-btns{display:none!important}
  .custom-logo-link{width:104px!important}
  .mobile-wrap .menu a{justify-content:flex-start;width:100%}
}
@media (max-width: 767px){
  .section{margin-bottom:72px!important}
  .banner{height:auto!important;min-height:0!important}
  .bonus-item-content,.text-block-content{flex-direction:column;align-items:flex-start!important}
  .btn,.wheel-modal-btn{min-height:50px;padding:0 18px!important}
  .offer-btns .btn{width:100%!important;max-width:100%!important}
  table{font-size:14px}
  table th,table td{padding:12px 14px!important;white-space:nowrap}
  .fixed-bar .phone{width:74px;bottom:-72px}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation:none!important;
    transition:none!important;
  }
  .btn,.wheel-modal-btn,.slot .inner,.menu a{transform:none!important}
}

.header{z-index:20;position:relative}

/* === Lightning Chest replaces roulette === */
.wheel-open-btn{
  width:auto;
  height:auto;
  min-height:64px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  left:18px;
  bottom:18px;
  padding:10px 16px 10px 10px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(26,12,44,.96),rgba(13,8,28,.96));
  border:1px solid rgba(255,185,108,.38);
  box-shadow:0 16px 32px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.03) inset;
  animation:none;
  z-index:20;
}
.wheel-open-btn img{
  width:44px;
  height:44px;
  display:block;
  object-fit:cover;
  border-radius:50%;
  flex:0 0 44px;
  box-shadow:0 0 0 1px rgba(255,255,255,.1) inset;
}
.wheel-open-btn span{
  font-size:14px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#ffe5bf;
}

.chest-wheel{
  width:100%;
  height:100%;
}
.chest-wheel .wheel-inner,
.chest-wheel .wheel-container,
.chest-wheel .wheel-body,
.chest-wheel .wheel-image,
.chest-stage{
  width:100%;
  height:100%;
}
.chest-wheel .wheel-container{
  aspect-ratio:1/1;
  max-width:540px;
  margin-inline:auto;
}
.chest-wheel .wheel-container:before,
.chest-wheel .wheel-circle,
.chest-wheel .wheel-circle-inner,
.chest-wheel .wheel-sector-text{
  display:none !important;
}
.chest-wheel .wheel-body{
  transform:none !important;
}
.chest-wheel .wheel-body.active{
  animation:chestReveal 1.1s cubic-bezier(.22,.7,.15,1) forwards !important;
}
@keyframes chestReveal{
  0%{transform:translateY(0) scale(1)}
  22%{transform:translateY(-12px) scale(1.025)}
  52%{transform:translateY(0) scale(.985)}
  72%{transform:translateY(-4px) scale(1.01)}
  100%{transform:translateY(0) scale(1)}
}
.chest-card{
  position:relative;
  width:100%;
  height:100%;
  min-height:460px;
  padding:26px 26px 108px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 26%,rgba(255,190,122,.2),transparent 34%),
    radial-gradient(circle at 50% 76%,rgba(106,72,190,.18),transparent 30%),
    linear-gradient(180deg,rgba(45,19,78,.95),rgba(16,9,36,.97));
  border:1px solid rgba(255,201,132,.22);
  box-shadow:0 28px 50px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.03) inset;
}
.chest-card:before,
.chest-card:after{
  content:"";
  position:absolute;
  inset:auto;
  pointer-events:none;
}
.chest-card:before{
  inset:0;
  background:
    linear-gradient(135deg,transparent 0 19%,rgba(255,255,255,.06) 19.5%,transparent 20.4%),
    linear-gradient(45deg,transparent 0 65%,rgba(255,187,109,.04) 65.3%,transparent 66%);
  opacity:.8;
}
.chest-card:after{
  width:72%;
  height:42%;
  left:14%;
  top:20%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,202,131,.24),rgba(255,202,131,0) 70%);
  filter:blur(18px);
  opacity:.85;
}
.chest-badge{
  position:absolute;
  top:20px;
  left:20px;
  z-index:2;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,174,96,.13);
  border:1px solid rgba(255,200,127,.24);
  color:#ffdba9;
  font-size:12px;
  line-height:1;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.chest-art{
  position:relative;
  z-index:1;
  width:min(82%,370px);
  aspect-ratio:1/1;
  margin:10px auto 18px;
}
.chest-state{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  transition:opacity .45s ease,transform .55s ease,filter .45s ease;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.28));
}
.chest-state-open{
  opacity:0;
  transform:scale(.9);
}
.chest-wheel .wheel-body.active .chest-state-closed{
  opacity:0;
  transform:scale(.93);
}
.chest-wheel .wheel-body.active .chest-state-open{
  opacity:1;
  transform:scale(1);
}
.chest-copy{
  position:relative;
  z-index:1;
  text-align:center;
  max-width:390px;
}
.chest-title{
  font-size:clamp(28px,4.2vw,42px);
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.02em;
  color:#fff2dc;
  margin-bottom:10px;
}
.chest-text{
  font-size:16px;
  line-height:1.55;
  color:rgba(255,239,220,.84);
}
.chest-wheel .wheel-btn{
  width:auto;
  height:auto;
  top:auto;
  bottom:24px;
  left:50%;
  transform:translateX(-50%);
  z-index:2;
  animation:none;
}
.chest-wheel .wheel-btn-inner{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:8px 20px 8px 8px;
  border-radius:999px;
  background:linear-gradient(180deg,#f3a95b,#d96838 55%,#b84f2c);
  border:1px solid rgba(255,233,200,.26);
  box-shadow:0 16px 28px rgba(0,0,0,.26),0 0 0 1px rgba(255,255,255,.12) inset;
}
.chest-wheel .wheel-btn-inner img{
  width:42px;
  height:42px;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 0 0 1px rgba(255,255,255,.14) inset;
}
.chest-wheel .wheel-btn-text{
  position:static;
  transform:none;
  font-size:15px;
  line-height:1;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
  color:#fff8ef;
}
#wheel-common.chest-wheel{
  background:rgba(9,7,18,.78);
  backdrop-filter:none;
}
#wheel-common.chest-wheel .wheel-inner{
  padding:28px 14px;
}
#wheel-common.chest-wheel .wheel-container{
  max-width:560px;
  height:auto;
}
#wheel-common.chest-wheel .chest-card{
  min-height:560px;
}
#wheel-common.chest-wheel .wheel-close{
  width:44px;
  height:44px;
  top:18px;
  right:18px;
  z-index:4;
  border-radius:50%;
  background:rgba(20,14,37,.82);
  padding:10px;
  border:1px solid rgba(255,203,138,.18);
}

.wheel-modal{
  transition:none !important;
}
.wheel-modal:not(.active){
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  height:0 !important;
}
.wheel-modal.active{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  height:auto !important;
}
.wheel-modal{
  background:linear-gradient(180deg,#2a1147,#120a26) !important;
  border:1px solid rgba(255,194,127,.28) !important;
  border-radius:28px !important;
  box-shadow:0 28px 60px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.03) inset !important;
  overflow:visible;
}
.wheel-modal-inner--chest{
  padding:34px 26px 30px;
}
.wheel-modal-close{
  width:40px;
  height:40px;
  top:14px;
  right:14px;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  padding:10px;
}
.wheel-modal-img{
  max-width:240px;
  margin:-78px auto 6px;
}
.wheel-modal-price{
  background:linear-gradient(180deg,#ffbe75,#ef8b45 58%,#d16937) !important;
  color:#2a1338 !important;
  font-size:40px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.03em;
  padding:10px 18px;
  border-radius:999px;
  margin:-32px auto 24px;
  box-shadow:0 12px 24px rgba(0,0,0,.22);
}
.wheel-modal-message{
  max-width:420px;
  font-size:19px;
  line-height:1.55;
  color:#fff0d8;
  margin:0 auto 26px;
}
.wheel-modal-btn{
  max-width:270px;
}
@media (max-width: 900px){
  .chest-card{
    min-height:420px;
    padding:22px 20px 98px;
    border-radius:24px;
  }
  #wheel-common.chest-wheel .chest-card{
    min-height:520px;
  }
}
@media (max-width: 640px){
  .wheel-open-btn{
    left:12px;
    bottom:12px;
    min-height:56px;
    gap:10px;
    padding:8px 14px 8px 8px;
  }
  .wheel-open-btn img{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
  .wheel-open-btn span{
    font-size:12px;
  }
  .chest-card{
    min-height:360px;
    padding:18px 16px 88px;
  }
  .chest-art{
    width:min(86%,280px);
    margin:8px auto 14px;
  }
  .chest-title{
    font-size:28px;
  }
  .chest-text{
    font-size:14px;
  }
  .chest-wheel .wheel-btn{
    bottom:16px;
  }
  .chest-wheel .wheel-btn-inner{
    min-height:52px;
    gap:10px;
    padding:6px 16px 6px 6px;
  }
  .chest-wheel .wheel-btn-inner img{
    width:40px;
    height:40px;
  }
  .chest-wheel .wheel-btn-text{
    font-size:13px;
  }
  #wheel-common.chest-wheel .wheel-inner{
    padding:16px 10px;
  }
  #wheel-common.chest-wheel .chest-card{
    min-height:460px;
  }
  .wheel-modal-inner--chest{
    padding:26px 18px 22px;
  }
  .wheel-modal-img{
    max-width:200px;
    margin:-62px auto 6px;
  }
  .wheel-modal-price{
    font-size:28px;
    margin:-16px auto 20px;
  }
  .wheel-modal-message{
    font-size:16px;
    margin:0 auto 22px;
  }
}
@media (prefers-reduced-motion: reduce){
  .chest-wheel .wheel-body.active,
  .chest-state,
  .wheel-open-btn,
  .chest-wheel .wheel-btn{
    animation:none !important;
    transition:none !important;
  }
}

/* v11 chest cleanup: remove extra panel behind chest and place art directly on page block */
.chest-stage{
  display:flex;
  align-items:center;
  justify-content:center;
}
.chest-card{
  min-height:460px;
  padding:10px 0 102px;
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.chest-card:before,
.chest-card:after,
.chest-badge{
  display:none !important;
}
.chest-art{
  width:min(92%,430px);
  aspect-ratio:auto;
  margin:0 auto 10px;
}
.chest-state{
  position:relative;
  display:block;
  inset:auto;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 22px 38px rgba(0,0,0,.24));
}
.chest-copy{
  max-width:360px;
  padding:0 14px;
  text-shadow:0 2px 18px rgba(14,7,26,.36);
}
.chest-title{
  margin-bottom:8px;
}
.chest-text{
  color:rgba(255,239,220,.9);
}
#wheel-common.chest-wheel .chest-card{
  min-height:520px;
  padding:16px 0 102px;
}
#wheel-common.chest-wheel .chest-art{
  width:min(92%,470px);
}
@media (max-width: 900px){
  .chest-card{
    min-height:400px;
    padding:6px 0 92px;
  }
  #wheel-common.chest-wheel .chest-card{
    min-height:480px;
    padding:14px 0 96px;
  }
}
@media (max-width: 640px){
  .chest-card{
    min-height:350px;
    padding:0 0 84px;
  }
  .chest-art{
    width:min(96%,340px);
    margin:0 auto 8px;
  }
  .chest-copy{
    max-width:320px;
  }
  #wheel-common.chest-wheel .chest-card{
    min-height:420px;
    padding:0 0 88px;
  }
}

/* v12 chest position fix: keep chest on original roulette spot, but without the extra background panel */
.chest-stage{
  display:block;
}
.chest-card{
  position:relative;
  width:100%;
  height:100%;
  min-height:460px;
  padding:26px 26px 108px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.chest-card:before,
.chest-card:after,
.chest-badge{
  display:none !important;
}
.chest-art{
  position:relative;
  z-index:1;
  width:min(82%,370px);
  aspect-ratio:1/1;
  margin:10px auto 18px;
}
.chest-state{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 22px 38px rgba(0,0,0,.24));
}
.chest-copy{
  position:relative;
  z-index:1;
  max-width:390px;
  padding:0;
  text-align:center;
  text-shadow:0 2px 18px rgba(14,7,26,.36);
}
.chest-title{
  margin-bottom:10px;
}
.chest-text{
  color:rgba(255,239,220,.9);
}
#wheel-common.chest-wheel .chest-card{
  min-height:560px;
  padding:26px 26px 108px;
}
#wheel-common.chest-wheel .chest-art{
  width:min(82%,390px);
}
@media (max-width: 900px){
  .chest-card{
    min-height:420px;
    padding:22px 20px 98px;
  }
  #wheel-common.chest-wheel .chest-card{
    min-height:520px;
    padding:22px 20px 98px;
  }
}
@media (max-width: 640px){
  .chest-card{
    min-height:360px;
    padding:18px 16px 88px;
  }
  .chest-art{
    width:min(86%,280px);
    margin:8px auto 14px;
  }
  .chest-copy{
    max-width:320px;
  }
  #wheel-common.chest-wheel .chest-card{
    min-height:460px;
    padding:18px 16px 88px;
  }
}


/* v13: center hero chest on original wheel spot, without extra panel */
.chest-wheel--hero .wheel-container{
  max-width:520px;
}
.chest-wheel--hero .wheel-image,
.chest-wheel--hero .chest-stage{
  display:flex;
  align-items:center;
  justify-content:center;
}
.chest-wheel--hero .chest-card{
  min-height:0;
  height:100%;
  padding:0 0 106px;
  justify-content:center;
  background:none;
  border:0;
  box-shadow:none;
  border-radius:0;
  overflow:visible;
}
.chest-wheel--hero .chest-card:before,
.chest-wheel--hero .chest-card:after,
.chest-wheel--hero .chest-badge,
.chest-wheel--hero .chest-copy{
  display:none !important;
}
.chest-wheel--hero .chest-art{
  width:min(88%,390px);
  margin:0 auto;
}
.chest-wheel--hero .chest-state{
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.22));
}
@media (max-width: 767px){
  .chest-wheel--hero .chest-card{
    padding:0 0 92px;
  }
  .chest-wheel--hero .chest-art{
    width:min(90%,320px);
  }
}


/* v14: remove extra background panel behind Lightning Chest; keep only chest + lightning */
.chest-card--plain{
  min-height:0 !important;
  height:100% !important;
  padding:0 0 106px !important;
  justify-content:center !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
}
.chest-card--plain:before,
.chest-card--plain:after,
.chest-card--plain .chest-badge,
.chest-card--plain .chest-copy{
  display:none !important;
}
.chest-card--plain .chest-art{
  width:min(88%,390px) !important;
  margin:0 auto !important;
}
.chest-card--plain .chest-state{
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.22));
}
#wheel-common.chest-wheel .chest-card--plain{
  min-height:0 !important;
  padding:0 0 88px !important;
}
@media (max-width: 767px){
  .chest-card--plain{
    padding:0 0 92px !important;
  }
  .chest-card--plain .chest-art{
    width:min(90%,320px) !important;
  }
  #wheel-common.chest-wheel .chest-card--plain{
    padding:0 0 82px !important;
  }
}

/* v15: keep the full Lightning Chest on transparent background, centered, without cutting the object */
.chest-wheel .wheel-inner,
.chest-wheel .wheel-container,
.chest-wheel .wheel-body,
.chest-wheel .wheel-image,
.chest-stage,
.chest-card--plain,
.chest-card--plain .chest-art{
  overflow: visible !important;
}

.chest-card--plain{
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 0 106px !important;
  display: grid !important;
  place-items: center !important;
  justify-content: center !important;
  align-items: center !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.chest-card--plain:before,
.chest-card--plain:after,
.chest-card--plain .chest-badge,
.chest-card--plain .chest-copy{
  display: none !important;
}

.chest-card--plain .chest-art{
  width: min(96%, 452px) !important;
  max-width: 452px !important;
  margin: 0 auto !important;
  display: grid !important;
  place-items: center !important;
  aspect-ratio: auto !important;
}

.chest-wheel--hero .chest-card--plain .chest-art{
  width: min(96%, 472px) !important;
  max-width: 472px !important;
}

#wheel-common.chest-wheel .chest-card--plain{
  padding: 0 0 88px !important;
}

#wheel-common.chest-wheel .chest-card--plain .chest-art{
  width: min(94%, 430px) !important;
  max-width: 430px !important;
}

.chest-card--plain .chest-state{
  grid-area: 1 / 1;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  transform-origin: center bottom;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.26)) drop-shadow(0 0 16px rgba(142,116,255,.18));
}

.chest-card--plain .chest-state-open{
  opacity: 0;
  transform: scale(1.02);
}

.chest-wheel .wheel-body.active .chest-card--plain .chest-state-closed{
  opacity: 0;
  transform: scale(.96);
}

.chest-wheel .wheel-body.active .chest-card--plain .chest-state-open{
  opacity: 1;
  transform: scale(1.12);
}

@media (max-width: 767px){
  .chest-card--plain{
    padding: 0 0 92px !important;
  }
  .chest-card--plain .chest-art,
  .chest-wheel--hero .chest-card--plain .chest-art{
    width: min(96%, 340px) !important;
    max-width: 340px !important;
  }
  #wheel-common.chest-wheel .chest-card--plain{
    padding: 0 0 82px !important;
  }
  #wheel-common.chest-wheel .chest-card--plain .chest-art{
    width: min(94%, 320px) !important;
    max-width: 320px !important;
  }
}

.wheel-modal-inner--chest{
  text-align:center;
}
.wheel-modal-inner--chest .wheel-modal-btn{
  display:flex!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-content:center;
}

/* === Table width fix across all pages === */
@media (min-width: 768px){
  .main-text-content table,
  .page-text table,
  .text-block table,
  .bonus table,
  .app table,
  .login table,
  .games table,
  .slots table{
    display:table!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    table-layout:auto;
    overflow:visible!important;
  }
  .main-text-content table thead,
  .page-text table thead,
  .text-block table thead,
  .bonus table thead,
  .app table thead,
  .login table thead,
  .games table thead,
  .slots table thead{display:table-header-group!important}
  .main-text-content table tbody,
  .page-text table tbody,
  .text-block table tbody,
  .bonus table tbody,
  .app table tbody,
  .login table tbody,
  .games table tbody,
  .slots table tbody{display:table-row-group!important}
  .main-text-content table tr,
  .page-text table tr,
  .text-block table tr,
  .bonus table tr,
  .app table tr,
  .login table tr,
  .games table tr,
  .slots table tr{display:table-row!important}
  .main-text-content table th,
  .main-text-content table td,
  .page-text table th,
  .page-text table td,
  .text-block table th,
  .text-block table td,
  .bonus table th,
  .bonus table td,
  .app table th,
  .app table td,
  .login table th,
  .login table td,
  .games table th,
  .games table td,
  .slots table th,
  .slots table td{white-space:normal;word-break:normal;overflow-wrap:anywhere}
}

@media (max-width: 767px){
  .main-text-content table,
  .page-text table,
  .text-block table,
  .bonus table,
  .app table,
  .login table,
  .games table,
  .slots table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  .main-text-content table thead,
  .main-text-content table tbody,
  .page-text table thead,
  .page-text table tbody,
  .text-block table thead,
  .text-block table tbody,
  .bonus table thead,
  .bonus table tbody,
  .app table thead,
  .app table tbody,
  .login table thead,
  .login table tbody,
  .games table thead,
  .games table tbody,
  .slots table thead,
  .slots table tbody{
    display:table;
    width:max-content;
    min-width:100%;
  }
  .main-text-content table tr,
  .page-text table tr,
  .text-block table tr,
  .bonus table tr,
  .app table tr,
  .login table tr,
  .games table tr,
  .slots table tr{display:table-row}
}


/* === Mobile table header alignment fix === */
@media (max-width: 767px){
  .main-text-content table,
  .page-text table,
  .text-block table,
  .bonus table,
  .app table,
  .login table,
  .games table,
  .slots table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
  }
  .main-text-content table thead,
  .page-text table thead,
  .text-block table thead,
  .bonus table thead,
  .app table thead,
  .login table thead,
  .games table thead,
  .slots table thead{
    display:table-header-group!important;
    width:auto!important;
    min-width:0!important;
  }
  .main-text-content table tbody,
  .page-text table tbody,
  .text-block table tbody,
  .bonus table tbody,
  .app table tbody,
  .login table tbody,
  .games table tbody,
  .slots table tbody{
    display:table-row-group!important;
    width:auto!important;
    min-width:0!important;
  }
  .main-text-content table tr,
  .page-text table tr,
  .text-block table tr,
  .bonus table tr,
  .app table tr,
  .login table tr,
  .games table tr,
  .slots table tr{
    display:table-row!important;
  }
  .main-text-content table th,
  .main-text-content table td,
  .page-text table th,
  .page-text table td,
  .text-block table th,
  .text-block table td,
  .bonus table th,
  .bonus table td,
  .app table th,
  .app table td,
  .login table th,
  .login table td,
  .games table th,
  .games table td,
  .slots table th,
  .slots table td{
    white-space:nowrap!important;
  }
}


@media (max-width: 991px){
  .header .wrap{
    justify-content:center!important;
    padding-bottom:0!important;
    min-height:64px;
    position:relative;
  }
  .header .custom-logo-link,.custom-logo-link{
    margin:0 auto!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .mobile-btn{
    position:absolute!important;
    right:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
  }
}


/* === Performance pass === */
img{height:auto}
.wheel-modal-img img,.chest-art img,.banner-img img,.page-image img,.slot img,.bonus-item-icon img{display:block}

/* perf tune */
@supports (content-visibility:auto){
  .bonus.section,.main-text.section,.faq.section,.payments.section,.author-block,.review.section,.reviews.section,.contacts.section,.payment.section,.text.section,.terms.section,.privacy.section,.responsible.section,.about.section{content-visibility:auto;contain-intrinsic-size:1px 900px;}
  .banner-wrap,.header,.footer,.wheel-modal,.menu-modal{content-visibility:visible;}
}


/* wheel modal ghost fix + glossary card background */
.wheel-modal{
  transition:none !important;
  -webkit-transition:none !important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform:translate(-50%,-50%) translateZ(0);
}
.wheel-modal:not(.active){
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  height:0 !important;
}
@media (max-width: 640px){
  .wheel-modal,
  .wheel-modal:not(.active),
  .wheel-modal.active{
    transition:none !important;
    -webkit-transition:none !important;
  }
}
.glossary-post{
  background:linear-gradient(180deg, rgba(24,10,44,.78), rgba(14,7,28,.86)) !important;
}


/* mobile bonus button centering fix */
@media (max-width: 767px){
  .bonus-item-text{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
  .bonus-item .bonus-btn{
    display:flex!important;
    width:-moz-fit-content!important;
    width:fit-content!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0 auto!important;
    justify-content:center!important;
  }
}