.copyHero {
  height: 2.125rem; display: inline-flex; align-items: center; padding: 0 0.875rem;
  border-radius: var(--welw); border: var(--anxd) solid var(--it5);
  font-size: var(--dtd4); color: #6B4A78;
  transition: border-color var(--a15), color var(--a15), background var(--a15);
}
.copyHero:hover { color: var(--dnp); border-color: #3A1648; }
.copyHero.trayDock { border-color: var(--dnp); background: var(--dnp); color: #fff1f6; }
.flagItem { margin: 0; gap: 0.625rem; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; list-style: none; display: grid; }
.starZone, .gameBox { background: var(--uimb);
  border-radius: var(--t8x4); overflow: hidden; aspect-ratio: 3 / 2; display: block;
  position: relative;
}
.starZone img { object-fit: cover; height: 100%; width: 100%; transition: transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1), filter var(--a15); }
.diceGold { z-index: 1; position: absolute; top: 0.5rem; right: 0.5rem; }
.chipPillTable {
  display: grid; inset: 0; padding: 0.875rem;
  color: #fff;
  opacity: 0; gap: 2px;
  position: absolute; align-content: end;
  background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.9)); transition: opacity var(--a15);
}
.setLeadAce { font-size: var(--dtd4); font-weight: 600; line-height: 1.2; }
.rowLabelView { font-size: 0.6875rem; opacity: 0.7; }
.cellDiceDeck {
  transition: transform var(--a15) cubic-bezier(0.34, 1.56, 0.64, 1); place-items: center; transform: translate(-50%, -50%) scale(0.8); font-size: 1.375rem; width: 3.25rem; top: 42%; border-radius: 50%;
  position: absolute;
  display: grid;
  background: var(--eft); color: var(--zvr); left: 50%; height: 3.25rem;
}
.starZone:hover img { transform: scale(1.06); filter: brightness(0.8); }
.starZone:hover .chipPillTable { opacity: 1; }
.starZone:hover .cellDiceDeck { transform: translate(-50%, -50%) scale(1); }
.gameBox {
  display: grid; justify-items: center; gap: 0.375rem; color: #6B4A78; text-align: center;
  border: var(--anxd) dashed #3A1648; align-content: center;
  font-size: var(--lg4e); background: var(--r4o); padding: 0.875rem;
}
.bonusPageCrown { font-size: 2.5rem; color: var(--eft); }
@media (max-width: 1280px) { .flagItem { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) {
  .flagItem { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .chipPillTable { opacity: 1; }
  .cellDiceDeck { display: none; }
}
@media (max-width: 480px) { .flagItem { grid-template-columns: 1fr; } }
.boxLabel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 0.875rem; }
.frameArea {
  position: relative; overflow: hidden; min-height: 25rem;
  border-radius: var(--zbpp); border: var(--anxd) solid var(--gke9); box-shadow: var(--q28);
}
.frameArea img { width: 100%; inset: 0; object-position: 50% 20%; transition: transform 700ms cubic-bezier(0.34, 1.56, 0.64, 1); object-fit: cover; position: absolute; height: 100%; }
.frameArea:hover img { transform: scale(1.04); }
.frameArea::after { inset: 0; position: absolute; content: ""; background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.9)); }
.winRow { position: absolute; left: 1.5rem; right: 1.5rem; display: grid; bottom: 1.5rem; z-index: 1; color: #fff; justify-items: start; gap: 0.625rem; }
.metaLeadMain { font-size: clamp(36px, 3.4vw, 56px); }
.outerPromo { font-size: var(--dtd4); color: rgba(255, 255, 255, 0.75); }
.diceAceLobby { padding: 0.375rem 0; overflow: hidden; list-style: none; display: grid; align-content: stretch; margin: 0; }
.diceAceLobby li + li { border-top: var(--anxd) solid var(--gke9); }
.stageRing {
  display: grid; grid-template-columns: 28px 46px minmax(0, 1fr) auto 32px;
  height: 100%; min-height: 4.75rem; padding: 0.5rem 1.25rem;
  transition: background var(--a15); align-items: center; gap: 1rem;
}
.stageRing:hover { background: var(--uimb); }
.paneUnit { font-size: var(--lg4e); color: var(--gso); }
.stageRing img { border-radius: var(--ey8); object-fit: cover; width: 3rem; height: 3rem; }
.edgeStageDice { font-size: 26px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.jackpotClub { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--lg4e); color: #6B4A78; white-space: nowrap; }
.innerGoldView { color: #6B4A78; border-radius: var(--ey8); height: 2rem; width: 2rem; place-items: center; display: grid; transition: background var(--a15), color var(--a15), transform var(--a15) cubic-bezier(0.34, 1.56, 0.64, 1); }
.stageRing:hover .innerGoldView { transform: translateX(3px); color: var(--zvr); background: var(--eft); }
@media (max-width: 1080px) { .boxLabel { grid-template-columns: 1fr; } .frameArea { min-height: 20rem; } }
@media (max-width: 600px) {
  .stageRing { gap: 0.75rem; grid-template-columns: 46px minmax(0, 1fr) 24px; padding: 0.5rem 0.875rem; }
  .paneUnit, .jackpotClub { display: none; }
  .edgeStageDice { font-size: var(--qnyn); }
}
.labelInner { align-items: center; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 72px); display: grid; }
.bandItemReel { display: grid; justify-items: start; gap: 1rem; }
.jackpotRaceHead { font-size: clamp(34px, 3.6vw, 56px); }
.rowDeck { color: #6B4A78; max-width: 46ch; }
.edgeFeature { grid-template-columns: 1fr 1fr; margin: 0.5rem 0; display: grid; gap: 1.125rem 1.5rem; }
.edgeFeature li { display: grid; gap: 0.75rem; grid-template-columns: 40px minmax(0, 1fr); }
.edgeFeature :is(strong, b) { display: block; font-size: var(--dtd4); margin-bottom: 2px; }
.edgeFeature span span { font-size: var(--lg4e); color: var(--gso); }
.goldStrip { width: 2.5rem; height: 2.5rem; place-items: center; display: grid; color: var(--eft); border-radius: var(--ey8); background: var(--z4td); font-size: 1.125rem; }
.rowBand { list-style: none; padding: 1.5rem 1.75rem; margin: 0; position: relative; }
.coreUnit {
  position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 1.125rem;
  padding: 1rem 0;
}
.coreUnit:not(:last-child)::after {
  content: ""; position: absolute; left: 1.1875rem; top: 3.5rem; bottom: -1rem; width: calc(var(--anxd) * 2);
  background: var(--it5);
}
/*  utilities  */
.coreUnit.navPromo:not(:last-child)::after { background: var(--eft); }
.coreHeroAce {
  position: relative; z-index: 1; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%;
  border: calc(var(--anxd) * 2) solid var(--it5); background: var(--r4o); font-size: 0.8125rem; color: var(--gso);
}
.coreUnit.navPromo .coreHeroAce { background: var(--eft); border-color: var(--eft); color: var(--zvr); }
.coreUnit.metaMenu .coreHeroAce { box-shadow: 0 0 0 6px var(--z4td); color: var(--eft); border-color: var(--eft); }
.metaLeadInner { min-width: 0; gap: 2px; display: grid; }
.outerPanel { font-size: 1.375rem; }
.sealFlag { font-size: var(--lg4e); color: var(--gso); }
.pageBlockGame { font-size: var(--dtd4); color: #6B4A78; }
.pageNoteLive {
  grid-column: 2 / -1; justify-self: start; margin-top: -0.25rem;
  padding: 3px 0.625rem; border-radius: var(--welw); background: var(--z4td); color: var(--eft); font-size: 0.6875rem; font-weight: 600;
}
@media (max-width: 1080px) { .labelInner { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .edgeFeature { grid-template-columns: 1fr; } .rowBand { padding: 0.75rem 1.125rem; } }
.wrapRaceBox {
  display: grid; grid-auto-flow: column; grid-auto-columns: 232px; gap: 0.5rem;
  margin: 0; padding: 0.25rem 2px 0.75rem; list-style: none;
  overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
}
.wrapRaceBox::-webkit-scrollbar { display: none; }
.chip2Flag { position: relative; display: flex; align-items: flex-end; scroll-snap-align: start; padding-left: 4rem; }
.corePill {
  position: absolute; left: 0; bottom: 1.875rem; z-index: 0;
  font-size: 11.875rem; line-height: 0.8;
  color: #fff1f6;
  -webkit-text-stroke: 3px #3A1648;
  letter-spacing: -0.06em;
}
.pageDeal { z-index: 1; position: relative; width: 100%; }
.chip2Flag:first-child .corePill { -webkit-text-stroke-color: var(--eft); }
@media (max-width: 720px) {
  .wrapRaceBox { grid-auto-columns: 180px; }
  .chip2Flag { padding-left: 3rem; }
  .corePill { font-size: 8.75rem; }
}
.edgeView { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 0.875rem; }
.rowZone {
  padding: 2rem; overflow: hidden; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); gap: 1.25rem; align-items: center;
  display: grid;
}
.unitBodyTab { gap: 0.875rem; justify-items: start; display: grid; }
.mainBonus { font-size: clamp(32px, 3vw, 48px); }
.footBox { width: 100%; transform: rotate(2deg); border-radius: var(--t8x4); aspect-ratio: 1; object-fit: cover; }
.diceDock { font-size: var(--dtd4); color: #6B4A78; }
.featureShapeTray { display: grid; gap: 0.875rem; }
.liveRearSpin { grid-template-columns: 110px minmax(0, 1fr); align-items: center;
  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
  transition: transform var(--a15) cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow var(--a15), border-color var(--a15); gap: 1.125rem;
  display: grid;
}
.liveRearSpin:hover { transform: translateX(4px); border-color: #3A1648; }
.liveRearSpin img { border-radius: var(--ey8); object-fit: cover; height: 6.875rem; width: 6.875rem; }
.crownView { display: grid; gap: 0.375rem; }
.pillCrownDock { font-size: 26px; }
.slabSlabPage { display: inline-flex; align-items: center; gap: 0.375rem; color: var(--eft); font-size: var(--lg4e); }
@media (max-width: 1180px) { .edgeView { grid-template-columns: 1fr; } }
@media (max-width: 600px) {
  .rowZone { grid-template-columns: 1fr; padding: 1.375rem; }
  .footBox { order: -1; width: 60%; }
  .liveRearSpin { grid-template-columns: 80px minmax(0, 1fr); }
  .liveRearSpin img { width: 5rem; height: 5rem; }
}
.leadLiveJackpot { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); overflow: hidden; }
.sealCard { display: grid; align-content: center; justify-items: start; gap: 0.875rem; padding: 2rem; border-right: var(--anxd) solid var(--gke9); }
.bodyVip { font-size: clamp(28px, 2.6vw, 40px); }
.lineRear { display: grid; gap: 0.875rem; margin: 0.5rem 0 0; width: 100%; }
.lineRear .pageChip { padding-top: 0.75rem; border-top: var(--anxd) solid var(--gke9); }
.lineRear dd { margin: 0; }
.offerMenuDock { overflow: hidden;
  height: 21.25rem;
  mask-image: linear-gradient(transparent, #000 14%, #000 86%, transparent);
}
.frontMainField { display: grid; animation: wins-d-up 40s linear infinite; }
.leadLiveJackpot:hover .frontMainField { animation-play-state: paused; }
.metaCrestNav { border-bottom: var(--anxd) solid var(--gke9);
  padding: 0.625rem 1.5rem; gap: 0.875rem; align-items: center; grid-template-columns: 36px minmax(0, 1fr) auto auto;
  display: grid;
}
.metaCrestNav img { width: 2.5rem; height: 2.5rem; object-fit: cover; border-radius: calc(var(--ey8) * 0.5); }
.bonusJackpot { gap: 2px; display: grid; font-size: var(--dtd4); min-width: 0; }
.bonusJackpot span { text-overflow: ellipsis; font-size: var(--lg4e); color: var(--gso); white-space: nowrap; overflow: hidden; }
.dockDeal { font-size: var(--lg4e); color: #6B4A78; }
.blockBaseHero { color: #20b97f; text-align: right; min-width: 6.25rem; }
@keyframes wins-d-up { to { transform: translateY(-50%); } }
@media (prefers-reduced-motion: reduce) { .frontMainField { animation: none; } .offerMenuDock { overflow-y: auto; } }
@media (max-width: 900px) {
  .leadLiveJackpot { grid-template-columns: 1fr; }
  .sealCard { border-right: 0; border-bottom: var(--anxd) solid var(--gke9); }
  .lineRear { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 560px) {
  .lineRear { grid-template-columns: 1fr; }
  .metaCrestNav { grid-template-columns: 36px minmax(0, 1fr) auto; padding: 0.625rem 1rem; }
  .dockDeal { display: none; }
}
.menuPanel { border-left: var(--anxd) solid var(--gke9);
  border-top: var(--anxd) solid var(--gke9); grid-template-columns: repeat(8, minmax(0, 1fr));
  display: grid;
}
.tabVip {
  display: grid; place-items: center; height: 6rem; padding: 0.75rem;
  border-right: var(--anxd) solid var(--gke9); border-bottom: var(--anxd) solid var(--gke9);
  transition: background var(--a15);
}
.tabVip img { max-width: 9.375rem; transition: opacity var(--a15); opacity: 0.6; height: 2.75rem; width: 100%; }
/*  keep in sync with the build  */
.tabVip:hover { background: var(--r4o); }
.tabVip:hover img { opacity: 1; }
@media (max-width: 1280px) { .menuPanel { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 600px) { .menuPanel { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.cellBlock .promoMain { --yahb: clamp(200px, calc((100% - 14px * 4) / 5), 300px); }
@media (max-width: 720px) { .cellBlock .promoMain { --yahb: 64vw; } }
.aceDot {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
  align-items: center; gap: 2rem;
  padding: clamp(28px, 3.5vw, 48px) clamp(24px, 4vw, 56px);
  overflow: hidden; isolation: isolate;
}
.aceDot::before {
  content: ""; position: absolute;
  mask-image: linear-gradient(90deg, transparent 35%, #000); inset: 0;
  background: repeating-linear-gradient(-45deg, rgba(255, 207, 63, 0.25) 0 14px, transparent 14px 28px); z-index: -1;
}
.tabMetaBonus { display: grid; gap: 1rem; justify-items: start; }
.labelEdge { font-size: clamp(30px, 3vw, 44px); max-width: 16ch; }
.raceGroup { max-width: 52ch; color: #6B4A78; }
.linkPromo { margin-top: 0.5rem; gap: 1.75rem; align-items: center; flex-wrap: wrap; display: flex; }
.crestRing { padding-left: 1.75rem; border-left: var(--anxd) solid var(--it5); }
.chip2SideBlock { position: relative; height: 15rem; }
.railGroup {
  position: absolute; width: 13.125rem; height: 13.125rem; object-fit: cover;
  padding: 0.375rem; background: #fff1f6;
  border: var(--anxd) solid var(--it5); border-radius: var(--t8x4);
  box-shadow: var(--itd);
}
.slabHero { right: 38%; top: 1.375rem; transform: rotate(calc(2deg * -2)); }
.vipZone { right: 6%; top: 0.25rem; transform: rotate(calc(2deg * 1.5)); }
@media (max-width: 900px) {
  .aceDot { grid-template-columns: 1fr; }
  .chip2SideBlock { height: 11.25rem; order: -1; }
  .railGroup { width: 10.625rem; height: 10.625rem; }
  .slabHero { right: auto; left: 0; }
}
.noteGoldRace { display: grid; gap: clamp(32px, 5vw, 80px); grid-template-columns: 240px minmax(0, 760px); justify-content: center; }
.edgeRail { position: sticky; align-self: start; top: calc(74px + 28px); }
.edgeRail ol { margin: 0.875rem 0 0; padding: 0; list-style: none; counter-reset: toc; border-left: var(--anxd) solid var(--it5); }
.edgeRail li { counter-increment: toc; }
.edgeRail a { padding: 0.4375rem 0 0.4375rem 0.875rem; color: #6B4A78;
  font-size: var(--dtd4);
  display: grid;
  transition: color var(--a15); grid-template-columns: 2.2em 1fr; line-height: 1.35;
}
.edgeRail a::before { content: counter(toc, decimal-leading-zero); font: 400 var(--lg4e)/1.8 var(--etf); color: var(--gso); }
.edgeRail a:hover { color: var(--eft); }
.zoneFoot { display: grid; gap: 1.125rem; }
.sealDice { font-size: clamp(32px, 3.2vw, 50px); color: var(--dnp); }
.setUnit { font-size: var(--qnyn); line-height: 1.6; color: var(--dnp); }
.setUnit::first-letter { font-size: 3.4em; line-height: 0.8; color: var(--eft);
  font-family: "Fredoka", "Chillax", "Trebuchet MS", sans-serif; margin: 0.08em 0.12em 0 0;
  float: left;
}
.bodyCoreBonus { padding-top: 1.625rem; border-top: var(--anxd) solid var(--gke9); line-height: 1.7; scroll-margin-top: calc(74px + 20px); }
.spinTop { margin-bottom: 0.875rem; color: var(--dnp); font-size: 26px; }
@media (max-width: 1080px) {
  .noteGoldRace { grid-template-columns: minmax(0, 1fr); }
  .edgeRail { position: static; }
  .edgeRail ol { columns: 2; column-gap: 24px; }
}
@media (max-width: 600px) { .edgeRail ol { columns: 1; } }
.jackpotFieldSide { gap: clamp(28px, 5vw, 72px); grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); display: grid; }
.promoOffer { position: sticky; top: calc(74px + 28px); gap: 0.875rem; display: grid; justify-items: start; align-self: start; }
.itemCrownStep { font-size: clamp(30px, 3vw, 46px); }
.slotFeature { color: #6B4A78; }
.clubCrestMedia { width: 100%; display: grid; align-items: center; grid-template-columns: 44px minmax(0, 1fr); gap: 0.75rem; padding: 1rem; margin-top: 0.5rem; }
.clubCrestMedia .shapeLive { grid-column: 1 / -1; }
.clubCrestMedia :is(strong, b) { display: block; font-size: var(--dtd4); }
.viewHeadTab { height: 2.75rem; background: var(--eft); font-size: 1.25rem; color: var(--zvr); place-items: center; border-radius: 50%; width: 2.75rem; display: grid; }
.wrapSlabHero { gap: 0.375rem; display: inline-flex; align-items: center; font-size: var(--lg4e); color: var(--gso); }
.rearRow { display: grid; gap: 0.625rem; }
.bodyDotStar { overflow: hidden; }
.bodyDotStar summary { list-style: none;
  padding: 1.125rem 1.25rem; align-items: center; gap: 0.75rem; grid-template-columns: 44px minmax(0, 1fr) 32px; cursor: pointer;
  display: grid;
}
.bodyDotStar summary::-webkit-details-marker { display: none; }
.liveGold { font-size: var(--dtd4); color: var(--eft); }
.dealBox { font-size: var(--qnyn); font-weight: 600; }
.metaFootStack { height: 2rem; background: var(--uimb); display: grid; transition: transform var(--a15) cubic-bezier(0.34, 1.56, 0.64, 1), background var(--a15); place-items: center; border-radius: 50%; width: 2rem; }
.bodyDotStar[open] .metaFootStack { color: var(--zvr); background: var(--eft); transform: rotate(45deg); }
.bodyDotStar p { padding: 0 4rem 1.375rem 4.75rem; color: #6B4A78; }
@media (max-width: 900px) {
  .jackpotFieldSide { grid-template-columns: 1fr; }
  .promoOffer { position: static; }
  .bodyDotStar p { padding: 0 1.25rem 1.25rem; }
}
.deckCrestStack { overflow: hidden; border-top: var(--anxd) solid var(--gke9); }
.linkJackpotDice { padding: 48px var(--uolo) 24px; margin: 0 auto; max-width: 90rem; display: grid; gap: 2rem; }
.featureShape { gap: 2rem; grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr)); display: grid; }
.jackpotVipBlock { color: #6B4A78; gap: 0.625rem; align-content: start; font-size: var(--dtd4); display: grid; min-width: 0; padding: 1.375rem; }
.dealRow { font-size: 1.625rem; color: var(--dnp); }
.innerMark { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.375rem; }
.starCore { flex: 1 1 180px; min-width: 0; }
.innerMark .shapeLive { flex: 0 0 auto; }
.leadStar { margin-bottom: 0.75rem; text-transform: uppercase; color: var(--gso); font-size: var(--lg4e); font-weight: 600; letter-spacing: var(--oszf); }
.liveRail ul { font-size: var(--dtd4); color: #6B4A78; gap: 0.5625rem; display: grid; }
.liveRail a:hover { color: var(--eft); }
.promoList { gap: 1.125rem 1.75rem; align-items: center; border-top: var(--anxd) solid var(--gke9); flex-wrap: wrap; border-bottom: var(--anxd) solid var(--gke9); display: flex; padding: 1.25rem 0; }
.panelVipPromo .metaClubChip svg { height: 1.25rem; }
.panelVipPromo { display: flex; flex-wrap: wrap; align-items: center; gap: 0.625rem 1.125rem; margin-right: auto; font: 500 var(--lg4e)/1 var(--etf); letter-spacing: 0.08em; text-transform: uppercase; color: var(--gso); }
.listBar { display: grid; place-items: center; width: 2.625rem; height: 2.625rem; border-radius: 50%; border: calc(var(--anxd) * 2) solid #ff7a2e; color: #ff7a2e; font-size: 0.8125rem; }
/*  v2  */
.groupStep { max-width: 110ch; font-size: var(--lg4e); line-height: 1.7; color: var(--gso); }
@media (max-width: 1320px) { .featureShape { grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); } .jackpotVipBlock { grid-row: span 2; } }
@media (max-width: 1180px) { .featureShape { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jackpotVipBlock { grid-column: 1 / -1; grid-row: auto; } }
@media (max-width: 520px) { .innerMark { flex-direction: column; } }
.promoList .metaGame { flex-basis: 100%; }
:root { --eft: #AF1A24; --xrpw: #90151e; --z4td: rgba(175, 26, 36, 0.14); --zvr: #ffffff; }
:root { --xrpw: #90151E; --eft: #af1a24; --z4td: rgba(175, 26, 36, 0.14); --zvr: #ffffff; }
:root { --zbpp: 14px; --t8x4: 10px; --welw: 500px; --ey8: 7px; --anxd: 1px; --lg4e: 11.3px; --dtd4: 13.2px; --xb3t: 15.0px; --qnyn: 17.9px; --uhi: 0px; --nwzi: 1440px; }
.stageBox, .mainPromo { position: static; }
svg.bodyInner{display:inline-block;height:1em;vertical-align:-0.125em;fill:currentColor;width:1em}