.cardMainBand:first-child .paneTrayClub { -webkit-text-stroke-color: var(--iy3s); }
@media (max-width: 720px) { .gridView { grid-auto-columns: 180px; }
  .cardMainBand { padding-left: 48px; }
  .paneTrayClub { font-size: 140px; } }
.unitLabelCopy { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; margin: 0; padding: 0; list-style: none; }
.noteTab { transition: transform var(--lol) var(--dib), border-color var(--lol); padding: 1rem; display: grid; gap: 12px; }
.noteTab:hover { transform: translateY(calc(var(--mudw) * -1)); border-color: var(--sun); }
.noteTray { display: flex; align-items: center; justify-content: space-between; gap: 0.625rem; }
.baseWin { width: 8.125rem; height: 40px; object-position: left center; }
.stepBox { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; color: var(--u3i4); border: var(--mw8) solid var(--b8zf); transition: background var(--lol), color var(--lol); }
.noteTab:hover .stepBox { color: var(--ij16); background: var(--iy3s); border-color: var(--iy3s); }
.mainInner { font-size: var(--uwmx); color: var(--wyy); }
.mainInner .mediaArea { color: var(--rkj); }
.areaStarTop { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.areaStarTop img { width: 100%; aspect-ratio: 3 / 2; border-radius: calc(var(--ltd) * 0.6); object-fit: cover; }
@media (max-width: 1180px) { .unitLabelCopy { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .unitLabelCopy { grid-template-columns: 1fr; } }
.offerListLabel { padding: 0; margin: 0; display: grid; gap: 0.875rem; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; }
.copySlot { gap: 1rem; grid-template-columns: 90px minmax(0, 1fr); overflow: hidden; padding: 12px; display: grid; }
.copySlot.lobbyVip { background: var(--rlt2), var(--sipx); border-color: var(--iy3s); }
.blockMainTray { width: 96px; height: 96px; object-fit: cover; border-radius: var(--ltd); }
.dotMainStar { display: grid; align-content: center; gap: 0.25rem; min-width: 0; }
.stackHead { font-size: var(--n0v); color: var(--u3i4); }
.labelTray { font-size: 2.125rem; color: var(--iy3s); }
.stripZone { font-size: var(--h17e); color: var(--rkj); }
.stackOfferBase { font-size: var(--n0v); color: var(--u3i4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1280px) { .offerListLabel { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .offerListLabel { grid-template-columns: 1fr; } }
.copyPill { scrollbar-width: none; margin: 0; scroll-snap-type: x mandatory; gap: 14px; grid-auto-columns: minmax(270px, calc((100% - 42px) / 4)); overflow-x: auto; grid-auto-flow: column; padding: 2px 2px 12px; display: grid; list-style: none }
.copyPill::-webkit-scrollbar { display: none; }
.copyPill > li { scroll-snap-align: start; }
.spinField { position: relative; display: block; height: 26.25rem; overflow: hidden; border-radius: var(--ez5a); border: var(--mw8) solid var(--b8zf); box-shadow: var(--nlj0); background: var(--obqd); transition: transform var(--lol) var(--dib), box-shadow var(--lol) }
.spinField:hover { transform: translateY(calc(var(--mudw) * -1)); box-shadow: var(--fpg); }
.spinField img { inset: 0; object-fit: cover; transition: transform 800ms var(--dib); position: absolute; width: 100%; object-position: 50% 30%; height: 100%; }
.spinField:hover img { transform: scale(1.06); }
.spinField::after { background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.92) 78%); content: ""; inset: 0; position: absolute; }
.clubCardRow { position: absolute; top: 0.875rem; left: 14px; z-index: 1; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: var(--j7qv); background: rgba(0, 0, 0, 0.55); color: #fff; font-size: var(--n0v); backdrop-filter: blur(6px) }
.paneNav { position: absolute; left: 20px; right: 20px; bottom: 20px; z-index: 1; display: grid; gap: 0.5rem; color: #fff; }
.menuRaceDock { font-size: 28px; }
.blockRearRace { font-size: var(--uwmx); color: rgba(255, 255, 255, 0.78); }
.heroMetaRow { align-items: center; font-weight: 600; display: inline-flex; font-size: var(--uwmx); margin-top: 4px; color: var(--yeec); gap: 6px; }
@media (max-width: 720px) { .copyPill { grid-auto-columns: 78vw; } .spinField { height: 23.75rem; } }
.goldChip { gap: 0.875rem; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.featureEdgeCore { position: relative; display: grid; grid-template-rows: auto auto; overflow: hidden; background: var(--sipx); border: var(--mw8) solid var(--b8zf); border-radius: var(--ez5a); box-shadow: var(--nlj0); transition: border-color var(--lol), transform var(--lol) var(--dib), box-shadow var(--lol) }
.featureEdgeCore img { aspect-ratio: 1; width: 100%; object-fit: cover; }
.featureEdgeCore:hover { border-color: var(--iy3s); transform: translateY(calc(var(--mudw) * -1)); box-shadow: var(--fpg); }
/*  keep in sync with the build  */
.raceHead { display: grid; gap: 6px; padding: 0.875rem 0.875rem 1rem; }
.ringFrontStep { font-size: var(--is7j); }
.slabRace { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--n0v); color: var(--u3i4); white-space: nowrap; }
.slabRace .mediaArea { color: var(--wyy); }
.outerCellArea { background: var(--ptq); right: 10px; display: grid; top: 0.625rem; width: 32px; position: absolute; height: 32px; color: var(--yeec); border-radius: var(--ltd); place-items: center; transition: opacity var(--lol), transform var(--lol) var(--dib); transform: translateY(-4px); opacity: 0 }
.featureEdgeCore:hover .outerCellArea { opacity: 1; transform: none; }
@media (max-width: 1280px) { .goldChip { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .goldChip { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.raceDockRing { padding: clamp(24px, 4vw, 56px); }
.starTop { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 1rem 3rem;
  display: grid; align-items: start;
  padding-bottom: 32px; margin-bottom: 32px;
  border-bottom: calc(var(--mw8) * 3) double var(--b5a) }
.starTop .blockDot { grid-column: 1 / -1; }
.diceStep { font-size: clamp(30px, 3.4vw, 52px); }
.noteCrestVip { font-size: var(--is7j); line-height: 1.6; color: var(--rkj); }
.headGoldTable {
  font-size: var(--uwmx);
  column-count: 3; column-gap: 48px; line-height: 1.7;
  column-rule: var(--mw8) solid var(--b8zf) }
.topGroup { margin-bottom: 1.75rem; }
.areaFlag { font-size: var(--is7j); color: var(--rkj); break-after: avoid; margin-bottom: 0.625rem; }
.headGoldTable .jackpotDock, .headGoldTable .metaMetaHero, .headGoldTable .crestBonus li { break-inside: avoid; }
.headGoldTable .jackpotDock table { font-size: 12px; }
.headGoldTable .panelSlot { column-span: all; margin: 0.5rem 0 1.75rem; }
.headGoldTable .panelSlot table { font-size: var(--uwmx); }
.headGoldTable .jackpotDock th, .headGoldTable .jackpotDock td { padding: 7px 8px; white-space: normal; }
.headGoldTable .jackpotDock thead th { font-size: 10px; letter-spacing: 0.04em; }
@media (max-width: 1280px) { .headGoldTable { column-count: 2; } }
@media (max-width: 800px) {
  .starTop { grid-template-columns: 1fr; }
  .headGoldTable { column-count: 1; }
 }
.boxCoreDice { grid-template-columns: minmax(0, 1fr); }
.boxCoreDice .diceStep { max-width: 22ch; }
.boxCoreDice .noteCrestVip { max-width: 64ch; }
.lobbyList { display: grid; justify-items: center; gap: 22px; }
/*  responsive  */
.mainReelFlag { display: grid; justify-items: center; gap: 10px; text-align: center; }
.bandCard { font-size: clamp(30px, 3.4vw, 50px); }
.clubStepItem { width: min(860px, 100%); overflow: hidden; }
.pillBonus { display: flex; align-items: center; gap: 0.75rem; padding: 0.875rem 1.25rem; border-bottom: var(--mw8) solid var(--b8zf); }
.pillBonus :is(strong, b) { display: block; font-size: var(--uwmx); }
.groupSpin { display: inline-flex; align-items: center; font-size: var(--n0v); color: var(--u3i4); gap: 6px; }
.stripBonus { border-radius: 50%; width: 2.5rem; flex: none; background: var(--iy3s); display: grid; place-items: center; font: 700 16px/1 var(--udz); height: 2.5rem; color: var(--ij16) }
.listTab { height: 1.875rem; width: 30px; font-size: 13px; }
.pageMain { display: grid; gap: 22px; padding: 24px 20px; background: var(--lat); }
.copyMeta { display: grid; gap: 0.625rem; }
.tileRailSet { gap: 0.625rem; display: flex; align-items: flex-end; }
.frontArea { justify-content: flex-end; }
.pageCopyCard { padding: 12px 16px; line-height: 1.55; margin: 0; font-size: var(--uwmx); max-width: 72%; }
.frontArea .pageCopyCard { color: var(--ij16); font-weight: 600; background: var(--iy3s); border-radius: calc(var(--ltd) + 10px) calc(var(--ltd) + 10px) 4px calc(var(--ltd) + 10px) }
.crestPage .pageCopyCard { background: var(--obqd); color: var(--wyy); border: var(--mw8) solid var(--b8zf); border-radius: calc(var(--ltd) + 10px) calc(var(--ltd) + 10px) calc(var(--ltd) + 10px) 4px }
.jackpotMenu { display: flex; align-items: center; gap: 0.625rem; padding: 12px 14px; border-top: var(--mw8) solid var(--b8zf); }
.zoneVip { color: var(--u3i4); background: var(--pf6); border-radius: var(--j7qv); padding: 0.625rem 0.875rem; font-size: var(--uwmx); flex: 1; }
@media (max-width: 600px) { .pageCopyCard { max-width: 86%; } }
.leadGame { border-top: var(--mw8) solid var(--b8zf); background: var(--pf6); }
.chipCopyCopy { padding: 56px var(--smb) 32px; gap: 40px; display: grid; margin: 0 auto; max-width: 1440px; }
.itemInner { gap: 32px; grid-template-columns: minmax(240px, 1.6fr) repeat(4, minmax(0, 1fr)); display: grid; }
.footJackpot { gap: 16px; display: grid; justify-items: start; font-size: var(--uwmx); max-width: 34ch; color: var(--wyy); align-content: start; }
.raceBlockView { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.navJackpot {
  display: inline-flex; align-items: center; gap: 0.375rem; height: 1.75rem; padding: 0 10px;
  font-size: var(--n0v); color: var(--wyy);
  border: var(--mw8) solid var(--b5a); border-radius: var(--ltd) }
.itemTab { font-size: var(--n0v); letter-spacing: var(--p7te); text-transform: uppercase; color: var(--iy3s); margin-bottom: 14px; }
.tileBarTile ul { display: grid; gap: 10px; font-size: var(--uwmx); color: var(--wyy); }
.tileBarTile a:hover { color: var(--rkj); }
.flagOfferShape { border-bottom: var(--mw8) solid var(--b8zf);
  display: flex;
  border-top: var(--mw8) solid var(--b8zf); flex-wrap: wrap }
.flagOfferShape li { padding: 1rem 0.75rem; letter-spacing: 0.12em; text-align: center;
  font: 500 var(--n0v)/1 var(--xsm);
  flex: 1 1 auto; text-transform: uppercase; color: var(--u3i4) }
.flagOfferShape .viewDeckGame svg { height: 22px; }
.flagOfferShape li + li { border-left: var(--mw8) solid var(--b8zf); }
.vipStage { display: flex; justify-content: space-between; color: var(--u3i4); gap: 32px; font-size: var(--n0v); }
.starPanelSlab { max-width: 90ch; line-height: 1.7; }
.crestPanelBar { white-space: nowrap; }
@media (max-width: 1080px) { .itemInner { grid-template-columns: repeat(2, minmax(0, 1fr)); } .footJackpot { grid-column: 1 / -1; } }
@media (max-width: 600px) { .vipStage { flex-direction: column; } .flagOfferShape li { flex-basis: 25%; } .flagOfferShape .viewDeckGame svg { height: 1.375rem; }
.flagOfferShape li + li { border-left: 0; } }
.leadGame .raceListRing { margin-top: -1rem; }
:root { --iy3s: rgb(142, 79, 48); --yeec: rgb(116 65 39); --jee: rgba(142, 79, 48, 0.14); --ij16: rgb(255, 255, 255); }
:root { --iy3s: rgb(142 79 48); --yeec: rgb(116 65 39); --jee: rgba(142, 79, 48, 0.14); --ij16: rgb(255 255 255); }
:root { --uwmx: 14.8px; --h17e: 17.0px; --t8a: 1440px; --mudw: 2px; --is7j: 20.1px; --n0v: 12.7px; --mw8: 2px; }
svg.promoAce{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:currentColor}