.trayNote { font-size: var(--z97); color: #6f918a; }
.cardPane { display: grid; font-size: 0.6875rem; color: #6f918a; justify-items: end; gap: 2px; }
.cardPane .viewLabel { font-size: var(--uh8c); color: #37e0b0; }
.aceLobby { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; border: 1px solid rgba(242, 181, 58, 0.28); color: #A9C4BB; transition: background 240ms, color 240ms, border-color 240ms; }
.cellLabelDeal:hover .aceLobby { background: var(--lsn6); border-color: var(--lsn6); color: var(--fe2x); }
@media (max-width: 1180px) { .cellRace { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; } }
@media (max-width: 700px) { .cellRace { grid-template-columns: 1fr; } .cardPane { display: none; } .cellLabelDeal { grid-template-columns: 26px 52px minmax(0, 1fr) 36px; } .cellLabelDeal img { width: 3.25rem; height: 3.25rem; } }
.noteClub { display: grid; list-style: none; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.875rem; margin: 0; padding: 0; }
.livePillFront { transition: transform 240ms cubic-bezier(0.22, 0.9, 0.3, 1.05), box-shadow 240ms; overflow: hidden; display: grid; }
.livePillFront:hover { transform: translateY(calc(var(--mlx8) * -1)); box-shadow: var(--ijr); }
.cardNavFoot { position: relative; display: block; overflow: hidden; aspect-ratio: 4 / 3; }
.cardNavFoot img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; transition: transform 700ms cubic-bezier(0.22, 0.9, 0.3, 1.05); }
.livePillFront:hover .cardNavFoot img { transform: scale(1.05); }
.raceCoreHero, .leadMainSeal { padding: 0 0.5625rem; align-items: center; top: 0.625rem; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(6px); color: #fff; font-size: 0.6875rem; height: 1.5rem; border-radius: 62.4375rem; display: inline-flex; position: absolute; gap: 0.375rem; font-weight: 600; }
.raceCoreHero { letter-spacing: 0.08em; left: 0.625rem; text-transform: uppercase; }
.leadMainSeal { right: 0.625rem; }
.reelItemCrown { display: grid; gap: 0.625rem; padding: 0.875rem 1rem 1rem; }
.linkSlotRace { font-weight: 700; font-size: var(--atf5); }
.labelSlabCopy { gap: 0.5rem; align-items: baseline; justify-content: space-between; font-size: var(--uh8c); display: flex; }
@media (max-width: 1080px) { .noteClub { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .noteClub { grid-template-columns: 1fr; } }
.wrapPage { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(420px, calc((100% - 14px) / 2)); gap: 0.875rem; margin: 0; padding: 2px 2px 0.625rem; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.wrapPage::-webkit-scrollbar { display: none; }
.wrapPage > li { scroll-snap-align: start; }
.reelStage { position: relative; isolation: isolate; display: block; height: 14.375rem; overflow: hidden; border-radius: var(--uza); border: 1px solid rgba(242, 181, 58, 0.14); background: #0b2e2c; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -3px 0 rgba(0, 0, 0, 0.3), 0 14px 30px -18px rgba(0, 0, 0, 0.9); }
.reelStage img { position: absolute; right: 0; top: 0; z-index: -2; width: 48%; height: 100%; object-fit: cover; transition: transform 800ms cubic-bezier(0.22, 0.9, 0.3, 1.05); }
.reelStage:hover img { transform: scale(1.06); }
.areaView { background: linear-gradient(90deg, #0b2e2c 50%, color-mix(in srgb, #0b2e2c 60%, transparent) 62%, transparent 85%); position: absolute; inset: 0; z-index: -1; }
.liveJackpot { width: 52%; display: grid; bottom: 1.375rem; top: 1.375rem; align-content: space-between; left: 1.5rem; position: absolute; gap: 0.375rem; }
.featureGold { display: inline-flex; align-items: center; gap: 0.375rem; justify-self: start; height: 1.5rem; padding: 0 0.625rem; border-radius: 62.4375rem; background: var(--om9); color: var(--lsn6); font-size: 0.6875rem; font-weight: 600; }
.promoTabGold { font-size: 22px; }
.promoMetaLive { font-size: var(--uh8c); color: #A9C4BB; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.itemChipDot { font-weight: 600; font-size: var(--uh8c); gap: 0.375rem; align-items: center; display: inline-flex; color: var(--lsn6); }
@media (max-width: 720px) { .wrapPage { grid-auto-columns: 86vw; } .liveJackpot { width: 64%; } .reelStage img { width: 42%; opacity: 0.55; } .promoMetaLive { -webkit-line-clamp: 3; } }
.diceCrest { 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) { .diceCrest { grid-template-columns: repeat(2, minmax(0, 1fr)); } .diceCrest > li:nth-child(n + 7) { display: none; } }
@media (max-width: 480px) { .diceCrest { grid-template-columns: 1fr; } .diceCrest > li:nth-child(n + 5) { display: none; } }
.metaFieldWrap { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.125rem; }
.blockSeal { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; filter: drop-shadow(0 12px 18px rgba(0, 0, 0, 0.18)); display: grid; padding: 0; list-style: none; }
.barLine { min-height: 7.25rem; clip-path: polygon(0 0, calc(100% - var(--ldt8)) 0, 100% 50%, calc(100% - var(--ldt8)) 100%, 0 100%, var(--ldt8) 50%); align-items: center; grid-template-columns: 40px minmax(0, 1fr); padding: 16px 18px 16px calc(var(--ldt8) + 20px); background: #103a37; display: grid; --ldt8: 26px; margin-left: calc(var(--ldt8) * -1 + 4px); gap: 0.75rem }
.diceRail { border-radius: var(--uza) 0 0 var(--uza); clip-path: polygon(0 0, calc(100% - var(--ldt8)) 0, 100% 50%, calc(100% - var(--ldt8)) 100%, 0 100%); padding-left: 1.25rem; margin-left: 0; }
.linePromo { background: #174A46; }
.lineWrapLead { background: color-mix(in srgb, var(--lsn6) 22%, #103a37); }
.lineWrapLead .gameRace, .lineWrapLead .diceMeta { color: #EEF6EE; opacity: 0.85; }
.frontBand { background: var(--lsn6); color: var(--fe2x); }
.frontBand .gameRace, .frontBand .diceMeta { color: inherit; opacity: 0.8; }
.reelTray { background: #051c1b; border-radius: 50%; height: 2.5rem; width: 2.5rem; place-items: center; display: grid; color: var(--lsn6); font-size: 1.25rem; }
/*  base  */
.shapeAce { gap: 2px; display: grid; min-width: 0; }
.diceMeta { font-size: 0.6875rem; letter-spacing: 0.16em; text-transform: uppercase; color: #6f918a; }
.gameRace { font-size: 0.75rem; color: #A9C4BB; }
@media (max-width: 1100px) { .metaFieldWrap { grid-template-columns: 1fr; } .shapeSlabCrown { justify-self: center; } }
@media (max-width: 760px) { .blockSeal { filter: none; gap: 0.375rem; grid-template-columns: 1fr; }
  .barLine, .diceRail { min-height: 0; padding: 0.875rem 1.125rem; margin-left: 0; border-radius: var(--qdl); clip-path: none; } }
.vipSpin { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(242, 181, 58, 0.28); border-bottom: 1px solid rgba(242, 181, 58, 0.28); }
.bodyLive { display: grid; padding: 1.875rem 1.625rem; align-content: start; gap: 0.625rem; }
.bodyLive + .bodyLive { border-left: 1px solid rgba(242, 181, 58, 0.14); }
.dealPanel { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; border-radius: var(--uza); background: var(--om9); color: var(--lsn6); font-size: 1.75rem; }
.stackDockPromo { font-size: var(--fqz); font-weight: 700; margin-top: 0.375rem; }
.tileUnitGroup { font-size: var(--uh8c); color: #A9C4BB; }
@media (max-width: 960px) { .vipSpin { grid-template-columns: 1fr 1fr; } .bodyLive:nth-child(3) { border-left: 0; } .bodyLive:nth-child(n + 3) { border-top: 1px solid rgba(242, 181, 58, 0.14); } }
@media (max-width: 520px) { .vipSpin { grid-template-columns: 1fr; } .bodyLive + .bodyLive { border-left: 0; border-top: 1px solid rgba(242, 181, 58, 0.14); } }
.sideCore { display: grid; gap: clamp(32px, 5vw, 80px); justify-content: center; grid-template-columns: 240px minmax(0, 760px); }
.tableArea { align-self: start; top: calc(70px + 28px); position: sticky; }
.tableArea ol { margin: 0.875rem 0 0; padding: 0; list-style: none; counter-reset: toc; border-left: 1px solid rgba(242, 181, 58, 0.28); }
.tableArea li { counter-increment: toc; }
.tableArea a { transition: color 240ms; padding: 0.4375rem 0 0.4375rem 0.875rem; grid-template-columns: 2.2em 1fr; display: grid; font-size: var(--uh8c); line-height: 1.35; color: #A9C4BB }
.tableArea a::before { content: counter(toc, decimal-leading-zero); font: 400 var(--z97)/1.8 "Lexend", "Segoe UI", sans-serif; color: #6f918a; }
.tableArea a:hover { color: var(--lsn6); }
.offerWrap { display: grid; gap: 1.125rem; }
.edgeClubCore { font-size: clamp(32px, 3.2vw, 50px); color: #EEF6EE; }
.coreRing { font-size: var(--fqz); color: #EEF6EE; line-height: 1.6; }
.coreRing::first-letter { float: left; margin: 0.08em 0.12em 0 0; font-size: 3.4em; line-height: 0.8; font-family: "Cinzel", "Trajan Pro", Georgia, serif; color: var(--lsn6) }
.tabPane { padding-top: 1.625rem; border-top: 1px solid rgba(242, 181, 58, 0.14); line-height: 1.7; scroll-margin-top: calc(70px + 20px); }
.panelBarSet { font-size: 22px; color: #EEF6EE; margin-bottom: 0.875rem; }
@media (max-width: 1080px) { .sideCore { grid-template-columns: minmax(0, 1fr); }
  .tableArea { position: static; }
  .tableArea ol { columns: 2; column-gap: 24px; } }
@media (max-width: 600px) { .tableArea ol { columns: 1; } }
.leadMetaBlock { grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); display: grid; gap: clamp(28px, 5vw, 72px); }
.outerChip2Menu { align-self: start; top: calc(70px + 28px); justify-items: start; display: grid; position: sticky; gap: 0.875rem; }
.featureMenu { font-size: clamp(30px, 3vw, 46px); }
.footStripFront { color: #A9C4BB; }
.chip2Unit { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 0.75rem; width: 100%; margin-top: 0.5rem; padding: 1rem; }
.chip2Unit .lobbyDot { grid-column: 1 / -1; }
.chip2Unit :is(strong, b) { display: block; font-size: var(--uh8c); }
.fieldStackWrap { place-items: center; width: 2.75rem; background: var(--lsn6); font-size: 1.25rem; display: grid; color: var(--fe2x); border-radius: 50%; height: 2.75rem; }
.lobbyMainTray { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--z97); color: #6f918a; }
.lineMedia { display: grid; gap: 0.625rem; }
.dotView { overflow: hidden; }
.dotView summary { display: grid; grid-template-columns: 44px minmax(0, 1fr) 32px; align-items: center; gap: 0.75rem; padding: 1.125rem 1.25rem; cursor: pointer; list-style: none }
.dotView summary::-webkit-details-marker { display: none; }
.diceHero { font-size: var(--uh8c); color: var(--lsn6); }
.heroBonus { font-size: var(--fqz); font-weight: 600; }
.wrapNav { height: 2rem; place-items: center; background: #103a37; display: grid; width: 2rem; transition: transform 240ms cubic-bezier(0.22, 0.9, 0.3, 1.05), background 240ms; border-radius: 50%; }
.dotView[open] .wrapNav { color: var(--fe2x); background: var(--lsn6); transform: rotate(45deg); }
.dotView p { padding: 0 4rem 1.375rem 4.75rem; color: #A9C4BB; }
@media (max-width: 900px) { .leadMetaBlock { grid-template-columns: 1fr; }
  .outerChip2Menu { position: static; }
  .dotView p { padding: 0 1.25rem 1.25rem; } }
.groupRing { border-top: 1px solid rgba(242, 181, 58, 0.14); background: #072322; }
.crownList { display: grid; gap: 2.5rem; max-width: 90rem; padding: 56px var(--n5a) 32px; margin: 0 auto; }
.lobbyDiceGold { display: grid; grid-template-columns: minmax(240px, 1.6fr) repeat(4, minmax(0, 1fr)); gap: 2rem; }
.innerSealTile { color: #A9C4BB; display: grid; max-width: 34ch; align-content: start; gap: 1rem; font-size: var(--uh8c); justify-items: start; }
.jackpotGame { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.mediaShapeSide {
  display: inline-flex; align-items: center; gap: 0.375rem; height: 1.75rem; padding: 0 0.625rem;
  font-size: var(--z97); color: #A9C4BB;
  border: 1px solid rgba(242, 181, 58, 0.28); border-radius: var(--qdl) }
.coreDotTab { font-size: var(--z97); letter-spacing: 0.16em; text-transform: uppercase; color: var(--lsn6); margin-bottom: 0.875rem; }
.raceReel ul { color: #A9C4BB; gap: 0.625rem; display: grid; font-size: var(--uh8c); }
.raceReel a:hover { color: #EEF6EE; }
.stepTop {
  border-top: 1px solid rgba(242, 181, 58, 0.14); flex-wrap: wrap; border-bottom: 1px solid rgba(242, 181, 58, 0.14);
  display: flex }
.stepTop li {
  flex: 1 1 auto; text-align: center; text-transform: uppercase; padding: 1rem 0.75rem;
  font: 500 var(--z97)/1 "Lexend", "Segoe UI", sans-serif; color: #6f918a; letter-spacing: 0.12em }
.stepTop .stackTabCrest svg { height: 1.375rem; }
.stepTop li + li { border-left: 1px solid rgba(242, 181, 58, 0.14); }
.chip2SlabHero { font-size: var(--z97); gap: 2rem; justify-content: space-between; display: flex; color: #6f918a; }
.crownStep { max-width: 90ch; line-height: 1.7; }
.vipCopy { white-space: nowrap; }
@media (max-width: 1080px) { .lobbyDiceGold { grid-template-columns: repeat(2, minmax(0, 1fr)); } .innerSealTile { grid-column: 1 / -1; } }
@media (max-width: 600px) { .chip2SlabHero { flex-direction: column; } .stepTop li { flex-basis: 25%; } .stepTop .stackTabCrest svg { height: 1.375rem; }
.stepTop li + li { border-left: 0; } }
.groupRing .mediaStage { margin-top: -1rem; }
:root { --rxw0: #2EC12E; --om9: rgba(0, 179, 0, 0.14); --fe2x: #FFFFFF; --lsn6: #00B300; }
:root { --fe2x: #ffffff; --om9: rgba(0, 179, 0, 0.14); --rxw0: #2EC12E; --lsn6: #00b300; }
:root { --fqz: 19.1px; --n5a: calc(clamp(16px, 2.6vw, 38px) * 1.22); --qdl: 8px; --uh8c: 14.8px; --mlx8: 6px; --uza: 12px; --bhe: 9px; --vrz: calc(clamp(46px, 4.8vw, 72px) * 1.22); --dmg: 8px; --atf5: 15.9px; --z97: 12.7px; }
svg.groupBand{fill:currentColor;vertical-align:-0.125em;display:inline-block;height:1em;width:1em}