/*! For license information please see main.js.LICENSE.txt */
@media (max-width: 640px) { .flagVip .spinPillEdge { display: none; }
  .areaStepBand { gap: 0.75rem; } }
.paneBaseHead { color: #6f918a; font-size: 0.75rem; background: #072322; border-bottom: 1px solid rgba(242, 181, 58, 0.14); }
.bonusSetRing { display: flex; align-items: center; gap: 1.125rem; height: 2.125rem; }
.menuRaceGrid { display: grid; place-items: center; height: 1.25rem; padding: 0 0.375rem; border-radius: 0.25rem; border: 1px solid rgba(242, 181, 58, 0.28); font-size: 0.625rem; color: #A9C4BB; }
.setCrestRear { display: inline-flex; gap: 0.375rem; align-items: center; }
.setCrestRear .groupBand { color: #37e0b0; }
.footStar { display: flex; margin-left: auto; gap: 1.125rem; }
.footStar a:hover { color: #EEF6EE; }
.slabStripCell { color: #A9C4BB; gap: 0.25rem; align-items: center; display: inline-flex; }
.slabStripCell .groupBand { font-size: 0.8125rem; }
.noteDice { display: flex; align-items: stretch; gap: 0.25rem; margin-left: 1.25rem; height: 100%; }
.bodyGroupGroup { position: relative; display: inline-flex; font-size: var(--uh8c); align-items: center; color: #A9C4BB; gap: 0.375rem; transition: color 240ms; padding: 0 0.875rem; font-weight: 600 }
.bodyGroupGroup:hover, .bodyGroupGroup.flagCell { color: #EEF6EE; }
.bodyGroupGroup.flagCell::after { content: ""; position: absolute; left: 0.875rem; right: 0.875rem; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--lsn6); }
.frameMark { display: grid; place-items: center; min-width: 1.125rem; height: 1.125rem; padding: 0 0.3125rem; border-radius: 62.4375rem; background: #ff6b3d; color: #fff; font-size: 0.625rem; }
@media (max-width: 1080px) { .noteDice { display: none; }
  .footStar { display: none; }
  .slabStripCell { margin-left: auto; } }
@media (max-width: 640px) { .gamePillFeature { display: none; } .setCrestRear { display: none; } }
.slabCell { color: #A9C4BB; }
/*  base  */
.slabCell p { margin: 0 0 1em; }
.slabCell p:last-child { margin-bottom: 0; }
.rowDealReel { margin: 1.4em 0 0.5em; font-size: var(--fqz); font-weight: 600; color: #EEF6EE; }
.ringTopTile, .dockZoneSlot { margin: 0 0 1.1em; display: grid; gap: 0.55em; padding: 0; list-style: none; }
.ringTopTile li { position: relative; padding-left: 1.4em; }
.ringTopTile li::before {
  content: ""; position: absolute; left: 0.1em; top: 0.62em;
  width: 0.45em; height: 0.45em;
  background: var(--lsn6); border-radius: calc(var(--qdl) * 0.2);
  transform: rotate(45deg) }
.dockZoneSlot { counter-reset: step; }
.dockZoneSlot li { min-height: 1.7em; counter-increment: step; position: relative; padding-left: 2.3em; }
.dockZoneSlot li::before {
  content: counter(step);
  position: absolute; left: 0; top: -0.05em;
  display: grid; place-items: center; width: 1.7em; height: 1.7em;
  font: 600 0.8em/1 "Lexend", "Segoe UI", sans-serif; color: var(--fe2x);
  background: var(--lsn6); border-radius: 50% }
.slabCell, .slabCell > * { min-width: 0; }
.bodyAreaMain { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: 1px solid rgba(242, 181, 58, 0.14); border-radius: var(--qdl); }
.bodyAreaMain table { border-collapse: collapse; width: 100%; font-size: var(--uh8c); }
.bodyAreaMain th, .bodyAreaMain td { padding: 0.625rem 0.875rem; text-align: left; border-bottom: 1px solid rgba(242, 181, 58, 0.14); white-space: nowrap; }
.bodyAreaMain tbody tr:last-child > * { border-bottom: 0; }
.bodyAreaMain thead th { font-size: var(--z97); letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600; background: #0b2e2c; color: #6f918a; }
.bodyAreaMain tbody th { font-weight: 600; color: #EEF6EE; }
.bodyAreaMain caption { font-size: var(--z97); padding: 0.625rem 0.875rem; letter-spacing: 0.16em; text-align: left; text-transform: uppercase; caption-side: top; color: var(--lsn6); font-weight: 600; border-bottom: 1px solid rgba(242, 181, 58, 0.14); }
.bodyAreaMain tbody tr:nth-child(even) > * { background: color-mix(in srgb, #103a37 45%, transparent); }
.pageFeature, .outerEdge { font-size: 0.75rem; width: 1.375rem; border-radius: 50%; place-items: center; height: 1.375rem; display: inline-grid; font-weight: 700; }
.pageFeature { background: color-mix(in srgb, #37e0b0 18%, transparent); color: #37e0b0; }
.outerEdge { background: color-mix(in srgb, #ff6b3d 14%, transparent); color: #ff6b3d; }
.jackpotDockFeature tbody th { width: 42%; color: #A9C4BB; white-space: normal; font-weight: 500; }
.jackpotDockFeature td { white-space: normal; font-weight: 600; color: #EEF6EE; }
.stepGrid td, .stepGrid thead th:not(:first-child) { text-align: center; }
.stepGrid tbody td:nth-child(2), .stepGrid thead th:nth-child(2) { background: var(--om9) !important; }
.stepGrid thead th:nth-child(2) { color: var(--lsn6); }
@media (max-width: 520px) { .fieldEdge { flex-wrap: wrap; row-gap: 8px; } }
img.pillLabelTab, img.labelArea, img.chip2Gold { background-color: var(--bnnt, var(--gf9x)); }
.menuNav { --veq: 3 / 4; position: relative; }
.menuNav img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--bnnt, #222) 72%, #0B0B10) 0 50%, color-mix(in srgb, var(--bnnt, #222) 38%, #0b0b10)) !important }
.menuNav::before { content: ""; position: absolute; left: 0; right: 0; top: 49%; height: 24%; z-index: 1; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); }
.reelMetaPage { color: #fff; gap: 2px; right: 0.625rem; display: grid; pointer-events: none; left: 0.625rem; position: absolute; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); z-index: 2; bottom: 0.75rem; }
.aceStrip { font-family: "Cinzel", "Trajan Pro", Georgia, serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; font-size: 1.0625rem; line-height: 1.05; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bandMenuSlot { font-size: 0.6875rem; opacity: 0.78; }
.unitStage.menuNav + .gridListSeal, .unitStage.menuNav + .offerPanelZone { display: none; }
img.listMark {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important }
.tileVip {
  position: relative; align-self: stretch; justify-self: center;
  width: 100%; min-height: var(--fp7x, 340px);
  pointer-events: none }
.tileVip .labelReel {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: auto; height: auto; max-height: 100%; max-width: 116%;
  object-fit: contain; object-position: 50% 100%;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35)) }
@media (max-width: 820px) {
  .tileVip { align-self: auto; min-height: var(--d5as, 260px); }
  .tileVip .labelReel { object-position: 50% 100%; }
 }
img.clubGroupPage { object-fit: contain; border-radius: 0; filter: var(--b0d, none); }
.stackTabCrest { display: inline-flex; align-items: center; gap: 0.5em; line-height: 1; vertical-align: middle; }
.stackTabCrest svg { flex: none; width: auto; height: 1.6em; max-width: 3em; }
.mainEdge { white-space: nowrap; clip-path: inset(50%); overflow: hidden; height: 1px; width: 1px; position: absolute; }
.tabSlabItem { display: inline-flex; gap: 0.75rem; align-items: center; font-size: 0.75rem; letter-spacing: 0.04em; text-transform: uppercase; }
.tabSlabItem a { color: #A9C4BB; text-decoration: none; }
.tabSlabItem a:hover { color: var(--lsn6); }
.tabSlabItem a.flagCell { color: #EEF6EE; font-weight: 600; }
.fieldBase { display: block; }
.flagCrest { color: var(--lsn6); }
.wrapStackCell {
  display: block; font-weight: 600; margin-top: 0.5em;
  letter-spacing: 0.16em; opacity: 0.72; color: inherit; font-size: clamp(12px, 0.22em, 17px); line-height: 1.2;
  font-family: var(--d9tu); text-transform: uppercase }
.topCoreEdge {
  margin: 0; display: block;
  letter-spacing: 0.04em; font-size: clamp(22px, 2.4vw, 38px); text-transform: uppercase; line-height: 1.05;
  font-family: "Cinzel", "Trajan Pro", Georgia, serif; font-weight: 700 }
.clubBar { font-style: normal; color: var(--lsn6); }
.diceList { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 0.375rem; font-size: var(--z97); line-height: 1.3; color: #6f918a; }
.outerTile { letter-spacing: 0.16em; text-transform: uppercase; }
.bodyZoneNav { font-weight: 600; color: #EEF6EE; }
.deckChip { color: rgba(255, 255, 255, 0.72); }
.deckChip .bodyZoneNav { color: #fff; }
.mediaStage { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.wrapWin { align-items: center; display: inline-flex; border-radius: var(--qdl); padding: 0 0.625rem; height: 1.75rem; color: #6f918a; transition: color .15s, border-color .15s, background-color .15s; gap: 0.375rem; font-size: var(--z97); }
.wrapWin:hover { color: #EEF6EE; }
.wrapWin .groupBand { font-size: 1.25em; }
.winChip2Hero .wrapWin { background: #072322; border-radius: var(--dmg); }
.stepStep .wrapWin { border: 1px solid rgba(242, 181, 58, 0.28); }
.stepStep .wrapWin:hover { border-color: rgba(242, 181, 58, 0.6); }
.bodyRearJackpot .wrapWin { border: 1px solid rgba(242, 181, 58, 0.14); background: #0b2e2c; font-weight: 600; }
.dockLiveCopy { gap: 0.25rem 1.125rem; }
.dockLiveCopy .wrapWin { text-decoration-color: rgba(242, 181, 58, 0.6); height: auto; padding: 0; text-decoration: underline; text-underline-offset: 3px; }
.mediaDock .wrapWin { font: 500 11px/1 "Lexend", "Segoe UI", sans-serif; letter-spacing: 0.08em; text-transform: uppercase; padding: 0 0.5rem; border-left: 2px solid var(--lsn6); border-radius: 0; }
a[role="button"] { cursor: pointer; }
.jackpotGold { display: none; }
@media (max-width: 640px) {
  .wrapCoreZone { overflow: visible; border: 0; border-radius: 0; }
  .wrapCoreZone thead { display: none; }
  .wrapCoreZone table, .wrapCoreZone tbody, .wrapCoreZone tr { display: block; width: 100%; }
  .wrapCoreZone caption { display: block; padding: 0 0 0.5rem; }
  .wrapCoreZone tr { margin: 0 0 0.625rem; border: 1px solid rgba(242, 181, 58, 0.14); border-radius: var(--qdl); overflow: hidden; }
  .wrapCoreZone tbody tr > * { background: none; }
  .wrapCoreZone tbody th { border-bottom: 1px solid rgba(242, 181, 58, 0.14); white-space: normal; background: color-mix(in srgb, #103a37 70%, transparent); display: block; }
  .wrapCoreZone td { gap: 0.875rem; justify-content: space-between; align-items: baseline; text-align: right; white-space: normal; display: flex; }
  .wrapCoreZone tbody tr > td:last-child { border-bottom: 0; }
  .wrapCoreZone tbody tr:last-child > th { border-bottom: 1px solid rgba(242, 181, 58, 0.14); }
  .wrapCoreZone .jackpotGold { display: block; text-align: left; max-width: 48%; font-size: var(--z97); color: #6f918a; flex: none; text-transform: uppercase; font-weight: 600; letter-spacing: 0.16em; }
 }
.clubWrap { padding: clamp(28px, 5vw, 64px) 0; }
.flagAceGame { max-width: 48.75rem; margin: 0 auto; display: grid; gap: 0.875rem; }
.markEdge { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; }
.gameRing { font-size: var(--uh8c); color: #6f918a; }
.chip2Band { font-size: var(--fqz); color: #A9C4BB; }
.frontGroup { display: grid; gap: 0.75rem; margin-top: 0.5rem; }
.frontGroup h2 { font-size: 22px; margin-top: 1.125rem; color: #EEF6EE; }
.featureCellGold { list-style: none; margin: 0.5rem 0; padding: 0; display: grid; gap: 0.625rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.featureCellGold li { display: grid; gap: 0.25rem; padding: 1rem 1.125rem; border: 1px solid rgba(242, 181, 58, 0.14); border-radius: var(--uza); background: #0b2e2c; }
.setBandList { text-transform: uppercase; letter-spacing: 0.16em; color: #6f918a; font-size: var(--z97); }
.ringMainBar { color: #EEF6EE; font-weight: 600; word-break: break-word; }
.frameGrid { font-size: var(--uh8c); color: #A9C4BB; }
.aceFeature { display: flex; flex-wrap: wrap; gap: 0.5rem 1.125rem; margin: 0.875rem 0 0.25rem; font-size: var(--uh8c); }
.aceFeature a { text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); color: #A9C4BB; text-decoration: underline; text-underline-offset: 3px; }
.aceFeature a:hover { color: #EEF6EE; }
.listHead { display: flex; gap: 0.25rem; flex-wrap: wrap; }
.jackpotBaseGold { display: grid; height: 1.375rem; border-radius: 62.4375rem; place-items: center; padding: 0 0.3125rem; min-width: 1.375rem; color: #fff; font: 700 10px/1 "Lexend", "Segoe UI", sans-serif; }
.gameField { background: #C8313D; }
.reelFlagCell { background: #1c1c22; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.raceNav { background: #1F8A4C; }
.aceReel { background: #174A46; color: #EEF6EE; }
.labelCopyStack { gap: 0.625rem; display: flex; flex-wrap: wrap; }
.crestCrown { display: inline-flex; align-items: center; gap: 0.625rem; height: 3.125rem; padding: 0 1.125rem 0 0.875rem; border-radius: 0.75rem; background: #0B0B0D; color: #fff; border: 1px solid rgba(255, 255, 255, 0.18); transition: transform 240ms cubic-bezier(0.22, 0.9, 0.3, 1.05); }
.crestCrown:hover { transform: translateY(-2px); }
.crestCrown .groupBand { font-size: 1.625rem; }
.crestCrown span { display: grid; font-size: 0.9375rem; font-weight: 600; line-height: 1.1; }
.crestCrown small { opacity: 0.75; font-weight: 400; font-size: 0.625rem; }
.stackDot { position: relative; display: block; flex: none; width: 14.375rem; height: 28.75rem; padding: 0.75rem; border-radius: 2.375rem; background: #0C0C10; box-shadow: inset 0 0 0 2px #2a2a33, 0 30px 60px -20px rgba(0, 0, 0, 0.6); }
.paneTab { background: #0c0c10; position: absolute; width: 4.375rem; top: 1.125rem; border-radius: 62.4375rem; transform: translateX(-50%); left: 50%; height: 1.125rem; z-index: 2; }
.leadView { gap: 0.5rem; flex-direction: column; overflow: hidden; background: #051c1b; height: 100%; display: flex; border-radius: 1.75rem; padding: 2.25rem 0.625rem 0.625rem; }