/* Sala Slots: shared palette for player and agent panels. Loaded after legacy styles. */
:is(.agent-route, .user-route) { --sala-green:#16ee6f; --sala-gold:#f0c348; --sala-silver:#babfca; --sala-surface:#0b0d09; --muted:#babfca; accent-color:var(--sala-green); }
:is(.agent-route, .user-route) .casino-menu {
  scrollbar-color: rgb(22, 238, 111) transparent;
}
:is(.agent-route, .user-route) .casino-menu::-webkit-scrollbar-thumb,
:is(.agent-route, .user-route) .side-menu::-webkit-scrollbar-thumb,
:is(.agent-route, .user-route) .mobile-category-panel::-webkit-scrollbar-thumb {
  background-color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .casino-menu__search input::placeholder {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .search-icon {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .banner-dot {
  background-color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .home-crash-card__shade {
  background-image: linear-gradient(90deg, rgba(11, 24, 16, 0.95), rgba(11, 24, 16, 0.18));
}
:is(.agent-route, .user-route) .sportsbook-guest-bar {
  background-color: rgba(11, 24, 16, 0.94);
}
:is(.agent-route, .user-route) .notification-card__meta {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .notification-card p,
:is(.agent-route, .user-route) .notification-sent article p {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .notification-empty {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .notification-compose__head p {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .notification-compose label > span {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .notification-sent article span,
:is(.agent-route, .user-route) .notification-sent article small {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .profile-history-count {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-field input::placeholder {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-field input[readonly] {
  background-color: rgba(11, 24, 16, 0.76);
}
:is(.agent-route, .user-route) .agent-search-results button,
:is(.agent-route, .user-route) .agent-search-results p {
  border-bottom-color: rgba(22, 238, 111, 0.14);
}
:is(.agent-route, .user-route) .agent-backdrop {
  background-color: rgba(11, 24, 16, 0.45);
}
:is(.agent-route, .user-route) .agent-network-tree {
  border-top-color: rgb(51, 78, 57);
  border-right-color: rgb(51, 78, 57);
  border-bottom-color: rgb(51, 78, 57);
  border-left-color: rgb(51, 78, 57);
}
:is(.agent-route, .user-route) .agent-network-tree__dock {
  background-image: linear-gradient(90deg, rgb(17, 66, 37), rgb(17, 66, 37));
}
:is(.agent-route, .user-route) .agent-network-tree__dock > b {
  color: rgb(11, 24, 16);
}
:is(.agent-route, .user-route) .agent-network-tree__search input {
  border-top-color: rgb(22, 238, 111);
  border-right-color: rgb(22, 238, 111);
  border-bottom-color: rgb(22, 238, 111);
  border-left-color: rgb(22, 238, 111);
}
:is(.agent-route, .user-route) .agent-network-tree__branch:not(.agent-network-tree__branch--root)::before {
  border-left-color: rgb(22, 238, 111);
  border-bottom-color: rgb(22, 238, 111);
}
:is(.agent-route, .user-route) .agent-network-tree__agent {
  border-top-color: rgb(51, 78, 57);
  border-right-color: rgb(51, 78, 57);
  border-bottom-color: rgb(51, 78, 57);
  border-left-color: rgb(51, 78, 57);
}
:is(.agent-route, .user-route) .agent-network-tree__agent small {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-network-tree__player {
  border-top-color: rgb(11, 24, 16);
  border-right-color: rgb(11, 24, 16);
  border-bottom-color: rgb(11, 24, 16);
  border-left-color: rgb(11, 24, 16);
}
:is(.agent-route, .user-route) .agent-network-tree__player::before {
  border-left-color: rgb(22, 238, 111);
  border-bottom-color: rgb(22, 238, 111);
}
:is(.agent-route, .user-route) .agent-network-tree__player small {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-network-tree__empty {
  border-top-color: rgb(51, 78, 57);
  border-right-color: rgb(51, 78, 57);
  border-bottom-color: rgb(51, 78, 57);
  border-left-color: rgb(51, 78, 57);
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-stat-tabs button {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-period-custom label {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .report-movement-tabs button {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-stat-current span,
:is(.agent-route, .user-route) .agent-stat-current em {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-report-card__id {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-empty-card {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-tabs a {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-tabs a.active {
  background-image: linear-gradient(rgb(17, 66, 37) 0%, rgb(11, 24, 16) 100%);
}
:is(.agent-route, .user-route) .agent-user-sort > span {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-user-sort__menu button i {
  border-top-color: rgb(186, 191, 202);
  border-right-color: rgb(186, 191, 202);
  border-bottom-color: rgb(186, 191, 202);
  border-left-color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-operation-close {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-bonus-switch span {
  background-color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-percent-field.is-disabled .agent-percent-field__control input {
  background-color: rgba(11, 24, 16, 0.72);
}
:is(.agent-route, .user-route) .agent-deposit-total span {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-operation-card .agent-form-actions button[type="button"] {
  background-color: rgba(11, 24, 16, 0.92);
}
:is(.agent-route, .user-route) .modal-overlay {
  background-color: rgba(11, 24, 16, 0.7);
}
:is(.agent-route, .user-route) .input-block input {
  color: rgb(22, 238, 111);
}
:is(.agent-route, .user-route) .input-block label {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .input-block--password > button {
  color: rgb(22, 238, 111);
}
:is(.agent-route, .user-route) .modal_link {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .balance-label {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) #balance .tab_selector button.act {
  border-bottom-color: rgb(22, 238, 111);
}
:is(.agent-route, .user-route) #balance .balance__row .balance__row--left div:first-child {
  color: rgba(11, 24, 16, 0.5);
}
:is(.agent-route, .user-route) .game-frame__body {
  background-image: radial-gradient(circle, rgb(11, 24, 16) 0px, rgb(4, 5, 1) 65%);
}
:is(.agent-route, .user-route) .support-session-banner {
  background-color: rgba(11, 24, 16, 0.96);
}
:is(.agent-route, .user-route) .game-launcher-fullscreen-prompt__icon,
:is(.agent-route, .user-route) .game-launcher-fullscreen-prompt strong {
  background-color: rgba(11, 24, 16, 0.82);
}
:is(.agent-route, .user-route) .game-launcher-toolbar {
  border-top-color: rgb(11, 24, 16);
}
:is(.agent-route, .user-route) .game-launcher-toolbar__icon {
  color: rgb(22, 238, 111);
}
:is(.agent-route, .user-route) .game-launcher-toolbar__title {
  color: rgb(22, 238, 111);
}
:is(.agent-route, .user-route) .game-launcher-page:fullscreen .game-launcher-toolbar__icon,
:is(.agent-route, .user-route) .game-launcher-page.is-native-fullscreen .game-launcher-toolbar__icon {
  background-color: rgba(11, 24, 16, 0.76);
}
@media (max-width: 820px) {
:is(.agent-route, .user-route) .game-launcher-toolbar__icon {
  background-color: rgba(11, 24, 16, 0.78);
}
}
:is(.agent-route, .user-route) .drawer-backdrop {
  background-color: rgba(11, 24, 16, 0.55);
}
:is(.agent-route, .user-route) .pwa-install-prompt {
  background-color: rgba(11, 24, 16, 0.74);
}
:is(.agent-route, .user-route) .pwa-install-card p {
  color: rgb(186, 191, 202);
}
:is(.agent-route, .user-route) .agent-active-user-filter {
  color: rgb(186, 191, 202);
}
.page.user-route {
  --lobby-muted: rgb(186, 191, 202);
}
.user-route .user-scroll-root {
  scrollbar-color: rgb(186, 191, 202) transparent;
}
.user-route .user-scroll-root::-webkit-scrollbar-thumb {
  background-color: rgb(186, 191, 202);
}
.user-route .header__nav a {
  color: rgb(186, 191, 202);
}
.user-route .lobby-rail nav a,
.user-route .lobby-rail nav button {
  background-color: rgb(11, 24, 16);
  color: rgb(186, 191, 202);
}
.user-route .lobby-rail nav span {
  background-color: rgb(11, 24, 16);
}
.user-route .mobile-category-panel,
.user-route .casino-menu {
  background-image: linear-gradient(rgb(11, 24, 16) 0%, rgb(11, 24, 16) 100%);
}
.user-route .mobile-category-panel__close {
  color: rgb(186, 191, 202);
}
.user-route .casino-menu__section-toggle {
  color: rgb(186, 191, 202);
}
.user-route .casino-menu__section-toggle.providers {
  border-top-color: rgba(186, 191, 202, 0.08);
}
.user-route .lobby-hero__main::before {
  background-image: radial-gradient(circle at 65% 50%, rgba(75, 255, 205, 0.24), transparent 24%), radial-gradient(circle at 82% 22%, rgba(22, 238, 111, 0.24), transparent 20%);
}
.user-route .lobby-hero__veil {
  background-image: linear-gradient(90deg, rgba(11, 24, 16, 0.98) 0%, rgba(11, 24, 16, 0.78) 42%, rgba(11, 24, 16, 0.18) 76%, rgba(11, 24, 16, 0.28) 100%);
}
.user-route .lobby-hero__copy p {
  color: rgb(186, 191, 202);
}
.user-route .lobby-cta {
  background-color: rgba(11, 24, 16, 0.86);
}
.user-route .lobby-mini-promo::after {
  background-image: linear-gradient(0deg, rgba(11, 24, 16, 0.96), rgba(11, 24, 16, 0.18) 80%);
}
.user-route .lobby-quick-links a {
  background-image: linear-gradient(145deg, rgb(11, 24, 16), rgb(11, 24, 16));
}
.user-route .casino-games-container--live .casino-games-container__title em {
  background-color: rgba(22, 238, 111, 0.14);
}
.user-route .casino-game--live {
  background-color: rgb(11, 24, 16);
  box-shadow: rgba(0, 0, 0, 0.42) 0px 10px 24px, rgba(22, 238, 111, 0.28) 0px 0px 17px;
}
.user-route .casino-game--live::before {
  background-image: linear-gradient(120deg, rgb(255, 215, 107), rgb(255, 118, 72) 27%, rgb(17, 66, 37) 54%, rgb(17, 66, 37) 78%, rgb(255, 240, 176));
}
.user-route .casino-game--live .casino-game__content::before {
  background-image: linear-gradient(transparent, rgba(11, 24, 16, 0.92));
}
.user-route .casino-game--live .provider-feature-card__badge {
  background-image: linear-gradient(145deg, rgb(255, 230, 133), rgb(17, 66, 37));
  box-shadow: rgba(22, 238, 111, 0.58) 0px 0px 16px;
}
.user-route .crash-feature {
  border-top-color: rgba(22, 238, 111, 0.24);
  border-right-color: rgba(22, 238, 111, 0.24);
  border-bottom-color: rgba(22, 238, 111, 0.24);
  border-left-color: rgba(22, 238, 111, 0.24);
  background-image: radial-gradient(circle at 8% 0%, rgba(22, 238, 111, 0.18), transparent 38%), radial-gradient(circle at 92% 110%, rgba(22, 238, 111, 0.2), transparent 42%), linear-gradient(145deg, rgba(11, 24, 16, 0.96), rgba(11, 24, 16, 0.96));
}
.user-route .crash-feature::before {
  background-image: linear-gradient(100deg, transparent, rgba(22, 238, 111, 0.18), rgba(255, 255, 255, 0.34), transparent);
}
.user-route .crash-feature__head span {
  color: rgb(22, 238, 111);
}
.user-route .crash-feature__head > a {
  border-top-color: rgba(22, 238, 111, 0.38);
  border-right-color: rgba(22, 238, 111, 0.38);
  border-bottom-color: rgba(22, 238, 111, 0.38);
  border-left-color: rgba(22, 238, 111, 0.38);
  background-color: rgba(22, 238, 111, 0.1);
}
.user-route .casino-game.crash-feature-card {
  background-color: rgb(11, 24, 16);
  box-shadow: rgba(0, 0, 0, 0.44) 0px 10px 26px, rgba(22, 238, 111, 0.34) 0px 0px 20px;
}
.user-route .crash-feature-card::before {
  background-image: linear-gradient(115deg, rgb(17, 66, 37), rgb(17, 66, 37) 28%, rgb(0, 240, 181) 52%, rgb(17, 66, 37) 75%, rgb(182, 251, 255));
}
.user-route .crash-feature-card .most-played-card__media {
  border-top-color: rgba(22, 238, 111, 0.72);
  border-right-color: rgba(22, 238, 111, 0.72);
  border-bottom-color: rgba(22, 238, 111, 0.72);
  border-left-color: rgba(22, 238, 111, 0.72);
  background-color: rgb(11, 24, 16);
}
.user-route .crash-feature-card .most-played-card__rank {
  background-image: linear-gradient(145deg, rgb(105, 243, 255), rgb(17, 66, 37));
  color: rgb(11, 24, 16);
  box-shadow: rgba(22, 238, 111, 0.68) 0px 0px 18px;
}
.user-route .most-played-card__shade {
  background-image: linear-gradient(rgba(11, 24, 16, 0.02) 20%, rgba(9, 5, 9, 0.88) 100%);
}
.user-route .casino_favorite_play {
  background-color: rgba(11, 24, 16, 0.74);
}
.user-route .demo-winners__ticker {
  background-color: rgba(11, 24, 16, 0.72);
}
.user-route .player-status::after {
  color: rgba(11, 24, 16, 0.78);
}
.user-route .player-status--silver {
  background-image: linear-gradient(145deg, rgb(244, 247, 251), rgb(186, 191, 202));
}
.user-route .player-status--platinum {
  background-image: linear-gradient(145deg, rgb(229, 255, 255), rgb(17, 66, 37));
}
.user-route .player-status--diamond {
  background-image: linear-gradient(145deg, rgb(240, 222, 255), rgb(17, 66, 37));
  color: rgb(22, 238, 111);
}
.user-route .banner-arrow {
  background-color: rgba(11, 24, 16, 0.72);
}
.user-route .live-feature {
  background-image: radial-gradient(circle at 12% -10%, rgba(255, 196, 70, 0.18), transparent 38%), radial-gradient(circle at 92% 110%, rgba(22, 238, 111, 0.18), transparent 43%), linear-gradient(145deg, rgba(11, 24, 16, 0.97), rgba(11, 24, 16, 0.97));
}
.user-route .casino-game.live-feature-card {
  background-color: rgb(11, 24, 16);
  box-shadow: rgba(0, 0, 0, 0.44) 0px 10px 26px, rgba(22, 238, 111, 0.3) 0px 0px 20px;
}
.user-route .live-feature-card .most-played-card__media {
  background-color: rgb(11, 24, 16);
}
.user-route .live-feature-card .most-played-card__rank {
  background-image: linear-gradient(145deg, rgb(255, 229, 133), rgb(17, 66, 37));
}
.user-route .lobby-provider-arrow {
  background-image: linear-gradient(145deg, rgba(11, 24, 16, 0.96), rgba(11, 24, 16, 0.98));
}
.user-route .lobby-provider-arrow:hover {
  background-image: linear-gradient(145deg, rgba(11, 24, 16, 0.98), rgba(11, 24, 16, 0.98));
}
.user-route .lobby-filter,
.user-route .lobby-provider,
.user-route .lobby-provider-trigger {
  color: rgb(186, 191, 202);
}
.user-route .lobby-filter small,
.user-route .lobby-provider small {
  color: rgb(186, 191, 202);
}
.user-route .lobby-provider-menu {
  background-image: linear-gradient(145deg, rgb(11, 13, 9), rgb(11, 24, 16));
}
.user-route .lobby-footer {
  background-color: rgb(11, 24, 16);
}
.user-route .modal input,
.user-route .modal select,
.user-route .modal textarea {
  background-color: rgb(11, 24, 16);
}
@media (max-width: 820px) {
.user-route .lobby-hero__veil {
  background-image: linear-gradient(0deg, rgba(11, 24, 16, 0.98) 0%, rgba(11, 24, 16, 0.82) 42%, rgba(11, 24, 16, 0.12) 100%);
}
.user-route .bottom-item {
  color: rgb(186, 191, 202);
}
}
.user-route .casino-game__media {
  background-color: rgb(11, 24, 16);
}
.user-route .casino-game:not(.most-played-card) .casino-game__meta {
  background-image: linear-gradient(rgb(11, 24, 16), rgb(11, 24, 16));
}
.user-route .lobby-search .casino-menu__search input {
  color: rgb(11, 24, 16);
}
.user-route .lobby-search .search-icon {
  color: rgb(186, 191, 202);
}
.user-route .casino-game:not(.most-played-card) .casino-game__meta {
  background-image: linear-gradient(0deg, rgba(11, 24, 16, 0.94), rgba(11, 24, 16, 0.55) 58%, transparent) !important;
}
.user-route .lobby-filter-group .lobby-filter-track {
  scrollbar-color: rgb(22, 238, 111) transparent;
}
.user-route .lobby-filter-group .lobby-filter-track::-webkit-scrollbar-thumb {
  background-color: rgb(17, 66, 37);
}

.agent-route .agent-network-tree {border-color:#335239;}
.agent-route .agent-network-tree__dock {background:linear-gradient(90deg,#125b32,#082d19);color:#f0c348;}
.agent-route .agent-network-tree__dock > b {background:#0b0d09;color:#f0c348;border:1px solid #52603b;}
.agent-route .agent-stat-tabs button.active,
.agent-route .agent-user-tabs button.active,
.agent-route .report-movement-tabs button.active {background:linear-gradient(180deg,#163c23,#0b2113);color:#f0c348;border-color:#16ee6f;}
.agent-route .agent-primary,
.user-route .modal__submit {color:#041108;text-shadow:none;}
:is(.agent-route, .user-route) :is(input,select,textarea):focus-visible {outline:2px solid #16ee6f;outline-offset:2px;}
:is(.agent-route, .user-route) :is(button,a):focus-visible {outline:2px solid #f0c348;outline-offset:3px;}

.agent-route .agent-tabs a.active {background:linear-gradient(180deg,#163c23,#0b2113);color:#f0c348;border-color:#16ee6f;}
.user-route .lobby-search .casino-menu__search input {color:#f5f9f9;}
.user-route .lobby-search .casino-menu__search input::placeholder {color:#babfca;}

.agent-route .agent-user-action--agent,
.user-route .profile .profile-submit {color:#041108;text-shadow:none;}

/* Sala Slots campaign: text stays crisp and accessible at every viewport. */
.sala-banners.banners { display:block; width:100%; min-width:0; padding:0!important; margin:0 0 22px; overflow:hidden; border:1px solid #63552c; border-radius:20px; background:#040501; }
.sala-banners .banners__track { display:flex; height:clamp(190px,25vw,370px); transition:transform .5s ease; }
.sala-banner.banner,.sala-banner { position:relative; display:block; flex:0 0 100%; min-width:0; overflow:hidden; color:#f0c348; text-decoration:none; isolation:isolate; }
.sala-banner > img.sala-banner__art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.sala-banner::after { content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(90deg,rgba(4,5,1,.62),transparent 70%); pointer-events:none; }
.sala-banner .sala-banner__copy { position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; width:53%; height:100%; padding:22px 0 22px 6%; box-sizing:border-box; }
.sala-banner .sala-banner__logo { position:static; width:clamp(90px,14vw,180px); height:auto; max-height:48px; object-fit:contain; margin:0 0 14px; }
.sala-banner__copy strong { font-family:Impact,"Arial Black",system-ui,sans-serif; font-size:clamp(24px,3.6vw,54px); font-weight:900; line-height:1.03; letter-spacing:.01em; color:#f0c348; text-wrap:balance; text-shadow:0 2px 8px #000; }
.sala-banner__copy small { display:block; margin-top:12px; font-size:clamp(12px,1.25vw,18px); line-height:1.35; font-weight:600; color:#e0e3e9; text-shadow:0 1px 5px #000; }
.sala-banners__controls { display:flex; align-items:center; justify-content:center; gap:12px; min-height:40px; border-top:1px solid #3b381c; background:#080c07; }
.sala-banners .banner-dots { position:static!important; display:flex; align-items:center; transform:none!important; margin:0; padding:0; gap:0; }
.sala-banners .banner-dot { width:28px; height:32px; padding:0; border:0; border-radius:0; background:transparent!important; box-shadow:none!important; }
.sala-banners .banner-dot::before { content:""; display:block; width:7px; height:7px; margin:auto; border-radius:50%; background:#777b72; }
.sala-banners .banner-dot.active::before { width:18px; border-radius:8px; background:#16ee6f; }
.sala-banners .banner-arrow { position:static!important; transform:none!important; display:block; width:36px; height:36px; background:transparent; border:0; color:#f0c348; font-size:26px; }
.sala-home-promotions { min-width:0; margin-bottom:24px; }
.sala-small-promotions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.sala-banner--small { height:190px; border:1px solid #63552c; border-radius:16px; }
.sala-banner--small .sala-banner__copy { width:60%; padding:18px; }
.sala-banner--small .sala-banner__logo { width:110px; margin-bottom:10px; }
.sala-banner--small strong { font-size:clamp(22px,2.3vw,34px); }
.sala-banner--small small { font-size:13px; }
.sala-banner--small > img.sala-banner__art { object-position:65% center; }
.sportsbook-page > .sala-banners { flex:none; }
@media(max-width:600px) {
 .sala-banners .banners__track { height:190px; }
 .sala-banner > img.sala-banner__art { object-position:62% center; }
 .sala-banner .sala-banner__copy { width:55%; padding:18px 0 18px 5%; }
 .sala-banner .sala-banner__logo { width:105px; margin-bottom:12px; }
 .sala-banner__copy strong { font-size:26px; }
 .sala-banner__copy small { font-size:12px; margin-top:10px; }
 .sala-small-promotions { grid-template-columns:1fr; gap:12px; }
 .sala-banner--small { height:165px; }
 .sala-banner--small .sala-banner__copy { width:57%; }
 .sala-banner--small strong { font-size:24px; }
}
@media(prefers-reduced-motion:reduce) { .sala-banners .banners__track { transition:none; } }
.sala-banners.banners { height:auto!important; }
.sala-banners .banner.sala-banner { height:100%!important; }
.user-route .sala-banner > img.sala-banner__art { object-fit:cover!important; object-position:center!important; }
.user-route .sala-banner .sala-banner__logo { width:clamp(90px,14vw,180px)!important; height:auto!important; object-fit:contain!important; }
@media(max-width:600px) {
 .user-route .sala-banner > img.sala-banner__art { object-position:62% center!important; }
 .user-route .sala-banner .sala-banner__logo { width:105px!important; height:auto!important; }
}
.sala-banners .banners__track { height:auto; aspect-ratio:3/1; min-height:190px; }
@media(max-width:600px) {
 .sala-small-promotions { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; }
 .sala-small-promotions .sala-banner--small { flex:0 0 90%; scroll-snap-align:start; }
}
@font-face { font-family:SalaAnton; src:url('/frontend/assets/fonts/Anton-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
.sala-banner__copy strong { font-family:SalaAnton,Impact,'Arial Black',sans-serif; font-weight:400; letter-spacing:.025em; }

.sportsbook-stage { position:relative; min-height:480px; }
/* Explicit width prevents aspect-ratio plus min-height from widening the track on phones. */
.sala-banners .banners__track { width:100%; min-width:0; }
.user-route .sala-banners.banners .banner.sala-banner > img.sala-banner__art { width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; }
.user-route .sala-banners.banners .banner.sala-banner .sala-banner__logo { width:clamp(90px,14vw,180px)!important; height:auto!important; object-fit:contain!important; }
@media(max-width:600px) {
 .user-route .sala-banners.banners .banner.sala-banner > img.sala-banner__art { object-position:62% center!important; }
 .user-route .sala-banners.banners .banner.sala-banner .sala-banner__logo { width:105px!important; }
}