.vipSlab { height: 24px; width: 1px; background: rgba(57, 255, 106, 0.32); margin: 0 8px; }
.liveLobby { display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; font-size: var(--yyue); font-weight: 600; color: hsl(116 78% 87%); white-space: nowrap; }
@media (max-width: 1280px) { .copyCard { display: none; } .vipSlab { display: none; } .slabGroup .stripShape { display: inline-grid; } }
@media (max-width: 1080px) { .slabGroup { grid-template-columns: auto 1fr auto; } .trayEdge { justify-content: flex-start; padding: 0 8px; } }
@media (max-width: 640px) { .liveLobby span { display: none; } .navRace { font-size: 12px; } }
.noteLive { color: rgb(134, 184, 131); }
.noteLive p { margin: 0 0 1em; }
.noteLive p:last-child { margin-bottom: 0; }
.linkLeadField { margin: 1.4em 0 0.5em; font-size: var(--ovn3); font-weight: 600; color: hsl(116 78% 87%); }
.bonusCardMedia, .setLink { padding: 0; list-style: none; gap: 0.55em; margin: 0 0 1.1em; display: grid; }
.bonusCardMedia li { position: relative; padding-left: 1.4em; }
.bonusCardMedia li::before { top: 0.62em; left: 0.1em;
  transform: rotate(45deg); position: absolute;
  width: 0.45em;
  content: ""; border-radius: calc(0px * 0.2);
  background: var(--rqo); height: 0.45em }
.setLink { counter-reset: step; }
.setLink li { counter-increment: step; position: relative; padding-left: 2.3em; min-height: 1.7em; }
.setLink li::before {
  content: counter(step);
  position: absolute; left: 0; top: -0.05em;
  display: grid; place-items: center; width: 1.7em; height: 1.7em;
  font: 600 0.8em/1 "Azeret Mono", ui-monospace, monospace; color: var(--h6z);
  background: var(--rqo); border-radius: 50% }
.noteLive, .noteLive > * { min-width: 0; }
.mediaHead { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: 1px solid rgba(57, 255, 106, 0.16); border-radius: 0px; }
.mediaHead table { width: 100%; border-collapse: collapse; font-size: var(--yyue); }
.mediaHead th, .mediaHead td { border-bottom: 1px solid rgba(57, 255, 106, 0.16); white-space: nowrap; text-align: left; padding: 10px 14px; }
.mediaHead tbody tr:last-child > * { border-bottom: 0; }
.mediaHead thead th { font-weight: 600; text-transform: uppercase; background: #0A100A; letter-spacing: 0.08em; font-size: var(--fuj); color: #557A53; }
.mediaHead tbody th { font-weight: 600; color: hsl(116 78% 87%); }
.mediaHead caption { text-transform: uppercase; font-size: var(--fuj); caption-side: top; letter-spacing: 0.08em; border-bottom: 1px solid rgba(57, 255, 106, 0.16); text-align: left; padding: 10px 14px; color: var(--rqo); font-weight: 600; }
.mediaHead tbody tr:nth-child(even) > * { background: color-mix(in srgb, #0f170f 45%, transparent); }
.tableGrid, .dotFoot { display: inline-grid; font-size: 12px; place-items: center; width: 22px; height: 22px; border-radius: 50%; font-weight: 700; }
.tableGrid { background: color-mix(in srgb, rgb(57 255 106) 18%, transparent); color: rgb(57 255 106); }
.dotFoot { background: color-mix(in srgb, rgb(255, 176, 0) 14%, transparent); color: rgb(255, 176, 0); }
.sideSpinVip tbody th { width: 42%; color: rgb(134, 184, 131); font-weight: 500; white-space: normal; }
.sideSpinVip td { white-space: normal; font-weight: 600; color: hsl(116 78% 87%); }
.dotRingStage td, .dotRingStage thead th:not(:first-child) { text-align: center; }
.dotRingStage tbody td:nth-child(2), .dotRingStage thead th:nth-child(2) { background: var(--y7tu) !important; }
.dotRingStage thead th:nth-child(2) { color: var(--rqo); }
@media (max-width: 520px) { .sideEdgeBase { flex-wrap: wrap; row-gap: 8px; } }
img.tabBand, img.stackSpin, img.dealNav { background-color: var(--m3w, var(--o09)); }
.lobbyRing { --ddsc: 3 / 4; position: relative; }
.lobbyRing img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--m3w, #222) 72%, rgb(11, 11, 16)) 0 50%, color-mix(in srgb, var(--m3w, #222) 38%, #0b0b10)) !important }
.lobbyRing::before { content: ""; position: absolute; left: 0; right: 0; top: 49%; height: 24%; z-index: 1; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); }
.linkOfferBar { position: absolute; left: 10px; right: 10px; bottom: 12px; z-index: 2; display: grid; gap: 2px; color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); pointer-events: none; }
.dockChip2 { font-family: "Azeret Mono", ui-monospace, monospace; font-weight: 800; text-transform: uppercase; letter-spacing: -0.03em; font-size: 17px; line-height: 1.05; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vipHead { font-size: 11px; opacity: 0.78; }
.aceDeal.lobbyRing + .tableShapeSpin, .aceDeal.lobbyRing + .fieldBand { display: none; }
img.cardPill {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important }
.lineCellWrap {
  position: relative; align-self: stretch;
  width: 100%;
  pointer-events: none; justify-self: center; min-height: var(--ji9t, 340px) }
.lineCellWrap .copyPill {
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35));
  position: absolute;
  width: auto;
  object-fit: contain; max-height: 100%; top: 50%; max-width: 116%; transform: translate(-50%, -50%); left: 50%; height: auto; object-position: 50% 100% }
@media (max-width: 820px) {
  .lineCellWrap { align-self: auto; min-height: var(--x97v, 260px); }
  .lineCellWrap .copyPill { object-position: 50% 100%; }
 }
img.boxSlab { object-fit: contain; border-radius: 0; filter: var(--x4gy, none); }
.sideCrestGold { display: inline-flex; align-items: center; gap: 0.5em; line-height: 1; vertical-align: middle; }
.sideCrestGold svg { flex: none; width: auto; height: 1.6em; max-width: 3em; }
.featureRailOffer { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.boxGame { gap: 12px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; align-items: center; display: inline-flex; }
.boxGame a { color: rgb(134, 184, 131); text-decoration: none; }
.boxGame a:hover { color: var(--rqo); }
.boxGame a.rowMeta { color: hsl(116 78% 87%); font-weight: 600; }
.viewMark { display: block; }
.lineCore { color: var(--rqo); }
.rowLive {
  display: block; opacity: 0.72; margin-top: 0.5em; font-weight: 600; line-height: 1.2; font-size: clamp(12px, 0.22em, 17px);
  font-family: var(--t0p4);
  letter-spacing: 0.08em; color: inherit; text-transform: uppercase }
.jackpotBar { font-weight: 800;
  margin: 0; font-size: clamp(22px, 2.4vw, 38px); text-transform: uppercase; display: block;
  font-family: "Azeret Mono", ui-monospace, monospace;
  letter-spacing: -0.03em; line-height: 1.05 }
.frontClub { font-style: normal; color: var(--rqo); }
.headSlabSlab { line-height: 1.3; color: #557A53; gap: 6px; align-items: baseline; display: inline-flex; flex-wrap: wrap; font-size: var(--fuj); }
.bandView { letter-spacing: 0.08em; text-transform: uppercase; }
/*  components  */
.paneClub { font-weight: 600; color: hsl(116 78% 87%); }
.outerTile { color: rgba(255, 255, 255, 0.72); }
.outerTile .paneClub { color: #fff; }
.cellTabInner { gap: 8px; align-items: center; flex-wrap: wrap; display: flex; }
.trayFeatureSet { padding: 0 10px; gap: 6px; border-radius: 0px; color: #557A53; align-items: center; height: 28px; transition: color .15s, border-color .15s, background-color .15s; display: inline-flex; font-size: var(--fuj); }
.trayFeatureSet:hover { color: hsl(116 78% 87%); }
.trayFeatureSet .tablePanel { font-size: 1.25em; }
.slabChip .trayFeatureSet { background: rgb(7, 11, 7); border-radius: 0px; }
.unitStep .trayFeatureSet { border: 1px solid rgba(57, 255, 106, 0.32); }
.unitStep .trayFeatureSet:hover { border-color: rgba(57, 255, 106, 0.7); }
.barStep .trayFeatureSet { background: #0A100A; border: 1px solid rgba(57, 255, 106, 0.16); font-weight: 600; }
.raceNote { gap: 4px 18px; }
.raceNote .trayFeatureSet { padding: 0; height: auto; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(57, 255, 106, 0.7); }
.starCrown .trayFeatureSet { text-transform: uppercase; letter-spacing: 0.08em; border-radius: 0; font: 500 11px/1 "Azeret Mono", ui-monospace, monospace; padding: 0 8px; border-left: 2px solid var(--rqo); }
a[role="button"] { cursor: pointer; }
.chip2ChipStrip { display: none; }
@media (max-width: 640px) {
  .sideNote { overflow: visible; border: 0; border-radius: 0; }
  .sideNote thead { display: none; }
  .sideNote table, .sideNote tbody, .sideNote tr { display: block; width: 100%; }
  .sideNote caption { display: block; padding: 0 0 8px; }
  .sideNote tr { margin: 0 0 10px; border: 1px solid rgba(57, 255, 106, 0.16); border-radius: 0px; overflow: hidden; }
  .sideNote tbody tr > * { background: none; }
  .sideNote tbody th { display: block; white-space: normal; border-bottom: 1px solid rgba(57, 255, 106, 0.16); background: color-mix(in srgb, #0f170f 70%, transparent); }
  .sideNote td { gap: 14px; display: flex; align-items: baseline; white-space: normal; justify-content: space-between; text-align: right; }
  .sideNote tbody tr > td:last-child { border-bottom: 0; }
  .sideNote tbody tr:last-child > th { border-bottom: 1px solid rgba(57, 255, 106, 0.16); }
  .sideNote .chip2ChipStrip { display: block; font-weight: 600; letter-spacing: 0.08em; max-width: 48%; color: #557A53; font-size: var(--fuj); text-align: left; text-transform: uppercase; flex: none; }
 }
.noteDeal { padding: clamp(28px, 5vw, 64px) 0; }
.itemItemMedia { gap: 14px; margin: 0 auto; display: grid; max-width: 780px; }
.cardHeroDeal { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; }
.stripStripDeck { font-size: var(--yyue); color: #557A53; }
.lineCopyPane { font-size: var(--ovn3); color: rgb(134, 184, 131); }
.sideRing { display: grid; gap: 12px; margin-top: 8px; }
.sideRing h2 { color: hsl(116 78% 87%); margin-top: 18px; font-size: 20px; }
.dealGamePill { display: grid; list-style: none; padding: 0; margin: 8px 0; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.dealGamePill li { display: grid; gap: 4px; padding: 16px 18px; border: 1px solid rgba(57, 255, 106, 0.16); border-radius: 0px; background: #0A100A; }
.labelStage { font-size: var(--fuj); text-transform: uppercase; letter-spacing: 0.08em; color: #557A53; }
.slotBonusHero { font-weight: 600; color: hsl(116 78% 87%); word-break: break-word; }
.unitShapeStage { font-size: var(--yyue); color: rgb(134, 184, 131); }
/*  header  */
.slotTable { display: flex; margin: 14px 0 4px; font-size: var(--yyue); flex-wrap: wrap; gap: 8px 18px; }
.slotTable a { text-decoration: underline; color: rgb(134, 184, 131); text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); text-underline-offset: 3px; }
.slotTable a:hover { color: hsl(116 78% 87%); }
.slotLinkBand { flex-wrap: wrap; gap: 4px; display: flex; }
.jackpotDot { display: grid; border-radius: 999px; height: 22px; color: #fff; font: 700 10px/1 "Azeret Mono", ui-monospace, monospace; place-items: center; padding: 0 5px; min-width: 22px; }
.crestUnit { background: #c8313d; }
.wrapDock { background: hsl(240 10% 12%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.clubGameEdge { background: #1f8a4c; }
.trayBody { background: hsl(120 21% 11%); color: hsl(116 78% 87%); }
.fieldStack { gap: 10px; flex-wrap: wrap; display: flex; }
.shapeZoneReel { display: inline-flex; align-items: center; gap: 10px; height: 50px; padding: 0 18px 0 14px; border-radius: 12px; background: #0b0b0d; color: #fff; border: 1px solid rgba(255, 255, 255, 0.18); transition: transform 160ms steps(4, end); }
.shapeZoneReel:hover { transform: translateY(-2px); }
.shapeZoneReel .tablePanel { font-size: 26px; }
.shapeZoneReel span { display: grid; font-size: 15px; line-height: 1.1; font-weight: 600; }
.shapeZoneReel small { font-size: 10px; font-weight: 400; opacity: 0.75; }
.liveNoteStack { padding: 12px; flex: none; height: 460px; width: 230px; background: hsl(240 14% 5%); position: relative; display: block; border-radius: 38px; box-shadow: inset 0 0 0 2px hsl(240 10% 18%), 0 30px 60px -20px rgba(0, 0, 0, 0.6); }
.areaFrameInner { left: 50%; width: 70px; z-index: 2; top: 18px; position: absolute; transform: translateX(-50%); background: hsl(240 14% 5%); height: 18px; border-radius: 999px; }
.clubStageMenu { display: flex; flex-direction: column; border-radius: 28px; background: #050805; gap: 8px; overflow: hidden; height: 100%; padding: 36px 10px 10px; }
.markDeal { display: flex; justify-content: center; }
.markDeal .bonusBase { --ss4r: 18px; pointer-events: none; }
.sidePane { border-radius: 12px; padding: 12px; font-size: 9px; gap: 2px; display: grid; color: rgb(134, 184, 131); background: radial-gradient(60% 80% at 80% 40%, rgba(57, 255, 106, 0.09), transparent 70%), #0f170f; }
.sidePane .starCell { font-size: 18px; color: var(--rqo); }
.bonusPillStack { gap: 5px; display: grid; grid-template-columns: repeat(2, 1fr); }
.bonusPillStack img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 6px; }
.frameLabel { display: flex; justify-content: space-around; margin-top: auto; padding: 8px 0 2px; border-top: 1px solid rgba(57, 255, 106, 0.16); color: #557A53; font-size: 16px; }
.frameLabel .tablePanel:first-child { color: var(--rqo); }
.dealDeal { background: rgba(5, 8, 5, 0.94); border-bottom: 1px dashed rgba(57, 255, 106, 0.32); }
.dotCard, .slabRear { background: #050805; border-right: 1px dashed rgba(57, 255, 106, 0.32); }
.labelClub { font-size: 13px; height: 34px; border-radius: 0; text-transform: lowercase; color: rgb(134, 184, 131); }
.labelClub .tablePanel { color: #557A53; }
.labelClub:hover { background: var(--y7tu); color: var(--rqo); }
.labelClub.rowMeta { text-shadow: none; color: var(--h6z); background: var(--rqo); }
.labelClub.rowMeta .tablePanel { color: var(--h6z); }
.labelClub.rowMeta .diceFlag { background: var(--h6z); color: var(--rqo); }
.viewBlock { color: rgb(255, 176, 0); letter-spacing: 0.04em; }
.viewBlock::before { content: "# "; color: #557A53; }
.liveTableSpin { border: 1px dashed rgba(57, 255, 106, 0.32); box-shadow: none; text-transform: lowercase; letter-spacing: 0; color: var(--rqo); }
.liveTableSpin img { filter: saturate(0.6); }
.labelOuterNav { border-radius: 0; text-transform: lowercase; }
.labelOuterNav.rowMeta { background: var(--rqo); color: var(--h6z); }
.labelOuterNav.rowMeta .tablePanel { color: var(--h6z); }
.boxClub { border-bottom: 1px dashed rgba(57, 255, 106, 0.32); }
.deckWinJackpot { border-style: dashed; height: 32px; border-radius: 0; text-transform: lowercase; }
.deckWinJackpot.rowMeta { background: var(--rqo); color: var(--h6z); border-style: solid; text-shadow: none; }
.bodyDeckFoot { border-radius: 0; text-transform: lowercase; }
.bodyDeckFoot.rowMeta { background: var(--rqo); color: var(--h6z); box-shadow: none; text-shadow: none; }
.topCard { text-transform: lowercase; }
.topCard.rowMeta::after { border-radius: 0; height: 2px; }
.outerRearPill .winReel { border-radius: 0; border-style: dashed; }
.labelSlab { border-top: 1px dashed rgba(57, 255, 106, 0.32); }
.menuInnerLine { position: relative; border-radius: 0px; overflow: hidden; border: 1px solid rgba(57, 255, 106, 0.16); box-shadow: none; }
.featureNavHero { scroll-snap-type: x mandatory; margin: 0; grid-auto-columns: 100%; grid-auto-flow: column; padding: 0; scrollbar-width: none; display: grid; list-style: none; overflow-x: auto; }
.featureNavHero::-webkit-scrollbar { display: none; }
.sideRailCard { min-height: 440px; scroll-snap-align: start; isolation: isolate; gap: 24px; overflow: hidden; background: #0A100A; padding: 48px clamp(24px, 5vw, 72px) 84px; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); display: grid; position: relative; align-items: center }
.bodyItem { opacity: 0.45; position: absolute; z-index: -2; object-fit: cover; inset: -10%; filter: blur(40px) saturate(1.2); width: 120%; height: 120%; }
.sideRailCard::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #0A100A 25%, color-mix(in srgb, #0A100A 40%, transparent)); }
.dealFoot { gap: 16px; display: grid; justify-items: start; }
.outerDealTable { font-size: clamp(38px, 4.6vw, 68px); max-width: 14ch; }
.outerDealTable em { display: block; }
.mediaSideBody { color: rgb(134, 184, 131); font-size: var(--ovn3); max-width: 44ch; }
.markSlotRace { display: flex; flex-wrap: wrap; align-items: center; margin-top: 6px; gap: 16px; }
.promoJackpotRow { font-size: var(--fuj); color: #557A53; }
.linePillFlag { border-radius: 0px; object-fit: cover; box-shadow: none; aspect-ratio: 1; width: min(100%, 340px); justify-self: center; transform: rotate(calc(0deg * -1)); }
.groupNoteGrid { align-items: center; gap: 14px; position: absolute; bottom: 22px; transform: translateX(-50%); display: flex; left: 50%; }
.pillRow { display: flex; gap: 8px; }
.railTray { width: 10px; height: 10px; border-radius: 999px; background: rgba(57, 255, 106, 0.32); transition: width 160ms steps(4, end), background 160ms; }
.railTray.rowMeta { width: 34px; background: var(--rqo); }
@media (max-width: 800px) { .sideRailCard { grid-template-columns: 1fr; min-height: 0; padding: 28px 22px 80px; }
  .linePillFlag { order: -1; width: 170px; }
  .sideRailCard::before { background: color-mix(in srgb, #0A100A 70%, transparent); } }
.listSeal { --ji9t: 330px; width: min(100%, 400px); }
@media (max-width: 800px) { .listSeal { order: -1; justify-self: start; --x97v: min(66vw, 290px); width: min(78vw, 330px); } }
.mainRear { padding: 6px 12px 6px 6px; gap: 16px; align-items: center; display: flex; }
.barSet { overflow-x: auto; min-width: 0; scrollbar-width: none; flex: 1; display: flex; }
.barSet::-webkit-scrollbar { display: none; }
.pageMediaRace { position: relative; flex: 1 0 auto; display: grid; justify-items: center; gap: 4px; min-width: 84px; padding: 12px 10px 10px; font-size: 12px; font-weight: 600; color: #557A53; border-radius: 0px; transition: color 160ms, background 160ms }
.pageMediaRace .tablePanel { font-size: 24px; }
.pageMediaRace:hover { color: hsl(116 78% 87%); background: #0f170f; }
.pageMediaRace.rowMeta { color: hsl(116 78% 87%); }
.pageMediaRace.rowMeta .tablePanel { color: var(--rqo); }
.pageMediaRace.rowMeta::after { content: ""; bottom: 0; border-radius: 3px; right: 22%; left: 22%; position: absolute; background: var(--rqo); height: 3px; }
.winRear { width: 260px; flex: none; }
@media (max-width: 1080px) { .mainRear { flex-wrap: wrap; padding: 8px; } .winRear { width: 100%; order: -1; } }
.railFlag { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-bottom: 16px; }
.diceEdge { display: flex; align-items: center; gap: 10px; font-size: 20px; white-space: nowrap; }
.diceEdge .tablePanel { color: var(--rqo); }
.mainFlag { display: flex; gap: 4px; padding: 4px; border-radius: calc(0px + 4px); background: #0A100A; border: 1px solid rgba(57, 255, 106, 0.16); }
.livePillOuter { padding: 0 12px; transition: background 160ms, color 160ms; color: #557A53; font-size: 13px; height: 32px; font-weight: 500; border-radius: 0px; }
.livePillOuter.rowMeta { background: var(--rqo); color: var(--h6z); }
.dotCardFlag { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.boxUnitDock { --xkz: clamp(150px, calc((100% - 12px * 6) / 7), 190px); }
.setTable { display: grid; gap: 8px; min-width: 0; }
.stackPill { position: relative; }
.shapeBox { top: 8px; right: 8px; position: absolute; z-index: 1; font-size: 11px; transition: opacity 160ms; background: rgba(0, 0, 0, 0.66); border-radius: 999px; padding: 3px 7px; color: #fff; }
.trayInner { position: absolute; inset: 0; z-index: 2; display: grid; place-content: center; justify-items: center; gap: 10px; background: rgba(0, 0, 0, 0.62); opacity: 0; transition: opacity 160ms }
.stackPill:hover .trayInner, .stackPill:focus-within .trayInner { opacity: 1; }
.flagFrontWin { font-size: var(--fuj); font-weight: 600; color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.fieldBand { font-size: var(--yyue); font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
@media (max-width: 800px) { .mainFlag { order: 3; width: 100%; overflow-x: auto; } .dotCardFlag .copyReel { display: none; } .boxUnitDock { --xkz: 40vw; } }
.boxReel { margin: 0; overflow: hidden; list-style: none; padding: 6px; }
.dotPanelLive { grid-template-columns: 76px minmax(0, 1fr) 150px 150px auto; align-items: center; border-radius: 0px; display: grid; gap: 20px; padding: 12px 16px 12px 12px; }
.dotPanelLive:nth-child(odd) { background: #0f170f; }
.dotPanelLive img { width: 76px; object-fit: cover; border-radius: 0px; height: 76px; }
.starFrameList { min-width: 0; display: grid; gap: 4px; }
.cellCrown { font-size: var(--ovn3); }
.markMainView { font-size: var(--yyue); color: rgb(134, 184, 131); }
.crestSpin .slabFront { font-size: var(--ovn3); }
.copyLive { gap: 6px; color: #557A53; align-items: center; display: inline-flex; font-size: var(--fuj); }
@media (max-width: 1000px) { .dotPanelLive { grid-template-columns: 64px minmax(0, 1fr) auto; } .crestSpin, .copyLive { display: none; } .dotPanelLive img { width: 64px; height: 64px; } }
.mediaChipRow { gap: 18px 14px; margin: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; display: grid; list-style: none; }
@media (max-width: 900px) { .mediaChipRow { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mediaChipRow > li:nth-child(n + 7) { display: none; } }
@media (max-width: 480px) { .mediaChipRow { grid-template-columns: 1fr; } .mediaChipRow > li:nth-child(n + 5) { display: none; } }
.stepTopOuter { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.rearStrip { display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; transition: transform 160ms steps(4, end), box-shadow 160ms; }
.rearStrip:hover { transform: translateY(calc(var(--wc8) * -1)); box-shadow: var(--v4h); }
.goldReel { display: block; overflow: hidden; aspect-ratio: 16 / 9; position: relative; }
.goldReel img { height: 100%; object-fit: cover; width: 100%; }
.goldReel .diceFlag { left: 12px; top: 12px; position: absolute; }
.boxStage { padding: 18px 20px 6px; align-content: start; display: grid; gap: 8px; }
.gridGame { font-size: 20px; }
.pillInner { color: rgb(134, 184, 131); font-size: var(--yyue); }
.trayDice { gap: 6px; font-size: var(--fuj); align-items: center; display: inline-flex; color: #557A53; }
.panelLive { justify-content: space-between; gap: 10px; display: flex; padding: 14px 20px 18px; align-items: center; }
@media (max-width: 960px) { .stepTopOuter { grid-template-columns: 1fr 1fr; } .stepTopOuter > li:last-child { display: none; } }
@media (max-width: 600px) { .stepTopOuter { grid-template-columns: 1fr; } .stepTopOuter > li:last-child { display: grid; } }
.goldSlabDot { grid-template-rows: repeat(3, auto); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; column-gap: 0; grid-auto-flow: column; list-style: none; padding: 8px; }
.promoBody { border-radius: 0px; padding: 10px 14px; align-items: center; display: grid; transition: background 160ms; grid-template-columns: 30px 56px minmax(0, 1fr) auto 36px; gap: 12px; }
.promoBody:hover { background: #0f170f; }
.edgePill { font-size: var(--ovn3); color: #557A53; }
.promoBody:nth-child(-n + 3) .edgePill { color: var(--rqo); }
.promoBody img { border-radius: calc(0px * 0.6); object-fit: cover; height: 60px; width: 60px; }
.tabSlotArea { min-width: 0; gap: 2px; display: grid; }
.rowBarClub { text-overflow: ellipsis; font-weight: 600; white-space: nowrap; overflow: hidden; }
.frameClub { font-size: var(--fuj); color: #557A53; }
.acePanel { display: grid; justify-items: end; gap: 2px; color: #557A53; font-size: 11px; }
.acePanel .spinCell { font-size: var(--yyue); color: rgb(57 255 106); }
.pillLead { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(57, 255, 106, 0.32); color: rgb(134, 184, 131); transition: background 160ms, color 160ms, border-color 160ms; }
.promoBody:hover .pillLead { color: var(--h6z); border-color: var(--rqo); background: var(--rqo); }
@media (max-width: 1180px) { .goldSlabDot { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; grid-template-rows: none; } }
@media (max-width: 700px) { .goldSlabDot { grid-template-columns: 1fr; } .acePanel { display: none; } .promoBody { grid-template-columns: 26px 52px minmax(0, 1fr) 36px; } .promoBody img { width: 52px; height: 52px; } }
.vipStackMenu { isolation: isolate; overflow: hidden; text-align: center; padding: clamp(32px, 5vw, 60px) 24px; gap: 12px; justify-items: center; display: grid; }
.mediaZone { z-index: -1; inset: 0; position: absolute; background: radial-gradient(50% 70% at 50% 40%, var(--y7tu), transparent 70%), repeating-linear-gradient(90deg, rgba(57, 255, 106, 0.08) 0 1px, transparent 1px 8px); }
.sideGroupDot { font-size: 20px; color: rgb(134, 184, 131); }
.flagSpinCrown { font-size: clamp(30px, 8.4vw, 108px); white-space: nowrap; line-height: 1; color: var(--rqo); letter-spacing: -0.03em; text-shadow: 0 0 40px color-mix(in srgb, var(--rqo) 35%, transparent); }
.ringGroup { display: inline-flex; align-items: center; gap: 6px; font-size: var(--yyue); color: #557A53; }
.starViewFeature { justify-content: center; display: flex; flex-wrap: wrap; list-style: none; margin: 10px 0 14px; gap: 0; padding: 0; }
.starViewFeature li { display: grid; padding: 8px clamp(18px, 3vw, 40px); gap: 6px; }
.starViewFeature li + li { border-left: 1px solid rgba(57, 255, 106, 0.32); }
.featureSet { font-size: clamp(20px, 2.2vw, 30px); color: hsl(116 78% 87%); }
@media (max-width: 560px) { .starViewFeature li + li { border-left: 0; } }
.barView { padding: clamp(28px, 4vw, 48px); overflow: hidden; isolation: isolate; }
.barView::before { mask-image: linear-gradient(90deg, #000, transparent); content: ""; position: absolute; inset: 0; z-index: -1; background: repeating-linear-gradient(0deg, rgba(57, 255, 106, 0.05) 0 1px, transparent 1px 3px); opacity: 0.8; }
.stepGroupDeal { margin-bottom: 20px; }
.fieldBlockRear { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; }
.bonusPanelGrid { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 6px; }
.cellFieldZone { margin: 0; line-height: 0.95; font-size: clamp(38px, 5vw, 76px); color: hsl(116 78% 87%); }
.bonusPanelGrid:first-child .cellFieldZone { color: var(--rqo); }
.winFeatureLink { font-size: var(--yyue); color: #557A53; }
@media (max-width: 800px) { .fieldBlockRear { grid-template-columns: 1fr 1fr; row-gap: 28px; } }
.mediaBody { display: grid; grid-template-columns: minmax(280px, 0.9fr) minmax(0, 2fr); gap: 14px; }
.tableLiveLabel { padding: 24px; display: grid; gap: 12px; justify-items: start; }
.deckUnit { display: grid; place-items: center; padding: 14px 18px; border-radius: 22%; background: #050805; border: 1px solid rgba(57, 255, 106, 0.32); box-shadow: none; }
.deckUnit .bonusBase { --ss4r: 26px; pointer-events: none; }
.panelView { font-size: 20px; }
.crestFrame { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.tableGroup { font-size: 46px; line-height: 1; }
.outerStrip { font-size: 14px; letter-spacing: 1px; color: rgb(255, 176, 0); }
.panelLobbyRow { width: 100%; font-size: var(--fuj); color: #557A53; }
.markMeta { width: 100%; gap: 4px; display: grid; }
.markMeta li { display: grid; grid-template-columns: 12px 1fr; align-items: center; gap: 8px; font-size: 11px; color: #557A53; }
.innerListCrown { background: rgb(7, 11, 7); border-radius: 999px; height: 6px; overflow: hidden; }
.innerListCrown span { display: block; height: 100%; background: var(--rqo); }
.edgeCell { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 0; margin: 0; list-style: none; }
.tableUnit { display: grid; align-content: start; gap: 10px; padding: 22px; }
.tableUnit p { font-size: var(--yyue); color: rgb(134, 184, 131); }
.chipStrip { margin-top: auto; font-size: var(--fuj); color: #557A53; }
@media (max-width: 1100px) { .mediaBody { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .edgeCell { grid-template-columns: 1fr; } }
.baseFieldHero { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.innerItem { display: grid; overflow: hidden; transition: transform 160ms steps(4, end), box-shadow 160ms; }
.innerItem:hover { transform: translateY(calc(var(--wc8) * -1)); box-shadow: var(--v4h); }
.topTable { position: relative; overflow: hidden; display: block; aspect-ratio: 4 / 3; }
.topTable img { object-position: 50% 12%; object-fit: cover; transition: transform 700ms steps(4, end); height: 100%; width: 100%; }
.innerItem:hover .topTable img { transform: scale(1.05); }
.chip2Area, .featureCrownFlag { border-radius: 999px; top: 10px; position: absolute; height: 24px; padding: 0 9px; font-size: 11px; align-items: center; gap: 6px; color: #fff; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(6px); display: inline-flex; font-weight: 600; }
.chip2Area { left: 10px; text-transform: uppercase; letter-spacing: 0.08em; }
.featureCrownFlag { right: 10px; }
.flagReel { padding: 14px 16px 16px; gap: 10px; display: grid; }
.bandLine { font-weight: 700; font-size: var(--v1qf); }
.starRail { display: flex; gap: 8px; justify-content: space-between; font-size: var(--yyue); align-items: baseline; }
@media (max-width: 1080px) { .baseFieldHero { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .baseFieldHero { grid-template-columns: 1fr; } }
.tableField { padding: clamp(24px, 4vw, 56px); }
/*  layout  */
.navMarkTop { align-items: start; margin-bottom: 32px;
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  border-bottom: calc(1px * 3) double rgba(57, 255, 106, 0.32);
  padding-bottom: 32px; gap: 16px 48px }
.navMarkTop .cell { grid-column: 1 / -1; }
.rearCopy { font-size: clamp(30px, 3.4vw, 52px); }
.copyRing { font-size: var(--ovn3); line-height: 1.6; color: hsl(116 78% 87%); }
.jackpotArea {
  column-count: 3;
  font-size: var(--yyue); line-height: 1.7; column-gap: 48px;
  column-rule: 1px solid rgba(57, 255, 106, 0.16) }
.copyTrayStep { margin-bottom: 28px; }
.dotZoneLive { font-size: var(--ovn3); color: hsl(116 78% 87%); margin-bottom: 10px; break-after: avoid; }
.jackpotArea .mediaHead, .jackpotArea .setLink, .jackpotArea .bonusCardMedia li { break-inside: avoid; }
.jackpotArea .mediaHead table { font-size: 12px; }
.jackpotArea .bodyField { column-span: all; margin: 8px 0 28px; }
.jackpotArea .bodyField table { font-size: var(--yyue); }
.jackpotArea .mediaHead th, .jackpotArea .mediaHead td { padding: 7px 8px; white-space: normal; }
.jackpotArea .mediaHead thead th { font-size: 10px; letter-spacing: 0.04em; }
@media (max-width: 1280px) { .jackpotArea { column-count: 2; } }
@media (max-width: 800px) {
  .navMarkTop { grid-template-columns: 1fr; }
  .jackpotArea { column-count: 1; }
 }
.liveCardFeature { grid-template-columns: minmax(0, 1fr); }
.liveCardFeature .rearCopy { max-width: 22ch; }
.liveCardFeature .copyRing { max-width: 64ch; }
.frontPaneInner { gap: clamp(32px, 5vw, 80px); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); display: grid; }
.leadWinRail { gap: 16px; color: rgb(134, 184, 131); align-content: start; display: grid; }
.offerInnerBlock { font-size: clamp(28px, 2.6vw, 38px); color: hsl(116 78% 87%); max-width: 20ch; margin-bottom: 8px; }
.heroPanel { border-top: 1px solid rgba(57, 255, 106, 0.32); }
.trayAreaRace { border-bottom: 1px solid rgba(57, 255, 106, 0.32); }
.trayAreaRace summary { padding: 20px 0; justify-content: space-between; font-size: var(--ovn3); cursor: pointer; gap: 16px; align-items: center; display: flex; list-style: none }
.trayAreaRace summary::-webkit-details-marker { display: none; }
.trayAreaRace summary .tablePanel { color: var(--rqo); transition: transform 160ms steps(4, end); }
.trayAreaRace[open] summary .tablePanel { transform: rotate(45deg); }
.trayAreaRace p { padding: 0 48px 22px 0; color: rgb(134, 184, 131); }
@media (max-width: 900px) { .frontPaneInner { grid-template-columns: 1fr; } }
.rowZone { overflow: hidden; border-top: 1px solid rgba(57, 255, 106, 0.16); }
.crestClubDot { margin: 0 auto; padding: 48px var(--irc0) 24px; display: grid; max-width: 1440px; gap: 32px; }
.itemDice { display: grid; grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr)); gap: 32px; }
.slabListLink { padding: 22px; color: rgb(134, 184, 131); align-content: start; display: grid; min-width: 0; gap: 10px; font-size: var(--yyue); }
.aceStage { font-size: 26px; color: hsl(116 78% 87%); }
.viewEdge { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.outerCell { flex: 1 1 180px; min-width: 0; }
.viewEdge .featureOuter { flex: 0 0 auto; }
.dotPanel { letter-spacing: 0.08em; margin-bottom: 12px; font-size: var(--fuj); font-weight: 600; color: #557A53; text-transform: uppercase; }
.barDeal ul { display: grid; gap: 9px; font-size: var(--yyue); color: rgb(134, 184, 131); }
.barDeal a:hover { color: var(--rqo); }
.raceStar { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; padding: 20px 0; border-top: 1px solid rgba(57, 255, 106, 0.16); border-bottom: 1px solid rgba(57, 255, 106, 0.16); }
.crownHeroRail .sideCrestGold svg { height: 20px; }
.crownHeroRail { display: flex; flex-wrap: wrap; font: 500 var(--fuj)/1 "Azeret Mono", ui-monospace, monospace; align-items: center; color: #557A53; gap: 10px 18px; text-transform: uppercase; margin-right: auto; letter-spacing: 0.08em; }
.mediaClub { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; border: calc(1px * 2) solid rgb(255, 176, 0); color: rgb(255, 176, 0); font-size: 13px; }
.trayVipDeal { font-size: var(--fuj); line-height: 1.7; color: #557A53; max-width: 110ch; }
@media (max-width: 1320px) { .itemDice { grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); } .slabListLink { grid-row: span 2; } }
@media (max-width: 1180px) { .itemDice { grid-template-columns: repeat(2, minmax(0, 1fr)); } .slabListLink { grid-column: 1 / -1; grid-row: auto; } }
@media (max-width: 520px) { .viewEdge { flex-direction: column; } }
.raceStar .cellTabInner { flex-basis: 100%; }
:root { --rqo: hsl(34 56% 55%); --e3w: #D6A86E; --y7tu: rgba(205, 149, 78, 0.14); --h6z: hsl(0 0% 7%); }
:root { --y7tu: rgba(205, 149, 78, 0.14); --e3w: rgb(214, 168, 110); --rqo: hsl(34 56% 55%); --h6z: rgb(17 17 17); }
:root { --e3w: rgb(214 168 110); --y7tu: rgba(205, 149, 78, 0.14); --rqo: hsl(34 56% 55%); --h6z: rgb(17 17 17); }
:root { --h6z: hsl(0 0% 7%); --y7tu: rgba(205, 149, 78, 0.14); --e3w: #D6A86E; --rqo: hsl(34 56% 55%); }
:root { --rqo: #CD954E; --e3w: rgb(214, 168, 110); --y7tu: rgba(205, 149, 78, 0.14); --h6z: hsl(0 0% 7%); }
:root { --rqo: rgb(205, 149, 78); --e3w: rgb(214 168 110); --y7tu: rgba(205, 149, 78, 0.14); --h6z: rgb(17 17 17); }
:root { --e3w: #d6a86e; --rqo: #CD954E; --h6z: rgb(17, 17, 17); --y7tu: rgba(205, 149, 78, 0.14); }
:root { --e3w: #d6a86e; --y7tu: rgba(205, 149, 78, 0.14); --h6z: #111111; --rqo: hsl(34 56% 55%); }
/*  temp  */
:root { --rqo: rgb(205 149 78); --h6z: #111111; --e3w: hsl(33 56% 64%); --y7tu: rgba(205, 149, 78, 0.14); }
:root { --rqo: #cd954e; --e3w: rgb(214, 168, 110); --y7tu: rgba(205, 149, 78, 0.14); --h6z: #111111; }
:root { --rqo: rgb(205, 149, 78); --e3w: #d6a86e; --y7tu: rgba(205, 149, 78, 0.14); --h6z: #111111; }
:root { --rqo: hsl(34 56% 55%); --e3w: rgb(214, 168, 110); --y7tu: rgba(205, 149, 78, 0.14); --h6z: hsl(0 0% 7%); }
:root { --ovn3: 17.0px; --yyue: 13.8px; --fuj: 11.7px; --v1qf: 14.8px; --twa: calc(clamp(40px, 4.2vw, 64px) * 0.78); --irc0: calc(clamp(14px, 2.2vw, 32px) * 0.78); --wc8: 0px; }
svg.tablePanel{vertical-align:-0.125em;width:1em;fill:currentColor;height:1em;display:inline-block}