/*! For license information please see main.js.LICENSE.txt */
.tableRace.labelSlot .promoAce { color: var(--iy3s); }
.groupZone { min-width: 0; }
.noteBand {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--odr);
  max-width: var(--t8a, 1440px); margin: 0 auto;
  padding: 28px var(--smb) var(--odr) }
.reelPanel { display: none; }
.lineStack.linkPill .reelPanel { z-index: 35; inset: 0; background: rgba(0, 0, 0, 0.55); position: fixed; display: block; }
.cellBody {
  position: fixed; left: 0; top: 0; bottom: 0; z-index: 40;
  width: min(300px, 86vw);
  overflow-y: auto;
  background: var(--ptq);
  border-right: var(--mw8) solid var(--b8zf);
  transform: translateX(-102%); transition: transform 320ms var(--dib) }
.lineStack.linkPill .cellBody { transform: none; }
@media (max-width: 720px) {
  .wrapChip2 { gap: 12px; padding: 0 1rem 0 0.75rem; }
  .slotBaseBody { min-width: 0; }
  .wrapChip2 .sealWin { display: none; }
  .slotBaseBody .groupLobby { display: none; }
 }
@media (max-width: 480px) {
  .wrapChip2 { gap: 0.5rem; padding-right: 0.625rem; }
  .slotBaseBody { gap: 6px; }
  .slotBaseBody .flagNav { padding: 0 0.75rem; letter-spacing: 0.02em; }
 }
.paneAce { display: grid; grid-template-columns: 88px minmax(0, 1fr); min-height: 100vh; }
.railOuter { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 1rem 0.5rem; background: var(--pf6); border-right: var(--mw8) solid var(--b8zf); overflow-y: auto; scrollbar-width: none }
.flagTabBand { display: grid; gap: 4px; width: 100%; margin-top: 6px; }
.gameLobby { transition: color var(--lol), background var(--lol); color: var(--u3i4); text-align: center; line-height: 1.1; font-size: 0.625rem; border-radius: var(--ltd); padding: 10px 2px 9px; gap: 5px; justify-items: center; display: grid }
.gameLobby .promoAce { font-size: 1.375rem; color: var(--wyy); }
.gameLobby:hover { color: var(--rkj); background: var(--sipx); }
.gameLobby.labelSlot { color: var(--rkj); background: var(--obqd); }
.gameLobby.labelSlot .promoAce { color: var(--iy3s); }
.jackpotDeck { margin-top: auto; width: 100%; }
.winLink { min-width: 0; }
.paneAce .wrapChip2 { gap: 28px; }
.labelWrapGroup { display: none; }
.tileUnitShape { display: flex; gap: 4px; }
.stripZoneGroup { font-weight: 500; height: 38px; border-radius: var(--j7qv); align-items: center; display: inline-flex; color: var(--wyy); transition: color var(--lol), background var(--lol); font-size: var(--uwmx); padding: 0 0.875rem }
.stripZoneGroup:hover { color: var(--rkj); }
.stripZoneGroup.labelSlot { color: var(--rkj); background: var(--obqd); box-shadow: inset 0 calc(var(--mw8) * -2) 0 var(--iy3s); }
.innerLobby { width: 16.25rem; }
@media (max-width: 1280px) { .tileUnitShape { display: none; } }
@media (max-width: 900px) { .paneAce { grid-template-columns: minmax(0, 1fr); }
  .railOuter { display: none; }
  .labelWrapGroup { display: inline-grid; } }
@media (max-width: 720px) { .innerLobby { display: none; } }
.pageGame { color: var(--wyy); }
.pageGame p { margin: 0 0 1em; }
.pageGame p:last-child { margin-bottom: 0; }
.innerBandFront { margin: 1.4em 0 0.5em; font-size: var(--is7j); color: var(--rkj); font-weight: 600; }
.crestBonus, .metaMetaHero { margin: 0 0 1.1em; padding: 0; list-style: none; display: grid; gap: 0.55em; }
.crestBonus li { position: relative; padding-left: 1.4em; }
.crestBonus li::before { left: 0.1em; top: 0.62em; position: absolute;
  background: var(--iy3s); height: 0.45em;
  transform: rotate(45deg);
  width: 0.45em; border-radius: calc(var(--ltd) * 0.2);
  content: "" }
.metaMetaHero { counter-reset: step; }
.metaMetaHero li { counter-increment: step; position: relative; min-height: 1.7em; padding-left: 2.3em; }
.metaMetaHero li::before {
  font: 600 0.8em/1 var(--xsm);
  position: absolute; place-items: center; width: 1.7em; left: 0;
  content: counter(step); border-radius: 50%; height: 1.7em; color: var(--ij16);
  display: grid;
  background: var(--iy3s); top: -0.05em }
.pageGame, .pageGame > * { min-width: 0; }
/*  components  */
.jackpotDock { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--mw8) solid var(--b8zf); border-radius: var(--ltd); }
.jackpotDock table { font-size: var(--uwmx); border-collapse: collapse; width: 100%; }
.jackpotDock th, .jackpotDock td { white-space: nowrap; padding: 0.625rem 0.875rem; border-bottom: var(--mw8) solid var(--b8zf); text-align: left; }
.jackpotDock tbody tr:last-child > * { border-bottom: 0; }
.jackpotDock thead th { font-size: var(--n0v); font-weight: 600; letter-spacing: var(--p7te); text-transform: uppercase; color: var(--u3i4); background: var(--sipx); }
.jackpotDock tbody th { font-weight: 600; color: var(--rkj); }
.jackpotDock caption { caption-side: top; text-align: left; padding: 10px 14px; font-size: var(--n0v); font-weight: 600; letter-spacing: var(--p7te); text-transform: uppercase; color: var(--iy3s); border-bottom: var(--mw8) solid var(--b8zf); }
.jackpotDock tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--obqd) 45%, transparent); }
.bandPill, .goldWrapSeal { display: inline-grid; height: 22px; font-weight: 700; font-size: 0.75rem; place-items: center; width: 1.375rem; border-radius: 50%; }
.bandPill { background: color-mix(in srgb, var(--f5cj) 18%, transparent); color: var(--f5cj); }
.goldWrapSeal { background: color-mix(in srgb, var(--tmxg) 14%, transparent); color: var(--tmxg); }
/*  keep in sync with the build  */
.liveSeal tbody th { width: 42%; color: var(--wyy); font-weight: 500; white-space: normal; }
.liveSeal td { color: var(--rkj); font-weight: 600; white-space: normal; }
.headChipLobby td, .headChipLobby thead th:not(:first-child) { text-align: center; }
.headChipLobby tbody td:nth-child(2), .headChipLobby thead th:nth-child(2) { background: var(--jee) !important; }
.headChipLobby thead th:nth-child(2) { color: var(--iy3s); }
@media (max-width: 520px) { .outerSlotChip2 { flex-wrap: wrap; row-gap: 8px; } }
img.boxMark, img.barReelHead, img.noteOuterShape { background-color: var(--gvm, var(--obqd)); }
.lobbyClub { --elm: 3 / 4; position: relative; }
.lobbyClub img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--gvm, #222) 72%, rgb(11 11 16)) 0 50%, color-mix(in srgb, var(--gvm, #222) 38%, rgb(11, 11, 16))) !important }
/*  layout  */
.lobbyClub::before { content: ""; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); position: absolute; left: 0; right: 0; top: 49%; z-index: 1; height: 24%; }
.raceSpin { position: absolute; left: 10px; right: 0.625rem; bottom: 0.75rem; z-index: 2; display: grid; gap: 2px; color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); pointer-events: none; }
.boxCardChip { font-family: var(--udz); font-weight: var(--wkf); text-transform: var(--wbk); letter-spacing: var(--h1l4); font-size: 1.0625rem; line-height: 1.05; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.shapeMain { font-size: 11px; opacity: 0.78; }
.innerCard.lobbyClub + .clubDock, .innerCard.lobbyClub + .navFrame { display: none; }
img.boxZone {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important }
.markLobby {
  position: relative; align-self: stretch;
  pointer-events: none;
  width: 100%; min-height: var(--j7a, 340px); justify-self: center }
.markLobby .slotCard {
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35)); height: auto;
  object-fit: contain; left: 50%; transform: translate(-50%, -50%); max-height: 100%; object-position: 50% 100%; max-width: 116%; top: 50%;
  position: absolute;
  width: auto }
@media (max-width: 820px) {
  .markLobby { align-self: auto; min-height: var(--rrz, 260px); }
  .markLobby .slotCard { object-position: 50% 100%; }
 }
img.panelClub { object-fit: contain; border-radius: 0; filter: var(--bk19, none); }
.viewDeckGame { display: inline-flex; align-items: center; gap: 0.5em; line-height: 1; vertical-align: middle; }
.viewDeckGame svg { max-width: 3em; height: 1.6em; width: auto; flex: none; }
.offerLine { width: 1px; height: 1px; white-space: nowrap; clip-path: inset(50%); overflow: hidden; position: absolute; }
.lobbyCellPromo { display: inline-flex; gap: 12px; align-items: center; font-size: 0.75rem; letter-spacing: 0.04em; text-transform: uppercase; }
.lobbyCellPromo a { color: var(--wyy); text-decoration: none; }
.lobbyCellPromo a:hover { color: var(--iy3s); }
.lobbyCellPromo a.labelSlot { color: var(--rkj); font-weight: 600; }
.rowPillUnit { display: block; }
.lobbyStar { color: var(--iy3s); }
.diceLead {
  display: block; margin-top: 0.5em;
  font-family: var(--b33e); font-weight: 600; font-size: clamp(12px, 0.22em, 17px); line-height: 1.2;
  letter-spacing: var(--p7te); text-transform: uppercase; color: inherit; opacity: 0.72 }
.labelSetStar { line-height: 1.05;
  margin: 0; font-size: clamp(22px, 2.4vw, 38px);
  letter-spacing: var(--h1l4); display: block;
  font-family: var(--udz); font-weight: var(--wkf); text-transform: var(--wbk) }
.noteCore { font-style: normal; color: var(--iy3s); }
.promoDock { line-height: 1.3; display: inline-flex; font-size: var(--n0v); flex-wrap: wrap; gap: 6px; align-items: baseline; color: var(--u3i4); }
.boxCoreStar { letter-spacing: var(--p7te); text-transform: uppercase; }
.footMainStage { font-weight: 600; color: var(--rkj); }
/*  base  */
.lobbyTile { color: rgba(255, 255, 255, 0.72); }
.lobbyTile .footMainStage { color: #fff; }
.raceListRing { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.viewInnerSet { padding: 0 10px; border-radius: var(--ltd); color: var(--u3i4); display: inline-flex; align-items: center; font-size: var(--n0v); gap: 0.375rem; height: 1.75rem; transition: color .15s, border-color .15s, background-color .15s; }
.viewInnerSet:hover { color: var(--rkj); }
.viewInnerSet .promoAce { font-size: 1.25em; }
.noteItem .viewInnerSet { background: var(--pf6); border-radius: var(--j7qv); }
.chip2Block .viewInnerSet { border: var(--mw8) solid var(--b5a); }
.chip2Block .viewInnerSet:hover { border-color: var(--sun); }
.metaMedia .viewInnerSet { background: var(--sipx); border: var(--mw8) solid var(--b8zf); font-weight: 600; }
.labelLineCore { gap: 0.25rem 1.125rem; }
.labelLineCore .viewInnerSet { text-underline-offset: 3px; padding: 0; height: auto; text-decoration: underline; text-decoration-color: var(--sun); }
.tileLineLobby .viewInnerSet { font: 500 11px/1 var(--xsm); letter-spacing: 0.08em; text-transform: uppercase; padding: 0 0.5rem; border-left: 2px solid var(--iy3s); border-radius: 0; }
a[role="button"] { cursor: pointer; }
.edgeMenuPage { display: none; }
@media (max-width: 640px) {
  .paneBodyLink { overflow: visible; border: 0; border-radius: 0; }
  .paneBodyLink thead { display: none; }
  .paneBodyLink table, .paneBodyLink tbody, .paneBodyLink tr { display: block; width: 100%; }
  .paneBodyLink caption { display: block; padding: 0 0 0.5rem; }
  .paneBodyLink tr { margin: 0 0 0.625rem; border: var(--mw8) solid var(--b8zf); border-radius: var(--ltd); overflow: hidden; }
  .paneBodyLink tbody tr > * { background: none; }
  .paneBodyLink tbody th { display: block; white-space: normal; border-bottom: var(--mw8) solid var(--b8zf); background: color-mix(in srgb, var(--obqd) 70%, transparent); }
  .paneBodyLink td { align-items: baseline; justify-content: space-between; text-align: right; display: flex; gap: 14px; white-space: normal; }
  .paneBodyLink tbody tr > td:last-child { border-bottom: 0; }
  .paneBodyLink tbody tr:last-child > th { border-bottom: var(--mw8) solid var(--b8zf); }
  .paneBodyLink .edgeMenuPage { display: block; flex: none; max-width: 48%; text-align: left; font-size: var(--n0v); font-weight: 600; color: var(--u3i4); text-transform: uppercase; letter-spacing: var(--p7te); }
 }
.bodySlab { padding: clamp(28px, 5vw, 64px) 0; }
.lineUnit { max-width: 48.75rem; margin: 0 auto; display: grid; gap: 0.875rem; }
.sideChip { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; }
.groupLobbyBar { font-size: var(--uwmx); color: var(--u3i4); }
.stripFront { font-size: var(--is7j); color: var(--wyy); }
.stepOuterGold { margin-top: 8px; gap: 0.75rem; display: grid; }
.stepOuterGold h2 { color: var(--rkj); margin-top: 1.125rem; font-size: var(--oc9); }
.setBand { list-style: none; margin: 0.5rem 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.setBand li { display: grid; gap: 4px; padding: 1rem 1.125rem; border: var(--mw8) solid var(--b8zf); border-radius: var(--ez5a); background: var(--sipx); }
.bodyLobby { font-size: var(--n0v); text-transform: uppercase; letter-spacing: var(--p7te); color: var(--u3i4); }
.gridField { font-weight: 600; color: var(--rkj); word-break: break-word; }
.starSide { font-size: var(--uwmx); color: var(--wyy); }