:root {
  --hotbos-bg: #090b10;
  --hotbos-bg-soft: #11151d;
  --hotbos-panel: rgba(15, 19, 28, 0.97);
  --hotbos-panel-strong: rgba(19, 24, 34, 0.985);
  --hotbos-panel-light: rgba(244, 194, 104, 0.05);
  --hotbos-border: rgba(255, 255, 255, 0.08);
  --hotbos-border-strong: rgba(232, 183, 92, 0.24);
  --hotbos-text: #f4eadc;
  --hotbos-text-soft: #c9bcaa;
  --hotbos-text-muted: #8f929a;
  --hotbos-accent: #e8b75c;
  --hotbos-accent-2: #c8842f;
  --hotbos-gold: #f2c56b;
  --hotbos-gold-strong: #c57f29;
  --hotbos-danger: #ec727d;
  --hotbos-success: #62b88f;
  --hotbos-shadow: 0 26px 64px rgba(0, 0, 0, 0.42);
  --hotbos-glow: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 22px 54px rgba(0, 0, 0, 0.30);
}

html,
body {
  background:
    radial-gradient(circle at 12% 0, rgba(232, 183, 92, 0.10), transparent 28%),
    radial-gradient(circle at 85% 0, rgba(78, 87, 118, 0.12), transparent 22%),
    linear-gradient(180deg, #090b10 0%, #0a0c11 100%) !important;
  color: var(--hotbos-text) !important;
}

body::before {
  background:
    radial-gradient(circle at 18% 0, rgba(232, 183, 92, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.015), transparent 18%) !important;
  opacity: 0.84 !important;
}

#main,
#content,
.page-container,
.page-content,
#page-content,
.page-hero,
.padding,
#page-hero,
#header,
.page-header.bg-body,
#header.bg-body {
  background: transparent !important;
}

#main,
#content,
.page-container,
.page-content,
#page-content,
.page-hero,
.padding,
#page-hero {
  z-index: auto !important;
}

#header .navbar {
  background: linear-gradient(180deg, rgba(21, 27, 38, 0.97), rgba(14, 19, 28, 0.97)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22) !important;
}

#header .nav-link,
#header .navbar-brand {
  color: #f5eadb !important;
}

#header,
#header.page-header,
#header.page-header.sticky,
#header.sticky {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
}

#header .nav-item .avatar div {
  background: linear-gradient(135deg, #f0c673, #c8842f) !important;
  color: #171005 !important;
  box-shadow: 0 12px 24px rgba(200, 132, 47, 0.26) !important;
}

#page-hero .padding {
  background: linear-gradient(180deg, rgba(21, 27, 38, 0.985), rgba(14, 19, 28, 0.985)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: var(--hotbos-shadow) !important;
}

#page-hero .page-title h2,
#page-hero .page-title .text-highlight {
  color: #fbf1e4 !important;
  text-shadow: none !important;
}

#page-hero .page-title small {
  color: #bdb09d !important;
}

#aside .sidenav {
  background: linear-gradient(180deg, rgba(11, 14, 20, 0.995), rgba(8, 10, 15, 0.995)) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 24px 0 60px rgba(0, 0, 0, 0.28) !important;
}

#aside .navbar-brand {
  background: rgba(255, 255, 255, 0.025) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

#aside .nav-header span,
#aside .text-sm.hidden-folded {
  color: rgba(180, 172, 160, 0.48) !important;
}

#aside .nav li > a {
  color: #ded5c8 !important;
}

#aside .nav li > a:hover,
#aside .nav li.active > a {
  background: linear-gradient(135deg, rgba(232, 183, 92, 0.16), rgba(255, 255, 255, 0.03)) !important;
  border-color: rgba(232, 183, 92, 0.18) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 12px 24px rgba(0, 0, 0, 0.16) !important;
  color: #fff5e7 !important;
  transform: none !important;
}

.hotbos-aside-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(19, 24, 44, 0.55);
  z-index: 1049;
}

@media (max-width: 991.98px) {
  #aside {
    z-index: 1050 !important;
  }

  #aside > .sidenav,
  #aside > .modal-dialog,
  #aside .sidenav,
  #aside .modal-dialog {
    z-index: 1051 !important;
  }
}

#aside .nav .nav-icon {
  color: #ddb269 !important;
}

.brand-coin,
.balance-coin {
  background: linear-gradient(135deg, #f6d181, #c57f29) !important;
  color: #5e3900 !important;
  box-shadow: 0 10px 24px rgba(197, 127, 41, 0.30) !important;
}

.card,
.modal-content,
.admin-hero-card,
.admin-section-card,
.admin-stat-card,
.admin-mini-card,
.admin-module-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01)),
    rgba(14, 18, 27, 0.97) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  box-shadow: 0 24px 52px rgba(0, 0, 0, 0.28) !important;
}

#loginAccount .modal-content,
#createAccount .modal-content,
#verifyMail .modal-content,
#deposit .modal-content,
#profile .modal-content,
#withdraw .modal-content {
  isolation: isolate;
}

.modal-content::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none !important;
  z-index: 0;
}

.modal-header,
.modal-body,
.modal-footer,
.modal-content .form-control,
.modal-content .select2-selection,
.modal-content .select2-container,
.modal-content .btn,
.modal-content label,
.modal-content .ui-check,
.modal-content .input-group,
.modal-content .input-group-append {
  position: relative;
  z-index: 2;
}

.modal-content .form-control,
.modal-content .select2-selection,
.modal-content .select2-container,
.modal-content select.form-control,
.modal-content textarea.form-control,
.modal-content button,
.modal-content label,
.modal-content .ui-check {
  pointer-events: auto !important;
}

body.modal-open,
body.modal-open.page-loading,
body.modal-open.no-select {
  pointer-events: auto !important;
}

body.modal-open #aside-chat,
body.modal-open #chat-mobile-backdrop,
body.modal-open #open-chat-btn,
body.modal-open .preloader,
body.modal-open .overlayed,
body.modal-open .page-loading:not(.modal):not(.modal-backdrop) {
  pointer-events: none !important;
}

body.modal-open #aside {
  pointer-events: auto !important;
}

body.modal-open .modal,
body.modal-open .modal-dialog,
body.modal-open .modal-content,
body.modal-open .modal-header,
body.modal-open .modal-body,
body.modal-open .modal-footer,
body.modal-open .modal input,
body.modal-open .modal select,
body.modal-open .modal textarea,
body.modal-open .modal button,
body.modal-open .modal label,
body.modal-open .modal .btn,
body.modal-open .modal .form-control,
body.modal-open .modal .select2-selection,
body.modal-open .modal .select2-container,
body.modal-open .modal .ui-check,
body.modal-open .modal-backdrop {
  pointer-events: auto !important;
}

.page-content .card::before,
.pagecont .card::before,
.block-pcmb .card::before,
.modal-content::before {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent 34%),
    radial-gradient(circle at top right, rgba(232, 183, 92, 0.08), transparent 28%) !important;
}

.card-header,
.modal-header,
.modal-footer {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.card-title,
.modal-title,
.admin-section-title,
.admin-hero-title,
.admin-mini-value,
.admin-stat-value,
.admin-module-count,
.admin-user-name,
h1,
h2,
h3,
h4,
h5,
h6,
.text-highlight {
  color: #fbf1e4 !important;
}

.card-subtitle,
.admin-section-subtitle,
.admin-feed-meta,
.admin-kpi-note,
.admin-mini-label,
.admin-module-name,
.admin-overline,
.admin-stat-label,
.text-muted,
small.text-muted {
  color: #8f929a !important;
}

.btn-success,
.btn-primary,
.btn-info {
  color: #170f04 !important;
  background: linear-gradient(135deg, #f0c776 0%, #cb8930 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 14px 30px rgba(203, 137, 48, 0.24) !important;
}

.btn-success:hover,
.btn-primary:hover,
.btn-info:hover,
.btn-success:focus,
.btn-primary:focus,
.btn-info:focus {
  color: #170f04 !important;
  background: linear-gradient(135deg, #f6d692 0%, #d39239 100%) !important;
}

.btn-outline-success,
.btn-outline-primary,
.btn-outline-info,
.btn-white,
.btn.btn-white {
  color: #efe3d3 !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02) !important;
}

.btn-outline-success:hover,
.btn-outline-primary:hover,
.btn-outline-info:hover,
.btn-white:hover,
.btn.btn-white:hover {
  color: #170f04 !important;
  background: linear-gradient(135deg, #f0c776 0%, #cb8930 100%) !important;
  border-color: transparent !important;
}

.form-control,
.select2-selection,
input.form-control,
select.form-control,
textarea.form-control {
  color: #f1e6d6 !important;
  background: rgba(11, 15, 22, 0.88) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: rgba(190, 182, 170, 0.55) !important;
}

.form-control:focus,
select.form-control:focus,
textarea.form-control:focus,
input.form-control:focus {
  border-color: rgba(232, 183, 92, 0.30) !important;
  box-shadow: 0 0 0 0.18rem rgba(232, 183, 92, 0.12) !important;
}

.badge {
  border-radius: 999px !important;
}

.badge-success {
  color: #141006 !important;
  background: linear-gradient(135deg, #76d49e 0%, #57a67f 100%) !important;
}

.badge-warning {
  color: #3d2805 !important;
  background: linear-gradient(135deg, #f6d487 0%, #d69a3c 100%) !important;
}

.badge-danger {
  color: #fff !important;
  background: linear-gradient(135deg, #f28b8f 0%, #d95a63 100%) !important;
}

.badge-info,
.badge-primary,
.badge-secondary {
  color: #fff5e7 !important;
  background: linear-gradient(135deg, #8b6d46 0%, #5c4932 100%) !important;
}

#games-id .gamez .card,
#bonusRow .card,
#bonus-id .card,
#ref-id .card,
#fair-id .card,
#faq-id .card,
#dice-id .card,
#roulette-id .card,
#jackpot-id .card,
#blackjack-id .card,
#coin-id .card,
#cguess-id .card,
#x100-id .card,
#dream-id .card,
#upgrade-id .card,
#crash-id .card,
#knb-id .card,
#bomba-id .card,
#tyrik-id .card,
#reftyrik-id .card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01)),
    rgba(13, 18, 27, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
}

#games-id .gamez .card:hover {
  border-color: rgba(232, 183, 92, 0.18) !important;
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(232, 183, 92, 0.07) !important;
  transform: translateY(-4px) !important;
}

#games-id .card-body {
  padding: 24px 22px 18px !important;
}

#games-id .card-footer {
  padding: 0 22px 22px !important;
}

#games-id .text-highlight {
  color: #f6ebda !important;
}

.gamez .card-body center::before {
  background: radial-gradient(circle, rgba(232, 183, 92, 0.14), transparent 68%) !important;
  filter: blur(6px);
}

#games-id .img-game {
  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.34)) !important;
}

#content .odometer,
#userBalance {
  color: #fff6ea !important;
  text-shadow: 0 8px 24px rgba(232, 183, 92, 0.12) !important;
}

#slots-id #num1,
#slots-id #num2,
#slots-id #num3 {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 82px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(25, 31, 45, 0.98), rgba(14, 18, 28, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 14px 30px rgba(0, 0, 0, 0.22);
  color: #fff4df !important;
  text-shadow: none !important;
}

#slots-id #num1 .odometer-value,
#slots-id #num2 .odometer-value,
#slots-id #num3 .odometer-value,
#slots-id #num1 .odometer-digit,
#slots-id #num2 .odometer-digit,
#slots-id #num3 .odometer-digit,
#slots-id #num1 .odometer-ribbon-inner,
#slots-id #num2 .odometer-ribbon-inner,
#slots-id #num3 .odometer-ribbon-inner {
  color: #fff4df !important;
  text-shadow: none !important;
}

#knb-id .choice {
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: linear-gradient(180deg, rgba(24, 30, 42, 0.98), rgba(13, 17, 26, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 14px 30px rgba(0, 0, 0, 0.22);
}

#knb-id .choice:hover,
#knb-id .choice:focus {
  border-color: rgba(232, 183, 92, 0.4) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 0 0 4px rgba(232, 183, 92, 0.08), 0 14px 30px rgba(0, 0, 0, 0.22);
}

#knb-id .rpschs,
#knb-id .choice i {
  color: #f6ead7 !important;
  text-shadow: none !important;
}

.circle-online {
  background: #e8b75c !important;
  box-shadow: 0 0 0 6px rgba(232, 183, 92, 0.10) !important;
}

.oncount {
  color: #f6ebda !important;
}

table.table-theme.table-responsive,
table.table.table-responsive {
  display: table !important;
  width: 100% !important;
}

.table,
.table td,
.table th {
  color: #eadfce !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.table-theme,
#withdrawTable,
.page-content .card .table,
.pagecont .card .table,
.modal-content .table {
  border-collapse: separate;
  border-spacing: 0 8px;
}

.table-theme thead th,
#withdrawTable thead th,
.page-content .card .table thead th,
.pagecont .card .table thead th,
.modal-content .table thead th {
  color: #95989d !important;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.table-theme tbody td,
#withdrawTable tbody td,
.page-content .card .table tbody td,
.pagecont .card .table tbody td,
.modal-content .table tbody td,
.bg-dark .table-theme tbody td {
  background: rgba(11, 15, 22, 0.98) !important;
  color: #ece1d0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  box-shadow: none !important;
}

.table-theme tbody td:first-child,
#withdrawTable tbody td:first-child,
.page-content .card .table tbody td:first-child,
.pagecont .card .table tbody td:first-child,
.modal-content .table tbody td:first-child {
  border-radius: 14px 0 0 14px !important;
}

.table-theme tbody td:last-child,
#withdrawTable tbody td:last-child,
.page-content .card .table tbody td:last-child,
.pagecont .card .table tbody td:last-child,
.modal-content .table tbody td:last-child {
  border-radius: 0 14px 14px 0 !important;
}

.table-theme tbody tr:hover td,
#withdrawTable tbody tr:hover td,
.page-content .card .table tbody tr:hover td,
.pagecont .card .table tbody tr:hover td,
.modal-content .table tbody tr:hover td {
  background: rgba(18, 23, 33, 1) !important;
}

#jackpot-id .card.bg-primary.text-white.p-3 {
  background: linear-gradient(180deg, rgba(27, 34, 47, 0.98), rgba(15, 20, 30, 0.98)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #f5eadc !important;
}

#jackpot-id .card.bg-primary.text-white.p-3 * {
  color: inherit !important;
}

#x100-id .x100-game-container .x30__history-box,
#x100-id .x100-game-container .x30__bet-game,
#x100-id .x100-game-container .x30__bet-item {
  background: rgba(11, 15, 22, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22) !important;
}

#x100-id .x100-game-container .x30__history-box label,
#x100-id .x100-game-container .x30__bet-game label,
#x100-id .x100-game-container .x30__bet-info,
#x100-id .x100-game-container small {
  color: #d8cbb7 !important;
}

#x100-id .x100-game-container .x30__wheel-center {
  background: linear-gradient(180deg, #f7efe4 0%, #ddd0bc 100%) !important;
  box-shadow: 0 0 0 12px rgba(8, 10, 15, 0.36), 0 18px 38px rgba(0, 0, 0, 0.30) !important;
}

#x100-id .x100-game-container .x30__timer b,
#x100-id .x100-game-container .x30__timer span {
  color: #171005 !important;
}

#x100-id .x100-game-container .x30__bet-heading.x20 {
  color: #1a1206 !important;
}

#cases-blocks {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
  align-items: stretch;
}

#cases-blocks > button {
  width: min(220px, 100%);
  min-height: 286px;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)),
    rgba(11, 15, 22, 0.98) !important;
  color: #f1e7d9 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07), 0 24px 50px rgba(0, 0, 0, 0.24) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease !important;
}

#cases-blocks > button:hover {
  transform: translateY(-4px) !important;
  box-shadow: inset 0 0 0 1px rgba(232, 183, 92, 0.14), 0 28px 58px rgba(0, 0, 0, 0.28) !important;
}

#cases-blocks > button img {
  filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.34));
  margin-bottom: 14px;
}

#cases-blocks > button span,
#cases-blocks > button b,
#cases-blocks > button i {
  color: #f1e7d9 !important;
}

#cases-win {
  padding: 28px 22px;
  border-radius: 22px;
  background: rgba(11, 15, 22, 0.98);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
}

#dice-id .display-4,
#dice-id #BetProfit,
#dice-id #BetX,
.success1 {
  color: #f8eedf !important;
  text-shadow: 0 0 28px rgba(232, 183, 92, 0.14) !important;
}

#dream-id .dream-card,
#dream-id .time,
#dream-id #time_dream {
  background: rgba(11, 15, 22, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24) !important;
}

#dream-id .dream_roulette {
  background: radial-gradient(circle at top, rgba(232, 183, 92, 0.08), transparent 44%), rgba(10, 12, 18, 0.82) !important;
  border-radius: 28px !important;
}

#dream-id .time .gameBrand .subBrand {
  color: #e8b75c !important;
}

#aside-chat {
  width: 320px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: transparent !important;
  box-shadow: none !important;
}

#aside-chat .sidenav,
#aside-chat > .sidenav {
  background: linear-gradient(180deg, rgba(13, 17, 25, 0.995), rgba(9, 12, 18, 0.995)) !important;
  border-left: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: -20px 0 40px rgba(0, 0, 0, 0.28) !important;
}

#aside-chat .navbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: rgba(255, 255, 255, 0.01) !important;
}

#aside-chat .nav-text,
#aside-chat .navbar .text-muted,
#chat-online-container {
  color: #f0e5d6 !important;
}

#aside-chat #chat-online-container i.text-success {
  color: #e8b75c !important;
}

#chat-messages {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.015), transparent) !important;
}

#aside-chat .chat-message {
  background: rgba(16, 22, 32, 0.96) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18) !important;
}

#aside-chat .chat-message .msg-text {
  color: #efe5d6 !important;
}

#aside-chat .chat-message .msg-time {
  color: #8f929a !important;
}

#aside-chat .chat-message.system-msg,
#aside-chat .chat-message.system {
  background: rgba(24, 28, 38, 0.96) !important;
  border-left: 3px solid rgba(232, 183, 92, 0.55) !important;
}

#aside-chat .chat-message.system-msg small,
#aside-chat .chat-message.system small {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #d9ccb9 !important;
}

#aside-chat .chat-message.quiz {
  background: rgba(61, 46, 19, 0.96) !important;
  border: 1px solid rgba(232, 183, 92, 0.28) !important;
}

#aside-chat .chat-message.quiz_win {
  background: rgba(21, 44, 31, 0.96) !important;
  border: 1px solid rgba(98, 184, 143, 0.30) !important;
}

#aside-chat .chat-message.admin-msg {
  border-left: 3px solid #cb8930 !important;
}

#aside-chat .chat-message.mod-msg {
  border-left: 3px solid #62b88f !important;
}

#aside-chat .admin-badge {
  background: #cb8930 !important;
  color: #170f04 !important;
}

#aside-chat .mod-badge {
  background: #62b88f !important;
  color: #0c140f !important;
}

#aside-chat .chat-mod-btn {
  border-radius: 999px !important;
}

#aside-chat .chat-mute-btn {
  background: #b67a29 !important;
}

#aside-chat .chat-ban-btn {
  background: #c45f66 !important;
}

#aside-chat .chat-input-container {
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  background: rgba(11, 15, 22, 0.98) !important;
}

#aside-chat #chat-input {
  background: rgba(17, 22, 32, 0.98) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #efe5d6 !important;
}

#aside-chat #emoji-btn {
  color: #e8b75c !important;
}

#aside-chat #emoji-picker {
  background: rgba(12, 16, 24, 0.99) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28) !important;
}

#aside-chat .emoji-list span:hover {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
}

#aside-chat #chat-messages::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(232, 183, 92, 0.65), rgba(200, 132, 47, 0.65)) !important;
}

#open-chat-btn {
  background: linear-gradient(135deg, #f0c776 0%, #cb8930 100%) !important;
  color: #170f04 !important;
  box-shadow: 0 10px 24px rgba(203, 137, 48, 0.30) !important;
}

#open-chat-btn:hover {
  background: linear-gradient(135deg, #f6d692 0%, #d39239 100%) !important;
}

@media (max-width: 991.98px) {
  .modal-backdrop {
    z-index: 1990 !important;
  }

  .modal {
    z-index: 2000 !important;
  }

  .modal-dialog,
  .modal-content,
  .modal-header,
  .modal-body,
  .modal-footer {
    pointer-events: auto !important;
  }

  #header .navbar {
    background: linear-gradient(180deg, rgba(21, 27, 38, 0.99), rgba(14, 19, 28, 0.99)) !important;
  }

  #aside-chat,
  #aside-chat > .sidenav {
    width: min(100vw, 380px) !important;
  }
}

@media (max-width: 767px) {
  #games-id .gamez .card:hover {
    transform: none !important;
  }

  #cases-blocks > button {
    width: 100%;
    min-height: 0;
  }
}