.navSlot li { font-size: var(--nc33); gap: 0.5rem; align-items: center; display: flex; }
.navSlot [data-meta] { color: var(--vqx2); }
@media (max-width: 860px) { .rowAceBody { grid-template-columns: 1fr; } }
.lobbyUnit { gap: 0.875rem; display: grid; scrollbar-width: none; margin: 0; grid-auto-flow: column; overflow-x: auto; list-style: none; grid-auto-columns: minmax(420px, calc((100% - 14px) / 2)); scroll-snap-type: x mandatory; padding: 2px 2px 0.625rem; }
.lobbyUnit::-webkit-scrollbar { display: none; }
.lobbyUnit > li { scroll-snap-align: start; }
.fieldGridInner { position: relative; isolation: isolate; display: block; height: 230px; overflow: hidden; border-radius: var(--teae); border: var(--lvl) solid var(--fkw); background: var(--vrd); box-shadow: var(--vir); }
.fieldGridInner img { width: 48%; z-index: -2; position: absolute; transition: transform 800ms var(--e3k); height: 100%; right: 0; object-fit: cover; top: 0; }
.fieldGridInner:hover img { transform: scale(1.06); }
.footTopZone { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--vrd) 50%, color-mix(in srgb, var(--vrd) 60%, transparent) 62%, transparent 85%); }
.flagMedia { position: absolute; bottom: 22px; left: 24px; top: 1.375rem; width: 52%; display: grid; gap: 0.375rem; align-content: space-between; }
.labelShape { color: var(--hul); display: inline-flex; justify-self: start; align-items: center; border-radius: 999px; gap: 0.375rem; font-size: 0.6875rem; height: 1.5rem; background: var(--qum); padding: 0 10px; font-weight: 600; }
.itemNavLive { font-size: var(--kgt); }
/*  utilities  */
.innerGoldMedia { font-size: var(--nc33); display: -webkit-box; color: var(--yq8); -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; }
.pillRingOffer { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--nc33); font-weight: 600; color: var(--hul); }
@media (max-width: 720px) { .lobbyUnit { grid-auto-columns: 86vw; } .flagMedia { width: 64%; } .fieldGridInner img { width: 42%; opacity: 0.55; } .innerGoldMedia { -webkit-line-clamp: 3; } }
.flagStar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; margin-bottom: 1rem; }
.linkCore { display: flex; align-items: center; gap: 10px; font-size: var(--kgt); white-space: nowrap; }
.linkCore [data-meta] { color: var(--hul); }
.stepCrest { display: flex; gap: 0.25rem; padding: 4px; border-radius: calc(var(--fgy) + 4px); background: var(--vrd); border: var(--lvl) solid var(--fkw); }
.paneRing { font-size: 0.8125rem; font-weight: 500; color: var(--x10); transition: background var(--qylc), color var(--qylc); padding: 0 0.75rem; height: 2rem; border-radius: var(--fgy); }
.paneRing.tileNav { background: var(--hul); color: var(--amz); }
.dockHero { display: flex; align-items: center; gap: 0.375rem; margin-left: auto; }
.lineFoot { --otg: clamp(150px, calc((100% - 12px * 6) / 7), 190px); }
.slotSlabCore { min-width: 0; gap: 8px; display: grid; }
.reelStageDeck { position: relative; }
.promoFoot { z-index: 1; border-radius: 999px; font-size: 11px; transition: opacity var(--qylc); position: absolute; right: 0.5rem; color: #fff; padding: 3px 7px; background: rgba(0, 0, 0, 0.66); top: 0.5rem; }
.stackOuter {
  position: absolute;
  background: rgba(0, 0, 0, 0.62); transition: opacity var(--qylc); inset: 0; z-index: 2; display: grid; place-content: center; justify-items: center; gap: 10px; opacity: 0;
}
.reelStageDeck:hover .stackOuter, .reelStageDeck:focus-within .stackOuter { opacity: 1; }
.mediaEdgeInner { font-size: var(--u262); font-weight: 600; color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.dotMedia { font-size: var(--nc33); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 800px) { .stepCrest { order: 3; width: 100%; overflow-x: auto; } .dockHero .chip2 { display: none; } .lineFoot { --otg: 40vw; } }
.winOfferPage { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.zoneUnit { overflow: hidden; isolation: isolate; min-height: 420px; display: block; }
.zoneUnit > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; }
.cardTop { background: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.92)); position: absolute; inset: 0; z-index: -1; }
.crownLine { justify-items: start; color: #fff; left: 26px; bottom: 24px; display: grid; position: absolute; right: 26px; gap: 0.75rem; }
.jackpotStar { font-size: clamp(28px, 3vw, 44px); }
.clubBody { display: flex; gap: 1.75rem; }
.crownLine .railTable { color: rgba(255, 255, 255, 0.6); }
.crownLine .spinTile { color: #fff; }
.leadRail { display: grid; align-content: stretch; margin: 0; padding: 8px 16px; list-style: none; }
.tableTab { grid-template-columns: 22px 48px minmax(0, 1fr) auto auto; gap: 0.75rem; display: grid; border-bottom: var(--lvl) solid var(--fkw); align-items: center; padding: 10px 0; }
.tableTab:last-child { border-bottom: 0; }
.edgeArea { color: var(--x10); }
.tableTab img { width: 48px; height: 48px; object-position: 50% 15%; object-fit: cover; border-radius: 50%; }
.gameSideBlock { display: grid; min-width: 0; }
.viewPill { font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pageWinCrown { font-size: var(--u262); color: var(--x10); }
.stackGrid { display: inline-flex; align-items: center; gap: 5px; font-size: var(--nc33); color: var(--yq8); }
@media (max-width: 960px) {
  .winOfferPage { grid-template-columns: 1fr; }
  .zoneUnit { min-height: 0; aspect-ratio: 5 / 4; }
}
@media (max-width: 520px) { .stackGrid { display: none; } .tableTab { grid-template-columns: 22px 48px minmax(0, 1fr) auto; } }
.jackpotMarkCell { display: grid; margin: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(3, auto); list-style: none; padding: 8px; column-gap: 0; grid-auto-flow: column; }
.paneStep { transition: background var(--qylc); border-radius: var(--fgy); padding: 0.625rem 0.875rem; gap: 12px; align-items: center; grid-template-columns: 30px 56px minmax(0, 1fr) auto 36px; display: grid; }
.paneStep:hover { background: var(--nwsp); }
.groupFeature { font-size: var(--jo4); color: var(--x10); }
.paneStep:nth-child(-n + 3) .groupFeature { color: var(--hul); }
.paneStep img { border-radius: calc(var(--fgy) * 0.6); object-fit: cover; height: 3.75rem; width: 3.75rem; }
.promoReel { display: grid; gap: 2px; min-width: 0; }
.navLabel { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dockArea { font-size: var(--u262); color: var(--x10); }
.reelPillWrap { display: grid; justify-items: end; gap: 2px; font-size: 11px; color: var(--x10); }
.reelPillWrap .mark { font-size: var(--nc33); color: var(--vqx2); }
.spinTableLobby { display: grid; place-items: center; width: 2.25rem; height: 36px; border-radius: 50%; border: var(--lvl) solid var(--zvrn); color: var(--yq8); transition: background var(--qylc), color var(--qylc), border-color var(--qylc); }
.paneStep:hover .spinTableLobby { background: var(--hul); border-color: var(--hul); color: var(--amz); }
@media (max-width: 1180px) { .jackpotMarkCell { grid-template-rows: none; grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .jackpotMarkCell { grid-template-columns: 1fr; } .reelPillWrap { display: none; } .paneStep { grid-template-columns: 26px 52px minmax(0, 1fr) 36px; } .paneStep img { width: 52px; height: 52px; } }
.pillLobby { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 28px; padding: 1.25rem 1.75rem; }
.blockWrap { display: grid; height: 104px; padding: 0.5rem; grid-template-columns: repeat(21, 1fr); width: 104px; background: #fff; box-shadow: var(--vir); border-radius: var(--fgy); }
.blockWrap i.headLive { background: #111; }
.pillReel { display: grid; gap: 0.25rem; }
.areaStep { font-size: var(--kgt); }
.clubLobbyDeck { font-size: var(--nc33); color: var(--yq8); }
.boxWinSlot { padding: 0 1.5rem; justify-items: center; border-right: var(--lvl) solid var(--fkw); border-left: var(--lvl) solid var(--fkw); gap: 2px; display: grid; }
.viewTableWrap { font-size: 2.25rem; line-height: 1; }
.crownLobby { color: var(--qkwo); font-size: 13px; letter-spacing: 1px; }
.winLive { font-size: 0.6875rem; color: var(--x10); }
@media (max-width: 1000px) { .pillLobby { grid-template-columns: auto minmax(0, 1fr); } .boxWinSlot { display: none; } .pillLobby .deckViewHead { grid-column: 1 / -1; } }
@media (max-width: 520px) { .blockWrap { display: none; } .pillLobby { grid-template-columns: 1fr; } }
.featureShapeFoot { padding: clamp(24px, 4vw, 56px); }
.outerChipPromo {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; gap: 1rem 3rem;
  padding-bottom: 2rem; margin-bottom: 32px;
  border-bottom: calc(var(--lvl) * 3) double var(--zvrn);
}
.outerChipPromo .bar { grid-column: 1 / -1; }
.innerOffer { font-size: clamp(30px, 3.4vw, 52px); }
.listTopNav { font-size: var(--jo4); line-height: 1.6; color: var(--g95); }
.shapeStack {
  column-count: 3; column-gap: 48px;
  column-rule: var(--lvl) solid var(--fkw);
  font-size: var(--nc33); line-height: 1.7;
}
.boxPanel { margin-bottom: 1.75rem; }
.jackpotCardRing { font-size: var(--jo4); color: var(--g95); margin-bottom: 0.625rem; break-after: avoid; }
.shapeStack .goldFieldView, .shapeStack .areaDeckFront, .shapeStack .paneMenu li { break-inside: avoid; }
.shapeStack .goldFieldView table { font-size: 0.75rem; }
.shapeStack .noteMenuDock { column-span: all; margin: 0.5rem 0 1.75rem; }
.shapeStack .noteMenuDock table { font-size: var(--nc33); }
.shapeStack .goldFieldView th, .shapeStack .goldFieldView td { padding: 7px 8px; white-space: normal; }
.shapeStack .goldFieldView thead th { font-size: 0.625rem; letter-spacing: 0.04em; }
@media (max-width: 1280px) { .shapeStack { column-count: 2; } }
@media (max-width: 800px) {
  .outerChipPromo { grid-template-columns: 1fr; }
  .shapeStack { column-count: 1; }
}
.featureBlockShape { grid-template-columns: minmax(0, 1fr); }
.featureBlockShape .innerOffer { max-width: 22ch; }
.featureBlockShape .listTopNav { max-width: 64ch; }
.baseLineStage { display: grid; gap: 40px; }
.stepMenu { gap: clamp(24px, 4vw, 64px); grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); display: grid; align-items: start; }
.pillTile { font-size: clamp(30px, 3vw, 46px); }
.fieldList { display: grid; gap: 0.875rem; color: var(--yq8); }
.wrapSlabBonus { display: grid; gap: 14px; }
.wrapSlabBonus summary { width: max-content; gap: 0.5rem; list-style: none; align-items: center; color: var(--hul);
  display: inline-flex;
  font-size: var(--nc33); font-weight: 600;
  cursor: pointer;
}
.wrapSlabBonus summary::-webkit-details-marker { display: none; }
.wrapSlabBonus summary [data-meta] { transition: transform var(--qylc) var(--e3k); transform: rotate(90deg); }
.wrapSlabBonus[open] summary [data-meta] { transform: rotate(-90deg); }
.zoneLine, .wrapSlabBonus[open] .wrapCopyRace { display: none; }
.wrapSlabBonus[open] .zoneLine { display: inline; }
.wrapSlabBonus[open] summary { order: 2; }
.slabCrown{align-items:center;text-transform:uppercase;letter-spacing:var(--hiim);margin-bottom:16px;display:flex;gap:10px;font-size:var(--u262);color:var(--x10);font-weight:500}
.slabCrown [data-meta]{color:var(--hul);font-size:1.125rem}
.markCore{margin:0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;gap:14px}
.markSide{display:grid;align-content:start;gap:0.625rem;padding:1.375rem}
.markSide dt{font-size:var(--jo4);line-height:1.15}
.markSide dd{margin:0;font-size:var(--nc33);color:var(--yq8)}
@media (max-width: 1180px) { .markCore { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 800px) { .stepMenu { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .markCore { grid-template-columns: 1fr; } }
.tabCrest { border-top: var(--lvl) solid var(--fkw); background: var(--nco4); }
.chip2BarWrap { display: grid; max-width: 90rem; padding: 56px var(--eqy8) 32px; margin: 0 auto; gap: 40px; }
.tabFlag { display: grid; grid-template-columns: minmax(240px, 1.6fr) repeat(4, minmax(0, 1fr)); gap: 2rem; }
.featureSeal { display: grid; align-content: start; justify-items: start; gap: 16px; color: var(--yq8); font-size: var(--nc33); max-width: 34ch; }
.diceReel { display: flex; flex-wrap: wrap; gap: 8px; }
/*  responsive  */
.linkGame {
  display: inline-flex; align-items: center; gap: 6px; height: 1.75rem; padding: 0 10px;
  font-size: var(--u262); color: var(--yq8);
  border: var(--lvl) solid var(--zvrn); border-radius: var(--fgy);
}
.metaTile { font-size: var(--u262); letter-spacing: var(--hiim); text-transform: uppercase; color: var(--hul); margin-bottom: 14px; }
.trayWrapMeta ul { color: var(--yq8); font-size: var(--nc33); gap: 10px; display: grid; }
.trayWrapMeta a:hover { color: var(--g95); }
.sideHead {
  display: flex; flex-wrap: wrap;
  border-top: var(--lvl) solid var(--fkw); border-bottom: var(--lvl) solid var(--fkw);
}
.sideHead li { letter-spacing: 0.12em;
  flex: 1 1 auto; text-align: center; padding: 16px 12px; color: var(--x10);
  font: 500 var(--u262)/1 var(--ad2w); text-transform: uppercase;
}
.sideHead .panelFlag svg { height: 1.375rem; }
.sideHead li + li { border-left: var(--lvl) solid var(--fkw); }
.offerSetEdge { color: var(--x10); font-size: var(--u262); gap: 32px; justify-content: space-between; display: flex; }
.liveLive { max-width: 90ch; line-height: 1.7; }
.gameStripBar { white-space: nowrap; }
@media (max-width: 1080px) { .tabFlag { grid-template-columns: repeat(2, minmax(0, 1fr)); } .featureSeal { grid-column: 1 / -1; } }
@media (max-width: 600px) { .offerSetEdge { flex-direction: column; } .sideHead li { flex-basis: 25%; } .sideHead .panelFlag svg { height: 1.375rem; }
.sideHead li + li { border-left: 0; } }
.tabCrest .winPane { margin-top: -1rem; }
:root { --hul: #ac744e; --j79: rgb(187, 141, 110); --qum: rgba(172, 116, 78, 0.14); --amz: rgb(255 255 255); }
:root { --jo4: 19.1px; --u262: 12.7px; --zyr: 15.9px; --lvl: 1px; --nc33: 14.8px; --z6f: 0px; --eqy8: calc(clamp(16px, 2.4vw, 36px) * 1.22); --rup: calc(clamp(44px, 4.6vw, 68px) * 1.22); --mjg: 1520px; }
svg[data-meta]{vertical-align:-0.125em;display:inline-block;height:1em;fill:currentColor;width:1em}