.topSlabNav { display: flex; justify-content: center; }
.topSlabNav .labelFlag { --pa8: 18px; pointer-events: none; }
.flagBand { border-radius: 0.75rem; padding: 0.75rem; color: #A9C4BB; background: radial-gradient(50% 70% at 80% 60%, rgba(55, 224, 176, 0.18), transparent 70%), radial-gradient(30% 50% at 20% 10%, rgba(242, 181, 58, 0.12), transparent 70%), #103a37; font-size: 0.5625rem; gap: 2px; display: grid; }
.flagBand .inner { font-size: 1.125rem; color: var(--lsn6); }
.crownDice { gap: 0.3125rem; grid-template-columns: repeat(2, 1fr); display: grid; }
.crownDice img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 0.375rem; }
.pillAreaStage { display: flex; margin-top: auto; font-size: 1rem; padding: 0.5rem 0 2px; border-top: 1px solid rgba(242, 181, 58, 0.14); justify-content: space-around; color: #6f918a; }
.pillAreaStage .groupBand:first-child { color: var(--lsn6); }
.table { background: rgba(5, 28, 27, 0.86); border-bottom: 0; box-shadow: 0 1px 0 rgba(242, 181, 58, 0.28), 0 10px 0 -9px rgba(0, 0, 0, 0.5); }
.table::after { content: ""; position: absolute; left: 0; right: 0; bottom: -0.375rem; height: 0.375rem; opacity: 0.6; background: linear-gradient(135deg, rgba(242, 181, 58, 0.28) 25%, transparent 25%) -3px 0 / 6px 6px, linear-gradient(225deg, rgba(242, 181, 58, 0.28) 25%, transparent 25%) -3px 0 / 6px 6px; pointer-events: none; }
.slabItem, .jackpotFeature { background: linear-gradient(180deg, rgba(11, 46, 44, 0.6), rgba(5, 28, 27, 0.9)); border-right-color: rgba(242, 181, 58, 0.28); }
.stackBox { border-radius: 0.625rem; font-weight: 500; }
.stackBox .groupBand { color: #6f918a; }
.stackBox.flagCell { background: linear-gradient(90deg, rgba(242, 181, 58, 0.18), transparent); box-shadow: inset 2px 0 0 var(--lsn6); color: var(--rxw0); }
.stackBox.flagCell .groupBand { color: var(--lsn6); }
.innerField { font-family: "Cinzel", "Trajan Pro", Georgia, serif; font-weight: 700; color: var(--lsn6); opacity: 0.8; }
.tableUnitBase { font-weight: 700; font-family: "Cinzel", "Trajan Pro", Georgia, serif; background: linear-gradient(180deg, #103a37, #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); color: var(--rxw0); border-color: rgba(242, 181, 58, 0.28); }
.liveGold { border-radius: 0.625rem; border-color: rgba(242, 181, 58, 0.28); }
.liveGold.flagCell { background: linear-gradient(180deg, #ffe08a, var(--lsn6)); color: var(--fe2x); }
.railDock { font-size: 0.8125rem; font-family: "Cinzel", "Trajan Pro", Georgia, serif; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.wrapWrap.flagCell { background: var(--om9); box-shadow: inset 0 -2px 0 var(--lsn6); }
.zoneTable { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); grid-template-areas: "copy visual" "strip strip"; gap: 0 clamp(24px, 4vw, 56px); overflow: hidden; isolation: isolate }
.zoneTable::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(50% 70% at 80% 60%, rgba(55, 224, 176, 0.18), transparent 70%), radial-gradient(30% 50% at 20% 10%, rgba(242, 181, 58, 0.12), transparent 70%), linear-gradient(135deg, rgba(242, 181, 58, 0.07) 25%, transparent 25%) -12px 0 / 24px 24px, linear-gradient(225deg, rgba(242, 181, 58, 0.07) 25%, transparent 25%) -12px 0 / 24px 24px; opacity: 0.9; }
.coreTopCell { grid-area: copy; display: grid; justify-items: start; align-content: center; gap: 1.125rem; padding: clamp(28px, 4vw, 52px) 0 clamp(24px, 3vw, 36px) clamp(24px, 4vw, 52px); }
.linkStack { font-size: clamp(40px, 4.6vw, 70px); max-width: 13ch; }
.linkStack em { display: block; }
.heroStage { max-width: 46ch; font-size: var(--fqz); color: #A9C4BB; }
.goldEdge { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.625rem; width: 100%; max-width: 35rem; margin: 0.25rem 0 0; padding: 0; list-style: none; }
.clubStrip { position: relative; display: grid; justify-items: start; gap: 0.25rem; padding: 0.875rem 0.875rem 0.75rem; border-radius: var(--qdl); background: color-mix(in srgb, #051c1b 70%, transparent); border: 1px solid rgba(242, 181, 58, 0.28) }
.clubStrip:first-child { border-color: var(--lsn6); background: var(--om9); }
.clubStrip + .clubStrip::before { height: 1.125rem; font: 700 12px/1 "Lexend", "Segoe UI", sans-serif; display: grid; color: var(--fe2x); background: var(--lsn6); border-radius: 50%; position: absolute; place-items: center; top: 50%; left: -0.625rem; content: "+"; transform: translateY(-50%); width: 1.125rem }
.sealBody { font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.16em; color: #6f918a; text-transform: uppercase; }
.slabCrest { font-size: clamp(26px, 2.6vw, 38px); color: var(--lsn6); }
.barClubSlot { font-size: var(--z97); color: #A9C4BB; margin-bottom: 0.25rem; }
.edgeDeck { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 0.375rem; }
.unitDeck { grid-area: visual; position: relative; display: grid; place-items: center; padding: clamp(28px, 4vw, 52px) clamp(24px, 4vw, 52px) 24px 0; }
.frontLive { width: min(100%, 380px); aspect-ratio: 4 / 5; }
.frontLive img { object-position: 50% 40%; }
.areaBodyWin { position: absolute; display: grid; gap: 0.25rem; padding: 0.75rem 1rem; border-radius: var(--qdl); background: #051c1b; border: 1px solid rgba(242, 181, 58, 0.28); 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), 0 18px 30px -18px rgba(0, 0, 0, 0.55) }
.spinRail { border-color: var(--lsn6); color: var(--fe2x); background: var(--lsn6); transform: rotate(calc(1deg * -2 - 4deg)); top: 14%; justify-items: center; left: 2%; }
.spinBase { font-size: 2.625rem; line-height: 0.9; }
.spinRail span:last-child { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
.unitChip2Step { transform: rotate(calc(1deg + 3deg)); right: 4%; top: 46%; }
.unitChip2Step .viewLabel { font-size: var(--atf5); color: var(--lsn6); letter-spacing: 0.06em; }
.rowRingCard { left: 6%; bottom: 8%; grid-auto-flow: column; gap: 1.125rem; }
.rowRingCard .jackpotNoteInner { font-size: var(--fqz); }
.offerChip { grid-area: strip; display: flex; flex-wrap: wrap; align-items: center; gap: 0.625rem 1.625rem; margin: 0; padding: 14px clamp(24px, 4vw, 52px); list-style: none; border-top: 1px solid rgba(242, 181, 58, 0.14); background: color-mix(in srgb, #051c1b 55%, transparent); font-size: var(--uh8c); color: #A9C4BB }
.offerChip li { align-items: center; gap: 0.5rem; display: inline-flex; }
.offerChip .groupBand { color: var(--lsn6); }
.dockSlab { color: #6f918a; margin-left: auto; font-size: var(--z97); }
@media (max-width: 960px) { .zoneTable { grid-template-columns: 1fr; grid-template-areas: "visual" "copy" "strip"; }
  .unitDeck { padding: 1.75rem 1.5rem 0; }
  .frontLive { width: min(100%, 300px); }
  .coreTopCell { padding: 1.5rem; } }
@media (max-width: 560px) { .goldEdge { grid-template-columns: 1fr; }
  .clubStrip { column-gap: 12px; align-items: center; grid-template-columns: auto 1fr auto; }
  .sealBody { grid-column: 1 / -1; }
  .clubStrip + .clubStrip::before { left: 50%; transform: translateX(-50%); top: -0.625rem; }
  .rowRingCard { display: none; }
  .dockSlab { margin-left: 0; } }
.dockUnitSpin { --fp7x: 340px; width: min(100%, 420px); }
@media (max-width: 960px) { .dockUnitSpin { width: min(76vw, 330px); --d5as: min(64vw, 285px); } }
.viewRing { display: flex; align-items: center; gap: 1rem; padding: 0.375rem 0.75rem 0.375rem 0.375rem; }
.markShape { scrollbar-width: none; overflow-x: auto; min-width: 0; flex: 1; display: flex; }
.markShape::-webkit-scrollbar { display: none; }
.headLineLead { padding: 0.75rem 0.625rem 0.625rem; transition: color 240ms, background 240ms; min-width: 5.25rem; gap: 0.25rem; font-size: 0.75rem; border-radius: var(--qdl); justify-items: center; display: grid; flex: 1 0 auto; font-weight: 600; position: relative; color: #6f918a }
.headLineLead .groupBand { font-size: 1.5rem; }
.headLineLead:hover { color: #EEF6EE; background: #103a37; }
.headLineLead.flagCell { color: #EEF6EE; }
.headLineLead.flagCell .groupBand { color: var(--lsn6); }
.headLineLead.flagCell::after { position: absolute; right: 22%; height: 3px; content: ""; background: var(--lsn6); bottom: 0; border-radius: 3px; left: 22%; }
.viewClub { width: 16.25rem; flex: none; }
@media (max-width: 1080px) { .viewRing { flex-wrap: wrap; padding: 0.5rem; } .viewClub { width: 100%; order: -1; } }
.markHeroGrid { padding: 1.25rem 1.75rem; display: grid; gap: 1.75rem; align-items: center; grid-template-columns: auto minmax(0, 1fr) auto auto; }
.groupCrown { display: grid; grid-template-columns: repeat(21, 1fr); width: 6.5rem; height: 6.5rem; padding: 0.5rem; background: #fff; border-radius: var(--qdl); 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); }
.groupCrown i.setBonus { background: #111; }
.copyPane { display: grid; gap: 0.25rem; }
.fieldSide { font-size: 22px; }
.noteMetaSpin { font-size: var(--uh8c); color: #A9C4BB; }
.markInner { display: grid; justify-items: center; gap: 2px; padding: 0 1.5rem; border-left: 1px solid rgba(242, 181, 58, 0.14); border-right: 1px solid rgba(242, 181, 58, 0.14); }
.copyGame { font-size: 2.25rem; line-height: 1; }
.reelGrid { color: #ff6b3d; font-size: 0.8125rem; letter-spacing: 1px; }
.itemBonus { font-size: 0.6875rem; color: #6f918a; }
@media (max-width: 1000px) { .markHeroGrid { grid-template-columns: auto minmax(0, 1fr); } .markInner { display: none; } .markHeroGrid .labelCopyStack { grid-column: 1 / -1; } }
@media (max-width: 520px) { .groupCrown { display: none; } .markHeroGrid { grid-template-columns: 1fr; } }
.itemCrest { grid-template-columns: repeat(4, minmax(0, 1fr)); display: grid; gap: 1rem 0.875rem; margin: 0; padding: 0; list-style: none; }
.menuLive { display: grid; gap: 0.625rem; }
.stripLineRow { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; border-radius: var(--bhe); border: 1px solid rgba(242, 181, 58, 0.14); background: #103a37; 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) }
.stripLineRow img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; transition: transform 700ms cubic-bezier(0.22, 0.9, 0.3, 1.05), filter 240ms; }
.bonusCrest { top: 0.625rem; position: absolute; left: 0.625rem; }
.stackWrap { position: absolute; color: var(--fe2x); border-radius: 50%; background: var(--lsn6); opacity: 0; transform: translate(-50%, -50%) scale(0.7); transition: opacity 240ms, transform 240ms cubic-bezier(0.22, 0.9, 0.3, 1.05); top: 50%; width: 3.375rem; font-size: 1.375rem; place-items: center; height: 3.375rem; left: 50%; display: grid }
.menuLive:hover .stripLineRow img { transform: scale(1.06); filter: brightness(0.7); }
.menuLive:hover .stackWrap { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.listPaneStack { display: grid; gap: 2px; }
.sealLink { font-weight: 600; font-size: var(--atf5); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.crownMeta { display: flex; justify-content: space-between; gap: 0.5rem; font-size: var(--z97); color: #6f918a; }
.clubRaceField { color: #37e0b0; }
@media (max-width: 1080px) { .itemCrest { grid-template-columns: repeat(3, minmax(0, 1fr)); } .itemCrest > li:nth-child(n + 7) { display: none; } }
@media (max-width: 640px) { .itemCrest { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bonusSealMeta { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 0.875rem; }
/*  temp  */
.raceTable { isolation: isolate; min-height: 25rem; overflow: hidden; display: block; }
.leadGoldBar { width: 100%; z-index: -2; inset: 0; position: absolute; transition: transform 900ms cubic-bezier(0.22, 0.9, 0.3, 1.05); object-position: 50% 25%; object-fit: cover; height: 100%; }
.raceTable:hover .leadGoldBar { transform: scale(1.04); }
.metaBase { inset: 0; position: absolute; z-index: -1; background: linear-gradient(90deg, rgba(0, 0, 0, 0.88) 30%, transparent 85%); }
.mainLive { position: absolute; left: 2rem; right: 2rem; color: #fff; justify-items: start; bottom: 2rem; display: grid; gap: 0.625rem; }
.gameBlock { font-size: clamp(28px, 3vw, 44px); }
.pillLink { font-size: clamp(24px, 6.4vw, 46px); white-space: nowrap; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6); line-height: 1; color: var(--rxw0); }
.pillStageMeta { font-size: var(--uh8c); color: rgba(255, 255, 255, 0.7); }
.promoSide { display: grid; align-content: start; gap: 0.375rem; padding: 1.25rem; }
.tabLead { gap: 0.5rem; font-weight: 700; align-items: center; margin-bottom: 0.375rem; display: flex; }
.tabLead .groupBand { color: var(--lsn6); }
.crownMark { align-items: center; grid-template-columns: 38px minmax(0, 1fr) auto; border-bottom: 1px solid rgba(242, 181, 58, 0.14); padding: 0.625rem 0; display: grid; gap: 0.75rem; }
.rowCard { display: grid; place-items: center; width: 2.375rem; height: 2.375rem; border-radius: 50%; background: var(--om9); color: var(--lsn6); font-weight: 700; }
.pageGridDice { font-size: var(--uh8c); min-width: 0; display: grid; }
.pageGridDice span { font-size: var(--z97); color: #6f918a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.labelGoldChip2 { display: grid; justify-items: end; font-size: var(--z97); color: #6f918a; }
.labelGoldChip2 .viewLabel { font-size: var(--atf5); color: #37e0b0; }
.promoSide .promoMedia { margin-top: 0.5rem; justify-self: start; }
@media (max-width: 960px) { .bonusSealMeta { grid-template-columns: 1fr; } .mainLive { right: 1.5rem; left: 1.5rem; } }
.cellRace { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-flow: column; grid-template-rows: repeat(3, auto); column-gap: 0; margin: 0; padding: 0.5rem; list-style: none; }
.cellLabelDeal { grid-template-columns: 30px 56px minmax(0, 1fr) auto 36px; display: grid; border-radius: var(--qdl); padding: 0.625rem 0.875rem; align-items: center; gap: 0.75rem; transition: background 240ms; }
.cellLabelDeal:hover { background: #103a37; }
.framePanel { font-size: var(--fqz); color: #6f918a; }
.cellLabelDeal:nth-child(-n + 3) .framePanel { color: var(--lsn6); }
.cellLabelDeal img { width: 3.75rem; height: 3.75rem; object-fit: cover; border-radius: calc(var(--qdl) * 0.6); }
.liveOffer { display: grid; gap: 2px; min-width: 0; }
.tabStripGroup { text-overflow: ellipsis; white-space: nowrap; font-weight: 600; overflow: hidden; }