/* CasinoSlot local UI — sidenav, login/register, sliders */
.cs-hidden{display:none!important}
body.cs-nav-open,
body.cs-panel-open{overflow:hidden}

/* Left menu: teal logo bar, white list, dark icons (live site) */
mat-sidenav.sidenav-left{
  width:280px!important;
  max-width:86vw;
  background:#fff!important;
  z-index:5000;
}
body.cs-nav-open mat-sidenav.sidenav-left{
  position:fixed!important;
  top:0!important;
  left:0!important;
  bottom:0!important;
  height:100vh!important;
  max-height:100vh!important;
  transform:none!important;
  visibility:visible!important;
  box-shadow:4px 0 24px rgba(0,0,0,.28)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  color:#424242!important;
  background:#fff!important;
}
body.cs-nav-open mat-sidenav.sidenav-left .mat-drawer-inner-container{
  background:#fff!important;
  height:100%!important;
}
body.cs-nav-open mat-sidenav.sidenav-left .mat-toolbar{
  background:#008db8!important;
  color:#fff!important;
}
body.cs-nav-open mat-sidenav.sidenav-left .mat-list-item,
body.cs-nav-open mat-sidenav.sidenav-left .mat-list-item span,
body.cs-nav-open mat-sidenav.sidenav-left a{
  color:#424242!important;
}
body.cs-nav-open mat-sidenav.sidenav-left .mat-nav-list mat-icon,
body.cs-nav-open mat-sidenav.sidenav-left .mat-nav-list svg,
body.cs-nav-open mat-sidenav.sidenav-left .mat-list-item mat-icon,
body.cs-nav-open mat-sidenav.sidenav-left .mat-list-item svg{
  fill:#555!important;
  color:#555!important;
}
body.cs-nav-open .mat-drawer-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:4999!important;
  visibility:visible!important;
  display:block!important;
  background-color:rgba(0,0,0,.5)!important;
  pointer-events:auto!important;
}
body.cs-nav-open .mat-drawer-container{overflow:hidden}

/* Login / register: sit below winner ticker */
.cs-panel{
  display:none;
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  top:0;
  z-index:4000;
  background:#fff;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
body.cs-panel-open .cs-panel.is-on{
  display:flex;
  flex-direction:column;
}
body.cs-panel-open mat-sidenav-content .mat-toolbar.mat-primary{
  display:none!important;
}
body.cs-panel-open mat-sidenav-content .mat-tab-header{
  display:none!important;
}
body.cs-panel-open app-block-mood-area,
body.cs-panel-open app-block-category-navigation,
body.cs-panel-open app-block-category,
body.cs-panel-open app-block-footer,
body.cs-panel-open app-block-iframe-handler{
  visibility:hidden!important;
}

.cs-close-bar{
  height:48px;
  padding:0 12px;
  background:#008db8;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-shrink:0;
  position:sticky;
  top:0;
  z-index:2;
}
.cs-close-bar .cs-close-left{display:flex;align-items:center;gap:6px;min-width:0}
.cs-close-bar h3{margin:0;font-size:16px;font-weight:500;color:#fff}
.cs-icon-btn{
  border:0;background:transparent;color:#fff;width:36px;height:36px;
  border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  font-size:22px;line-height:1;
}
.cs-close-bar .brand-logo,
.cs-close-bar img.brand-logo{height:22px;width:auto;max-width:140px}

.cs-card-wrap{padding:20px 16px 40px;background:#fff;flex:1}
@media (max-width:767px){.cs-card-wrap{padding:16px 12px 48px}}
.cs-card{
  background:#fff;
  border-radius:0;
  padding:8px 8px 24px;
  max-width:520px;
  margin:0 auto;
  box-shadow:none;
}
.cs-title{text-align:center;margin:12px 0 22px}
.cs-title h2{margin:0;font-size:22px;font-weight:700;color:#111;letter-spacing:.04em}

.cs-field{
  position:relative;
  margin:0 auto 16px;
  width:92%;
  max-width:420px;
}
.cs-field label{display:none}
.cs-field .cs-ico{
  position:absolute;left:16px;top:50%;transform:translateY(-50%);
  color:#555;font-size:22px;line-height:1;pointer-events:none;
}
.cs-field input{
  width:100%;height:52px;box-sizing:border-box;
  border:1px solid #7ec8e3;border-radius:28px;
  padding:8px 16px 8px 48px;font-size:15px;outline:none;background:#fff;
  color:#222;
}
.cs-field input::placeholder{color:#7eb6d0}
.cs-field input:focus{border-color:#008db8}
.cs-err{color:#c62828;font-size:13px;text-align:center;min-height:18px;margin:0 0 8px}

.cs-btn{
  display:block;width:92%;max-width:420px;margin:0 auto 14px;height:50px;
  border:0;border-radius:28px;font-size:16px;font-weight:600;cursor:pointer;
  text-transform:none;
}
.cs-btn-accent{background:#33d000;color:#fff}
.cs-btn-muted{background:#fff;color:#333;border:1px solid #d0d0d0}
.cs-btn-primary{background:#008db8;color:#fff}

.cs-stepper{max-width:480px;margin:0 auto;padding:8px 8px 0}
.cs-step{margin-bottom:8px}
.cs-step-head{
  display:flex;align-items:center;gap:12px;padding:10px 8px;cursor:default;
}
.cs-step-num{
  width:24px;height:24px;border-radius:50%;background:#bdbdbd;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;
}
.cs-step.is-on .cs-step-num{background:#008db8}
.cs-step.is-done .cs-step-num{background:#33d000}
.cs-step-label{font-size:14px;color:#9e9e9e}
.cs-step.is-on .cs-step-label{color:#333;font-weight:600}
.cs-step-body{display:none;padding:4px 8px 16px;border-left:1px solid #e0e0e0;margin-left:19px}
.cs-step.is-on .cs-step-body{display:block}
.cs-check{display:flex;align-items:flex-start;gap:8px;width:92%;max-width:420px;margin:8px auto 18px;font-size:13px;color:#333}
.cs-check input{margin-top:2px}
.cs-success{text-align:center;padding:24px 8px}
.cs-success h1{font-size:22px;color:#004a71;margin:0}

/* Hero slider — match 1200x660 mobile banners, don't crop to cash */
app-block-mood-area,
app-block-mood-area > div,
mat-carousel{
  height:auto!important;
  max-height:none!important;
}
.carousel{
  overflow:hidden!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1200/660;
  outline:0;
}
.carousel-list{
  display:flex!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  width:auto;
  transition:transform .45s ease;
}
.carousel > .carousel-list > .carousel-slide{
  flex:0 0 100%!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding-bottom:0!important;
  position:relative!important;
  display:flex!important;
}
.carousel-list > .carousel-slide > .carousel-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.carousel-slide-content{
  position:absolute!important;
  inset:0!important;
  z-index:1;
}
.carousel > button.mat-icon-button{
  position:absolute!important;
  z-index:3!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  background:rgba(179,201,212,.55)!important;
  border-radius:30px!important;
  width:40px!important;
  height:40px!important;
}
.carousel > button.mat-icon-button:first-of-type{left:8px!important}
.carousel > button.mat-icon-button:last-of-type{right:8px!important}

.winner-list-horizontal{display:block!important}
.winner-list-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

mat-icon[svgicon="svg_brand_logo"]{cursor:pointer}
.cs-logo-hit{cursor:pointer}
#chat-widget-container,#splashid,#splash_screen{display:none!important}

/* Logged-in header chrome */
body.cs-authed .cs-guest-btn,
body.cs-authed .mat-button-row > button.cs-guest-btn,
body.cs-authed .mat-button-row > button.mat-button:not([data-cs-deposit]):not(.deposit-btn):not([data-cs-account]):not(.account-button),
body.cs-authed .mat-button-row > button.mat-raised-button:not([data-cs-deposit]):not(.deposit-btn):not([data-cs-account]):not(.account-button){
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  max-width:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  border:0!important;
  position:absolute!important;
  left:-9999px!important;
}
.mat-button-row{display:flex;align-items:center;gap:8px}
.deposit-btn{
  background:#33d000!important;color:#fff!important;border:0!important;
  border-radius:18px!important;min-width:0!important;height:34px!important;
  padding:0 10px 0 12px!important;line-height:34px!important;cursor:pointer;
  box-shadow:none!important;
}
.deposit-btn .mat-button-wrapper{display:flex;align-items:center;color:#fff;font-weight:600}
.deposit-btn .mat-icon-container{display:inline-flex;width:18px;height:18px;margin-left:2px}
.deposit-btn mat-icon{font-size:18px;width:18px;height:18px;line-height:18px;color:#fff}
.account-button{
  position:relative;width:40px;height:40px;border-radius:50%!important;
  background:#33d000!important;color:#fff!important;border:0!important;
  min-width:40px!important;padding:0!important;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
}
.account-button mat-icon,.account-button .material-icons{color:#fff;font-size:22px}
.account-button .mat-badge-content{
  position:absolute;top:-4px;right:-4px;background:#e53935;color:#fff;
  width:16px;height:16px;border-radius:50%;font-size:10px;line-height:16px;text-align:center;
}

/* Right account menu */
body.cs-right-open{overflow:hidden}
#cs-right-nav{
  display:none;position:fixed;top:0;right:0;bottom:0;width:300px;max-width:88vw;
  z-index:5002;background:#fff;box-shadow:-4px 0 24px rgba(0,0,0,.28);
  overflow:auto;flex-direction:column;
}
body.cs-right-open #cs-right-nav{display:flex}
body.cs-right-open .mat-drawer-backdrop{
  position:fixed!important;inset:0!important;z-index:5001!important;
  visibility:visible!important;display:block!important;
  background-color:rgba(0,0,0,.5)!important;pointer-events:auto!important;
}
.cs-right-nav .my-account{background:#00324d;color:#fff;flex-shrink:0}
.cs-right-nav .user-wrapper{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 14px 12px;gap:10px}
.cs-right-nav .username,.cs-profile-card .username{color:#38e500;font-weight:700;font-size:15px}
.cs-right-nav .customerId,.cs-profile-card .customerId{color:#fff;font-size:13px;margin-top:4px}
.cs-acct-deposit{
  background:#33d000;color:#111;border:0;border-radius:18px;padding:8px 14px;
  font-weight:700;cursor:pointer;white-space:nowrap;font-size:13px;
}
.cs-right-nav .cs-divider{height:1px;background:rgba(255,255,255,.18);margin:0}
.cs-right-nav .balances-wrapper{padding:10px 14px 12px}
.cs-bal-row{display:flex;justify-content:space-between;gap:8px;padding:5px 0;font-size:13px}
.cs-right-nav .balance-title{color:#fff}
.cs-right-nav .balance-amount{color:#fff;text-align:right}
.bonuses-wrapper{
  width:100%;border:0;background:transparent;color:#fff;display:flex;align-items:center;
  padding:8px 8px 12px;cursor:pointer;gap:4px;text-align:left;
}
.bonuses-wrapper .bonus-ico{color:#33d000;font-size:26px}
.bonuses-wrapper .bonus-text{flex:1;font-size:13px}
.cs-acct-list{background:#fff;display:flex;flex-direction:column}
.cs-acct-list button,.cs-acct-list a{
  display:flex;align-items:center;gap:14px;padding:14px 18px;border:0;border-bottom:1px solid #eee;
  background:#fff;color:#111;font-size:15px;text-decoration:none;cursor:pointer;text-align:left;
}
.cs-acct-list .material-icons{font-size:22px;color:#222}

/* Alert modal */
.cs-alert{
  position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.55);
  display:none;align-items:center;justify-content:center;padding:20px;
}
.cs-alert.is-on{display:flex!important}
.cs-alert[hidden]{display:none!important}
.cs-alert-card{
  background:#fff;border-radius:10px;padding:22px 18px 16px;max-width:320px;width:100%;
  text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.cs-alert-card p{margin:0 0 16px;font-size:15px;color:#222;line-height:1.45}
.cs-alert-card .cs-btn{width:100%;max-width:none}

/* Deposit / withdraw */
.cs-pay-body{background:#eee;flex:1;padding:28px 12px 40px}
.cs-pay-title{text-align:center;font-size:16px;color:#222;margin:0 0 18px;font-weight:500}
.pm-categories-wrapper,.pm-selected-category-wrapper{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
}
.pm-category-item,.pm-item{
  background:#fff;border:0;border-radius:8px;width:62px;min-height:78px;padding:8px 4px;
  cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-shadow:0 1px 3px rgba(0,0,0,.12);
}
.pm-item{width:78px;min-height:90px}
.pm-category-item .image-wrapper,.pm-item .image-wrapper{height:36px;display:flex;align-items:center;justify-content:center}
.pm-category-item img,.pm-item img{max-width:46px;max-height:34px;object-fit:contain}
.pm-category-item .text,.pm-item .text{font-size:8px;margin-top:6px;color:#333;text-align:center;line-height:1.15;font-weight:600;word-break:break-word}
.pm-category-item.selected{box-shadow:0 0 0 2px #008db8;background:#e8f6fb}

.cs-dep-form-body{background:#eee;flex:1;padding:16px 12px 80px}
.cs-dep-cats{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;margin:4px 0 8px}
.cs-dep-cats .pm-category-item{
  width:auto;flex:1 1 42%;max-width:48%;min-height:58px;padding:12px 10px;
  border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.12);
}
.cs-dep-cats .pm-category-item .text{font-size:12px;margin:0;font-weight:800;letter-spacing:.02em}
.cs-dep-cats .pm-category-item.selected{
  background:#33d000;box-shadow:none;
}
.cs-dep-cats .pm-category-item.selected .text{color:#fff;font-size:16px}
.cs-dep-cats [data-cs-dep-back]{background:#fff}
.cs-dep-cats [data-cs-dep-back] .text{color:#008db8;font-size:11px;line-height:1.25;text-align:center}
.cs-dep-hint{text-align:center;color:#555;font-size:13px;margin:14px 8px 10px}
.cs-dep-pms{margin:0 0 8px}
.cs-dep-pms .pm-item{
  width:30%;min-width:92px;min-height:92px;border-radius:10px;background:#fff;
}
.cs-dep-pms .pm-item img{max-width:64px;max-height:42px}
.cs-dep-pms .pm-item.selected{background:#33d000;box-shadow:none}
.cs-dep-pms .pm-item.selected .text{color:#fff}
.cs-dep-network{
  background:#fff;border-radius:10px;padding:12px 10px 14px;margin:8px auto 4px;max-width:440px;
  box-shadow:0 1px 3px rgba(0,0,0,.08);
}
.cs-net-head{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 10px;font-size:14px}
.cs-net-head .net-label{font-weight:700;color:#333}
.cs-net-head .net-status.req{color:#e53935;font-weight:800}
.cs-net-head .net-status.ok{color:#33d000;font-weight:800}
.cs-net-options{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.net-opt{
  display:flex;align-items:center;gap:6px;background:#f4f7f8;border-radius:8px;
  padding:8px 10px;font-size:12px;font-weight:700;color:#333;cursor:pointer;
}
.net-opt input{accent-color:#008db8}
.cs-bonus-strip{position:relative;margin:0 0 8px;overflow:hidden}
.cs-bonus-row{
  display:flex;gap:8px;overflow-x:auto;padding:6px 4px 10px;-webkit-overflow-scrolling:touch;
  opacity:.42;
}
.cs-bonus-card{
  flex:0 0 168px;background:#fff;border-radius:10px;padding:10px 10px 12px;
  box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:6px;
}
.cs-bonus-card .promotion-header{font-size:12px;font-weight:800;color:#222;line-height:1.3}
.cs-bonus-card .promotion-details{font-size:11px;color:#666}
.cs-bonus-pick{
  margin-top:auto;border:0;background:#cfd8dc;color:#fff;border-radius:16px;
  padding:6px 10px;font-size:12px;font-weight:700;cursor:default;
}
.cs-bonus-cover{
  position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;
}
.cs-bonus-cover p{
  margin:0;color:#fff;background:rgba(0,0,0,.34);border-radius:10px;padding:7px;
  min-width:100px;width:50%;text-align:center;font-size:12px;
}
.cs-bonus-strip.has-amt .cs-bonus-cover{display:none}
.cs-bonus-strip.has-amt .cs-bonus-row{opacity:1}
.cs-dep-amts{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 14px}
.cs-amt-btn{
  background:#fff;border:1px solid #cfd8dc;border-radius:18px;padding:8px 14px;
  font-weight:700;cursor:pointer;color:#222;min-width:72px;
}
.cs-amt-btn:active,.cs-amt-btn.is-on{background:#e8f6fb;border-color:#008db8}
.cs-dep-field-wrap{max-width:320px;margin:0 auto 12px}
.cs-dep-field-wrap label{display:block;font-size:12px;color:#555;margin:0 0 4px}
.cs-dep-field-wrap input{
  width:100%;box-sizing:border-box;border:0;border-bottom:2px solid #90caf9;
  background:#fff;border-radius:10px 10px 0 0;padding:14px 12px;font-size:16px;outline:0;
}
.cs-dep-field-wrap input:focus{border-bottom-color:#008db8}
.cs-dep-submit{display:block;width:100%;max-width:280px;margin:16px auto 0}

html.cs-splash-on,
html.cs-splash-on body{
  background:#004a71!important;
  overflow:hidden!important;
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  margin:0!important;
  transform:none!important;
  filter:none!important;
}
html.cs-splash-on body > *:not(#cs-splash){
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html.cs-splash-on .winner-list-horizontal,
html.cs-splash-on app-block-winner-list,
html.cs-splash-on #cs-chat-fab{
  display:none!important;
}
#cs-splash{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;bottom:0!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-width:100vw;
  min-height:100vh;
  min-height:100dvh;
  z-index:2147483646!important;
  background:#004a71!important;
  display:flex;align-items:center;justify-content:center;
  margin:0!important;padding:0!important;
  transform:none!important;
}
.cs-splash-inner{display:flex;flex-direction:column;align-items:center;gap:18px;width:90%;max-width:420px}
.cs-splash-dots{width:92px;height:auto}
.cs-splash-logo{width:100%;max-width:380px;height:auto}

#cs-chat-fab{
  position:fixed;left:8px;bottom:8px;z-index:50020;width:64px;height:64px;
  border:0;background:transparent;padding:0;cursor:pointer;
}
#cs-chat-fab svg{width:56px;height:56px;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.28))}
body.cs-splash-on #cs-chat-fab{visibility:hidden}
iframe.widget-visible,div.tawk-min-container{display:none!important}

/* Bonus / history */
.cs-bonus-wrap{background:#f5f5f5;flex:1;padding:0 0 40px}
.cs-subtabs{display:flex;overflow-x:auto;background:#fff;border-bottom:1px solid #ddd}
.cs-subtabs button{
  flex:1;min-width:72px;border:0;background:transparent;padding:12px 8px;font-size:12px;
  font-weight:700;color:#777;cursor:pointer;white-space:nowrap;
}
.cs-subtabs button.is-on{color:#008db8;box-shadow:inset 0 -3px 0 #008db8}
.cs-subtabs.two button{font-size:14px;min-width:50%}
.cs-2fa{
  margin:12px;background:#fff3e0;border-radius:8px;padding:12px;display:flex;flex-wrap:wrap;
  gap:8px;align-items:center;justify-content:center;text-align:center;font-size:13px;color:#333;
}
.cs-2fa .material-icons{color:#ef6c00}
.cs-mini-accent{background:#33d000;border:0;border-radius:16px;padding:6px 12px;font-weight:700;cursor:pointer}
.cs-empty-card{margin:16px;background:#fff;border-radius:6px;padding:28px 16px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.cs-empty-card h2{margin:0 0 10px;font-size:18px;color:#222}
.cs-empty-card h3,.cs-empty-card p{margin:0;font-size:14px;color:#666;font-weight:400}

/* Profile */
.cs-profile-wrap{background:#eee;flex:1;padding:16px 12px 40px}
.cs-profile-card{background:#00324d;color:#fff;border-radius:6px;padding:16px 14px 20px;max-width:520px;margin:0 auto}
.cs-profile-card .user-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.cs-profile-card .cs-divider.dark{height:1px;background:rgba(255,255,255,.18);margin:8px 0}
.cs-profile-card .balances-wrapper.dark{padding:6px 0 10px}
.cs-profile-card .balance-title,.cs-profile-card .balance-amount{color:#fff}
.cs-2fa-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;font-size:13px}
.cs-profile-title{background:#fff;color:#222;margin:12px -14px 12px;padding:12px 14px;font-size:16px}
.cs-ro{
  display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #cfd8dc;border-radius:6px;
  padding:8px 10px;margin:0 0 10px;color:#555;
}
.cs-ro input{flex:1;border:0;outline:0;background:transparent;font-size:14px;color:#222}
.cs-edit{border:0;background:transparent;cursor:pointer;color:#555;padding:0}
mat-sidenav.sidenav-right{display:none!important}

/* Sports iframe */
body.cs-sport app-form-layout,
body.cs-sport app-block-sportsbook,
body.cs-sport app-block-iframe-handler,
body.cs-sport app-home,
body.cs-sport app-block-footer{
  display:none!important;
}
body.cs-sport .body,
body.cs-sport mat-sidenav-content{
  display:flex!important;
  flex-direction:column!important;
  min-height:100dvh;
}
#sport_iframe_wrap{
  position:relative;
  width:100%;
  flex:1 1 auto;
  height:calc(100dvh - 160px);
  min-height:420px;
  background:#0b0f14;
}
#sport_iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}