.stackGridPane { display: flex; flex-wrap: wrap; gap: 0.5rem 1.125rem; margin: 14px 0 4px; font-size: var(--uwmx); }
.stackGridPane a { color: var(--wyy); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); }
.stackGridPane a:hover { color: var(--rkj); }
.wrapChip2 { background: var(--ptq); backdrop-filter: none; border-bottom: 2px solid var(--rkj); }
.rowBlock, .railOuter { background: var(--ptq); border-right: 2px solid var(--rkj); }
/*  temp  */
.tableRace { border-radius: 0; font-weight: 600; color: var(--rkj); text-transform: uppercase; font-size: 0.8125rem; letter-spacing: 0.02em; }
.tableRace:hover { background: var(--rkj); color: var(--ptq); }
.tableRace.labelSlot { background: var(--iy3s); color: #fff; }
.tableRace.labelSlot .promoAce { color: #fff; }
.navArea { font-family: var(--xsm); margin-right: 0; font-weight: 700; margin-left: 0; color: var(--rkj); padding-top: 0.625rem; border-top: 2px solid var(--rkj); }
.paneTableSlab { font-weight: 700; color: var(--rkj); border: 2px solid var(--rkj); box-shadow: none; }
.paneTableSlab:hover { background: var(--iy3s); color: #fff; border-color: var(--rkj); }
.gameLobby { border-radius: 0; font-weight: 600; color: var(--rkj); }
.gameLobby.labelSlot { background: var(--iy3s); color: #fff; }
.gameLobby.labelSlot .promoAce { color: #fff; }
.stripZoneGroup { border-radius: 0; color: var(--rkj); font-weight: 700; text-transform: uppercase; }
.stripZoneGroup.labelSlot { box-shadow: none; background: var(--rkj); color: var(--ptq); }
.starFlag { font-weight: 700; text-transform: uppercase; color: var(--rkj); }
.starFlag.labelSlot::after { height: 6px; border-radius: 0; background: var(--iy3s); }
.topGold { border-bottom: 2px solid var(--rkj); background: var(--ptq); }
.jackpotMainClub { border-radius: 0; border: 2px solid var(--rkj); color: var(--rkj); font-weight: 700; text-transform: uppercase; font-size: 12px; }
.jackpotMainClub .promoAce { color: var(--rkj); }
.jackpotMainClub.labelSlot { background: var(--rkj); border-color: var(--rkj); color: var(--ptq); }
.itemJackpot .crestDeal { border-radius: 0; border: 2px solid var(--rkj); }
.offerMeta { border-top: 2px solid var(--rkj); background: var(--ptq); }
.offerGroup { padding: clamp(40px, 6vw, 88px) 24px clamp(28px, 4vw, 48px); overflow: hidden; isolation: isolate; }
.gridDiceTop { inset: -20%;
  position: absolute; height: 140%;
  filter: blur(70px) saturate(0.85); z-index: -2; object-fit: cover;
  width: 140%; opacity: 0.22 }
.offerGroup::before { background: var(--c1su); z-index: -1; inset: 0; position: absolute; content: ""; opacity: 0.6; mask-image: radial-gradient(60% 70% at 50% 50%, #000, transparent); }
.unitStep { width: 210px; object-fit: cover; z-index: -1;
  border-radius: var(--vxu); height: 13.125rem; box-shadow: var(--vfdc);
  position: absolute }
.labelCopy { transform: rotate(calc(-4deg - var(--cjll) * 2)); top: 18%; left: 5%; }
.footLobby { transform: rotate(calc(5deg + var(--cjll) * 2)); bottom: 6%; right: 2%; }
.navSlab { text-align: center; margin: 0 auto; gap: 20px; display: grid; justify-items: center; z-index: 1; position: relative; max-width: 45rem; }
.tabBox { font-size: clamp(44px, 6vw, 96px); }
.paneOuterOffer { font-size: var(--is7j); max-width: 48ch; color: var(--wyy); }
.ringZoneLine { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; }
.menuBoxDeal {
  width: 100%; margin: 14px 0 0; padding: 0; list-style: none;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.625rem }
.menuBoxDeal li {
  display: flex; align-items: center; gap: 0.625rem; padding: 0.75rem 0.875rem;
  border-radius: var(--ltd); border: var(--mw8) solid var(--b8zf);
  background: var(--sipx);
  font-size: var(--uwmx); text-align: left }
.outerTabDeal { display: grid; place-items: center; flex: none; width: 1.625rem; height: 1.625rem; border-radius: 50%; background: var(--iy3s); color: var(--ij16); font-size: 0.75rem; }
.pillRailOffer { font-size: var(--n0v); color: var(--u3i4); }
@media (max-width: 1400px) { .unitStep { width: 175px; height: 10.9375rem; } }
@media (max-width: 1100px) { .unitStep { width: 8.125rem; height: 8.125rem; opacity: 0.6; } .labelCopy { left: -1.875rem; } .footLobby { right: -1.875rem; } }
@media (max-width: 700px) {
  .unitStep { display: none; }
  .menuBoxDeal { grid-template-columns: 1fr; }
 }
.dotStrip {
  display: grid; grid-template-columns: minmax(320px, 46%) minmax(0, 1fr); align-items: center;
  gap: clamp(12px, 2vw, 32px); padding: clamp(24px, 3vw, 40px) clamp(20px, 3vw, 40px) 0 }
.dotStrip .unitStep { display: none; }
.dotStrip .navSlab { max-width: none; gap: 1rem; text-align: left; padding: 0 0 clamp(24px, 3vw, 40px); align-content: center;
  margin: 0;
  justify-items: start }
.dotStrip .tabBox { font-size: clamp(34px, 3.1vw, 56px); }
.dotStrip .paneOuterOffer { font-size: var(--h17e); max-width: 44ch; }
.dotStrip .ringZoneLine { justify-content: flex-start; }
.dotStrip .menuBoxDeal { margin-top: 4px; }
.dotStrip .menuBoxDeal li { padding: 0.625rem 0.75rem; }
.groupAreaReel { --j7a: 440px; align-self: stretch; }
@media (max-width: 820px) {
  .dotStrip { grid-template-columns: minmax(0, 1fr); justify-items: center; min-height: 0; padding-bottom: 0; }
  .dotStrip .navSlab { justify-items: center; text-align: center; }
  .dotStrip .ringZoneLine { justify-content: center; }
  .groupAreaReel { width: min(74vw, 320px); --rrz: min(62vw, 270px); margin-bottom: 1.125rem; }
 }
.blockSet { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; margin-bottom: 18px; }
.promoEdgeList { font-size: var(--bmw); }
.tableBody { display: flex; flex-wrap: wrap; gap: 6px; }
.winEdge { height: 34px; display: inline-flex; align-items: center; padding: 0 0.875rem; border-radius: var(--j7qv); border: var(--mw8) solid var(--b5a); font-size: var(--uwmx); color: var(--wyy); transition: border-color var(--lol), color var(--lol), background var(--lol) }
.winEdge:hover { color: var(--rkj); border-color: var(--sun); }
.winEdge.labelSlot { background: var(--rkj); border-color: var(--rkj); color: var(--ptq); }
.copySlabTray { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.spinListRail, .crownRace { border-radius: var(--vxu); position: relative; background: var(--obqd); overflow: hidden; display: block; aspect-ratio: 3 / 2 }
.spinListRail img { width: 100%; transition: transform 600ms var(--dib), filter var(--lol); height: 100%; object-fit: cover; }
/*  responsive  */
.tabStageCell { position: absolute; top: 0.5rem; right: 8px; z-index: 1; }
.dealDockDock { position: absolute; padding: 0.875rem; transition: opacity var(--lol); inset: 0; background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.9)); align-content: end; gap: 2px; opacity: 0; display: grid; color: #fff }
.flagCopy { line-height: 1.2; font-size: var(--uwmx); font-weight: 600; }
.noteRow { font-size: 11px; opacity: 0.7; }
.chip2Shape { position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%) scale(0.8); display: grid; place-items: center; width: 52px; height: 3.25rem; border-radius: 50%; background: var(--iy3s); color: var(--ij16); font-size: 22px; transition: transform var(--lol) var(--dib) }
.spinListRail:hover img { transform: scale(1.06); filter: brightness(0.8); }
.spinListRail:hover .dealDockDock { opacity: 1; }
.spinListRail:hover .chip2Shape { transform: translate(-50%, -50%) scale(1); }
.crownRace { background: var(--sipx); gap: 0.375rem; display: grid; justify-items: center; font-size: var(--n0v); text-align: center; border: var(--mw8) dashed var(--sun); align-content: center; color: var(--wyy); padding: 0.875rem }
.unitOuter { font-size: 2.5rem; color: var(--iy3s); }
@media (max-width: 1280px) { .copySlabTray { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) { .copySlabTray { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dealDockDock { opacity: 1; }
  .chip2Shape { display: none; } }
@media (max-width: 480px) { .copySlabTray { grid-template-columns: 1fr; } }
.labelWinFront { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr); overflow: hidden; isolation: isolate; align-items: center; gap: 2rem; padding: clamp(28px, 3.5vw, 48px) clamp(24px, 4vw, 56px) }
.labelWinFront::before { inset: 0; mask-image: linear-gradient(90deg, transparent 35%, #000); position: absolute; background: var(--lat); content: ""; z-index: -1 }
.markWrapView { justify-items: start; gap: 1rem; display: grid; }
.blockHead { font-size: clamp(30px, 3vw, 44px); max-width: 16ch; }
.metaStrip { max-width: 52ch; color: var(--wyy); }
.noteBlock { flex-wrap: wrap; display: flex; gap: 1.75rem; align-items: center; margin-top: 8px; }
.listAreaFeature { padding-left: 1.75rem; border-left: var(--mw8) solid var(--b5a); }
.diceLine { position: relative; height: 15rem; }
.promoLiveFeature { position: absolute; width: 13.125rem; height: 210px; object-fit: cover; padding: 0.375rem; background: var(--ptq); border: var(--mw8) solid var(--b5a); border-radius: var(--vxu); box-shadow: var(--vfdc) }
.tableSlab { top: 1.375rem; transform: rotate(calc(var(--cjll) * -2)); right: 38%; }
.linkCell { right: 6%; top: 0.25rem; transform: rotate(calc(var(--cjll) * 1.5)); }
@media (max-width: 900px) { .labelWinFront { grid-template-columns: 1fr; }
  .diceLine { height: 180px; order: -1; }
  .promoLiveFeature { width: 170px; height: 170px; }
  .tableSlab { right: auto; left: 0; } }
.paneVip { gap: 14px; grid-template-columns: minmax(260px, 0.9fr) minmax(0, 2.4fr); display: grid; }
.winDealSeal { display: grid; align-content: start; justify-items: start; gap: 1rem; padding: 28px; }
.footLobbyFeature { font-size: 2.75rem; }
.ringLiveItem { font-size: var(--uwmx); color: var(--wyy); }
.jackpotSlabInner { padding: 1rem 0; width: 100%; border-bottom: var(--mw8) solid var(--b8zf); display: grid; gap: 8px; border-top: var(--mw8) solid var(--b8zf); }
.starGold { display: flex; justify-content: space-between; align-items: baseline; }
.starGold .mediaArea { color: var(--yeec); }
.lobbyDealDot { background: var(--ptq); height: 8px; border-radius: var(--ltd); overflow: hidden; }
.lobbyDealDot span { display: block; height: 100%; background: linear-gradient(90deg, var(--iy3s), var(--yeec)); }
.paneNavBase { font-size: var(--n0v); color: var(--u3i4); }
.cellLobby { overflow-x: auto; }
/*  utilities  */
.cellLobby table { width: 100%; min-width: 37.5rem; table-layout: fixed; border-collapse: collapse; font-size: var(--uwmx); }
.cellLobby th, .cellLobby td { padding: 14px 12px; overflow-wrap: anywhere; text-align: left; border-bottom: var(--mw8) solid var(--b8zf); }
.cellLobby tbody tr:last-child > * { border-bottom: 0; }
.cellLobby thead th { padding-top: 24px; vertical-align: bottom; }
.cellLobby tbody th { color: var(--u3i4); letter-spacing: var(--p7te); text-transform: uppercase; font-weight: 500; white-space: nowrap; font-size: var(--n0v); }
.cellLobby td { color: var(--wyy); }
.pageSlabLive { font-size: 1.5rem; color: var(--rkj); }
.cellLobby .stepGame { background: var(--jee); color: var(--rkj); }
.cellLobby th.stepGame .pageSlabLive { color: var(--yeec); }
.raceFlagCore { color: var(--iy3s); }
.offerStack { color: var(--u3i4); display: inline-block; transform: rotate(45deg); }
@media (max-width: 1180px) { .paneVip { grid-template-columns: 1fr; } }
.gridView { scrollbar-width: none; gap: 8px; list-style: none; grid-auto-columns: 232px; grid-auto-flow: column; scroll-snap-type: x mandatory; overflow-x: auto; margin: 0; display: grid; padding: 0.25rem 2px 0.75rem }
.gridView::-webkit-scrollbar { display: none; }
.cardMainBand { scroll-snap-align: start; display: flex; align-items: flex-end; padding-left: 64px; position: relative; }
.paneTrayClub { position: absolute; left: 0; bottom: 1.875rem; z-index: 0; font-size: 11.875rem; line-height: 0.8; color: var(--ptq); -webkit-text-stroke: 3px var(--sun); letter-spacing: -0.06em }
.promoNote { z-index: 1; width: 100%; position: relative; }