/* Buaya Selatan Theme Engine - Shared Internal UI v4
   Applies only to internal pages/components: login, register, provider, game catalogue.
   Theme character is supplied through body.bs-theme-* CSS variables below. */

body[class*="bs-theme-"]{
  --bsui-bg:#0b0d10;
  --bsui-surface:#15181d;
  --bsui-surface-2:#1d2128;
  --bsui-text:#f5f7fa;
  --bsui-muted:#9aa4b2;
  --bsui-border:rgba(255,255,255,.10);
  --bsui-accent:#d6a51f;
  --bsui-accent-2:#f2c84b;
  --bsui-accent-contrast:#111;
  --bsui-danger:#ef5350;
  --bsui-success:#29c477;
  --bsui-shadow:0 18px 55px rgba(0,0,0,.28);
  --bsui-radius:16px;
  --bsui-field-bg:#0e1115;
}
body.bs-theme-classic{--bsui-bg:#0f1012;--bsui-surface:#17191d;--bsui-surface-2:#20232a;--bsui-accent:#d7aa20;--bsui-accent-2:#f1cf5f;--bsui-text:#fff;--bsui-muted:#aeb5bf;--bsui-field-bg:#111318}
body.bs-theme-modern{--bsui-bg:#f4f7fb;--bsui-surface:#fff;--bsui-surface-2:#f8fafc;--bsui-accent:#2f6fed;--bsui-accent-2:#5a8df4;--bsui-accent-contrast:#fff;--bsui-text:#172033;--bsui-muted:#7b8798;--bsui-border:#e2e8f0;--bsui-field-bg:#f8fafc;--bsui-shadow:0 16px 45px rgba(24,39,75,.10)}
body.bs-theme-bold-gaming{--bsui-bg:#071316;--bsui-surface:#0d1e22;--bsui-surface-2:#11272c;--bsui-accent:#20d6c7;--bsui-accent-2:#65f3e7;--bsui-accent-contrast:#06211f;--bsui-text:#ecfffd;--bsui-muted:#8eb8b4;--bsui-border:rgba(32,214,199,.22);--bsui-field-bg:#08171a}
body.bs-theme-superapp-modern{--bsui-bg:#f4f7fb;--bsui-surface:#fff;--bsui-surface-2:#f8fbff;--bsui-accent:#2563eb;--bsui-accent-2:#60a5fa;--bsui-accent-contrast:#fff;--bsui-text:#14213d;--bsui-muted:#748198;--bsui-border:#dde6f2;--bsui-field-bg:#f7faff;--bsui-shadow:0 18px 48px rgba(37,99,235,.10)}
body.bs-theme-streaming-neon{--bsui-bg:#060a07;--bsui-surface:#0b130d;--bsui-surface-2:#101c13;--bsui-accent:#6dfc34;--bsui-accent-2:#a2ff79;--bsui-accent-contrast:#051006;--bsui-text:#f4fff1;--bsui-muted:#9db49a;--bsui-border:rgba(109,252,52,.20);--bsui-field-bg:#081009}
body.bs-theme-glass-future{--bsui-bg:#08111f;--bsui-surface:rgba(16,34,58,.82);--bsui-surface-2:rgba(24,48,78,.78);--bsui-accent:#52c7ff;--bsui-accent-2:#8de4ff;--bsui-accent-contrast:#06141f;--bsui-text:#effaff;--bsui-muted:#9ab7c9;--bsui-border:rgba(116,205,255,.24);--bsui-field-bg:rgba(7,20,35,.88);--bsui-shadow:0 20px 60px rgba(0,15,35,.35)}
body.bs-theme-luxury-editorial{--bsui-bg:#f3efe5;--bsui-surface:#fffaf0;--bsui-surface-2:#f8f0df;--bsui-accent:#9c7a2f;--bsui-accent-2:#c6a45a;--bsui-accent-contrast:#fff;--bsui-text:#17352a;--bsui-muted:#6f786f;--bsui-border:#d9cfb8;--bsui-field-bg:#fffdf8;--bsui-shadow:0 18px 45px rgba(72,56,31,.12)}
body.bs-theme-dark-gold-premium{--bsui-bg:#060708;--bsui-surface:#101113;--bsui-surface-2:#17191c;--bsui-accent:#e0ad26;--bsui-accent-2:#ffd35d;--bsui-accent-contrast:#100d05;--bsui-text:#fff9e8;--bsui-muted:#b2aa98;--bsui-border:rgba(224,173,38,.24);--bsui-field-bg:#0b0c0e;--bsui-shadow:0 22px 64px rgba(0,0,0,.42)}
body.bs-theme-modern-dark-green{--bsui-bg:#031009;--bsui-surface:#071a0f;--bsui-surface-2:#0b2515;--bsui-accent:#69ee45;--bsui-accent-2:#a4ff82;--bsui-accent-contrast:#031008;--bsui-text:#f2ffef;--bsui-muted:#9fbea5;--bsui-border:rgba(105,238,69,.22);--bsui-field-bg:#05140b;--bsui-shadow:0 22px 64px rgba(0,0,0,.35)}

/* -------- shared page canvas -------- */
body[class*="bs-theme-"] #main-route .main-content.register,
body[class*="bs-theme-"] #main-route .main-content.game,
body[class*="bs-theme-"] #main-route .main-content.slot-game{
  background:var(--bsui-bg)!important;
  color:var(--bsui-text)!important;
  min-height:calc(100vh - 120px);
  padding:28px 0 42px!important;
}
body[class*="bs-theme-"] #main-route .container{max-width:1180px!important;padding-left:18px!important;padding-right:18px!important}
body[class*="bs-theme-"] #main-route .page-header{
  color:var(--bsui-text)!important;background:transparent!important;border:0!important;
  border-left:4px solid var(--bsui-accent)!important;padding:4px 0 4px 13px!important;
  margin:0 0 20px!important;font-weight:800!important;font-size:22px!important;line-height:1.3!important;
  text-transform:none!important;letter-spacing:.1px!important;box-shadow:none!important
}

/* -------- LOGIN modal: no overlap, theme-native -------- */
body[class*="bs-theme-"] #loginModal{padding-right:0!important}
body[class*="bs-theme-"] #loginModal .modal-dialog{
  width:calc(100% - 32px)!important;max-width:440px!important;margin:7vh auto!important;
  min-height:0!important;display:block!important;transform:none!important
}
body[class*="bs-theme-"] #loginModal .modal-content{
  position:relative!important;overflow:hidden!important;background:var(--bsui-surface)!important;color:var(--bsui-text)!important;
  border:1px solid var(--bsui-border)!important;border-radius:20px!important;box-shadow:var(--bsui-shadow)!important;
  padding:0!important;min-height:0!important;height:auto!important
}
body[class*="bs-theme-"] #loginModal .modal-header{
  display:block!important;border:0!important;background:linear-gradient(135deg,var(--bsui-surface-2),var(--bsui-surface))!important;
  padding:24px 24px 12px!important;min-height:0!important;text-align:left!important
}
body[class*="bs-theme-"] #loginModal .modal-title{margin:0!important;color:var(--bsui-text)!important;font-size:22px!important;font-weight:800!important;line-height:1.25!important}
body[class*="bs-theme-"] #loginModal .modal-body{padding:14px 24px 26px!important;background:transparent!important;overflow:visible!important}
body[class*="bs-theme-"] #loginModal .modal-body-form,
body[class*="bs-theme-"] #loginModal form{width:100%!important;margin:0!important;padding:0!important;display:block!important}
body[class*="bs-theme-"] #loginModal .form-item{width:100%!important;margin:0 0 16px!important;padding:0!important;display:block!important;position:static!important}
body[class*="bs-theme-"] #loginModal .item-title{display:block!important;margin:0 0 7px!important;color:var(--bsui-text)!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important}
body[class*="bs-theme-"] #loginModal input[type="text"],
body[class*="bs-theme-"] #loginModal input[type="password"]{
  display:block!important;width:100%!important;max-width:none!important;height:48px!important;margin:0!important;padding:0 14px!important;
  color:var(--bsui-text)!important;background:var(--bsui-field-bg)!important;border:1px solid var(--bsui-border)!important;
  border-radius:12px!important;outline:0!important;box-shadow:none!important;font-size:15px!important;line-height:48px!important;box-sizing:border-box!important
}
body[class*="bs-theme-"] #loginModal input:focus{border-color:var(--bsui-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--bsui-accent) 18%,transparent)!important}
body[class*="bs-theme-"] #loginModal .form-button{width:100%!important;margin:6px 0 0!important;padding:0!important}
body[class*="bs-theme-"] #loginModal .button-login{
  width:100%!important;min-height:48px!important;border:0!important;border-radius:12px!important;margin:0!important;padding:11px 18px!important;
  background:linear-gradient(135deg,var(--bsui-accent),var(--bsui-accent-2))!important;color:var(--bsui-accent-contrast)!important;
  font-weight:800!important;font-size:15px!important;box-shadow:none!important;text-transform:none!important
}
body[class*="bs-theme-"] #loginModal .close{
  position:absolute!important;right:14px!important;top:14px!important;z-index:6!important;width:36px!important;height:36px!important;
  display:grid!important;place-items:center!important;padding:0!important;margin:0!important;border:1px solid var(--bsui-border)!important;
  border-radius:50%!important;background:var(--bsui-surface-2)!important;color:var(--bsui-text)!important;opacity:1!important;line-height:1!important
}
body[class*="bs-theme-"] #loginModal .close i{font-size:15px!important;line-height:1!important;margin:0!important}

/* -------- REGISTER: fixed columns + no overlap -------- */
body[class*="bs-theme-"] .register .register__container{
  width:min(100%,900px)!important;max-width:900px!important;margin:0 auto!important;padding:28px!important;
  background:var(--bsui-surface)!important;color:var(--bsui-text)!important;border:1px solid var(--bsui-border)!important;
  border-radius:var(--bsui-radius)!important;box-shadow:var(--bsui-shadow)!important;overflow:visible!important;box-sizing:border-box!important
}
body[class*="bs-theme-"] .register .register__container form,
body[class*="bs-theme-"] .register .register__container .register-form{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}
body[class*="bs-theme-"] .register .register__note,
body[class*="bs-theme-"] .register .register__notemail{
  margin:0 0 18px!important;padding:13px 15px!important;border:1px solid var(--bsui-border)!important;border-radius:12px!important;
  background:var(--bsui-surface-2)!important;color:var(--bsui-muted)!important;font-size:13px!important;line-height:1.55!important
}
body[class*="bs-theme-"] .register .note__head{color:var(--bsui-accent)!important;font-weight:800!important;margin-bottom:4px!important}
body[class*="bs-theme-"] .register .register-form .form-group{margin:0 0 15px!important;padding:0!important;width:100%!important}
body[class*="bs-theme-"] .register .register-form .form-group>.row{
  display:grid!important;grid-template-columns:minmax(150px,220px) minmax(0,1fr)!important;gap:16px!important;
  align-items:center!important;margin:0!important;width:100%!important
}
body[class*="bs-theme-"] .register .register-form .form-group>.row>[class*="col-"]{width:100%!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;display:block!important}
body[class*="bs-theme-"] .register .register-form label{display:block!important;margin:0!important;color:var(--bsui-text)!important;font-weight:700!important;font-size:14px!important;line-height:1.35!important;white-space:normal!important}
body[class*="bs-theme-"] .register .form-control,
body[class*="bs-theme-"] .register input,
body[class*="bs-theme-"] .register select,
body[class*="bs-theme-"] .register textarea,
body[class*="bs-theme-"] .register .select2-selection{
  width:100%!important;max-width:none!important;min-width:0!important;height:48px!important;margin:0!important;padding:0 14px!important;
  color:var(--bsui-text)!important;background:var(--bsui-field-bg)!important;border:1px solid var(--bsui-border)!important;border-radius:12px!important;
  box-sizing:border-box!important;box-shadow:none!important;outline:none!important;font-size:14px!important
}
body[class*="bs-theme-"] .register select option{color:#111!important;background:#fff!important}
body[class*="bs-theme-"] .register .form-control:focus,
body[class*="bs-theme-"] .register input:focus,
body[class*="bs-theme-"] .register select:focus{border-color:var(--bsui-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--bsui-accent) 16%,transparent)!important}
body[class*="bs-theme-"] .register .input-group{display:flex!important;width:100%!important;align-items:stretch!important}
body[class*="bs-theme-"] .register .input-group .form-control{flex:1 1 auto!important;width:1%!important}
body[class*="bs-theme-"] .register .input-group-text{height:48px!important;display:flex!important;align-items:center!important;border-color:var(--bsui-border)!important;background:var(--bsui-surface-2)!important;color:var(--bsui-text)!important}
body[class*="bs-theme-"] .register .register-terms{margin:18px 0!important;color:var(--bsui-muted)!important;line-height:1.5!important}
body[class*="bs-theme-"] .register .register-terms a{color:var(--bsui-accent)!important}
body[class*="bs-theme-"] .register .daftar,
body[class*="bs-theme-"] .register button[type="submit"],
body[class*="bs-theme-"] .register input[type="submit"]{
  min-height:48px!important;width:100%!important;border:0!important;border-radius:12px!important;padding:11px 18px!important;
  background:linear-gradient(135deg,var(--bsui-accent),var(--bsui-accent-2))!important;color:var(--bsui-accent-contrast)!important;
  font-size:15px!important;font-weight:800!important;box-shadow:none!important
}

/* -------- PROVIDER INDEX: theme-native card grid -------- */
body[class*="bs-theme-"] .main-content.game .game__list{width:100%!important;margin:0!important;padding:0!important;background:transparent!important}
body[class*="bs-theme-"] .main-content.game .game-list-container{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;
  width:100%!important;margin:0!important;padding:0!important;align-items:stretch!important
}
body[class*="bs-theme-"] .main-content.game .game-holder{
  float:none!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;
  display:flex!important;flex-direction:column!important;position:relative!important;overflow:hidden!important;
  background:var(--bsui-surface)!important;border:1px solid var(--bsui-border)!important;border-radius:15px!important;box-shadow:none!important;transform:none!important
}
body[class*="bs-theme-"] .main-content.game .game-holder:before,
body[class*="bs-theme-"] .main-content.game .game-holder:after{display:none!important;content:none!important}
body[class*="bs-theme-"] .main-content.game .game-img{
  width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding:16px!important;background:var(--bsui-surface-2)!important;overflow:hidden!important;border-radius:0!important
}
body[class*="bs-theme-"] .main-content.game .game-img img{
  display:block!important;width:100%!important;height:100%!important;max-width:180px!important;max-height:76px!important;object-fit:contain!important;
  margin:auto!important;border-radius:0!important;filter:none!important;transform:none!important
}
body[class*="bs-theme-"] .main-content.game .game-bottom{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;gap:12px!important;padding:14px!important;
  background:transparent!important;color:var(--bsui-text)!important;position:static!important;height:auto!important
}
body[class*="bs-theme-"] .main-content.game .game-name{
  min-height:38px!important;display:flex!important;align-items:flex-start!important;margin:0!important;padding:0!important;
  color:var(--bsui-text)!important;font-size:14px!important;font-weight:800!important;line-height:1.35!important;text-align:left!important;overflow:visible!important
}
body[class*="bs-theme-"] .main-content.game .game-links{margin-top:auto!important;position:static!important;display:block!important;width:100%!important}
body[class*="bs-theme-"] .main-content.game .game-links a,
body[class*="bs-theme-"] .main-content.game .btn-custom{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:40px!important;
  padding:8px 10px!important;margin:0!important;border:0!important;border-radius:10px!important;background:var(--bsui-accent)!important;
  color:var(--bsui-accent-contrast)!important;font-size:13px!important;font-weight:800!important;text-align:center!important;text-decoration:none!important;line-height:1.2!important
}
body[class*="bs-theme-"] .main-content.game .game-holder:hover{border-color:var(--bsui-accent)!important;transform:translateY(-2px)!important;transition:transform .18s ease,border-color .18s ease!important}

/* -------- GAME CATALOGUE: no default card residue -------- */
body[class*="bs-theme-"] .slot-game .slot-game__container{width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body[class*="bs-theme-"] .slot-game .slot-game-list{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;width:100%!important;margin:0!important;padding:0!important
}
body[class*="bs-theme-"] .slot-game .slot-game-item,
body[class*="bs-theme-"] .slot-game .slot-game-item.show{
  float:none!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;position:relative!important;
  background:var(--bsui-surface)!important;border:1px solid var(--bsui-border)!important;border-radius:15px!important;box-shadow:none!important;transform:none!important
}
body[class*="bs-theme-"] .slot-game .slot-game-item:before,
body[class*="bs-theme-"] .slot-game .slot-game-item:after{display:none!important;content:none!important}
body[class*="bs-theme-"] .slot-game .slot-game-img{
  width:100%!important;aspect-ratio:1/1!important;height:auto!important;margin:0!important;padding:0!important;background:var(--bsui-surface-2)!important;
  overflow:hidden!important;border-radius:0!important;position:relative!important
}
body[class*="bs-theme-"] .slot-game .slot-game-img img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;
  margin:0!important;border-radius:0!important;transform:none!important;filter:none!important
}
body[class*="bs-theme-"] .slot-game .slot-game-name{
  min-height:52px!important;margin:0!important;padding:11px 12px!important;display:flex!important;align-items:center!important;
  color:var(--bsui-text)!important;background:transparent!important;font-size:13px!important;font-weight:800!important;line-height:1.35!important;
  text-align:left!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important
}
body[class*="bs-theme-"] .slot-game .baradjust,
body[class*="bs-theme-"] .slot-game .progress{
  height:19px!important;margin:0 12px 10px!important;border-radius:10px!important;background:var(--bsui-surface-2)!important;overflow:hidden!important;box-shadow:none!important
}
body[class*="bs-theme-"] .slot-game .progress-rtp{
  display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;border-radius:10px!important;
  background:linear-gradient(90deg,var(--bsui-accent),var(--bsui-accent-2))!important;color:var(--bsui-accent-contrast)!important;font-size:10px!important;font-weight:800!important;line-height:1!important
}
body[class*="bs-theme-"] .slot-game .slot-game-hover{
  position:static!important;inset:auto!important;width:100%!important;height:auto!important;opacity:1!important;visibility:visible!important;
  display:block!important;margin:0!important;padding:0 12px 12px!important;background:transparent!important;transform:none!important;pointer-events:auto!important
}
body[class*="bs-theme-"] .slot-game .slot-game-hover:before,
body[class*="bs-theme-"] .slot-game .slot-game-hover:after{display:none!important;content:none!important}
body[class*="bs-theme-"] .slot-game .slot-game-hover .main,
body[class*="bs-theme-"] .slot-game .slot-game-hover .sekarang,
body[class*="bs-theme-"] .slot-game .slot-game-hover a{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:40px!important;
  margin:0!important;padding:8px 10px!important;border:0!important;border-radius:10px!important;background:var(--bsui-accent)!important;
  color:var(--bsui-accent-contrast)!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important;position:static!important;transform:none!important
}
body[class*="bs-theme-"] .slot-game .slot-game-item:hover{border-color:var(--bsui-accent)!important;transform:translateY(-2px)!important;transition:transform .18s ease,border-color .18s ease!important}
body[class*="bs-theme-"] .slot-game .slot-game-item:hover .slot-game-hover{opacity:1!important;visibility:visible!important;transform:none!important}

/* Search: overrides inline legacy search CSS safely */
body[class*="bs-theme-"] .bs-game-search-wrap{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 18px!important;width:100%!important}
body[class*="bs-theme-"] .bs-game-search{
  flex:1 1 auto!important;width:100%!important;min-width:0!important;min-height:46px!important;height:46px!important;
  border:1px solid var(--bsui-border)!important;border-radius:12px!important;padding:0 14px!important;background:var(--bsui-field-bg)!important;
  color:var(--bsui-text)!important;font-size:14px!important;outline:none!important;box-shadow:none!important
}
body[class*="bs-theme-"] .bs-game-search:focus{border-color:var(--bsui-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--bsui-accent) 16%,transparent)!important}
body[class*="bs-theme-"] .bs-game-search-count{color:var(--bsui-muted)!important;font-size:12px!important;white-space:nowrap!important}
body[class*="bs-theme-"] .bs-game-empty{grid-column:1/-1!important;background:var(--bsui-surface)!important;color:var(--bsui-text)!important;border:1px solid var(--bsui-border)!important;border-radius:12px!important}

/* Common alerts inside game pages */
body[class*="bs-theme-"] #main-route .alert{border-radius:12px!important;border:1px solid var(--bsui-border)!important;background:var(--bsui-surface)!important;color:var(--bsui-text)!important;box-shadow:none!important}

@media (max-width:1199px){
  body[class*="bs-theme-"] .main-content.game .game-list-container,
  body[class*="bs-theme-"] .slot-game .slot-game-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:991px){
  body[class*="bs-theme-"] .main-content.game .game-list-container,
  body[class*="bs-theme-"] .slot-game .slot-game-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[class*="bs-theme-"] .register .register__container{padding:22px!important}
}
@media (max-width:767px){
  body[class*="bs-theme-"] #main-route .main-content.register,
  body[class*="bs-theme-"] #main-route .main-content.game,
  body[class*="bs-theme-"] #main-route .main-content.slot-game{padding:16px 0 92px!important}
  body[class*="bs-theme-"] #main-route .container{padding-left:12px!important;padding-right:12px!important}
  body[class*="bs-theme-"] #main-route .page-header{font-size:18px!important;margin-bottom:14px!important}

  /* Mobile login: centered card for every Theme Engine skin. */
  body[class*="bs-theme-"] #loginModal{
    overflow-x:hidden!important;overflow-y:auto!important;padding:12px!important
  }
  body[class*="bs-theme-"] #loginModal .modal-dialog{
    width:calc(100% - 28px)!important;max-width:420px!important;margin:0!important;
    position:absolute!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
    transform:translate(-50%,-50%)!important
  }
  body[class*="bs-theme-"] #loginModal .modal-content{
    width:100%!important;border-radius:18px!important;border-bottom:1px solid var(--bsui-border)!important;
    max-height:min(82vh,680px)!important;max-height:min(82dvh,680px)!important;overflow-y:auto!important;overscroll-behavior:contain!important
  }
  body[class*="bs-theme-"] #loginModal .modal-header{padding:20px 20px 10px!important}
  body[class*="bs-theme-"] #loginModal .modal-body{padding:10px 20px 22px!important}

  body[class*="bs-theme-"] .register .register__container{width:100%!important;max-width:none!important;padding:18px 14px!important;border-radius:15px!important}
  body[class*="bs-theme-"] .register .register-form .form-group>.row{grid-template-columns:1fr!important;gap:7px!important;align-items:start!important}
  body[class*="bs-theme-"] .register .register-form label{font-size:13px!important}
  body[class*="bs-theme-"] .register .form-control,
  body[class*="bs-theme-"] .register input,
  body[class*="bs-theme-"] .register select,
  body[class*="bs-theme-"] .register .select2-selection{height:46px!important}

  body[class*="bs-theme-"] .main-content.game .game-list-container,
  body[class*="bs-theme-"] .slot-game .slot-game-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body[class*="bs-theme-"] .main-content.game .game-img{padding:10px!important;aspect-ratio:16/10!important}
  body[class*="bs-theme-"] .main-content.game .game-name{min-height:36px!important;font-size:12px!important}
  body[class*="bs-theme-"] .main-content.game .game-bottom{gap:9px!important;padding:10px!important}
  body[class*="bs-theme-"] .main-content.game .game-links a,
  body[class*="bs-theme-"] .main-content.game .btn-custom{min-height:36px!important;font-size:11px!important;border-radius:9px!important}

  body[class*="bs-theme-"] .slot-game .slot-game-name{min-height:46px!important;padding:9px!important;font-size:11px!important}
  body[class*="bs-theme-"] .slot-game .slot-game-hover{padding:0 9px 9px!important}
  body[class*="bs-theme-"] .slot-game .slot-game-hover .main,
  body[class*="bs-theme-"] .slot-game .slot-game-hover a{min-height:36px!important;font-size:11px!important;border-radius:9px!important}
  body[class*="bs-theme-"] .slot-game .baradjust,
  body[class*="bs-theme-"] .slot-game .progress{height:17px!important;margin:0 9px 8px!important}
  body[class*="bs-theme-"] .slot-game .progress-rtp{font-size:9px!important}
  body[class*="bs-theme-"] .bs-game-search-wrap{gap:7px!important;margin-bottom:12px!important}
  body[class*="bs-theme-"] .bs-game-search{height:42px!important;min-height:42px!important;font-size:13px!important}
}
@media (max-width:767px) and (max-height:560px){
  body[class*="bs-theme-"] #loginModal .modal-dialog{
    top:12px!important;transform:translateX(-50%)!important
  }
  body[class*="bs-theme-"] #loginModal .modal-content{
    max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important
  }
}

@media (max-width:359px){
  body[class*="bs-theme-"] .main-content.game .game-list-container,
  body[class*="bs-theme-"] .slot-game .slot-game-list{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body[class*="bs-theme-"] .register .register__container{padding:14px 10px!important}
}