.member-app-shell[data-view="casino"] {
  --member-dark: #0b1220;
  --member-yellow: #d8b45f;
  background: #080c14;
}
.member-app-shell[data-view="casino"] .member-topbar { border-bottom-color: #27334b; background: #0c1628; }
.member-app-shell[data-view="casino"] .member-main,
.member-app-shell[data-view="casino"] .member-content { background: #080c14; }
.member-app-shell[data-view="casino"] .member-content { display: grid; align-content: start; }
.member-app-shell[data-view="casino"] .casino-provider-entry-lobby {
  width: min(1260px, 100%);
  margin: 10px auto 24px;
}
.member-app-shell[data-view="casino"] .casino-launch-progress {
  width: min(1260px, 100%);
  min-height: 54px;
  margin: 8px auto 0;
  padding: 8px 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid #45536b;
  border-radius: 4px;
  background: #111a2a;
  color: #edf1f7;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .24);
}
.member-app-shell[data-view="casino"] .casino-launch-progress[hidden] { display: none; }
.member-app-shell[data-view="casino"] .casino-launch-progress.failed { border-color: #8c454d; background: #26161d; }
.member-app-shell[data-view="casino"] .casino-launch-progress-copy { min-width: 0; display: grid; gap: 3px; }
.member-app-shell[data-view="casino"] .casino-launch-progress-copy strong,
.member-app-shell[data-view="casino"] .casino-launch-progress-copy span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.member-app-shell[data-view="casino"] .casino-launch-progress-copy strong { font-size: 12px; }
.member-app-shell[data-view="casino"] .casino-launch-progress-copy span { color: #9da9bc; font-size: 10px; }
.member-app-shell[data-view="casino"] .casino-launch-progress-actions { display: flex; gap: 6px; }
.member-app-shell[data-view="casino"] .casino-launch-progress-actions button { min-height: 32px; padding: 0 10px; border: 1px solid #4c5a72; border-radius: 3px; background: #1b2639; color: #d9e0ea; font-size: 10px; white-space: nowrap; }
.member-app-shell[data-view="casino"] .casino-launch-progress-actions button:hover { border-color: #d8b45f; color: #f0d68c; }
.member-app-shell[data-view="casino"] .casino-entry-category-tabs {
  min-height: 44px;
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 180px));
  align-items: end;
  border-bottom: 1px solid #344059;
}
.member-app-shell[data-view="casino"] .casino-entry-category-tab {
  position: relative;
  min-width: 0;
  min-height: 43px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: #8290a7;
}
.member-app-shell[data-view="casino"] .casino-entry-category-tab::after {
  content: "";
  position: absolute;
  inset: auto 12px -1px;
  height: 3px;
  background: transparent;
}
.member-app-shell[data-view="casino"] .casino-entry-category-tab:hover { color: #edf1f7; }
.member-app-shell[data-view="casino"] .casino-entry-category-tab.active { color: #f2d57e; }
.member-app-shell[data-view="casino"] .casino-entry-category-tab.active::after { background: #d8b45f; }
.member-app-shell[data-view="casino"] .casino-entry-category-tab:focus-visible { outline: 2px solid #f0d17b; outline-offset: -4px; }
.member-app-shell[data-view="casino"] .casino-entry-category-tab strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.member-app-shell[data-view="casino"] .casino-entry-category-tab strong { font-size: 14px; }
.member-app-shell[data-view="casino"] .casino-image-entrances {
  padding-top: 14px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.member-app-shell[data-view="casino"] .casino-entry-empty {
  min-height: 240px;
  display: grid;
  place-items: center;
  border: 1px solid #202b3c;
  background: #0d1420;
  color: #8c9ab0;
  font-size: 12px;
  text-align: center;
}
.member-app-shell[data-view="casino"] .casino-image-entrance {
  position: relative;
  min-width: 0;
  width: 100%;
  aspect-ratio: 350 / 220;
  padding: 0;
  overflow: hidden;
  border: 1px solid #303b50;
  border-radius: 4px;
  background: #0a0d11;
  color: #ffffff;
  text-align: left;
  box-shadow: 0 7px 18px rgba(0, 0, 0, .22);
  isolation: isolate;
}
.member-app-shell[data-view="casino"] .casino-image-entrance.ready:hover {
  border-color: #d8b45f;
  transform: translateY(-2px);
  box-shadow: 0 13px 26px rgba(0, 0, 0, .34);
}
.member-app-shell[data-view="casino"] .casino-image-entrance:focus-visible { outline: 2px solid #f0d17b; outline-offset: 3px; }
.member-app-shell[data-view="casino"] .casino-image-entrance:disabled { cursor: default; opacity: .62; }
.member-app-shell[data-view="casino"] .casino-image-entrance-art {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .24s ease;
}
.member-app-shell[data-view="casino"] .casino-image-entrance.ready:hover .casino-image-entrance-art { transform: scale(1.035); }
.member-app-shell[data-view="casino"] .casino-image-entrance-fallback-label {
  position: absolute;
  right: 10px;
  bottom: 9px;
  left: 10px;
  z-index: 2;
  overflow: hidden;
  color: #f4e2a5;
  font-size: 12px;
  font-weight: 850;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 0 2px 5px rgba(0, 0, 0, .8);
  white-space: nowrap;
}
.member-app-shell[data-view="casino"] .casino-image-entrance::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(4, 8, 14, .68);
  opacity: 0;
  transition: opacity .16s ease-out;
  pointer-events: none;
}
.member-app-shell[data-view="casino"] .casino-image-entrance::before {
  content: attr(data-loading-label);
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  color: #f5e2a0;
  font-size: 12px;
  font-weight: 800;
  opacity: 0;
  white-space: nowrap;
  pointer-events: none;
}
.member-app-shell[data-view="casino"] .casino-image-entrance.loading::after,
.member-app-shell[data-view="casino"] .casino-image-entrance.loading::before { opacity: 1; }
.member-app-shell[data-view="casino"] .casino-image-entrance.maintenance .casino-image-entrance-art { filter: saturate(.72) brightness(.82); }
.member-app-shell[data-view="casino"] .member-asset-selector { border: 1px solid #2b3952; background: #0e1727; }
.member-app-shell[data-view="casino"] .casino-member-summary {
  min-height: 52px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #2b3952;
  background: #0d1626;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}
.member-app-shell[data-view="casino"] .casino-member-summary > div {
  min-width: 0;
  padding: 9px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-inline-end: 1px solid #26334a;
}
.member-app-shell[data-view="casino"] .casino-member-summary > div:last-child { border-inline-end: 0; }
.member-app-shell[data-view="casino"] .casino-member-summary span { overflow: hidden; color: #8f9db4; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.member-app-shell[data-view="casino"] .casino-member-summary b { overflow: hidden; color: #f2f5f9; font-size: 14px; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.member-app-shell[data-view="casino"] .casino-availability-banner {
  min-height: 48px;
  margin-top: 8px;
  padding: 8px 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid #624f24;
  background: #201b10;
  color: #f2e4b6;
}
.member-app-shell[data-view="casino"] .casino-availability-banner strong { font-size: 12px; }
.member-app-shell[data-view="casino"] .casino-availability-banner p { margin: 0; color: #b9aa7d; font-size: 11px; }
.member-app-shell[data-view="casino"] .casino-provider-lobby {
  margin-top: 10px;
  border: 1px solid #2b3952;
  background: #0b1321;
}
.member-app-shell[data-view="casino"] .casino-provider-lobby-head {
  min-height: 44px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #2b3952;
}
.member-app-shell[data-view="casino"] .casino-provider-lobby-head h2 { margin: 0; color: #edf1f7; font-size: 14px; }
.member-app-shell[data-view="casino"] .casino-provider-lobby-head span { color: #8492a8; font-size: 11px; }
.member-app-shell[data-view="casino"] .casino-provider-list {
  padding: 10px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
}
.member-app-shell[data-view="casino"] .casino-provider-card {
  position: relative;
  flex: 0 0 188px;
  min-width: 0;
  min-height: 104px;
  padding: 12px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border: 1px solid #33425e;
  border-radius: 4px;
  background: #151f31;
  color: #ffffff;
  text-align: left;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .2);
}
.member-app-shell[data-view="casino"] .casino-provider-card:hover { border-color: #7f8eaa; transform: translateY(-1px); }
.member-app-shell[data-view="casino"] .casino-provider-card:focus-visible { outline: 2px solid #e2c779; outline-offset: 2px; }
.member-app-shell[data-view="casino"] .casino-provider-card.active { border-color: #e2c779; box-shadow: 0 8px 20px rgba(0, 0, 0, .24), inset 0 -3px 0 #e2c779; }
.member-app-shell[data-view="casino"] .casino-provider-card.all { justify-content: space-between; align-items: flex-end; background: #26334b; }
.member-app-shell[data-view="casino"] .casino-provider-card > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .48; }
.member-app-shell[data-view="casino"] .casino-provider-card::after { content: ""; position: absolute; inset: 0; background: rgba(5, 10, 19, .48); pointer-events: none; }
.member-app-shell[data-view="casino"] .casino-provider-card.all::after { display: none; }
.member-app-shell[data-view="casino"] .casino-provider-card > strong,
.member-app-shell[data-view="casino"] .casino-provider-card > span { position: relative; z-index: 1; }
.member-app-shell[data-view="casino"] .casino-provider-card > strong { font-size: 14px; }
.member-app-shell[data-view="casino"] .casino-provider-card > span:not(.casino-provider-copy) { color: #b6c0cf; font-size: 11px; }
.member-app-shell[data-view="casino"] .casino-provider-copy { min-width: 0; display: grid; gap: 5px; }
.member-app-shell[data-view="casino"] .casino-provider-copy strong,
.member-app-shell[data-view="casino"] .casino-provider-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.member-app-shell[data-view="casino"] .casino-provider-copy strong { font-size: 13px; }
.member-app-shell[data-view="casino"] .casino-provider-copy small { color: #b2bdce; font-size: 10px; }
.member-app-shell[data-view="casino"] .casino-toolbar { min-height: 58px; border-color: #2b3952; background: #111a2b; }
.member-app-shell[data-view="casino"] .casino-filter-tabs { min-width: 0; overflow-x: auto; }
.member-app-shell[data-view="casino"] .casino-filter-tabs button { flex: 0 0 auto; min-width: 0; padding: 0 12px; display: inline-flex; align-items: center; gap: 7px; border-color: #35445f; background: #0b1321; color: #a4b1c5; white-space: nowrap; }
.member-app-shell[data-view="casino"] .casino-filter-tabs button b { min-width: 18px; color: #728198; font-size: 9px; font-variant-numeric: tabular-nums; text-align: right; }
.member-app-shell[data-view="casino"] .casino-filter-tabs button.active { border-color: #d8b45f; background: #d8b45f; color: #251e0c; }
.member-app-shell[data-view="casino"] .casino-filter-tabs button.active b { color: #5f4d19; }
.member-app-shell[data-view="casino"] .casino-catalog-tools { min-width: 0; display: flex; align-items: center; gap: 7px; }
.member-app-shell[data-view="casino"] .casino-sort {
  min-width: 112px;
  height: 34px;
  padding: 0 28px 0 10px;
  border: 1px solid #3c4b66;
  border-radius: 3px;
  background: #0b1321;
  color: #c8d0dd;
  font-size: 11px;
}
.member-app-shell[data-view="casino"] .casino-search input { border-color: #3c4b66; background: #080f1b; color: #ffffff; font-size: 12px; }
.member-app-shell[data-view="casino"] .casino-search button { border-color: #3c4b66; background: #25334b; color: #edf1f7; font-size: 11px; }
.member-app-shell[data-view="casino"] .casino-game-grid { grid-template-columns: repeat(5, minmax(170px, 1fr)); }
.member-app-shell[data-view="casino"] .casino-game-card { border-color: #2b3952; border-radius: 4px; background: #111827; box-shadow: 0 8px 18px rgba(0, 0, 0, .18); }
.member-app-shell[data-view="casino"] .casino-game-card:hover { border-color: #d8b45f; transform: translateY(-1px); }
.member-app-shell[data-view="casino"] .casino-game-art { min-height: 132px; padding: 11px; }
.member-app-shell[data-view="casino"] .casino-game-art.has-image { background: #0a101b; }
.member-app-shell[data-view="casino"] .casino-game-art.has-image::after { content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(6, 10, 18, .24); pointer-events: none; }
.member-app-shell[data-view="casino"] .casino-game-image { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.member-app-shell[data-view="casino"] .casino-game-art :where(.casino-art-provider, .casino-table-mark),
.member-app-shell[data-view="casino"] .casino-game-art > strong { position: relative; z-index: 2; }
.member-app-shell[data-view="casino"] .casino-game-art.has-image .casino-table-mark { visibility: hidden; }
.member-app-shell[data-view="casino"] .casino-game-art.has-image .casino-art-provider,
.member-app-shell[data-view="casino"] .casino-game-art.has-image > strong { padding: 4px 6px; background: rgba(5, 9, 17, .72); }
.member-app-shell[data-view="casino"] .casino-game-art > strong { max-width: 100%; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.member-app-shell[data-view="casino"] .casino-game-info { background: #111827; }
.member-app-shell[data-view="casino"] .casino-game-info h2 { font-size: 12px; }
.member-app-shell[data-view="casino"] .casino-game-info p { font-size: 9px; }
.member-app-shell[data-view="casino"] .casino-launch-button { min-width: 54px; border-color: #596784; background: #1a2438; }
.member-app-shell[data-view="casino"] .casino-launch-button:hover { border-color: #d8b45f; color: #e8ca82; }
.member-app-shell[data-view="casino"] .casino-order-history { border-color: #2b3952; background: #0b1321; }
.member-app-shell[data-view="casino"] .casino-order-history-head { border-color: #2b3952; }
.member-app-shell[data-view="casino"] .casino-order-table-wrap { max-width: 100%; overflow-x: auto; }
.member-app-shell[data-view="casino"] .casino-order-table { width: 100%; min-width: 860px; border-collapse: collapse; table-layout: fixed; }
.member-app-shell[data-view="casino"] .casino-order-table th,
.member-app-shell[data-view="casino"] .casino-order-table td { min-width: 0; padding: 9px 10px; border-bottom: 1px solid #233149; color: #c9d2df; font-size: 10px; text-align: left; }
.member-app-shell[data-view="casino"] .casino-order-table th { color: #8493a9; background: #101a2a; font-weight: 700; white-space: nowrap; }
.member-app-shell[data-view="casino"] .casino-order-table tr:last-child td { border-bottom: 0; }
.member-app-shell[data-view="casino"] .casino-order-table th:first-child { width: 24%; }
.member-app-shell[data-view="casino"] .casino-order-table th:nth-child(2) { width: 18%; }
.member-app-shell[data-view="casino"] .casino-order-table th:last-child { width: 17%; }
.member-app-shell[data-view="casino"] .casino-order-table .primary-cell,
.member-app-shell[data-view="casino"] .casino-order-table .sub-cell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.member-app-shell[data-view="casino"] .casino-order-table .number { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.member-app-shell[data-view="casino"] .casino-order-insurance { margin-top: 3px; display: block; overflow: hidden; color: #d1b86f; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.member-app-shell[data-view="casino"] .casino-incentive-history { margin-top: 10px; }
.member-app-shell[data-view="casino"] .casino-incentive-table { min-width: 760px; }
.member-app-shell[data-view="casino"] .casino-incentive-table th:first-child { width: 12%; }
.member-app-shell[data-view="casino"] .casino-incentive-table th:nth-child(2) { width: 21%; }
.member-app-shell[data-view="casino"] .casino-incentive-table th:nth-child(3),
.member-app-shell[data-view="casino"] .casino-incentive-table th:nth-child(4),
.member-app-shell[data-view="casino"] .casino-incentive-table th:nth-child(5) { width: 12%; }
.member-app-shell[data-view="casino"] .casino-incentive-table th:last-child { width: 17%; }
.member-app-shell[data-view="casino"] .casino-incentive-credit { color: #e5c875; font-weight: 800; }
.member-app-shell[data-view="casino"] .casino-order-empty { min-height: 92px; display: grid; place-items: center; color: #7f8da3; font-size: 11px; }
.member-app-shell[data-view="casino"] .casino-pagination { min-height: 48px; margin-top: 8px; display: flex; align-items: center; justify-content: center; gap: 12px; }
.member-app-shell[data-view="casino"] .casino-pagination button { min-width: 68px; min-height: 32px; border: 1px solid #3a4964; border-radius: 3px; background: #131d2e; color: #cad3e0; }
.member-app-shell[data-view="casino"] .casino-pagination button:disabled { opacity: .42; }
.member-app-shell[data-view="casino"] .casino-pagination span { color: #8997ac; font-size: 10px; font-variant-numeric: tabular-nums; }
@media (max-width: 1400px) {
  .member-app-shell[data-view="casino"] .casino-image-entrances { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .member-app-shell[data-view="casino"] .casino-game-grid { grid-template-columns: repeat(4, minmax(170px, 1fr)); }
}

@media (max-width: 1120px) {
  .member-app-shell[data-view="casino"] .casino-image-entrances { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .member-app-shell[data-view="casino"] .casino-game-grid { grid-template-columns: repeat(3, minmax(170px, 1fr)); }
  .member-app-shell[data-view="casino"] .casino-toolbar { padding: 8px; display: grid; }
  .member-app-shell[data-view="casino"] .casino-filter-tabs { overflow-x: auto; }
  .member-app-shell[data-view="casino"] .casino-catalog-tools { justify-content: flex-end; }
}

@media (max-width: 760px) {
  .member-app-shell[data-view="casino"] .casino-launch-progress { grid-template-columns: minmax(0, 1fr) auto; }
  .member-app-shell[data-view="casino"] .casino-launch-progress-copy span { white-space: normal; }
  .member-app-shell[data-view="casino"] .casino-provider-entry-lobby { margin: 8px auto 18px; }
  .member-app-shell[data-view="casino"] .casino-entry-category-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-app-shell[data-view="casino"] .casino-entry-category-tab { min-height: 46px; padding: 0 10px; }
  .member-app-shell[data-view="casino"] .casino-image-entrances { padding-top: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .member-app-shell[data-view="casino"] .casino-game-grid { grid-template-columns: repeat(2, minmax(136px, 1fr)); }
  .member-app-shell[data-view="casino"] .casino-member-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-app-shell[data-view="casino"] .casino-member-summary > div:nth-child(2) { border-inline-end: 0; }
  .member-app-shell[data-view="casino"] .casino-member-summary > div:nth-child(-n+2) { border-bottom: 1px solid #26334a; }
  .member-app-shell[data-view="casino"] .casino-provider-card { flex-basis: 156px; min-height: 88px; padding: 9px; }
  .member-app-shell[data-view="casino"] .casino-catalog-tools { display: grid; grid-template-columns: minmax(110px, .7fr) minmax(0, 1.3fr); }
  .member-app-shell[data-view="casino"] .casino-search { grid-template-columns: minmax(0, 1fr) 56px; }
  .member-app-shell[data-view="casino"] .casino-sort { width: 100%; min-width: 0; }
  .member-app-shell[data-view="casino"] .casino-availability-banner { grid-template-columns: minmax(0, 1fr) auto; }
  .member-app-shell[data-view="casino"] .casino-availability-banner p { grid-column: 1 / -1; }
  .member-app-shell[data-view="casino"] .casino-game-art { min-height: 112px; }
}

.member-app-shell[data-view="casino"] .casino-provider-entry-lobby.browsing { margin-bottom: 0; }
.member-app-shell[data-view="casino"] .casino-slot-browser {
  width: min(1260px, 100%);
  margin: 0 auto 28px;
  background: transparent;
}
.member-app-shell[data-view="casino"] .casino-slot-browser-head {
  min-height: 54px;
  padding: 7px 0;
  display: grid;
  grid-template-columns: auto minmax(160px, 1fr) minmax(260px, 420px);
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #2b3952;
}
.member-app-shell[data-view="casino"] .casino-slot-back { min-width: 68px; height: 34px; }
.member-app-shell[data-view="casino"] .casino-slot-browser-title { min-width: 0; }
.member-app-shell[data-view="casino"] .casino-slot-browser-title h1 { min-width: 0; margin: 0; overflow: hidden; color: #f2f4f7; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.member-app-shell[data-view="casino"] .casino-slot-search { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 58px; gap: 6px; }
.member-app-shell[data-view="casino"] .casino-slot-search input,
.member-app-shell[data-view="casino"] .casino-slot-search button { min-width: 0; height: 34px; }
.member-app-shell[data-view="casino"] .casino-slot-search input { padding: 0 10px; border: 1px solid #3c4b66; border-radius: 3px; background: #080f1b; color: #f3f5f8; }
.member-app-shell[data-view="casino"] .casino-slot-game-grid {
  padding: 12px 0 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
.member-app-shell[data-view="casino"] .casino-game-card {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #2b3952;
  border-radius: 4px;
  background: #0b1321;
  color: #ffffff;
  text-align: left;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .2);
}
.member-app-shell[data-view="casino"] .casino-game-card:not(:disabled):hover { border-color: #d8b45f; transform: translateY(-1px); }
.member-app-shell[data-view="casino"] .casino-game-card:focus-visible { outline: 2px solid #f0d17b; outline-offset: 2px; }
.member-app-shell[data-view="casino"] .casino-game-card:disabled { opacity: .58; }
.member-app-shell[data-view="casino"] .casino-game-card.loading { opacity: .72; cursor: progress; }
.member-app-shell[data-view="casino"] .casino-slot-game-art {
  position: relative;
  width: 100%;
  min-height: 0;
  aspect-ratio: 350 / 220;
  padding: 0;
  display: block;
  overflow: hidden;
  background: #080f1b;
}
.member-app-shell[data-view="casino"] .casino-slot-game-art.has-image::after { display: none; }
.member-app-shell[data-view="casino"] .casino-game-image { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
.member-app-shell[data-view="casino"] .casino-slot-game-fallback {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 12px;
  color: #7f8ca0;
  font-size: 11px;
  line-height: 1.35;
  text-align: center;
}
.member-app-shell[data-view="casino"] .casino-game-info { min-width: 0; min-height: 38px; padding: 0 9px; display: flex; align-items: center; gap: 6px; background: #0f1828; }
.member-app-shell[data-view="casino"] .casino-game-info strong,
.member-app-shell[data-view="casino"] .casino-game-info small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.member-app-shell[data-view="casino"] .casino-game-info strong { flex: 1 1 auto; font-size: 11px; }
.member-app-shell[data-view="casino"] .casino-game-info small { flex: 0 0 auto; color: #d7b95f; font-size: 9px; }
.member-app-shell[data-view="casino"] .casino-slot-empty { min-height: 180px; display: grid; place-items: center; color: #8492a8; font-size: 11px; }

@media (max-width: 1400px) {
  .member-app-shell[data-view="casino"] .casino-slot-game-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 1120px) {
  .member-app-shell[data-view="casino"] .casino-slot-game-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .member-app-shell[data-view="casino"] .casino-slot-browser-head { grid-template-columns: auto minmax(0, 1fr); }
  .member-app-shell[data-view="casino"] .casino-slot-search { grid-column: 1 / -1; }
  .member-app-shell[data-view="casino"] .casino-slot-game-grid { padding-top: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
}