.jackpotField li::before { color: var(--tpl);
  display: grid; height: 1.7em;
  position: absolute;
  content: counter(step); left: 0; top: -0.05em;
  font: 600 0.8em/1 var(--jrm); border-radius: 50%;
  background: var(--gzzn); place-items: center; width: 1.7em }
.aceOuter, .aceOuter > * { min-width: 0; }
.clubCard { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--g8z) solid var(--llnr); border-radius: var(--fun3); }
.clubCard table { width: 100%; border-collapse: collapse; font-size: var(--l26m); }
.clubCard th, .clubCard td { white-space: nowrap; padding: 10px 14px; text-align: left; border-bottom: var(--g8z) solid var(--llnr); }
.clubCard tbody tr:last-child > * { border-bottom: 0; }
.clubCard thead th { font-size: var(--r64); font-weight: 600; letter-spacing: var(--hfh); text-transform: uppercase; color: var(--lkv); background: var(--esi); }
.clubCard tbody th { font-weight: 600; color: var(--kze); }
.clubCard caption { text-transform: uppercase; letter-spacing: var(--hfh); font-weight: 600; font-size: var(--r64); padding: 10px 14px; border-bottom: var(--g8z) solid var(--llnr); text-align: left; color: var(--gzzn); caption-side: top; }
.clubCard tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--ypp) 45%, transparent); }
.spinDeckJackpot, .footSlabRear { display: inline-grid; height: 22px; border-radius: 50%; place-items: center; font-size: 12px; width: 22px; font-weight: 700; }
.spinDeckJackpot { background: color-mix(in srgb, var(--cdl) 18%, transparent); color: var(--cdl); }
.footSlabRear { background: color-mix(in srgb, var(--lr3n) 14%, transparent); color: var(--lr3n); }
.reelTableTab tbody th { width: 42%; white-space: normal; color: var(--f9ys); font-weight: 500; }
.reelTableTab td { color: var(--kze); font-weight: 600; white-space: normal; }
.setMain td, .setMain thead th:not(:first-child) { text-align: center; }
.setMain tbody td:nth-child(2), .setMain thead th:nth-child(2) { background: var(--s4f) !important; }
.setMain thead th:nth-child(2) { color: var(--gzzn); }
@media (max-width: 520px) { .vipLead { flex-wrap: wrap; row-gap: 8px; } }
img[src^="img/card/"], img[src^="img/wide/"], img[src^="img/square/"] { background-color: var(--x3j1, var(--ypp)); }
.mediaTray { --vmeo: 3 / 4; position: relative; }
.mediaTray img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--x3j1, #222) 72%, hsl(240 19% 5%)) 0 50%, color-mix(in srgb, var(--x3j1, #222) 38%, hsl(240 19% 5%))) !important }
.mediaTray::before { height: 24%; left: 0; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); right: 0; z-index: 1; pointer-events: none; top: 49%; content: ""; position: absolute; }
.livePanel { position: absolute; left: 10px; right: 10px; bottom: 12px; z-index: 2; display: grid; gap: 2px; color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); pointer-events: none; }
.labelCopy { font-family: var(--lyz); font-weight: var(--edh); text-transform: var(--c6j); letter-spacing: var(--o2ey); font-size: 17px; line-height: 1.05; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.linkFeature { font-size: 11px; opacity: 0.78; }
.gameItem.mediaTray + .ringStack, .gameItem.mediaTray + .setPill { display: none; }
img[src^="img/brand/"] {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important }
/*  overrides  */
.flagCopySpin {
  position: relative; align-self: stretch; justify-self: center;
  width: 100%; min-height: var(--zl8, 340px);
  pointer-events: none }
.flagCopySpin .flagPanel { max-height: 100%;
  position: absolute;
  object-fit: contain; top: 50%;
  width: auto;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35)); left: 50%; transform: translate(-50%, -50%); object-position: 50% 100%; height: auto; max-width: 116% }
@media (max-width: 820px) {
  .flagCopySpin { align-self: auto; min-height: var(--d071, 260px); }
  .flagCopySpin .flagPanel { object-position: 50% 100%; }
 }
img[src^="img/providers/"] { object-fit: contain; border-radius: 0; filter: var(--lua9, none); }
.tableGame { display: inline-flex; align-items: center; vertical-align: middle; gap: 0.5em; line-height: 1; }
.tableGame svg { flex: none; width: auto; height: 1.6em; max-width: 3em; }
.tableDot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.mediaCopyPane { display: inline-flex; gap: 12px; align-items: center; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; }
.mediaCopyPane a { color: var(--f9ys); text-decoration: none; }
.mediaCopyPane a:hover { color: var(--gzzn); }
.mediaCopyPane a.side { color: var(--kze); font-weight: 600; }
.sealInner { display: block; }
.dockLive { color: var(--gzzn); }
.cardStar {
  display: block; margin-top: 0.5em;
  font-family: var(--dof); font-weight: 600; font-size: clamp(12px, 0.22em, 17px); line-height: 1.2;
  letter-spacing: var(--hfh); text-transform: uppercase; color: var(--f9ys) }
.topFoot { line-height: 1.05; display: block;
  font-family: var(--lyz);
  letter-spacing: var(--o2ey); text-transform: var(--c6j); font-weight: var(--edh); font-size: clamp(22px, 2.4vw, 38px);
  margin: 0 }
.sealJackpot { font-style: normal; color: var(--gzzn); }
.fieldLive { line-height: 1.3; display: inline-flex; font-size: var(--r64); gap: 6px; align-items: baseline; color: var(--lkv); flex-wrap: wrap; }
.featureOffer { letter-spacing: var(--hfh); text-transform: uppercase; }
.setSealDeal { font-weight: 600; color: var(--kze); }
.lobbyPanel { color: rgba(255, 255, 255, 0.72); }
.lobbyPanel .setSealDeal { color: #fff; }
.featureAce { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.footCrest { color: var(--lkv); height: 28px; padding: 0 10px; font-size: var(--r64); display: inline-flex; border-radius: var(--fun3); align-items: center; gap: 6px; transition: color .15s, border-color .15s, background-color .15s; }
.footCrest:hover { color: var(--kze); }
.footCrest .linkCopy { font-size: 1.25em; }
.lobbyTile .footCrest { background: var(--wx92); border-radius: var(--ce7z); }
.cellMenuTop .footCrest { border: var(--g8z) solid var(--z9b7); }
.cellMenuTop .footCrest:hover { border-color: var(--mfy); }
.reelOuter .footCrest { border: var(--g8z) solid var(--llnr); background: var(--esi); font-weight: 600; }
.outerBar { gap: 4px 18px; }
.outerBar .footCrest { padding: 0; height: auto; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--mfy); }
.diceGroup .footCrest { padding: 0 8px; border-radius: 0; text-transform: uppercase; letter-spacing: 0.08em; font: 500 11px/1 var(--jrm); border-left: 2px solid var(--gzzn); }
a[role="button"] { cursor: pointer; }
.bodyChip2 { flex-wrap: wrap; display: flex; gap: 4px; }
.itemPromoOuter { border-radius: 999px; padding: 0 5px; height: 22px; display: grid; place-items: center; color: #fff; min-width: 22px; font: 700 10px/1 var(--jrm); }
.mainBody { background: hsl(355 61% 49%); }
/*  header  */
.stageGame { background: hsl(240 10% 12%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.fieldCellStrip { background: hsl(145 63% 33%); }
.frontDockStar { background: var(--pexf); color: var(--kze); }
.tableList { display: flex; flex-wrap: wrap; gap: 10px; }
.slotLobby { display: inline-flex; align-items: center; gap: 10px; height: 50px; padding: 0 18px 0 14px; border-radius: 12px; background: hsl(240 8% 5%); color: #fff; border: 1px solid rgba(255, 255, 255, 0.18); transition: transform var(--p71) var(--rene); }
.slotLobby:hover { transform: translateY(-2px); }
.slotLobby .linkCopy { font-size: 26px; }
/*  keep in sync with the build  */
.slotLobby span { line-height: 1.1; display: grid; font-weight: 600; font-size: 15px; }
.slotLobby small { opacity: 0.75; font-weight: 400; font-size: 10px; }
.paneInner { position: relative; display: block; flex: none; width: 230px; height: 460px; padding: 12px; border-radius: 38px; background: hsl(240 14% 5%); box-shadow: inset 0 0 0 2px hsl(240 10% 18%), 0 30px 60px -20px rgba(0, 0, 0, 0.6); }
.setDock { top: 18px; z-index: 2; left: 50%; background: hsl(240 14% 5%); width: 70px; transform: translateX(-50%); position: absolute; border-radius: 999px; height: 18px; }
.jackpotFlagPanel { border-radius: 28px; background: var(--hfb); display: flex; overflow: hidden; flex-direction: column; padding: 36px 10px 10px; gap: 8px; height: 100%; }
.stackPromoSeal { display: flex; justify-content: center; }
.stackPromoSeal [data-line] { --pu4: 18px; pointer-events: none; }
.slotMenuSlot { display: grid; border-radius: 12px; font-size: 9px; background: var(--dsw), var(--ypp); gap: 2px; padding: 12px; color: var(--f9ys); }
.slotMenuSlot [data-media] { font-size: 18px; color: var(--gzzn); }
.topStackRing { grid-template-columns: repeat(2, 1fr); gap: 5px; display: grid; }
.topStackRing img { aspect-ratio: 3 / 2; width: 100%; object-fit: cover; border-radius: 6px; }
.spinShape { display: flex; justify-content: space-around; margin-top: auto; padding: 8px 0 2px; border-top: 1px solid var(--llnr); color: var(--lkv); font-size: 16px; }
.spinShape .linkCopy:first-child { color: var(--gzzn); }
.frontFlag { background: color-mix(in srgb, var(--hfb) 80%, transparent); }
.shapeSide { background: transparent; border-right-color: var(--llnr); }
.dotReel { height: 42px; font-weight: 600; }
.dotReel.side { background: var(--gzzn); color: var(--tpl); box-shadow: 0 3px 0 #000; }
.dotReel.side .linkCopy { color: inherit; }
.dotReel.side .pillRear { background: var(--tpl); color: var(--gzzn); box-shadow: none; }
.gridPageCrown { background: var(--ypp); font-weight: 600; }
.gridPageCrown:nth-child(1) { transform: rotate(-2deg); }
.gridPageCrown:nth-child(2) { transform: rotate(2deg); }
.gridPageCrown:hover { transform: rotate(0) translateY(-3px); }
.edgeMain { font-weight: 600; }
.topSet { min-height: 460px; gap: 14px; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); display: grid; }
.crestNav, .acePanel { position: relative; overflow: hidden; isolation: isolate; display: block; border-radius: var(--vud); border: var(--g8z) solid var(--llnr); box-shadow: var(--rlf); background: var(--ypp) }
.headRear { display: grid; grid-template-rows: 1fr 1fr; gap: 14px; }
.dockMedia { height: 100%; position: absolute; object-fit: cover; z-index: -2; object-position: 70% 40%; transition: transform 900ms var(--rene); inset: 0; width: 100%; }
.crestNav:hover .dockMedia, .acePanel:hover .dockMedia { transform: scale(1.04); }
.itemChip { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(0, 0, 0, 0.85) 20%, rgba(0, 0, 0, 0.2) 75%); }
.baseStrip { justify-items: start; color: #fff; gap: 14px; left: clamp(22px, 4vw, 52px); position: absolute; display: grid; right: 42%; bottom: clamp(22px, 4vw, 48px); }
.baseStrip .menuMeta { color: var(--mub3); }
.stackChip { display: block; font-size: clamp(34px, 4vw, 60px); }
.stackChip em { display: block; }
.winFlag { color: rgba(255, 255, 255, 0.78); max-width: 42ch; }
.shapeRaceCard { left: 20px; right: 20px; bottom: 18px; gap: 8px; }
.stageEdgeFoot { font-size: clamp(22px, 2vw, 30px); }
.leadPromo { font-size: var(--l26m); display: inline-flex; color: var(--mub3); align-items: center; gap: 6px; font-weight: 600; }
@media (max-width: 960px) { .topSet { grid-template-columns: 1fr; min-height: 0; }
  .crestNav { min-height: 420px; }
  .headRear { grid-template-rows: none; grid-template-columns: 1fr 1fr; }
  .acePanel { min-height: 220px; }
  .baseStrip { right: 22px; } }
@media (max-width: 560px) { .headRear { grid-template-columns: 1fr; } }
.crestNav:has(.flagCopySpin) { background: var(--dsw), var(--frh), var(--ypp); }
.crestNav:has(.flagCopySpin) .dockMedia { display: none; }
.crestNav:has(.flagCopySpin) .baseStrip { right: 44%; }
.clubBonus { position: absolute; z-index: 1; right: 0; bottom: 0; top: 8%; width: 46%; min-height: 0; }
@media (max-width: 760px) { .crestNav:has(.flagCopySpin) { min-height: 520px; }
  .crestNav:has(.flagCopySpin) .baseStrip { right: clamp(22px, 4vw, 52px); }
  .clubBonus { top: 12px; bottom: auto; right: 0; width: 72%; height: min(56vw, 250px); } }
.featureStepBox { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-bottom: 16px; }
.mainSlot { display: flex; align-items: center; gap: 10px; font-size: var(--yge); white-space: nowrap; }
.mainSlot .linkCopy { color: var(--gzzn); }
.bandChip2 { display: flex; gap: 4px; padding: 4px; border-radius: calc(var(--fun3) + 4px); background: var(--esi); border: var(--g8z) solid var(--llnr); }
.labelPanelStar { height: 32px; padding: 0 12px; border-radius: var(--fun3); font-size: 13px; font-weight: 500; color: var(--lkv); transition: background var(--p71), color var(--p71); }
.labelPanelStar.side { background: var(--gzzn); color: var(--tpl); }
.liveBlock { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.markEdge { --y9th: clamp(150px, calc((100% - 12px * 6) / 7), 190px); }
.menuRace { display: grid; gap: 8px; min-width: 0; }
.shapeLink { position: relative; }
.jackpotRing { background: rgba(0, 0, 0, 0.66); font-size: 11px; transition: opacity var(--p71); position: absolute; right: 8px; z-index: 1; padding: 3px 7px; border-radius: 999px; color: #fff; top: 8px; }
.stackPane { background: rgba(0, 0, 0, 0.62); position: absolute; inset: 0; transition: opacity var(--p71); justify-items: center; z-index: 2; display: grid; place-content: center; opacity: 0; gap: 10px }
.shapeLink:hover .stackPane, .shapeLink:focus-within .stackPane { opacity: 1; }
.stageMark { font-size: var(--r64); font-weight: 600; color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.setPill { font-size: var(--l26m); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 800px) { .bandChip2 { order: 3; width: 100%; overflow-x: auto; } .liveBlock .dot { display: none; } .markEdge { --y9th: 40vw; } }
.vipChip2 { display: grid; gap: 32px; }
.footBody { gap: 10px; justify-items: center; display: grid; text-align: center; }
.outerTray { font-size: clamp(28px, 3vw, 44px); max-width: 22ch; }