/* All rules are scoped to the existing home jackpot. The supplied artwork is retained. */
.jackpot.brl-jackpot-duo {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: var(--brl-jackpot-ratio, 720 / 176) !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background-image: none !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  isolation: isolate;
  container-type: inline-size;
}
.brl-jackpot-art, .brl-jackpot-character {
  position: absolute;
  inset: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}
.brl-jackpot-art { bottom: auto; height: 100%; filter: none; }
.brl-jackpot-character { z-index: 1; }
.brl-jackpot-character--dragon { clip-path: polygon(0 0, 12.5% 0, 12.5% 46%, 0 46%); }
.brl-jackpot-character--cat { clip-path: polygon(43.4% 0, 51% 0, 51% 53%, 43.4% 53%); }
.jackpot.brl-jackpot-duo > .jackpot__valor {
  position: absolute !important;
  z-index: 2;
  left: 26.7% !important;
  top: 68.5% !important;
  transform: translate(-50%, -50%) !important;
  width: 43.4% !important;
  padding: 0 2px !important;
  text-align: center !important;
  white-space: nowrap !important;
  font-size: clamp(17px, 5.8cqw, 66px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
  font-weight: 800 !important;
  font-variant-numeric: tabular-nums;
  text-shadow: 0 1px 3px #0007 !important;
  color: var(--brl-jackpot-number-color, #fff) !important;
}
.brl-jackpot-winners {
  position: absolute;
  left: 52.1%;
  right: 2.2%;
  top: 11.5%;
  bottom: 9.2%;
  z-index: 3;
  overflow: hidden;
  color: var(--brl-jackpot-winners-color, #fff);
  text-shadow: 0 1px 2px #0005;
  contain: layout paint;
}
.brl-jackpot-list { position: relative; height: 100%; }
.brl-jackpot-row {
  box-sizing: border-box;
  height: 50%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(3px, .7cqw, 10px);
  padding: 2px clamp(1px, .2cqw, 4px);
}
.brl-jackpot-cover {
  display: block;
  width: clamp(24px, 6.2cqw, 48px);
  height: clamp(24px, 6.2cqw, 48px);
  border-radius: 22%;
  object-fit: cover;
  background: #ffffff16;
}
.brl-jackpot-cover--fallback { display: grid; place-items: center; font-size: clamp(13px, 3cqw, 30px); }
.brl-jackpot-copy { min-width: 0; line-height: 1.22; }
.brl-jackpot-player { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 700; font-size: clamp(9px, 2.15cqw, 18px); }
.brl-jackpot-caption, .brl-jackpot-game { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: clamp(8px, 1.7cqw, 14px); }
.brl-jackpot-caption { opacity: .88; }
.brl-jackpot-amount { white-space: nowrap; font-size: clamp(11px, 2.8cqw, 24px); font-weight: 500; color: var(--brl-jackpot-gain-color, #fff3cf); font-variant-numeric: tabular-nums; }
.brl-jackpot-empty { display: flex; height: 100%; align-items: center; justify-content: center; padding: 8px; text-align: center; font-size: clamp(9px, 1.7cqw, 16px); opacity: .85; }
@supports not (font-size: 1cqw) {
  .jackpot.brl-jackpot-duo > .jackpot__valor { font-size: clamp(15px, 4.8vw, 52px) !important; }
  .brl-jackpot-player { font-size: clamp(8px, 1.7vw, 16px); }
  .brl-jackpot-caption, .brl-jackpot-game { font-size: clamp(7px, 1.3vw, 13px); }
  .brl-jackpot-amount { font-size: clamp(10px, 2.3vw, 24px); }
}

/* Shared desktop width, aligned fixed navigation and overlays. */
:root { --brl-platform-width:450px; }
@media(min-width:768px) {
  :root { --brl-platform-width:600px; }
  .app-slide-wrapper,.brl-platform-width,.tabbar,.app-banner,.brl-footer,
  .home__pattern,.register-page-container,
  .over-modal,.over-modals,.overlays,.overlaysdf,.sidebar-overlay,
  .treasure-popup-overlay,.prize-popup-overlay,.register-success-overlay,.victory-bonus-notification-overlay {
    max-width:var(--brl-platform-width)!important;
  }
  .tabbar { --u:calc(min(100vw, var(--brl-platform-width)) / 7.5); }
}
.brl-deposit-steps { display:none!important; }
/* Current and future floating popups share this smaller default. */
.brl-floating-popups { bottom:calc(96px + env(safe-area-inset-bottom))!important; gap:7px!important; max-height:65dvh; }
.brl-floating-popups--left { left:max(8px,calc((100vw - var(--brl-platform-width)) / 2 + 8px),env(safe-area-inset-left))!important; }
.brl-floating-popups--right { right:max(8px,calc((100vw - var(--brl-platform-width)) / 2 + 8px),env(safe-area-inset-right))!important; }
.brl-floating-popup { width:72px!important; max-height:96px!important; }
.brl-floating-popup img { max-height:96px!important; }
@media(max-width:767px) {
  .brl-floating-popup { width:58px!important; max-height:78px!important; }
  .brl-floating-popup img { max-height:78px!important; }
  .brl-floating-popups { bottom:calc(88px + env(safe-area-inset-bottom))!important; }
}
/* Only the configured announcement modal uses these rules. */
.brl-modal-backdrop {
  position:fixed; inset:0; z-index:200100; display:flex; align-items:center; justify-content:center;
  padding:14px 12px; background:rgba(0,0,0,.72); overflow-y:auto; overscroll-behavior:contain;
}
.brl-modal-shell { width:min(560px,100%); margin:auto; outline:none; }
.brl-modal-layout { display:grid; grid-template-columns:minmax(0,1fr); row-gap:10px; align-items:start; }
.brl-modal-layout--tabs { grid-template-columns:minmax(64px,110px) minmax(0,1fr); column-gap:12px; }
.brl-modal-tabs { max-height:calc(100dvh - 135px); overflow-y:auto; display:flex; flex-direction:column; align-self:start; gap:8px; min-width:0; }
.brl-modal-tab {
  width:100%; border:1px solid var(--borders-and-dividers-colors,#777); padding:10px 8px;
  border-radius:9px; color:var(--text-color,#fff); background:var(--background-bottom-navigation,#202631);
  font:inherit; font-size:13px; line-height:1.25; text-align:left; overflow-wrap:anywhere; cursor:pointer;
}
.brl-modal-tab.active { background:var(--modal-popup-tab-active,#436878); color:var(--text-color,#fff); border-color:currentColor; font-weight:700; }
.brl-modal-tab:focus-visible,.brl-modal-close:focus-visible { outline:3px solid #ffcf55; outline-offset:3px; }
.brl-modal-panel { min-width:0; max-height:calc(100dvh - 125px); overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; }
.brl-modal-panel--image-only { background:transparent!important; padding:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
.brl-modal-panel--text { background:var(--background-bottom-navigation,#202631); color:var(--text-color,#fff); border:1px solid var(--borders-and-dividers-colors,#777); border-radius:12px; }
.brl-modal-image-link { display:block; width:fit-content; max-width:100%; margin:0 auto; }
.brl-modal-image { display:block; width:auto; height:auto; max-width:100%; max-height:calc(100dvh - 135px); object-fit:contain; margin:0 auto; }
.brl-modal-html { padding:16px; overflow-wrap:anywhere; font-size:14px; line-height:1.55; }
.brl-modal-html p { margin:0 0 10px; }
.brl-modal-html p:last-child { margin-bottom:0; }
.brl-modal-html a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.brl-modal-html ul { list-style:disc; padding-left:22px; margin:10px 0; }
.brl-modal-html ol { list-style:decimal; padding-left:22px; margin:10px 0; }
.brl-modal-html blockquote { padding-left:12px; border-left:3px solid currentColor; margin:12px 0; }
.brl-modal-html h1,.brl-modal-html h2,.brl-modal-html h3 { font-weight:700; line-height:1.25; margin:12px 0; }
.brl-modal-html h1 { font-size:1.6em; }.brl-modal-html h2 { font-size:1.35em; }.brl-modal-html h3 { font-size:1.15em; }
.brl-modal-html table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; }
.brl-modal-html th,.brl-modal-html td { border:1px solid var(--borders-and-dividers-colors,#777); padding:6px; }
.brl-modal-html img,.brl-modal-html video { max-width:100%; height:auto; }
.brl-modal-controls { display:flex; flex-direction:column; align-items:center; gap:8px; }
.brl-modal-layout--tabs .brl-modal-controls { grid-column:2; }
.brl-modal-close { display:grid; place-items:center; width:36px; height:36px; border:1px solid #ffffffaa; border-radius:50%; background:#0007; color:#fff; font:28px/1 Arial,sans-serif; cursor:pointer; }
.brl-modal-suppression { display:flex; align-items:center; gap:6px; color:#fff; font-size:11px; cursor:pointer; }
.brl-modal-suppression input { accent-color:var(--modal-popup-button,#4caa6d); }
@media(max-width:480px) {
  .brl-modal-layout--tabs { grid-template-columns:minmax(60px,84px) minmax(0,1fr); column-gap:8px; }
  .brl-modal-tab { padding:8px 6px; font-size:11px; }
  .brl-modal-html { padding:12px; font-size:13px; }
}