.goldFieldView table { width: 100%; border-collapse: collapse; font-size: var(--nc33); }
.goldFieldView th, .goldFieldView td { white-space: nowrap; border-bottom: var(--lvl) solid var(--fkw); text-align: left; padding: 10px 14px; }
.goldFieldView tbody tr:last-child > * { border-bottom: 0; }
.goldFieldView thead th { font-size: var(--u262); font-weight: 600; letter-spacing: var(--hiim); text-transform: uppercase; color: var(--x10); background: var(--vrd); }
.goldFieldView tbody th { font-weight: 600; color: var(--g95); }
.goldFieldView caption { caption-side: top; text-align: left; padding: 10px 14px; font-size: var(--u262); font-weight: 600; letter-spacing: var(--hiim); text-transform: uppercase; color: var(--hul); border-bottom: var(--lvl) solid var(--fkw); }
.goldFieldView tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--nwsp) 45%, transparent); }
.fieldFlagStrip, .mediaStack { display: inline-grid; place-items: center; width: 22px; height: 1.375rem; border-radius: 50%; font-size: 12px; font-weight: 700; }
.fieldFlagStrip { background: color-mix(in srgb, var(--vqx2) 18%, transparent); color: var(--vqx2); }
.mediaStack { background: color-mix(in srgb, var(--qkwo) 14%, transparent); color: var(--qkwo); }
.bonusPill tbody th { width: 42%; color: var(--yq8); font-weight: 500; white-space: normal; }
.bonusPill td { color: var(--g95); font-weight: 600; white-space: normal; }
.pageRail td, .pageRail thead th:not(:first-child) { text-align: center; }
.pageRail tbody td:nth-child(2), .pageRail thead th:nth-child(2) { background: var(--qum) !important; }
.pageRail thead th:nth-child(2) { color: var(--hul); }
@media (max-width: 520px) { .raceRail { flex-wrap: wrap; row-gap: 8px; } }
img[src^="img/card/"], img[src^="img/wide/"], img[src^="img/square/"] { background-color: var(--lrp6, var(--nwsp)); }
.topLink { --e5v: 3 / 4; position: relative; }
.topLink img {
  background: linear-gradient(180deg, color-mix(in srgb, var(--lrp6, #222) 72%, hsl(240 19% 5%)) 0 50%, color-mix(in srgb, var(--lrp6, #222) 38%, rgb(11, 11, 16))) !important; object-position: 50% 0 !important;
  object-fit: contain !important;
}
.topLink::before { left: 0; position: absolute; top: 49%; right: 0; content: ""; height: 24%; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); z-index: 1; }
.linkGold { position: absolute; display: grid; left: 10px; gap: 2px; right: 10px; bottom: 0.75rem; z-index: 2; color: #fff; pointer-events: none; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); }
.baseWrap { font-family: var(--j83c); font-weight: var(--txt); text-transform: var(--fhfy); letter-spacing: var(--urz); font-size: 17px; line-height: 1.05; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dealFlagCore { font-size: 0.6875rem; opacity: 0.78; }
.rearMain.topLink + .aceWrap, .rearMain.topLink + .dotMedia { display: none; }
img[src^="img/brand/"] {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important;
}
.diceSide {
  position: relative; align-self: stretch; justify-self: center;
  width: 100%; min-height: var(--s37t, 340px);
  pointer-events: none;
}
.diceSide .coreReel {
  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) {
  .diceSide { align-self: auto; min-height: var(--lo5r, 260px); }
  .diceSide .coreReel { object-position: 50% 100%; }
}
img[src^="img/providers/"] { object-fit: contain; border-radius: 0; filter: var(--olz, none); }
.panelFlag { display: inline-flex; align-items: center; gap: 0.5em; line-height: 1; vertical-align: middle; }
.panelFlag svg { flex: none; width: auto; height: 1.6em; max-width: 3em; }
.topEdge { height: 1px; clip-path: inset(50%); white-space: nowrap; width: 1px; overflow: hidden; position: absolute; }
.gridMarkBonus { display: inline-flex; gap: 12px; align-items: center; font-size: 0.75rem; letter-spacing: 0.04em; text-transform: uppercase; }
.gridMarkBonus a { color: var(--yq8); text-decoration: none; }
.gridMarkBonus a:hover { color: var(--hul); }
.gridMarkBonus a.tileNav { color: var(--g95); font-weight: 600; }
.heroPanel { display: block; }
.vipSeal { color: var(--hul); }
.tileRow {
  letter-spacing: var(--hiim); color: var(--yq8); line-height: 1.2; font-size: clamp(12px, 0.22em, 17px); text-transform: uppercase; font-weight: 600;
  font-family: var(--n403); margin-top: 0.5em;
  display: block;
}
.stripBoxTop {
  font-family: var(--j83c); font-size: clamp(22px, 2.4vw, 38px); font-weight: var(--txt); line-height: 1.05; text-transform: var(--fhfy); display: block;
  letter-spacing: var(--urz);
  margin: 0;
}
.bodyTop { font-style: normal; color: var(--hul); }
.cardArea { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 6px; font-size: var(--u262); line-height: 1.3; color: var(--x10); }
.heroOffer { letter-spacing: var(--hiim); text-transform: uppercase; }
.ringLiveLead { font-weight: 600; color: var(--g95); }
.topPanePill { color: rgba(255, 255, 255, 0.72); }
.topPanePill .ringLiveLead { color: #fff; }
.winPane { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cellSlot { font-size: var(--u262); padding: 0 0.625rem; height: 1.75rem; gap: 0.375rem; transition: color .15s, border-color .15s, background-color .15s; align-items: center; display: inline-flex; color: var(--x10); border-radius: var(--fgy); }
.cellSlot:hover { color: var(--g95); }
.cellSlot [data-meta] { font-size: 1.25em; }
.footStarReel .cellSlot { background: var(--nco4); border-radius: var(--o7tu); }
.wrapFoot .cellSlot { border: var(--lvl) solid var(--zvrn); }
.wrapFoot .cellSlot:hover { border-color: var(--kufv); }
.stageLabel .cellSlot { background: var(--vrd); border: var(--lvl) solid var(--fkw); font-weight: 600; }
.slabLive { gap: 4px 18px; }
.slabLive .cellSlot { padding: 0; height: auto; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--kufv); }
.footStageMeta .cellSlot { border-radius: 0; text-transform: uppercase; padding: 0 0.5rem; letter-spacing: 0.08em; font: 500 11px/1 var(--ad2w); border-left: 2px solid var(--hul); }
a[role="button"] { cursor: pointer; }
.goldMenu { display: flex; gap: 0.25rem; flex-wrap: wrap; }
.paneGrid { display: grid; font: 700 10px/1 var(--ad2w); padding: 0 0.3125rem; place-items: center; min-width: 1.375rem; height: 22px; color: #fff; border-radius: 62.4375rem; }
.menuLobby { background: hsl(355 61% 49%); }
.tileCore { background: hsl(240 10% 12%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.sideDot { background: rgb(31 138 76); }
.noteHero { background: var(--t9j2); color: var(--g95); }
.deckViewHead { display: flex; flex-wrap: wrap; gap: 10px; }
.bodyCrown { display: inline-flex; align-items: center; gap: 10px; height: 3.125rem; padding: 0 18px 0 14px; border-radius: 12px; background: hsl(240 8% 5%); color: #fff; border: 1px solid rgba(255, 255, 255, 0.18); transition: transform var(--qylc) var(--e3k); }
.bodyCrown:hover { transform: translateY(-2px); }
.bodyCrown [data-meta] { font-size: 1.625rem; }
.bodyCrown span { display: grid; line-height: 1.1; font-size: 15px; font-weight: 600; }
.bodyCrown small { opacity: 0.75; font-weight: 400; font-size: 10px; }
/*  legacy  */
.reelWrapGold { position: relative; display: block; flex: none; width: 14.375rem; height: 28.75rem; padding: 12px; border-radius: 2.375rem; 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); }
.innerGroup { top: 1.125rem; z-index: 2; border-radius: 62.4375rem; left: 50%; position: absolute; width: 70px; transform: translateX(-50%); background: #0c0c10; height: 1.125rem; }
.zoneZone { display: flex; flex-direction: column; gap: 0.5rem; height: 100%; padding: 2.25rem 0.625rem 0.625rem; border-radius: 1.75rem; overflow: hidden; background: var(--qzj); }
.headBandFlag { display: flex; justify-content: center; }
.headBandFlag .slot { --t1s: 18px; pointer-events: none; }
.promoBlock { border-radius: 12px; color: var(--yq8); font-size: 9px; display: grid; gap: 2px; background: var(--q99), var(--nwsp); padding: 0.75rem; }
.promoBlock .inner { font-size: 18px; color: var(--hul); }
.dotSide { grid-template-columns: repeat(2, 1fr); display: grid; gap: 5px; }
.dotSide img { border-radius: 0.375rem; aspect-ratio: 3 / 2; width: 100%; object-fit: cover; }
.barPage { display: flex; font-size: 1rem; margin-top: auto; border-top: 1px solid var(--fkw); color: var(--x10); justify-content: space-around; padding: 0.5rem 0 2px; }
.barPage [data-meta]:first-child { color: var(--hul); }
.trayWrap { background: rgba(7, 6, 13, 0.82); border-bottom: 1px solid transparent; border-image: linear-gradient(90deg, var(--hul), rgba(34, 228, 255, 0.6), transparent 70%) 1; }
[data-spin], .linkMenu { background: rgba(9, 7, 18, 0.9); }
.raceLineDeck { font-weight: 500; letter-spacing: 0.02em; }
.raceLineDeck.tileNav { background: linear-gradient(90deg, rgba(255, 46, 136, 0.18), transparent); color: #fff; }
.raceLineDeck.tileNav::before { bottom: 0.5rem; width: 3px; top: 0.5rem; content: ""; position: absolute; background: var(--hul); left: 0; box-shadow: 0 0 10px var(--hul); }
.raceLineDeck.tileNav [data-meta] { color: var(--hul); filter: drop-shadow(0 0 6px var(--hul)); }
.cellRail { font-family: var(--ad2w); color: var(--q4v); opacity: 0.7; }
.crestWin { border-color: var(--zvrn); clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%); }
.wrapRear.tileNav [data-meta], .featureAce [data-meta] { filter: drop-shadow(0 0 6px currentColor); }
.featureAce { border-radius: 0; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); padding: 0 20px; }
.featureAce.tileNav { box-shadow: none; }
.frontCard { border-radius: 0; }
.frontCard.tileNav { background: transparent; box-shadow: inset 0 -2px 0 var(--hul); color: #fff; text-shadow: 0 0 10px rgba(255, 46, 136, 0.7); }
.viewStageCrown { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 0.875rem; min-height: 28.75rem; }
.gridChip, .linkRow {
  position: relative; overflow: hidden; isolation: isolate; display: block;
  border-radius: var(--teae); border: var(--lvl) solid var(--fkw); box-shadow: var(--vir); background: var(--nwsp);
}
.unitDeckSpin { display: grid; grid-template-rows: 1fr 1fr; gap: 14px; }
.unitMenu { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 70% 40%; transition: transform 900ms var(--e3k); }
.gridChip:hover .unitMenu, .linkRow:hover .unitMenu { transform: scale(1.04); }
.baseSlab { inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.85) 20%, rgba(0, 0, 0, 0.2) 75%); position: absolute; z-index: -1; }
/*  legacy  */
.sideInnerClub { position: absolute; left: clamp(22px, 4vw, 52px); bottom: clamp(22px, 4vw, 48px); right: 42%; display: grid; justify-items: start; gap: 0.875rem; color: #fff; }
.sideInnerClub .bar { color: var(--j79); }
.bodySpin { display: block; font-size: clamp(34px, 4vw, 60px); }
.bodySpin em { display: block; }
.navPane { color: rgba(255, 255, 255, 0.78); max-width: 42ch; }
.edgeItemCrown { right: 1.25rem; bottom: 18px; left: 20px; gap: 8px; }
.aceView { font-size: clamp(22px, 2vw, 30px); }
.blockFoot { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--nc33); font-weight: 600; color: var(--j79); }
@media (max-width: 960px) {
  .viewStageCrown { grid-template-columns: 1fr; min-height: 0; }
  .gridChip { min-height: 420px; }
  .unitDeckSpin { grid-template-rows: none; grid-template-columns: 1fr 1fr; }
  .linkRow { min-height: 13.75rem; }
  .sideInnerClub { right: 22px; }
}
@media (max-width: 560px) { .unitDeckSpin { grid-template-columns: 1fr; } }
.gridChip:has(.diceSide) { background: var(--q99), var(--trm), var(--nwsp); }
.gridChip:has(.diceSide) .unitMenu { display: none; }
.gridChip:has(.diceSide) .sideInnerClub { right: 44%; }
.railSlabMain { position: absolute; z-index: 1; right: 0; bottom: 0; top: 8%; width: 46%; min-height: 0; }
@media (max-width: 760px) {
  .gridChip:has(.diceSide) { min-height: 32.5rem; }
  .gridChip:has(.diceSide) .sideInnerClub { right: clamp(22px, 4vw, 52px); }
  .railSlabMain { top: 12px; bottom: auto; right: 0; width: 72%; height: min(56vw, 250px); }
}
.chip2StageMeta { display: flex; align-items: center; gap: 1rem; padding: 0.375rem 0.75rem 0.375rem 0.375rem; }
.blockPane { display: flex; flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.blockPane::-webkit-scrollbar { display: none; }
.rowItem { justify-items: center;
  font-size: 12px; flex: 1 0 auto; font-weight: 600; min-width: 5.25rem; gap: 0.25rem; transition: color var(--qylc), background var(--qylc); display: grid; color: var(--x10); border-radius: var(--fgy);
  position: relative; padding: 12px 10px 10px;
}
.rowItem [data-meta] { font-size: 1.5rem; }
.rowItem:hover { color: var(--g95); background: var(--nwsp); }
.rowItem.tileNav { color: var(--g95); }
.rowItem.tileNav [data-meta] { color: var(--hul); }
.rowItem.tileNav::after { content: ""; position: absolute; left: 22%; right: 22%; bottom: 0; height: 3px; border-radius: 3px; background: var(--hul); }
.spinFeature { width: 16.25rem; flex: none; }
@media (max-width: 1080px) { .chip2StageMeta { flex-wrap: wrap; padding: 0.5rem; } .spinFeature { width: 100%; order: -1; } }
.rearSet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.125rem 0.875rem; margin: 0; padding: 0; list-style: none; }
@media (max-width: 900px) { .rearSet { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rearSet > li:nth-child(n + 7) { display: none; } }
@media (max-width: 480px) { .rearSet { grid-template-columns: 1fr; } .rearSet > li:nth-child(n + 5) { display: none; } }
.rowAceBody { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 60px); padding: clamp(24px, 4vw, 48px); }
.offerPill { display: grid; justify-items: start; gap: 14px; }
.stackMeta { background: var(--hul); clip-path: polygon(50% 0, 100% 14%, 100% 55%, 50% 100%, 0 55%, 0 14%); width: 4rem; display: grid; place-items: center; height: 4.5rem; color: var(--amz); font-size: 1.875rem; }
.vipList { font-size: clamp(28px, 3vw, 42px); }
.zoneLabel { color: var(--yq8); max-width: 56ch; }
.deckReel { gap: 22px; align-content: center; display: grid; }
.metaFrame { display: flex; flex-wrap: wrap; gap: 0.625rem; }
/*  components  */
.stackReel {
  display: grid; place-items: center; width: 74px; height: 74px; border-radius: 50%;
  border: calc(var(--lvl) * 2) solid var(--kufv); background: repeating-conic-gradient(var(--nwsp) 0 10deg, var(--vrd) 10deg 20deg);
}
/*  header  */
.stackReel span { display: grid; height: 3.5rem; border-radius: 50%; place-items: center; color: var(--g95); font: 700 11px/1.1 var(--xta6); width: 56px; text-align: center; background: var(--qzj); }
.navSlot { display: grid; grid-template-columns: 1fr 1fr; gap: 0.625rem; }