/*! For license information please see main.js.LICENSE.txt */
.panelItem > * { scroll-snap-align: start; }
.clubTray { padding: 5px; transition: border-color var(--frame-set), background var(--frame-set); border: 1px dashed var(--bar-link); min-width: 0; grid-template-columns: minmax(0, 1fr); gap: 6px; display: grid; }
.fieldRowRow { aspect-ratio: var(--dice-slab, 3 / 2); position: relative; overflow: hidden; background: var(--slot-side); }
.fieldRowRow::after { inset: 0; content: ""; transition: opacity var(--frame-set); background: var(--chip2-promo); mix-blend-mode: color; position: absolute; opacity: 0.35; }
.fieldRowRow img { object-fit: cover; filter: contrast(1.1); height: 100%; width: 100%; }
.cellLabel { z-index: 1; position: absolute; left: 6px; top: 6px; }
.clubTray:hover { border-color: var(--chip2-promo); border-style: solid; background: var(--nav-line); }
.clubTray:hover .fieldRowRow::after { opacity: 0; }
.vipBase { padding: 0 2px 2px; }
.noteChip2 { white-space: nowrap; overflow: hidden; font: 700 12px/1.3 var(--list-game); text-transform: uppercase; text-overflow: ellipsis; }
.noteChip2::before { content: "> "; color: var(--chip2-promo); }
.dealLeadGrid { margin-top: 2px; gap: 8px; justify-content: space-between; align-items: center; color: var(--lead-cell); display: flex; font-size: 10px; }
.dealLeadGrid > span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ringCopy { color: var(--chip2-promo); flex: none; gap: 5px; display: inline-flex; align-items: center; }
.reelTray { line-height: 1; color: var(--pane-side); gap: 0.3em; align-items: center; text-decoration: none; white-space: nowrap; font-size: var(--link-dot); display: inline-flex; --link-dot: 34px }
.navFrame { --link-dot: 44px; }
.vipArea { letter-spacing: var(--flag-link); font-family: var(--front-list); line-height: 1; text-transform: var(--body-set); font-weight: var(--rail-seal); font-size: 0.74em }
.mediaUnitDot { position: relative; flex: none; }
@media (max-width: 720px) { .ringFront .reelTray { --link-dot: 28px; } }
.chipPage { background: var(--chip2-promo); box-shadow: 0.07em 0.07em 0 0 color-mix(in srgb, var(--chip2-promo) 55%, #000); display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); width: 0.9em; height: 0.9em; border-radius: max(0.06em, calc(var(--seal-front) * 0.02 + 0.14em)); padding: 0.12em; transform: rotate(calc(-8deg - var(--promo-table) * 2)) }
.chipPage i { display: grid; place-items: center; }
.chipPage i.bonus::before { border-radius: 50%; background: var(--deck-ace); height: 0.17em; width: 0.17em; content: "" }
.rowBox { overflow-x: clip; }
.aceTray { width: 100%; max-width: var(--mark-win, 1320px); padding-right: var(--tab-reel); margin: 0 auto; padding-left: var(--tab-reel); }
.noteCard { padding-bottom: var(--vip-mark); padding-top: 24px; gap: var(--vip-mark); grid-template-columns: minmax(0, 1fr); display: grid; }
.noteCard > * { min-width: 0; }
.ringFront { backdrop-filter: blur(12px); background: color-mix(in srgb, var(--line-row) 90%, transparent); z-index: 30; top: 0; position: sticky; border-bottom: var(--set-media) solid var(--bar-link) }
.pillWin { gap: 20px; height: var(--card-box); align-items: center; display: flex; }
.goldLabel { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.diceField { display: none; }
.groupWin { display: none; }
.rowBox.viewStack .groupWin { z-index: 45; position: fixed; background: rgba(0, 0, 0, 0.55); display: block; inset: 0; }
.bonusJackpot { overflow-y: auto; padding: 16px; width: min(320px, 88vw); gap: 18px; flex-direction: column; display: flex; transform: translateX(-102%); transition: transform 320ms var(--link-spin); background: var(--line-row); z-index: 50; border-right: var(--set-media) solid var(--bar-link); left: 0; bottom: 0; top: 0; position: fixed }
.rowBox.viewStack .bonusJackpot { transform: none; }
.boxTrayOuter { display: flex; align-items: center; justify-content: space-between; }
.shapePromo { display: grid; gap: 4px; }
.setBonus { display: flex; align-items: center; gap: 12px; height: 46px; padding: 0 12px; border-radius: var(--seal-front); color: var(--tray-ring); }
.setBonus.dealCard, .setBonus:hover { background: var(--unit-main); color: var(--pane-side); }
.setBonus .unitTab { color: var(--chip2-promo); }
.winStageOuter { display: grid; gap: 8px; }
.railBody { color: var(--lead-cell); font-size: var(--area-tab); display: grid; gap: 10px; margin-top: auto; }
@media (max-width: 1080px) { .diceField { display: inline-grid; } }
@media (max-width: 640px) { .goldLabel .groupLive { display: none; }
  .pillWin { gap: 12px; } }
.starSeal { background: var(--chip2-promo); padding: 0 16px; display: flex; font-size: var(--area-tab); align-items: center; justify-content: center; gap: 10px; color: var(--deck-ace); text-align: center; height: 38px }
.starSeal span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.starSeal:hover strong { text-decoration: underline; }
.rearMediaCrest { height: calc(var(--card-box) + 8px); display: grid; grid-template-columns: 1fr auto 1fr; }
.tabChip2 { display: flex; align-items: center; gap: 6px; min-width: 0; }
.tileSideStar { justify-content: flex-end; }
.tileTabSlab { display: flex; justify-content: center; padding: 0 20px; }
.tabBonus { display: flex; gap: 2px; }
.chipNote { font-weight: 500; align-items: center; color: var(--tray-ring); letter-spacing: 0.02em; white-space: nowrap; height: 38px; display: inline-flex; padding: 0 12px; transition: color var(--frame-set), background var(--frame-set); font-size: var(--area-tab); border-radius: var(--item-box) }
.chipNote:hover { color: var(--pane-side); }
.chipNote.dealCard { color: var(--pane-side); background: var(--slot-side); }
.boxLeadPane { margin: 0 8px; background: var(--tab-seal); width: var(--set-media); height: 24px; }
.wrapCopy { display: inline-flex; white-space: nowrap; padding: 0 10px; font-size: var(--area-tab); font-weight: 600; align-items: center; gap: 6px; color: var(--pane-side); }
@media (max-width: 1280px) { .tabBonus { display: none; } .boxLeadPane { display: none; } .rearMediaCrest .diceField { display: inline-grid; } }
@media (max-width: 1080px) { .rearMediaCrest { grid-template-columns: auto 1fr auto; } .tileTabSlab { justify-content: flex-start; padding: 0 8px; } }
@media (max-width: 640px) { .wrapCopy span { display: none; } .starSeal { font-size: 12px; } }
.viewSpin { color: var(--tray-ring); }
.viewSpin p { margin: 0 0 1em; }
.viewSpin p:last-child { margin-bottom: 0; }
.bonusPill { font-weight: 600; font-size: var(--club-win); margin: 1.4em 0 0.5em; color: var(--pane-side); }
.itemPanelPanel, .frontSideList { display: grid; list-style: none; margin: 0 0 1.1em; gap: 0.55em; padding: 0; }
.itemPanelPanel li { position: relative; padding-left: 1.4em; }
.itemPanelPanel li::before {
  content: ""; position: absolute; left: 0.1em; top: 0.62em;
  width: 0.45em; height: 0.45em;
  background: var(--chip2-promo); border-radius: calc(var(--seal-front) * 0.2);
  transform: rotate(45deg) }
.frontSideList { counter-reset: step; }
.frontSideList li { position: relative; counter-increment: step; padding-left: 2.3em; min-height: 1.7em; }
.frontSideList li::before { place-items: center; width: 1.7em; top: -0.05em;
  position: absolute;
  display: grid; border-radius: 50%;
  content: counter(step);
  font: 600 0.8em/1 var(--tab-block); color: var(--deck-ace);
  background: var(--chip2-promo); height: 1.7em; left: 0 }
.viewSpin, .viewSpin > * { min-width: 0; }
.bandCrownTab { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--set-media) solid var(--bar-link); border-radius: var(--seal-front); }
.bandCrownTab table { width: 100%; border-collapse: collapse; font-size: var(--area-tab); }
.bandCrownTab th, .bandCrownTab td { padding: 10px 14px; text-align: left; border-bottom: var(--set-media) solid var(--bar-link); white-space: nowrap; }
.bandCrownTab tbody tr:last-child > * { border-bottom: 0; }
.bandCrownTab thead th { font-size: var(--media-zone); font-weight: 600; letter-spacing: var(--list-stage); text-transform: uppercase; color: var(--lead-cell); background: var(--unit-main); }
.bandCrownTab tbody th { font-weight: 600; color: var(--pane-side); }
.bandCrownTab caption { font-size: var(--media-zone); font-weight: 600; caption-side: top; text-align: left; text-transform: uppercase; padding: 10px 14px; border-bottom: var(--set-media) solid var(--bar-link); color: var(--chip2-promo); letter-spacing: var(--list-stage); }
.bandCrownTab tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--slot-side) 45%, transparent); }
.rowNav, .chipWrapChip2 { display: inline-grid; height: 22px; font-weight: 700; font-size: 12px; border-radius: 50%; width: 22px; place-items: center; }
.rowNav { background: color-mix(in srgb, var(--copy-hero) 18%, transparent); color: var(--copy-hero); }
.chipWrapChip2 { background: color-mix(in srgb, var(--base-group) 14%, transparent); color: var(--base-group); }
.starGrid tbody th { width: 42%; font-weight: 500; color: var(--tray-ring); white-space: normal; }
.starGrid td { color: var(--pane-side); font-weight: 600; white-space: normal; }
.groupFootRail td, .groupFootRail thead th:not(:first-child) { text-align: center; }
.groupFootRail tbody td:nth-child(2), .groupFootRail thead th:nth-child(2) { background: var(--nav-line) !important; }
.groupFootRail thead th:nth-child(2) { color: var(--chip2-promo); }
@media (max-width: 520px) { .unitList { flex-wrap: wrap; row-gap: 8px; } }
img.chipLobby, img.labelStar, img.footLead { background-color: var(--outer-chip, var(--slot-side)); }
.ringRace { --dice-slab: 3 / 4; position: relative; }
.ringRace img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--outer-chip, #222) 72%, hsl(240 19% 5%)) 0 50%, color-mix(in srgb, var(--outer-chip, #222) 38%, #0B0B10)) !important }
.ringRace::before { z-index: 1; top: 49%; right: 0; left: 0; height: 24%; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); position: absolute; pointer-events: none; content: ""; }
.areaBox { display: grid; bottom: 12px; z-index: 2; color: #fff; gap: 2px; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); right: 10px; pointer-events: none; left: 10px; position: absolute; }
.baseStrip { -webkit-line-clamp: 2; letter-spacing: var(--flag-link); -webkit-box-orient: vertical; font-weight: var(--rail-seal); font-size: 17px; text-transform: var(--body-set); line-height: 1.05; overflow: hidden; display: -webkit-box; font-family: var(--front-list); }
.listChipHero { font-size: 11px; opacity: 0.78; }
.fieldRowRow.ringRace + .vipBase, .fieldRowRow.ringRace + .menuLeadRow { display: none; }
img.flagPromo {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important }
.viewTab { align-self: stretch;
  width: 100%;
  pointer-events: none; justify-self: center; min-height: var(--gold-base, 340px);
  position: relative }
.viewTab .mediaLabel {
  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) {
  .viewTab { align-self: auto; min-height: var(--deck-top, 260px); }
  .viewTab .mediaLabel { object-position: 50% 100%; }
 }
img.topCardView { object-fit: contain; filter: var(--panel-step, none); border-radius: 0; }
.chipInner { gap: 0.5em; display: inline-flex; vertical-align: middle; line-height: 1; align-items: center; }
/*  components  */
.chipInner svg { flex: none; width: auto; height: 1.6em; max-width: 3em; }
.footBar { width: 1px; clip-path: inset(50%); white-space: nowrap; overflow: hidden; height: 1px; position: absolute; }
.deckLinkGold { gap: 12px; display: inline-flex; text-transform: uppercase; letter-spacing: 0.04em; align-items: center; font-size: 12px; }
.deckLinkGold a { color: var(--tray-ring); text-decoration: none; }
.deckLinkGold a:hover { color: var(--chip2-promo); }
.deckLinkGold a.dealCard { color: var(--pane-side); font-weight: 600; }
.starDeal { display: block; }
.outerGold { color: var(--chip2-promo); }
.cardPanel {
  display: block; margin-top: 0.5em;
  font-family: var(--dot-top); font-weight: 600; font-size: clamp(12px, 0.22em, 17px); line-height: 1.2;
  letter-spacing: var(--list-stage); text-transform: uppercase; color: inherit; opacity: 0.72 }
.barChip2Game {
  margin: 0; display: block;
  font-family: var(--front-list); font-weight: var(--rail-seal); text-transform: var(--body-set);
  letter-spacing: var(--flag-link); line-height: 1.05; font-size: clamp(22px, 2.4vw, 38px) }
.leadRear { font-style: normal; color: var(--chip2-promo); }
.dealBar { line-height: 1.3; color: var(--lead-cell); align-items: baseline; display: inline-flex; gap: 6px; font-size: var(--media-zone); flex-wrap: wrap; }
.cardMain { letter-spacing: var(--list-stage); text-transform: uppercase; }
.crownStage { font-weight: 600; color: var(--pane-side); }
.outerHeadReel { color: rgba(255, 255, 255, 0.72); }
.outerHeadReel .crownStage { color: #fff; }
.dotBodyCore { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.goldPanel { align-items: center; height: 28px; transition: color .15s, border-color .15s, background-color .15s; padding: 0 10px; border-radius: var(--seal-front); display: inline-flex; color: var(--lead-cell); gap: 6px; font-size: var(--media-zone); }
/*  overrides  */
.goldPanel:hover { color: var(--pane-side); }
.goldPanel .unitTab { font-size: 1.25em; }
.vipDotOuter .goldPanel { background: var(--mark-note); border-radius: var(--item-box); }
.jackpotGame .goldPanel { border: var(--set-media) solid var(--tab-seal); }
.jackpotGame .goldPanel:hover { border-color: var(--dice-crest); }
.frontHero .goldPanel { border: var(--set-media) solid var(--bar-link); font-weight: 600; background: var(--unit-main); }
.corePageRace { gap: 4px 18px; }
.corePageRace .goldPanel { height: auto; padding: 0; text-decoration-color: var(--dice-crest); text-underline-offset: 3px; text-decoration: underline; }
.gridRail .goldPanel { font: 500 11px/1 var(--tab-block); letter-spacing: 0.08em; text-transform: uppercase; padding: 0 8px; border-left: 2px solid var(--chip2-promo); border-radius: 0; }
a[role="button"] { cursor: pointer; }
.chipRowLive { display: none; }
@media (max-width: 640px) {
  .aceMenu { overflow: visible; border: 0; border-radius: 0; }
  .aceMenu thead { display: none; }
  .aceMenu table, .aceMenu tbody, .aceMenu tr { display: block; width: 100%; }
  .aceMenu caption { display: block; padding: 0 0 8px; }
  .aceMenu tr { margin: 0 0 10px; border: var(--set-media) solid var(--bar-link); border-radius: var(--seal-front); overflow: hidden; }
  .aceMenu tbody tr > * { background: none; }
  .aceMenu tbody th { display: block; white-space: normal; border-bottom: var(--set-media) solid var(--bar-link); background: color-mix(in srgb, var(--slot-side) 70%, transparent); }
  .aceMenu td { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; white-space: normal; text-align: right; }
  .aceMenu tbody tr > td:last-child { border-bottom: 0; }
  .aceMenu tbody tr:last-child > th { border-bottom: var(--set-media) solid var(--bar-link); }
  .aceMenu .chipRowLive { font-size: var(--media-zone); text-align: left; color: var(--lead-cell); text-transform: uppercase; max-width: 48%; font-weight: 600; flex: none; display: block; letter-spacing: var(--list-stage); }
 }
.railFeature { flex-wrap: wrap; gap: 4px; display: flex; }
.groupListMedia { border-radius: 999px; display: grid; place-items: center; min-width: 22px; height: 22px; color: #fff; font: 700 10px/1 var(--tab-block); padding: 0 5px; }
.copyOfferField { background: #C8313D; }
.menuBlock { background: rgb(28 28 34); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.setCopy { background: hsl(145 63% 33%); }
.goldList { background: var(--frame-note); color: var(--pane-side); }
.rearCrownLead { display: flex; flex-wrap: wrap; gap: 10px; }
.rowCrest { display: inline-flex; align-items: center; gap: 10px; height: 50px; padding: 0 18px 0 14px; border-radius: 12px; background: #0b0b0d; color: #fff; border: 1px solid rgba(255, 255, 255, 0.18); transition: transform var(--frame-set) var(--link-spin); }
.rowCrest:hover { transform: translateY(-2px); }
.rowCrest .unitTab { font-size: 26px; }
.rowCrest span { font-size: 15px; font-weight: 600; line-height: 1.1; display: grid; }
.rowCrest small { font-size: 10px; font-weight: 400; opacity: 0.75; }
.stackRear { position: relative; display: block; flex: none; width: 230px; height: 460px; padding: 12px; border-radius: 38px; background: rgb(12 12 16); box-shadow: inset 0 0 0 2px hsl(240 10% 18%), 0 30px 60px -20px rgba(0, 0, 0, 0.6); }
.innerTray { height: 18px; width: 70px; position: absolute; z-index: 2; left: 50%; border-radius: 999px; transform: translateX(-50%); top: 18px; background: rgb(12 12 16); }
.heroLive { flex-direction: column; border-radius: 28px; padding: 36px 10px 10px; background: var(--line-row); display: flex; height: 100%; gap: 8px; overflow: hidden; }
.dealRingPage { display: flex; justify-content: center; }
.dealRingPage .reelTray { --link-dot: 18px; pointer-events: none; }
.paneCrown { font-size: 9px; background: var(--shape-main), var(--slot-side); gap: 2px; padding: 12px; border-radius: 12px; display: grid; color: var(--tray-ring); }
.paneCrown .blockTab { font-size: 18px; color: var(--chip2-promo); }
.areaMetaRace { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
.areaMetaRace img { border-radius: 6px; object-fit: cover; aspect-ratio: 3 / 2; width: 100%; }
.slabUnitSlot { display: flex; justify-content: space-around; margin-top: auto; padding: 8px 0 2px; border-top: 1px solid var(--bar-link); color: var(--lead-cell); font-size: 16px; }
.slabUnitSlot .unitTab:first-child { color: var(--chip2-promo); }
.ringFront { background: rgba(5, 8, 5, 0.94); border-bottom: 1px dashed var(--tab-seal); }
.headHero, .racePage { background: var(--line-row); border-right: 1px dashed var(--tab-seal); }
.flagFront { font-size: 13px; height: 34px; color: var(--tray-ring); text-transform: lowercase; border-radius: 0; }
.flagFront .unitTab { color: var(--lead-cell); }
.flagFront:hover { background: var(--nav-line); color: var(--chip2-promo); }
.flagFront.dealCard { background: var(--chip2-promo); color: var(--deck-ace); text-shadow: none; }
.flagFront.dealCard .unitTab { color: var(--deck-ace); }
.flagFront.dealCard .seal { background: var(--deck-ace); color: var(--chip2-promo); }
.sealLead { color: var(--base-group); letter-spacing: 0.04em; }
.sealLead::before { content: "# "; color: var(--lead-cell); }
.bonusDot { box-shadow: none; text-transform: lowercase; border: 1px dashed var(--tab-seal); color: var(--chip2-promo); letter-spacing: 0; }
.bonusDot img { filter: saturate(0.6); }
.leadCopy { border-radius: 0; text-transform: lowercase; }
.leadCopy.dealCard { background: var(--chip2-promo); color: var(--deck-ace); }
.leadCopy.dealCard .unitTab { color: var(--deck-ace); }
.stripCell { border-bottom: 1px dashed var(--tab-seal); }
.dockSlabCore { border-radius: 0; border-style: dashed; text-transform: lowercase; height: 32px; }
.dockSlabCore.dealCard { text-shadow: none; background: var(--chip2-promo); color: var(--deck-ace); border-style: solid; }
.shapeSpin { border-radius: 0; text-transform: lowercase; }
.shapeSpin.dealCard { background: var(--chip2-promo); color: var(--deck-ace); box-shadow: none; text-shadow: none; }
.spinRace { text-transform: lowercase; }
.spinRace.dealCard::after { border-radius: 0; height: 2px; }
.featurePromo .jackpotView { border-radius: 0; border-style: dashed; }
.dealFoot { border-top: 1px dashed var(--tab-seal); }
.metaDock { position: relative; border-radius: var(--step-hero); overflow: hidden; border: var(--set-media) solid var(--bar-link); box-shadow: var(--jackpot-item); }
.ringRingMedia { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; margin: 0; padding: 0; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.ringRingMedia::-webkit-scrollbar { display: none; }
.sideMedia { scroll-snap-align: start; position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px; padding: 48px clamp(24px, 5vw, 72px) 84px; overflow: hidden; align-items: center; background: var(--unit-main); min-height: 440px }
.unitStageBar { height: 120%; position: absolute; inset: -10%; filter: blur(40px) saturate(1.2); opacity: 0.45; object-fit: cover; width: 120%; z-index: -2; }
.sideMedia::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--unit-main) 25%, color-mix(in srgb, var(--unit-main) 40%, transparent)); }
.tabDeal { gap: 16px; justify-items: start; display: grid; }
.slotReelLine { font-size: clamp(38px, 4.6vw, 68px); max-width: 14ch; }
.slotReelLine em { display: block; }