/*! For license information please see main.js.LICENSE.txt */
.mediaCardBox { position: relative; flex: none; }
@media (max-width: 720px) { .stageBox .leadChip2 { --x3fm: 28px; } }
.baseBand {
  display: grid;
  box-shadow: 0 0 0 0.04em var(--eft); place-items: center;
  width: 1em;
  background: repeating-conic-gradient(from 11deg, var(--zvr) 0 16deg, var(--eft) 16deg 45deg); height: 1em; border-radius: 50%;
}
.baseBand::before {
  content: ""; position: absolute; inset: 0.15em; border-radius: 50%;
  background: var(--eft);
  box-shadow: inset 0 0 0 0.035em var(--zvr), inset 0 0 0 0.075em var(--eft);
}
.baseBand span {
  position: relative;
  font: 600 0.46em/1 "Fredoka", "Chillax", "Trebuchet MS", sans-serif;
  color: var(--zvr);
  transform: translateY(0.02em);
}
.stageBox { gap: 1.5rem;
  height: 74px; top: 0;
  padding: 0 var(--uolo) 0 18px;
  background: color-mix(in srgb, #fff1f6 88%, transparent);
  position: sticky;
  display: flex; z-index: 30; align-items: center;
  border-bottom: var(--anxd) solid var(--gke9);
  backdrop-filter: blur(12px);
}
.zoneTray { display: flex; align-items: center; gap: 0.625rem; margin-left: auto; }
.chipDock { padding: 1.125rem 0.875rem 2rem; }
.dealTab { padding: 0; display: flex; flex-direction: column; list-style: none; gap: 0.25rem; margin: 0; }
.itemViewTile { margin-bottom: 1.125rem; gap: 0.5rem; grid-template-columns: 1fr 1fr; display: grid; }
.headLabelLive {
  display: grid; justify-items: center; gap: 0.375rem;
  padding: 0.625rem 0.375rem 0.75rem;
  background: var(--r4o);
  border: var(--anxd) solid var(--gke9);
  border-radius: var(--zbpp);
  box-shadow: var(--q28);
  font-size: 0.6875rem; letter-spacing: 0.08em; text-transform: uppercase; color: #6B4A78;
  transition: border-color var(--a15), color var(--a15), transform var(--a15) cubic-bezier(0.34, 1.56, 0.64, 1);
}
.offerHero { height: 3.25rem; background: radial-gradient(circle at 35% 30%, var(--xrpw), var(--eft) 70%); font-size: 1.75rem; width: 3.25rem; box-shadow: 0 6px 16px -8px var(--eft); display: grid; place-items: center; color: var(--zvr); border-radius: 50%; }
.headLabelLive:nth-child(2) .offerHero { background: radial-gradient(circle at 35% 30%, color-mix(in srgb, #20b97f 70%, #fff), #20b97f 70%); box-shadow: 0 6px 16px -8px #20b97f; }
.headLabelLive:hover { border-color: var(--eft); color: var(--dnp); transform: translateY(calc(var(--uhi) * -1)); }
.heroItem {
  margin: 1.375rem 0.625rem 0.5rem;
  font-size: var(--lg4e); letter-spacing: var(--oszf); text-transform: uppercase;
  color: var(--gso);
}
.fieldMainHead {
  position: relative;
  display: flex; align-items: center; gap: 0.75rem;
  height: 2.5rem; padding: 0 0.625rem;
  border-radius: var(--ey8);
  font-size: 0.875rem; color: #6B4A78;
  transition: color var(--a15), background var(--a15);
}
.fieldMainHead .coreDot { margin-left: auto; }
.fieldMainHead:hover { color: var(--dnp); background: var(--r4o); }
.fieldMainHead.trayDock { color: var(--dnp); background: var(--r4o); }
.fieldMainHead.trayDock .bodyInner { color: var(--eft); }
.markPage { min-width: 0; }
.edgeCardRing {
  display: grid; gap: var(--thyp);
  padding: 28px var(--uolo) var(--thyp); margin: 0 auto;
  max-width: var(--nwzi, 1440px); grid-template-columns: minmax(0, 1fr);
}
.markMenu { display: none; }
.reelLink.gameTop .markMenu { display: block; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); z-index: 35; }
.winStrip {
  width: min(300px, 86vw);
  background: #fff1f6;
  position: fixed;
  transform: translateX(-102%); transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1);
  overflow-y: auto; z-index: 40;
  border-right: var(--anxd) solid var(--gke9); left: 0; bottom: 0; top: 0;
}
.reelLink.gameTop .winStrip { transform: none; }
@media (max-width: 720px) {
  .stageBox { gap: 0.75rem; padding: 0 1rem 0 0.75rem; }
  .zoneTray { min-width: 0; }
  .stageBox .deckLineTray { display: none; }
  .zoneTray .gameReel { display: none; }
}
@media (max-width: 480px) {
  .stageBox { gap: 0.5rem; padding-right: 0.625rem; }
  .zoneTray { gap: 0.375rem; }
  .zoneTray .shapeLive { padding: 0 0.75rem; letter-spacing: 0.02em; }
}
.leadReelNote { grid-template-columns: 88px minmax(0, 1fr); display: grid; min-height: 100vh; }
.lineMain {
  position: sticky;
  background: var(--cq8); align-items: center;
  display: flex; scrollbar-width: none; flex-direction: column;
  overflow-y: auto;
  padding: 1rem 0.5rem;
  border-right: var(--anxd) solid var(--gke9); top: 0; height: 100vh; gap: 0.625rem;
}
.bonusEdge { display: grid; gap: 0.25rem; width: 100%; margin-top: 0.375rem; }
.copyEdgeLine {
  display: grid; justify-items: center; gap: 0.3125rem;
  padding: 0.625rem 2px 0.5625rem;
  border-radius: var(--ey8);
  font-size: 0.625rem; line-height: 1.1; text-align: center; color: var(--gso);
  transition: color var(--a15), background var(--a15);
}
.copyEdgeLine .bodyInner { font-size: 1.375rem; color: #6B4A78; }
.copyEdgeLine:hover { color: var(--dnp); background: var(--r4o); }
.copyEdgeLine.trayDock { color: var(--dnp); background: var(--uimb); }
.copyEdgeLine.trayDock .bodyInner { color: var(--eft); }
.shapeInnerPane { margin-top: auto; width: 100%; }
.unitDock { min-width: 0; }
.leadReelNote .stageBox { gap: 1.75rem; }
.groupWin { display: none; }
.tileItem { display: flex; gap: 0.25rem; }
.sidePanelFoot { font-weight: 500; padding: 0 0.875rem;
  display: inline-flex;
  font-size: var(--dtd4);
  transition: color var(--a15), background var(--a15);
  border-radius: var(--welw); color: #6B4A78; align-items: center; height: 2.375rem;
}
.sidePanelFoot:hover { color: var(--dnp); }
.sidePanelFoot.trayDock { box-shadow: inset 0 calc(var(--anxd) * -2) 0 var(--eft); background: var(--uimb); color: var(--dnp); }
.frameLabelSpin { width: 16.25rem; }
@media (max-width: 1280px) { .tileItem { display: none; } }
@media (max-width: 900px) {
  .leadReelNote { grid-template-columns: minmax(0, 1fr); }
  .lineMain { display: none; }
  .groupWin { display: inline-grid; }
}
@media (max-width: 720px) { .frameLabelSpin { display: none; } }
.cardDock { color: #6B4A78; }
.cardDock p { margin: 0 0 1em; }
.cardDock p:last-child { margin-bottom: 0; }
.listItem { color: var(--dnp); font-weight: 600; font-size: var(--qnyn); margin: 1.4em 0 0.5em; }
.spinHeroBar, .bonusHero { display: grid; list-style: none; margin: 0 0 1.1em; padding: 0; gap: 0.55em; }
.spinHeroBar li { position: relative; padding-left: 1.4em; }
.spinHeroBar li::before { border-radius: calc(var(--ey8) * 0.2);
  content: "";
  transform: rotate(45deg); position: absolute; height: 0.45em; left: 0.1em; top: 0.62em;
  width: 0.45em;
  background: var(--eft);
}
.bonusHero { counter-reset: step; }
.bonusHero li { min-height: 1.7em; padding-left: 2.3em; counter-increment: step; position: relative; }
.bonusHero li::before {
  position: absolute;
  background: var(--eft); top: -0.05em; width: 1.7em;
  display: grid; left: 0; color: var(--zvr); place-items: center;
  font: 600 0.8em/1 var(--etf);
  content: counter(step); height: 1.7em; border-radius: 50%;
}
.cardDock, .cardDock > * { min-width: 0; }
.rowLead { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--anxd) solid var(--gke9); border-radius: var(--ey8); }
.rowLead table { border-collapse: collapse; width: 100%; font-size: var(--dtd4); }
.rowLead th, .rowLead td { text-align: left; border-bottom: var(--anxd) solid var(--gke9); white-space: nowrap; padding: 0.625rem 0.875rem; }
.rowLead tbody tr:last-child > * { border-bottom: 0; }
.rowLead thead th { background: var(--r4o); text-transform: uppercase; font-weight: 600; font-size: var(--lg4e); letter-spacing: var(--oszf); color: var(--gso); }
.rowLead tbody th { font-weight: 600; color: var(--dnp); }
.rowLead caption { caption-side: top; text-align: left; padding: 0.625rem 0.875rem; font-size: var(--lg4e); font-weight: 600; letter-spacing: var(--oszf); text-transform: uppercase; color: var(--eft); border-bottom: var(--anxd) solid var(--gke9); }
.rowLead tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--uimb) 45%, transparent); }
.copyPaneInner, .menuNav { display: inline-grid; place-items: center; width: 1.375rem; height: 1.375rem; border-radius: 50%; font-size: 0.75rem; font-weight: 700; }
.copyPaneInner { background: color-mix(in srgb, #20b97f 18%, transparent); color: #20b97f; }
.menuNav { background: color-mix(in srgb, #ff7a2e 14%, transparent); color: #ff7a2e; }
.tableBoxNav tbody th { width: 42%; color: #6B4A78; font-weight: 500; white-space: normal; }
.tableBoxNav td { color: var(--dnp); font-weight: 600; white-space: normal; }
.linkStackMeta td, .linkStackMeta thead th:not(:first-child) { text-align: center; }
.linkStackMeta tbody td:nth-child(2), .linkStackMeta thead th:nth-child(2) { background: var(--z4td) !important; }
.linkStackMeta thead th:nth-child(2) { color: var(--eft); }
@media (max-width: 520px) { .starTray { flex-wrap: wrap; row-gap: 8px; } }
img.unitLinkUnit, img.footBlockFeature, img.tileOfferTab { background-color: var(--biv, var(--uimb)); }
.trayBox { --dun: 3 / 4; position: relative; }
/*  components  */
.trayBox img { object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--biv, #222) 72%, #0b0b10) 0 50%, color-mix(in srgb, var(--biv, #222) 38%, #0b0b10)) !important;
  object-fit: contain !important;
}
.trayBox::before { background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); content: ""; position: absolute; top: 49%; left: 0; right: 0; z-index: 1; pointer-events: none; height: 24%; }
.cardBlock { position: absolute; left: 0.625rem; right: 0.625rem; bottom: 0.75rem; z-index: 2; display: grid; gap: 2px; color: #fff; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); pointer-events: none; }
.lineBarDock { font-weight: 600; overflow: hidden; line-height: 1.05; letter-spacing: var(--m5v); font-family: "Fredoka", "Chillax", "Trebuchet MS", sans-serif; text-transform: none; -webkit-box-orient: vertical; font-size: 1.0625rem; -webkit-line-clamp: 2; display: -webkit-box; }
.fieldCardPage { font-size: 0.6875rem; opacity: 0.78; }
.heroAreaGold.trayBox + .crownPane, .heroAreaGold.trayBox + .groupSide { display: none; }
img.framePage {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important;
}
.tileLineRing {
  position: relative; align-self: stretch; justify-self: center;
  width: 100%; min-height: var(--vq1, 340px);
  pointer-events: none;
}
.tileLineRing .chipWin {
  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) {
  .tileLineRing { align-self: auto; min-height: var(--zsk, 260px); }
  .tileLineRing .chipWin { object-position: 50% 100%; }
}
img.blockLink { object-fit: contain; border-radius: 0; filter: var(--bnq, none); }
.metaClubChip { display: inline-flex; align-items: center; vertical-align: middle; gap: 0.5em; line-height: 1; }
.metaClubChip svg { width: auto; max-width: 3em; flex: none; height: 1.6em; }
.sealPillDice { position: absolute; clip-path: inset(50%); white-space: nowrap; height: 1px; width: 1px; overflow: hidden; }
.liveMark { font-size: 0.75rem; display: inline-flex; letter-spacing: 0.04em; text-transform: uppercase; gap: 0.75rem; align-items: center; }
.liveMark a { color: #6B4A78; text-decoration: none; }
.liveMark a:hover { color: var(--eft); }
.liveMark a.trayDock { color: var(--dnp); font-weight: 600; }
.trayLine { display: block; }
/*  base  */
.topSpin { color: var(--eft); }
.ringNavGame {
  display: block; margin-top: 0.5em;
  font-family: var(--l7q); font-weight: 600; font-size: clamp(12px, 0.22em, 17px); line-height: 1.2;
  letter-spacing: var(--oszf); text-transform: uppercase; color: inherit; opacity: 0.72;
}
.linkLobby {
  margin: 0; display: block;
  font-family: "Fredoka", "Chillax", "Trebuchet MS", sans-serif; font-weight: 600; text-transform: none;
  letter-spacing: var(--m5v); line-height: 1.05; font-size: clamp(22px, 2.4vw, 38px);
}
.promoFrameCrown { font-style: normal; color: var(--eft); }
.footField { display: inline-flex; align-items: baseline; flex-wrap: wrap; line-height: 1.3; gap: 0.375rem; font-size: var(--lg4e); color: var(--gso); }
.liveTile { letter-spacing: var(--oszf); text-transform: uppercase; }
.stepCellMenu { font-weight: 600; color: var(--dnp); }
.bonusLobbyAce { color: rgba(255, 255, 255, 0.72); }
/*  tokens  */
.bonusLobbyAce .stepCellMenu { color: #fff; }
.metaGame { gap: 0.5rem; align-items: center; flex-wrap: wrap; display: flex; }
.pillSlot { border-radius: var(--ey8); height: 1.75rem; gap: 0.375rem; transition: color .15s, border-color .15s, background-color .15s; font-size: var(--lg4e); align-items: center; display: inline-flex; color: var(--gso); padding: 0 0.625rem; }
.pillSlot:hover { color: var(--dnp); }
.pillSlot .bodyInner { font-size: 1.25em; }
.heroLead .pillSlot { background: var(--cq8); border-radius: var(--welw); }
.metaGoldSet .pillSlot { border: var(--anxd) solid var(--it5); }
.metaGoldSet .pillSlot:hover { border-color: #3A1648; }
.viewOffer .pillSlot { border: var(--anxd) solid var(--gke9); background: var(--r4o); font-weight: 600; }
.railLine { gap: 0.25rem 1.125rem; }
.railLine .pillSlot { padding: 0; height: auto; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #3A1648; }
.boxVipRow .pillSlot { padding: 0 0.5rem; text-transform: uppercase; border-radius: 0; border-left: 2px solid var(--eft); letter-spacing: 0.08em; font: 500 11px/1 var(--etf); }
a[role="button"] { cursor: pointer; }
.dotSlab { display: none; }
@media (max-width: 640px) {
  .livePill { overflow: visible; border: 0; border-radius: 0; }
  .livePill thead { display: none; }
  .livePill table, .livePill tbody, .livePill tr { display: block; width: 100%; }
  .livePill caption { display: block; padding: 0 0 0.5rem; }
  .livePill tr { margin: 0 0 0.625rem; border: var(--anxd) solid var(--gke9); border-radius: var(--ey8); overflow: hidden; }
  .livePill tbody tr > * { background: none; }
  .livePill tbody th { display: block; white-space: normal; background: color-mix(in srgb, var(--uimb) 70%, transparent); border-bottom: var(--anxd) solid var(--gke9); }
  .livePill td { display: flex; align-items: baseline; justify-content: space-between; gap: 0.875rem; white-space: normal; text-align: right; }
  .livePill tbody tr > td:last-child { border-bottom: 0; }
  .livePill tbody tr:last-child > th { border-bottom: var(--anxd) solid var(--gke9); }
  .livePill .dotSlab { max-width: 48%; font-size: var(--lg4e); font-weight: 600; text-align: left; letter-spacing: var(--oszf); text-transform: uppercase; flex: none; display: block; color: var(--gso); }
}
.tableDot { padding: clamp(28px, 5vw, 64px) 0; }
.itemSetAce { max-width: 48.75rem; margin: 0 auto; display: grid; gap: 0.875rem; }
.featureTable { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; }
.slotBandMenu { font-size: var(--dtd4); color: var(--gso); }
.cardGridMenu { font-size: var(--qnyn); color: #6B4A78; }
.labelLinkCell { display: grid; gap: 0.75rem; margin-top: 0.5rem; }
.labelLinkCell h2 { font-size: 26px; margin-top: 1.125rem; color: var(--dnp); }
.footNoteCard { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); list-style: none; gap: 0.625rem; margin: 0.5rem 0; padding: 0; display: grid; }
.footNoteCard li { display: grid; gap: 0.25rem; padding: 1rem 1.125rem; border: var(--anxd) solid var(--gke9); border-radius: var(--zbpp); background: var(--r4o); }
.dockBody { font-size: var(--lg4e); text-transform: uppercase; letter-spacing: var(--oszf); color: var(--gso); }
.reelMain { font-weight: 600; color: var(--dnp); word-break: break-word; }
.baseMedia { font-size: var(--dtd4); color: #6B4A78; }
.mainAceCrest { display: flex; flex-wrap: wrap; gap: 0.5rem 1.125rem; margin: 0.875rem 0 0.25rem; font-size: var(--dtd4); }
.mainAceCrest a { text-underline-offset: 3px; text-decoration: underline; color: #6B4A78; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); }
.mainAceCrest a:hover { color: var(--dnp); }
.stageBox { background: rgba(255, 241, 246, 0.88); border-bottom: 2.5px solid var(--dnp); }
.footMain, .lineMain { background: #fff; border-right: 2.5px solid var(--dnp); }
.fieldMainHead { color: #6B4A78; border-radius: 62.4375rem; font-size: 0.9375rem; font-weight: 600; padding: 0 0.875rem; font-family: "Fredoka", "Chillax", "Trebuchet MS", sans-serif; }
.fieldMainHead .bodyInner { color: var(--eft); }
.fieldMainHead:hover { background: #fff1f6; color: var(--dnp); }
.fieldMainHead.trayDock { box-shadow: inset 0 0 0 2.5px var(--dnp), 3px 3px 0 var(--dnp); color: var(--dnp); background: #FFCF3F; }
.fieldMainHead.trayDock .bodyInner { color: var(--eft); }
.heroItem { font-family: "Fredoka", "Chillax", "Trebuchet MS", sans-serif; font-weight: 600; letter-spacing: 0; text-transform: none; font-size: 0.875rem; color: var(--eft); }
.headLabelLive { border: 2.5px solid var(--dnp); border-radius: 1.375rem; box-shadow: 3px 3px 0 var(--dnp); background: var(--uimb); color: var(--dnp); font-weight: 600; text-transform: none; font-size: 0.8125rem; letter-spacing: 0; }
.headLabelLive:nth-child(2) { background: #E9FBF3; }
.headLabelLive img { border-radius: 50%; border: 2px solid var(--dnp); }
.copyEdgeLine.trayDock { background: #FFCF3F; box-shadow: inset 0 0 0 2px var(--dnp); }
.chip2Meta { border-bottom: 2.5px solid var(--dnp); background: rgba(255, 241, 246, 0.94); }
.cardSlabDock { color: var(--dnp); border: 2px solid var(--dnp); font-family: "Fredoka", "Chillax", "Trebuchet MS", sans-serif; background: #fff; font-weight: 600; }
.cardSlabDock.trayDock { border-color: var(--dnp); background: var(--eft); box-shadow: 2px 2px 0 var(--dnp); color: #fff; }
.sidePanelFoot { font-family: "Fredoka", "Chillax", "Trebuchet MS", sans-serif; font-weight: 600; }
.sidePanelFoot.trayDock { background: #FFCF3F; box-shadow: inset 0 0 0 2px var(--dnp); }
.mainSlab { font-family: "Fredoka", "Chillax", "Trebuchet MS", sans-serif; font-size: 1rem; font-weight: 600; }
.mainSlab.trayDock::after { height: 0.3125rem; background: var(--eft); }
.liveLeadRear .rowBlock { border: 2.5px solid var(--dnp); box-shadow: 5px 5px 0 var(--dnp); }
.slotSideGrid {
  min-height: clamp(400px, 40vw, 540px);
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  align-items: center; gap: 2.5rem;
  padding: clamp(28px, 4vw, 56px) clamp(24px, 4vw, 64px) 0;
  overflow: hidden;
  isolation: isolate;
}
.slotSideGrid::before { z-index: -1;
  content: "";
  background: radial-gradient(50% 70% at 80% 50%, rgba(255, 207, 63, 0.45), transparent 70%), var(--pxl); position: absolute;
  mask-image: linear-gradient(90deg, transparent 30%, #000 75%); inset: 0;
}
.jackpotLive { padding-bottom: clamp(28px, 4vw, 56px); align-content: center; gap: 1.375rem; justify-items: start; display: grid; }
.aceVipShape { font-size: var(--itw1); max-width: 12ch; }
.aceVipShape em { display: block; }
.labelFeatureBar { font-size: var(--qnyn); line-height: 1.5; color: #6B4A78; max-width: 46ch; }
.headGold {
  display: grid; justify-content: start; border-top: var(--anxd) solid var(--gke9); border-bottom: var(--anxd) solid var(--gke9); grid-template-columns: repeat(3, auto);
  margin: 0.375rem 0 0;
}
.headGold .pageChip { padding: 1rem 1.75rem 1rem 0; margin: 0; }
.headGold .pageChip + .pageChip { padding-left: 1.75rem; border-left: var(--anxd) solid var(--gke9); }
.headGold dd { margin: 0; }
.zoneItem { gap: 0.75rem; flex-wrap: wrap; display: flex; margin-top: 0.375rem; }
.cardCrestCell { letter-spacing: 0.04em; color: var(--gso); font-size: var(--lg4e); }
.slotDot { width: min(100%, 420px); justify-self: center; align-self: end; position: relative; }
.slabPaneStep { justify-items: center; align-self: stretch; width: auto; display: grid; align-content: end; }
.cardInner { aspect-ratio: 4 / 5; }
.cardInner img { object-fit: cover; object-position: 50% 40%; }
.starLobbyMenu {
  position: absolute; left: -1.75rem; bottom: 2.75rem;
  display: grid; gap: 0.375rem; padding: 0.75rem 1rem;
  background: #fff1f6; border: var(--anxd) solid var(--it5); border-radius: var(--ey8);
  box-shadow: var(--q28);
}
.starLobbyMenu .jackpotPanel { color: var(--xrpw); font-size: var(--xb3t); letter-spacing: 0.06em; }
@media (max-width: 900px) {
  .slotSideGrid { grid-template-columns: 1fr; padding-top: 2rem; }
  .slotDot { order: -1; width: min(100%, 320px); }
  .starLobbyMenu { left: -0.75rem; }
}
@media (max-width: 520px) {
  .headGold { grid-template-columns: repeat(3, 1fr); }
  .headGold .pageChip { padding-right: 0.625rem; }
  .headGold .pageChip + .pageChip { padding-left: 0.625rem; }
  .zoneItem { justify-self: stretch; }
  .zoneItem .shapeLive { flex: 1; }
}
.slotSideGrid { min-height: clamp(440px, 42vw, 580px); }
.slabPaneStep { align-self: stretch; display: grid; grid-template-rows: minmax(0, 1fr) auto; width: min(100%, 460px); }
.heroWin { --vq1: 340px; }
.slabPaneStep .starLobbyMenu { position: relative; inset: auto; z-index: 1; justify-self: start; margin: 0 0 clamp(20px, 3vw, 40px); }
@media (max-width: 900px) {
  .slotSideGrid { min-height: 0; }
  .slabPaneStep { order: -1; grid-template-rows: auto minmax(0, 1fr); align-self: auto; justify-items: start; width: 100%; }
  .heroWin { --zsk: min(66vw, 290px); justify-self: start; width: min(78vw, 330px); }
  .slabPaneStep .starLobbyMenu { order: -1; margin: 0 0 0.625rem; padding: 0.5rem 0.75rem; }
}
.coreDeckLink { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.875rem 1.5rem; margin-bottom: 1.125rem; }
.promoClub { font-size: var(--evr3); }
.offerCrest { gap: 0.375rem; flex-wrap: wrap; display: flex; }