.tableNav:hover { color: var(--cfg-chip2); }
.wrapMetaRear { display: flex; align-items: center; gap: 16px; margin-bottom: 22px }
.shapeRowRail { color: var(--cfg-tab-9e); font: 400 11px/1 var(--cfg-media); letter-spacing: 0.08em; }
.slabFrameMeta { font: 400 30px/1 var(--cfg-star); letter-spacing: -0.02em; white-space: nowrap; }
.slabFrameMeta .mediaSlab { display: none; }
.markDeal { flex: 1; height: 1px; min-width: 24px; background: var(--cfg-link); }
.cellWin { display: flex; gap: 6px; }
.wrapMetaRear .tableNav { white-space: nowrap; }
@media (max-width: 720px) { .wrapMetaRear { gap: 10px; }
  .slabFrameMeta { min-width: 0; white-space: normal; font-size: 24px; }
  .cellWin { display: none; }
  .wrapMetaRear .tableNav .bonusAce { display: none; } }
.offerItem { color: hsl(40 15% 60%); height: 34px; width: 34px; place-items: center; display: grid; box-shadow: inset 0 0 0 1px var(--cfg-link); transition: color 240ms, box-shadow 240ms, opacity 240ms }
.offerItem:hover { color: var(--cfg-chip2); box-shadow: inset 0 0 0 1px var(--cfg-tab-9e); }
.offerItem[disabled] { opacity: 0.3; pointer-events: none; }
.aceMark { overscroll-behavior-x: contain; grid-auto-flow: column; scroll-snap-type: x mandatory; overflow-x: auto; display: grid; gap: 14px; grid-auto-columns: 172px; scrollbar-width: none }
.aceMark::-webkit-scrollbar { display: none; }
.aceMark > * { scroll-snap-align: start; }
.stageReel { min-width: 0; gap: 10px; grid-template-columns: minmax(0, 1fr); display: grid; }
.headAceCore { aspect-ratio: var(--cfg-deck-wx, 3 / 2); position: relative; background: var(--cfg-unit); overflow: hidden }
.headAceCore::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px var(--cfg-offer); transition: box-shadow 240ms var(--cfg-promo) }
.headAceCore img { transition: transform 600ms var(--cfg-promo), filter 240ms; height: 100%; width: 100%; filter: saturate(0.92); object-fit: cover; }
.topOffer { z-index: 1; left: 8px; top: 8px; position: absolute; }
.stageReel:hover .headAceCore img { transform: scale(1.05); filter: saturate(1.05); }
.stageReel:hover .headAceCore::after { box-shadow: inset 0 0 0 1px var(--cfg-tab-9e), inset 0 0 0 5px rgba(13, 12, 10, 0.55); }
.edgeDot { font-weight: 500; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.shapeCrownCrest { justify-content: space-between; font-size: 11px; margin-top: 3px; align-items: center; display: flex; color: var(--cfg-set); gap: 8px; }
.shapeCrownCrest > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.clubGrid { color: hsl(40 15% 60%); flex: none; display: inline-flex; font-family: var(--cfg-media); align-items: center; gap: 6px; }
.trayFoot { --cfg-field-ox: 34px; display: inline-flex; align-items: center; gap: 0.3em; font-size: var(--cfg-field-ox); line-height: 1; color: var(--cfg-block); white-space: nowrap; text-decoration: none }
.raceZone { --cfg-field-ox: 44px; }
.heroDeck { font-family: var(--cfg-star); font-weight: var(--cfg-live); text-transform: none; letter-spacing: -0.02em; font-size: 0.74em; line-height: 1 }
.lobbyRail { position: relative; flex: none; }
@media (max-width: 720px) { .unitRear .trayFoot { --cfg-field-ox: 28px; } }
.gridStarCrown { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); width: 0.9em; height: 0.9em; padding: 0.12em; border-radius: max(0.06em, calc(var(--cfg-card-z4) * 0.02 + 0.14em)); background: var(--cfg-tab-9e); transform: rotate(calc(-8deg - var(--cfg-menu-ar) * 2)); box-shadow: 0.07em 0.07em 0 0 color-mix(in srgb, var(--cfg-tab-9e) 55%, #000) }
.gridStarCrown i { display: grid; place-items: center; }
.gridStarCrown i.stackLead::before { border-radius: 50%; content: ""; background: var(--cfg-view); height: 0.17em; width: 0.17em }
.sideJackpot { overflow-x: clip; }
.chipPanel { width: 100%; max-width: var(--cfg-stage, 1320px); margin: 0 auto; padding-left: var(--cfg-feature-hz); padding-right: var(--cfg-feature-hz); }
.jackpotSpin { padding-top: 24px; display: grid; padding-bottom: var(--cfg-dock); grid-template-columns: minmax(0, 1fr); gap: var(--cfg-dock); }
.jackpotSpin > * { min-width: 0; }
.unitRear { backdrop-filter: blur(12px); background: color-mix(in srgb, var(--cfg-ring-tl) 90%, transparent); z-index: 30; top: 0; position: sticky; border-bottom: var(--cfg-lead) solid var(--cfg-offer) }
.innerChip2Ace { height: 68px; gap: 20px; align-items: center; display: flex; }
.vipBase { display: flex; gap: 10px; margin-left: auto; align-items: center; }
.sealStrip { display: none; }
.flagStrip { display: none; }
.sideJackpot.stageLabelClub .flagStrip { display: block; background: rgba(0, 0, 0, 0.55); position: fixed; inset: 0; z-index: 45; }
.dockSetTable { background: var(--cfg-ring-tl); position: fixed; top: 0; left: 0; gap: 18px; transform: translateX(-102%); overflow-y: auto; bottom: 0; border-right: var(--cfg-lead) solid var(--cfg-offer); z-index: 50; width: min(320px, 88vw); display: flex; padding: 16px; flex-direction: column; transition: transform 320ms var(--cfg-promo) }
.sideJackpot.stageLabelClub .dockSetTable { transform: none; }
.leadBody { display: flex; align-items: center; justify-content: space-between; }
.areaRace { display: grid; gap: 4px; }
.navStage { border-radius: var(--cfg-card-z4); color: hsl(40 15% 60%); padding: 0 12px; display: flex; height: 46px; gap: 12px; align-items: center; }
.navStage.menuTop, .navStage:hover { background: hsl(36 12% 8%); color: var(--cfg-block); }
.navStage .mediaSlab { color: var(--cfg-tab-9e); }
.setFeature { display: grid; gap: 8px; }
.aceZoneMain { color: var(--cfg-set); margin-top: auto; gap: 10px; font-size: 13px; display: grid; }
@media (max-width: 1080px) { .sealStrip { display: inline-grid; } }
@media (max-width: 640px) { .vipBase .shapeCopyLink { display: none; }
  .innerChip2Ace { gap: 12px; } }
.pageLive { background: var(--cfg-tab-9e); align-items: center; color: var(--cfg-view); display: flex; text-align: center; gap: 10px; height: 38px; font-size: 13px; justify-content: center; padding: 0 16px }
.pageLive span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.pageLive:hover :is(strong, b) { text-decoration: underline; }
.stageFeature { height: calc(68px + 8px); grid-template-columns: 1fr auto 1fr; display: grid; }
.sealItemCell { align-items: center; display: flex; gap: 6px; min-width: 0; }
.aceDealDice { justify-content: flex-end; }
.topCell { display: flex; justify-content: center; padding: 0 20px; }
.copyFront { display: flex; gap: 2px; flex: 0 1 auto; min-width: 0; flex-wrap: wrap; height: 38px; overflow: hidden; }
.sealItemCell > :not(nav) { flex-shrink: 0; }
.boxTileSide { color: hsl(40 15% 60%); font-size: 13px; transition: color 240ms, background 240ms; white-space: nowrap; height: 38px; align-items: center; display: inline-flex; font-weight: 500; border-radius: var(--cfg-table); padding: 0 12px; letter-spacing: 0.02em }
.boxTileSide:hover { color: var(--cfg-block); }
.boxTileSide.menuTop { color: var(--cfg-block); background: var(--cfg-unit); }
.raceStack { height: 24px; margin: 0 8px; background: var(--cfg-link); width: var(--cfg-lead); }
.stackPromoGrid { color: var(--cfg-block); white-space: nowrap; font-weight: 600; font-size: 13px; display: inline-flex; gap: 6px; align-items: center; padding: 0 10px; }
@media (max-width: 1280px) { .copyFront { display: none; } .raceStack { display: none; } .stageFeature .sealStrip { display: inline-grid; } }
@media (max-width: 1080px) { .stageFeature { grid-template-columns: auto 1fr auto; } .topCell { justify-content: flex-start; padding: 0 8px; } }
@media (max-width: 640px) { .stackPromoGrid span { display: none; } .pageLive { font-size: 12px; } }
.baseHead { color: hsl(40 15% 60%); }
.baseHead p { margin: 0 0 1em; }
.baseHead p:last-child { margin-bottom: 0; }
.wrapFrontTray { font-weight: 600; font-size: 18px; color: var(--cfg-block); margin: 1.4em 0 0.5em; }
.aceLive, .clubMeta { margin: 0 0 1.1em; gap: 0.55em; padding: 0; display: grid; list-style: none; }
/*  header  */
.aceLive li { position: relative; padding-left: 1.4em; }
.aceLive li::before {
  background: var(--cfg-tab-9e);
  content: ""; border-radius: calc(var(--cfg-card-z4) * 0.2); top: 0.62em; height: 0.45em;
  width: 0.45em; position: absolute;
  transform: rotate(45deg); left: 0.1em }
.clubMeta { counter-reset: step; }
.clubMeta li { counter-increment: step; position: relative; padding-left: 2.3em; min-height: 1.7em; }
.clubMeta 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 var(--cfg-media); color: var(--cfg-view);
  background: var(--cfg-tab-9e); border-radius: 50% }
.baseHead, .baseHead > * { min-width: 0; }
.shapeCore { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--cfg-lead) solid var(--cfg-offer); border-radius: var(--cfg-card-z4); }
.shapeCore table { font-size: 13px; border-collapse: collapse; width: 100%; }
.shapeCore th, .shapeCore td { border-bottom: var(--cfg-lead) solid var(--cfg-offer); text-align: left; white-space: nowrap; padding: 10px 14px; }
.shapeCore tbody tr:last-child > * { border-bottom: 0; }
.shapeCore thead th { text-transform: uppercase; letter-spacing: var(--cfg-base); font-weight: 600; color: var(--cfg-set); background: hsl(36 12% 8%); font-size: 11px; }
.shapeCore tbody th { font-weight: 600; color: var(--cfg-block); }
.shapeCore caption { letter-spacing: var(--cfg-base); caption-side: top; font-weight: 600; border-bottom: var(--cfg-lead) solid var(--cfg-offer); text-align: left; font-size: 11px; color: var(--cfg-tab-9e); padding: 10px 14px; text-transform: uppercase; }
.shapeCore tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--cfg-unit) 45%, transparent); }
.panelStepLobby, .jackpotView { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; font-size: 12px; font-weight: 700; }
.panelStepLobby { background: color-mix(in srgb, hsl(117 27% 69%) 18%, transparent); color: hsl(117 27% 69%); }
.jackpotView { background: color-mix(in srgb, var(--cfg-field-p6) 14%, transparent); color: var(--cfg-field-p6); }
.panelHead tbody th { font-weight: 500; white-space: normal; color: hsl(40 15% 60%); width: 42%; }
.panelHead td { color: var(--cfg-block); font-weight: 600; white-space: normal; }
.aceGroup td, .aceGroup thead th:not(:first-child) { text-align: center; }
.aceGroup tbody td:nth-child(2), .aceGroup thead th:nth-child(2) { background: var(--cfg-club) !important; }
.aceGroup thead th:nth-child(2) { color: var(--cfg-tab-9e); }
@media (max-width: 520px) { .wrapMetaRear { flex-wrap: wrap; row-gap: 8px; } }
img.panelFeature, img.footCopy, img.pageVip { background-color: var(--cfg-core-5p, var(--cfg-unit)); }
.promoSlab { --cfg-deck-wx: 3 / 4; position: relative; }
.promoSlab img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--cfg-core-5p, #222) 72%, hsl(240 19% 5%)) 0 50%, color-mix(in srgb, var(--cfg-core-5p, #222) 38%, hsl(240 19% 5%))) !important }
.promoSlab::before { content: ""; left: 0; height: 24%; top: 49%; right: 0; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); pointer-events: none; position: absolute; z-index: 1; }
.promoPill { position: absolute; bottom: 12px; display: grid; left: 10px; pointer-events: none; gap: 2px; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); right: 10px; color: #fff; z-index: 2; }
.headRow { font-family: var(--cfg-star); font-weight: var(--cfg-live); text-transform: none; letter-spacing: -0.02em; font-size: 17px; line-height: 1.05; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wrapStepBar { font-size: 11px; opacity: 0.78; }
.headAceCore.promoSlab + .rowGoldOffer, .headAceCore.promoSlab + .clubStageHead { display: none; }
img.dealPane {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important }
.flagMedia {
  pointer-events: none;
  position: relative; min-height: var(--cfg-pane, 340px);
  width: 100%; align-self: stretch; justify-self: center }
.flagMedia .labelCrest { left: 50%; max-width: 116%; object-position: 50% 100%;
  width: auto; transform: translate(-50%, -50%); top: 50%;
  position: absolute;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35)); height: auto;
  object-fit: contain; max-height: 100% }
@media (max-width: 820px) {
  .flagMedia { align-self: auto; min-height: var(--cfg-mark-hc, 260px); }
  .flagMedia .labelCrest { object-position: 50% 100%; }
 }
img.copyBox { object-fit: contain; border-radius: 0; filter: var(--cfg-win-su, none); }
.bodyPromo { vertical-align: middle; display: inline-flex; align-items: center; line-height: 1; gap: 0.5em; }
.bodyPromo svg { flex: none; width: auto; height: 1.6em; max-width: 3em; }
.bandFieldLobby { clip-path: inset(50%); white-space: nowrap; height: 1px; overflow: hidden; position: absolute; width: 1px; }
.tabWrap { font-size: 12px; gap: 12px; text-transform: uppercase; align-items: center; display: inline-flex; letter-spacing: 0.04em; }
.tabWrap a { color: hsl(40 15% 60%); text-decoration: none; }
.tabWrap a:hover { color: var(--cfg-tab-9e); }
.tabWrap a.menuTop { color: var(--cfg-block); font-weight: 600; }
.liveStep { display: block; }
.setCard { color: var(--cfg-tab-9e); }
.flagChip2 {
  font-family: var(--cfg-bar); line-height: 1.2;
  letter-spacing: var(--cfg-base); color: inherit; font-weight: 600; margin-top: 0.5em; opacity: 0.72; text-transform: uppercase;
  display: block; font-size: clamp(12px, 0.22em, 17px) }
.outerMenu { font-weight: var(--cfg-live);
  font-family: var(--cfg-star); display: block;
  margin: 0;
  letter-spacing: -0.02em; text-transform: none; line-height: 1.05; font-size: clamp(22px, 2.4vw, 38px) }
.frontSide { font-style: normal; color: var(--cfg-tab-9e); }
/*  components  */
.bodyDice { flex-wrap: wrap; gap: 6px; align-items: baseline; display: inline-flex; color: var(--cfg-set); line-height: 1.3; font-size: 11px; }
.baseLiveSlab { letter-spacing: var(--cfg-base); text-transform: uppercase; }
.metaHeroOffer { font-weight: 600; color: var(--cfg-block); }
.blockSideField { color: rgba(255, 255, 255, 0.72); }
.blockSideField .metaHeroOffer { color: #fff; }
.footDotReel { gap: 8px; align-items: center; flex-wrap: wrap; display: flex; }
.sealItem { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; font-size: 11px; color: var(--cfg-set); border-radius: var(--cfg-card-z4); transition: color .15s, border-color .15s, background-color .15s; }
.sealItem:hover { color: var(--cfg-block); }
.sealItem .mediaSlab { font-size: 1.25em; }
.fieldCrest .sealItem { background: var(--cfg-panel-9m); border-radius: var(--cfg-table); }
.stepTrayCrest .sealItem { border: var(--cfg-lead) solid var(--cfg-link); }
.stepTrayCrest .sealItem:hover { border-color: rgba(236, 222, 194, 0.28); }
.bodyView .sealItem { background: hsl(36 12% 8%); border: var(--cfg-lead) solid var(--cfg-offer); font-weight: 600; }
/*  tokens  */
.ringField { gap: 4px 18px; }
.ringField .sealItem { padding: 0; text-decoration: underline; height: auto; text-underline-offset: 3px; text-decoration-color: rgba(236, 222, 194, 0.28); }
.flagTile .sealItem { border-left: 2px solid var(--cfg-tab-9e); font: 500 11px/1 var(--cfg-media); letter-spacing: 0.08em; border-radius: 0; padding: 0 8px; text-transform: uppercase; }
a[role="button"] { cursor: pointer; }
.outerStage { display: none; }
@media (max-width: 640px) {
  .promoCrestFoot { overflow: visible; border: 0; border-radius: 0; }
  .promoCrestFoot thead { display: none; }
  .promoCrestFoot table, .promoCrestFoot tbody, .promoCrestFoot tr { display: block; width: 100%; }
  .promoCrestFoot caption { display: block; padding: 0 0 8px; }
  .promoCrestFoot tr { margin: 0 0 10px; border: var(--cfg-lead) solid var(--cfg-offer); border-radius: var(--cfg-card-z4); overflow: hidden; }
  .promoCrestFoot tbody tr > * { background: none; }
  .promoCrestFoot tbody th { display: block; white-space: normal; border-bottom: var(--cfg-lead) solid var(--cfg-offer); background: color-mix(in srgb, var(--cfg-unit) 70%, transparent); }
  .promoCrestFoot td { display: flex; white-space: normal; text-align: right; align-items: baseline; justify-content: space-between; gap: 14px; }
  .promoCrestFoot tbody tr > td:last-child { border-bottom: 0; }
  .promoCrestFoot tbody tr:last-child > th { border-bottom: var(--cfg-lead) solid var(--cfg-offer); }
  .promoCrestFoot .outerStage { display: block; flex: none; max-width: 48%; text-align: left; font-size: 11px; font-weight: 600; letter-spacing: var(--cfg-base); text-transform: uppercase; color: var(--cfg-set); }
 }
.coreZone { padding: clamp(28px, 5vw, 64px) 0; }
.dealList { max-width: 780px; margin: 0 auto; display: grid; gap: 14px; }
.crownTile { font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; }
.noteLobbyStage { font-size: 13px; color: var(--cfg-set); }
.wrapBaseMenu { font-size: 18px; color: hsl(40 15% 60%); }
.ringClub { margin-top: 8px; gap: 12px; display: grid; }
.ringClub h2 { font-size: 22px; margin-top: 18px; color: var(--cfg-block); }
.chipRing { list-style: none; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; display: grid; margin: 8px 0; padding: 0; }
.chipRing li { display: grid; gap: 4px; padding: 16px 18px; border: var(--cfg-lead) solid var(--cfg-offer); border-radius: 0px; background: hsl(36 12% 8%); }
.starTable { color: var(--cfg-set); font-size: 11px; text-transform: uppercase; letter-spacing: var(--cfg-base); }
.gameMain { font-weight: 600; color: var(--cfg-block); word-break: break-word; }
.labelTabTop { font-size: 13px; color: hsl(40 15% 60%); }
.stepInner { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 14px 0 4px; font-size: 13px; }
.stepInner a { color: hsl(40 15% 60%); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); }
.stepInner a:hover { color: var(--cfg-block); }
.dotArea { display: flex; gap: 4px; flex-wrap: wrap; }
.copyGroup { border-radius: 999px; display: grid; place-items: center; min-width: 22px; padding: 0 5px; color: #fff; height: 22px; font: 700 10px/1 var(--cfg-media); }
.noteSet { background: hsl(355 61% 49%); }
.vipBlock { background: hsl(240 10% 12%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.sideFrame { background: hsl(145 63% 33%); }
.areaOuter { background: var(--cfg-rail-3u); color: var(--cfg-block); }
.stackBonus { flex-wrap: wrap; display: flex; gap: 10px; }
.lobbyFlagBlock { display: inline-flex; align-items: center; gap: 10px; height: 50px; 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 240ms var(--cfg-promo); }
.lobbyFlagBlock:hover { transform: translateY(-2px); }
.lobbyFlagBlock .mediaSlab { font-size: 26px; }
.lobbyFlagBlock span { display: grid; font-size: 15px; font-weight: 600; line-height: 1.1; }
.lobbyFlagBlock small { opacity: 0.75; font-weight: 400; font-size: 10px; }
.dotCrest { height: 460px; padding: 12px; background: hsl(240 14% 5%); flex: none; width: 230px; border-radius: 38px; display: block; position: relative; box-shadow: inset 0 0 0 2px hsl(240 10% 18%), 0 30px 60px -20px rgba(0, 0, 0, 0.6); }
.ringFront { position: absolute; left: 50%; top: 18px; z-index: 2; width: 70px; height: 18px; border-radius: 999px; background: hsl(240 14% 5%); transform: translateX(-50%); }
.shapeOffer { flex-direction: column; gap: 8px; border-radius: 28px; display: flex; background: var(--cfg-ring-tl); padding: 36px 10px 10px; height: 100%; overflow: hidden; }
.outerAreaEdge { display: flex; justify-content: center; }
.outerAreaEdge .trayFoot { --cfg-field-ox: 18px; pointer-events: none; }
.groupMainCore { border-radius: 12px; background: var(--cfg-list-wf), var(--cfg-unit); padding: 12px; color: hsl(40 15% 60%); gap: 2px; display: grid; font-size: 9px; }
.groupMainCore .featureArea { font-size: 18px; color: var(--cfg-tab-9e); }
.dealPromo { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
.dealPromo img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 6px; }
.unitHero { font-size: 16px; padding: 8px 0 2px; border-top: 1px solid var(--cfg-offer); display: flex; justify-content: space-around; color: var(--cfg-set); margin-top: auto; }
.unitHero .mediaSlab:first-child { color: var(--cfg-tab-9e); }
.raceNav.menuTop::before { content: ""; top: 10px; position: absolute; bottom: 10px; left: 0; background: var(--cfg-tab-9e); width: 2px; }
.labelGoldSpin { min-height: 460px; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 14px; }
.mainMeta, .chip2BonusBlock { position: relative; overflow: hidden; isolation: isolate; display: block; border-radius: 0px; border: var(--cfg-lead) solid var(--cfg-offer); box-shadow: var(--cfg-field); background: var(--cfg-unit) }
.stagePane { gap: 14px; grid-template-rows: 1fr 1fr; display: grid; }
.clubTray { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 70% 40%; transition: transform 900ms var(--cfg-promo); }
.mainMeta:hover .clubTray, .chip2BonusBlock:hover .clubTray { transform: scale(1.04); }
.diceDeck { z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.85) 20%, rgba(0, 0, 0, 0.2) 75%); position: absolute; }
.slotBody { position: absolute; left: clamp(22px, 4vw, 52px); bottom: clamp(22px, 4vw, 48px); right: 42%; display: grid; justify-items: start; gap: 14px; color: #fff; }
.slotBody .linkFoot { color: var(--cfg-chip2); }
.stepTable { display: block; font-size: clamp(34px, 4vw, 60px); }
.stepTable em { display: block; }
.aceClubSet { color: rgba(255, 255, 255, 0.78); max-width: 42ch; }
.clubBandBox { bottom: 18px; gap: 8px; right: 20px; left: 20px; }
.chipFrameArea { font-size: clamp(22px, 2vw, 30px); }
.viewPromo { display: inline-flex; font-size: 13px; color: var(--cfg-chip2); gap: 6px; align-items: center; font-weight: 600; }
@media (max-width: 960px) { .labelGoldSpin { grid-template-columns: 1fr; min-height: 0; }
  .mainMeta { min-height: 420px; }
  .stagePane { grid-template-rows: none; grid-template-columns: 1fr 1fr; }
  .chip2BonusBlock { min-height: 220px; }
  .slotBody { right: 22px; } }
@media (max-width: 560px) { .stagePane { grid-template-columns: 1fr; } }
.mainMeta:has(.flagMedia) { background: var(--cfg-list-wf), var(--cfg-inner-qs), var(--cfg-unit); }
.mainMeta:has(.flagMedia) .clubTray { display: none; }
.mainMeta:has(.flagMedia) .slotBody { right: 44%; }
.winShapeFeature { min-height: 0; right: 0; z-index: 1; width: 46%; top: 8%; position: absolute; bottom: 0; }
@media (max-width: 760px) { .mainMeta:has(.flagMedia) { min-height: 520px; }
  .mainMeta:has(.flagMedia) .slotBody { right: clamp(22px, 4vw, 52px); }
  .winShapeFeature { top: 12px; bottom: auto; right: 0; width: 72%; height: min(56vw, 250px); } }
.mainMeta { display: flex; flex-direction: column; justify-content: flex-end; }
.mainMeta > .slotBody { position: relative; left: auto; right: auto; bottom: auto; margin: clamp(22px, 4vw, 48px) 42% clamp(22px, 4vw, 48px) clamp(22px, 4vw, 52px); }
.mainMeta:has(.flagMedia) > .slotBody { left: auto; right: auto; margin-right: 46%; }
@media (max-width: 960px) { .mainMeta > .slotBody { margin-right: clamp(22px, 4vw, 52px); } }
@media (max-width: 760px) { .mainMeta:has(.flagMedia) { min-height: 0; justify-content: flex-start; }
  .winShapeFeature { right: auto; height: min(78vw, 320px); bottom: auto; position: relative; width: 100%; top: auto; margin-top: 14px; }
  .mainMeta:has(.flagMedia) > .slotBody { margin: 0; padding: 18px 22px 24px; }
  .mainMeta:has(.flagMedia) .diceDeck { background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.55) 48%, rgba(0, 0, 0, 0.88) 100%); } }
.chip2DockHead { display: grid; gap: 14px; }
.lineBand { gap: clamp(16px, 2.6vw, 36px); scrollbar-width: none; display: flex; border-bottom: var(--cfg-lead) solid var(--cfg-link); overflow-x: auto; }
.lineBand::-webkit-scrollbar { display: none; }
.cellDock { font-size: clamp(22px, 2.4vw, 34px); color: var(--cfg-set); white-space: nowrap; flex: none; position: relative; padding: 6px 0 14px; transition: color 240ms }
.cellDock sup { font-size: 11px; color: var(--cfg-set); font-weight: 400; text-transform: none; margin-left: 4px; vertical-align: super; letter-spacing: 0; }
.cellDock:hover { color: hsl(40 15% 60%); }
.cellDock.menuTop { color: var(--cfg-block); }
.cellDock.menuTop sup { color: var(--cfg-tab-9e); }
.cellDock.menuTop::after { content: ""; position: absolute; left: 0; right: 0; bottom: calc(var(--cfg-lead) * -1); height: 3px; background: var(--cfg-tab-9e); }
.outerMain { display: flex; align-items: center; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.outerMain::-webkit-scrollbar { display: none; }
.ringFlagOffer { gap: 6px; display: inline-flex; color: var(--cfg-set); align-items: center; letter-spacing: var(--cfg-base); flex: none; margin-right: 4px; font-weight: 600; text-transform: uppercase; font-size: 11px; }
.ringFlagOffer .mediaSlab { color: var(--cfg-tab-9e); }
.coreGridCopy { flex: none; height: 30px; display: inline-flex; align-items: center; padding: 0 12px; border-radius: var(--cfg-table); background: hsl(36 12% 8%); border: var(--cfg-lead) solid var(--cfg-offer); font-size: 13px; color: hsl(40 15% 60%); white-space: nowrap; transition: border-color 240ms, color 240ms; }
.coreGridCopy:hover { border-color: var(--cfg-tab-9e); color: var(--cfg-block); }
.menuMainPane { flex: none; margin: 0 10px; width: var(--cfg-lead); background: var(--cfg-link); height: 20px; }
.cardRaceGrid { justify-content: space-between; gap: 12px 20px; margin-bottom: 16px; align-items: center; flex-wrap: wrap; display: flex; }
.areaFrame { display: flex; align-items: center; gap: 10px; font-size: 30px; }
.areaFrame .mediaSlab { color: var(--cfg-tab-9e); }
.labelHead { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.chipBonus { flex: none; height: 36px; padding: 0 14px; border-radius: var(--cfg-table); border: var(--cfg-lead) solid var(--cfg-link); font-size: 13px; color: hsl(40 15% 60%); transition: background 240ms, color 240ms; }
.chipBonus.menuTop { background: var(--cfg-tab-9e); border-color: var(--cfg-tab-9e); color: var(--cfg-view); }
.slotSpinGroup { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.gridHead { display: grid; transition: border-color 240ms; grid-template-columns: 84px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 10px 14px 10px 10px; }
.gridHead:hover { border-color: var(--cfg-tab-9e); }
.gridHead img { height: 84px; width: 84px; border-radius: var(--cfg-card-z4); object-position: 50% 15%; object-fit: cover; }
.shapeFootDock { display: grid; gap: 5px; min-width: 0; }
.tableLinkGrid { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: 700; }
.blockAce { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--cfg-set); }
.leadFeatureStage { display: flex; gap: 4px; }
.leadFeatureStage i { width: 14px; height: 14px; border-radius: 50%; border: 2px solid hsl(117 27% 69%); }
.leadFeatureStage i.lineHead { background: var(--cfg-set); border-color: var(--cfg-set); }
@media (max-width: 1180px) { .slotSpinGroup { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .slotSpinGroup { grid-template-columns: 1fr; } }
.markMarkFlag { padding: 0; margin: 0; list-style: none; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); display: grid; }
.headOuter { transition: transform 240ms var(--cfg-promo), box-shadow 240ms; grid-template-rows: auto 1fr auto; overflow: hidden; display: grid; }
.headOuter:hover { transform: translateY(calc(var(--cfg-step-10) * -1)); box-shadow: var(--cfg-chip); }
.spinRing { aspect-ratio: 16 / 9; display: block; overflow: hidden; position: relative; }
.spinRing img { object-fit: cover; height: 100%; width: 100%; }
.spinRing .shapeStack { position: absolute; left: 12px; top: 12px; }
.cardTray { display: grid; align-content: start; padding: 18px 20px 6px; gap: 8px; }
.areaSeal { font-size: 22px; }
.pageRow { color: hsl(40 15% 60%); font-size: 13px; }
.ringBodySlab { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--cfg-set); }
.spinHero { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px 18px; gap: 10px; }
@media (max-width: 960px) { .markMarkFlag { grid-template-columns: 1fr 1fr; } .markMarkFlag > li:last-child { display: none; } }
@media (max-width: 600px) { .markMarkFlag { grid-template-columns: 1fr; } .markMarkFlag > li:last-child { display: grid; } }
.offerMedia { display: grid; gap: clamp(24px, 5vw, 72px); grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: clamp(24px, 4vw, 52px); }
.stageClub { gap: 16px; justify-items: start; align-content: center; display: grid; }
.rearLabelAce { font-size: clamp(30px, 3.2vw, 48px); }
.cardCore { color: hsl(40 15% 60%); max-width: 42ch; }
.coreStackFront { list-style: none; padding: 0; margin: 0; display: grid; }
.linkField { position: relative; padding-bottom: 26px; gap: 18px; display: grid; grid-template-columns: 52px minmax(0, 1fr); }
.linkField:not(:last-child)::before { width: calc(var(--cfg-lead) * 2); content: ""; bottom: 0; background: linear-gradient(var(--cfg-tab-9e), var(--cfg-offer)); top: 52px; left: 25px; position: absolute; }
.edgeShape { display: grid; place-items: center; width: 52px; height: 52px; border-radius: var(--cfg-card-z4); background: var(--cfg-club); color: var(--cfg-tab-9e); font-size: 18px; border: var(--cfg-lead) solid var(--cfg-link); }
.stepBar { display: grid; gap: 4px; padding-top: 4px; }
.stepBar :is(strong, b) { font-size: 18px; }
.stepBar span { font-size: 13px; color: hsl(40 15% 60%); }
@media (max-width: 860px) { .offerMedia { grid-template-columns: 1fr; } }
.bonusDot { padding: 0; margin: 0; gap: 18px 14px; list-style: none; grid-template-columns: repeat(4, minmax(0, 1fr)); display: grid; }
@media (max-width: 900px) { .bonusDot { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bonusDot > li:nth-child(n + 7) { display: none; } }
@media (max-width: 480px) { .bonusDot { grid-template-columns: 1fr; } .bonusDot > li:nth-child(n + 5) { display: none; } }
.diceShape { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); padding: clamp(24px, 4vw, 48px); gap: clamp(24px, 4vw, 60px); }
.gameInner { gap: 14px; justify-items: start; display: grid; }
.bonusCopy { height: 72px; width: 64px; clip-path: polygon(50% 0, 100% 14%, 100% 55%, 50% 100%, 0 55%, 0 14%); display: grid; place-items: center; background: var(--cfg-tab-9e); color: var(--cfg-view); font-size: 30px; }
.sideMenu { font-size: clamp(28px, 3vw, 42px); }
.trayShapeNote { color: hsl(40 15% 60%); max-width: 56ch; }
.bodySideHead { display: grid; align-content: center; gap: 22px; }
.slabFieldOuter { display: flex; flex-wrap: wrap; gap: 10px; }
.ringFlag { display: grid; place-items: center; width: 74px; height: 74px; border-radius: 50%; border: calc(var(--cfg-lead) * 2) solid rgba(236, 222, 194, 0.28); background: repeating-conic-gradient(var(--cfg-unit) 0 10deg, hsl(36 12% 8%) 10deg 20deg) }
.ringFlag span { place-items: center; color: var(--cfg-block); background: var(--cfg-ring-tl); border-radius: 50%; text-align: center; font: 700 11px/1.1 var(--cfg-gold); display: grid; width: 56px; height: 56px; }
.railBox { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.railBox li { font-size: 13px; display: flex; align-items: center; gap: 8px; }
.railBox .mediaSlab { color: hsl(117 27% 69%); }
@media (max-width: 860px) { .diceShape { grid-template-columns: 1fr; } }
.boxBodyGrid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(24px, 4vw, 60px); padding: clamp(24px, 4vw, 48px) clamp(24px, 4vw, 60px) 0; overflow: hidden; isolation: isolate; }
.boxBodyGrid::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--cfg-list-wf); }
.navStripMenu { display: flex; justify-content: center; align-self: end; }
.navStripMenu .dotCrest { margin-bottom: -60px; transform: rotate(calc(var(--cfg-menu-ar) * -2)); }
.tileDeck { padding-bottom: clamp(24px, 4vw, 48px); gap: 14px; justify-items: start; display: grid; }
.mainLabel { font-size: clamp(30px, 3.2vw, 48px); }
.lobbyPage { color: hsl(40 15% 60%); max-width: 46ch; }
.topReel { margin: 4px 0 8px; gap: 8px; display: grid; }
.topReel li { display: flex; font-size: 13px; align-items: center; gap: 10px; }
.topReel .mediaSlab { color: var(--cfg-tab-9e); }
@media (max-width: 860px) { .boxBodyGrid { grid-template-columns: 1fr; padding-top: 32px; } .navStripMenu { order: 2; } .tileDeck { padding-bottom: 0; } }
.sideBarLink { gap: 12px; padding: clamp(32px, 5vw, 60px) 24px; isolation: isolate; text-align: center; justify-items: center; overflow: hidden; display: grid; }
.copyDot { background: radial-gradient(50% 70% at 50% 40%, var(--cfg-club), transparent 70%), var(--cfg-tile-xv); z-index: -1; inset: 0; position: absolute; }
.pageRowReel { font-size: 22px; color: hsl(40 15% 60%); }
.tileAceTable { font-size: clamp(30px, 8.4vw, 108px); white-space: nowrap; line-height: 1; color: var(--cfg-tab-9e); letter-spacing: -0.03em; text-shadow: 0 0 40px color-mix(in srgb, var(--cfg-tab-9e) 35%, transparent); }
.baseOfferGrid { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--cfg-set); }
.mediaDotSide { padding: 0; justify-content: center; flex-wrap: wrap; gap: 0; list-style: none; display: flex; margin: 10px 0 14px; }
.mediaDotSide li { padding: 8px clamp(18px, 3vw, 40px); gap: 6px; display: grid; }
.mediaDotSide li + li { border-left: var(--cfg-lead) solid var(--cfg-link); }
.listCard { font-size: clamp(20px, 2.2vw, 30px); color: var(--cfg-block); }
@media (max-width: 560px) { .mediaDotSide li + li { border-left: 0; } }
.stepStack { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; column-gap: 0; grid-auto-flow: column; grid-template-rows: repeat(3, auto); padding: 8px; list-style: none; }
.metaReel { display: grid; grid-template-columns: 30px 56px minmax(0, 1fr) auto 36px; align-items: center; gap: 12px; padding: 10px 14px; border-radius: var(--cfg-card-z4); transition: background 240ms; }
.metaReel:hover { background: var(--cfg-unit); }
.tileHeroFlag { font-size: 18px; color: var(--cfg-set); }
.metaReel:nth-child(-n + 3) .tileHeroFlag { color: var(--cfg-tab-9e); }
.metaReel img { width: 60px; height: 60px; object-fit: cover; border-radius: calc(var(--cfg-card-z4) * 0.6); }
.barBonusBlock { display: grid; gap: 2px; min-width: 0; }
.dockPage { overflow: hidden; text-overflow: ellipsis; font-weight: 600; white-space: nowrap; }
.crownSlot { font-size: 11px; color: var(--cfg-set); }
.aceSet { display: grid; justify-items: end; gap: 2px; font-size: 11px; color: var(--cfg-set); }
.aceSet .bonusAce { font-size: 13px; color: hsl(117 27% 69%); }
.aceTable { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; border: var(--cfg-lead) solid var(--cfg-link); color: hsl(40 15% 60%); transition: background 240ms, color 240ms, border-color 240ms; }
/*  overrides  */
.metaReel:hover .aceTable { background: var(--cfg-tab-9e); border-color: var(--cfg-tab-9e); color: var(--cfg-view); }
@media (max-width: 1180px) { .stepStack { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row; grid-template-rows: none; } }
@media (max-width: 700px) { .stepStack { grid-template-columns: 1fr; } .aceSet { display: none; } .metaReel { grid-template-columns: 26px 52px minmax(0, 1fr) 36px; } .metaReel img { width: 52px; height: 52px; } }
.bodyGroup { padding: clamp(24px, 4vw, 56px); }
.rearStack {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; gap: 16px 48px;
  padding-bottom: 32px; margin-bottom: 32px;
  border-bottom: calc(var(--cfg-lead) * 3) double var(--cfg-link) }
.rearStack .linkFoot { grid-column: 1 / -1; }
.chipDiceRace { font-size: clamp(30px, 3.4vw, 52px); }
.chip2WrapLink { font-size: 18px; line-height: 1.6; color: var(--cfg-block); }
.cardBonusBand {
  font-size: 13px;
  column-rule: var(--cfg-lead) solid var(--cfg-offer); line-height: 1.7; column-gap: 48px;
  column-count: 3 }
.noteSide { margin-bottom: 28px; }
.groupTop { break-after: avoid; margin-bottom: 10px; color: var(--cfg-block); font-size: 18px; }
.cardBonusBand .shapeCore, .cardBonusBand .clubMeta, .cardBonusBand .aceLive li { break-inside: avoid; }
.cardBonusBand .shapeCore table { font-size: 12px; }
.cardBonusBand .topSlot { column-span: all; margin: 8px 0 28px; }
.cardBonusBand .topSlot table { font-size: 13px; }
.cardBonusBand .shapeCore th, .cardBonusBand .shapeCore td { padding: 7px 8px; white-space: normal; }
.cardBonusBand .shapeCore thead th { font-size: 10px; letter-spacing: 0.04em; }
@media (max-width: 1280px) { .cardBonusBand { column-count: 2; } }
@media (max-width: 800px) {
  .rearStack { grid-template-columns: 1fr; }
  .cardBonusBand { column-count: 1; }
 }
.dotPillGame { grid-template-columns: minmax(0, 1fr); }
.dotPillGame .chipDiceRace { max-width: 22ch; }
.dotPillGame .chip2WrapLink { max-width: 64ch; }
.noteItemNote { display: grid; gap: clamp(28px, 5vw, 72px); grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); }
.railPanelCell { display: grid; align-self: start; justify-items: start; top: calc(68px + 28px); position: sticky; gap: 14px; }
.diceSpin { font-size: clamp(30px, 3vw, 46px); }
.viewFoot { color: hsl(40 15% 60%); }
.noteGold { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 12px; width: 100%; margin-top: 8px; padding: 16px; }
.noteGold .tabView { grid-column: 1 / -1; }
.noteGold :is(strong, b) { display: block; font-size: 13px; }
.deckTileSet { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--cfg-tab-9e); color: var(--cfg-view); font-size: 20px; }
.areaSealCard { color: var(--cfg-set); display: inline-flex; font-size: 11px; align-items: center; gap: 6px; }
.zoneBox { display: grid; gap: 10px; }
/*  TODO: clean up  */
.boxWrap { overflow: hidden; }
.boxWrap summary { display: grid; grid-template-columns: 44px minmax(0, 1fr) 32px; align-items: center; gap: 12px; padding: 18px 20px; cursor: pointer; list-style: none }
.boxWrap summary::-webkit-details-marker { display: none; }
.clubLobbyTable { font-size: 13px; color: var(--cfg-tab-9e); }
.linkLead { font-size: 18px; font-weight: 600; }
.flagSet { height: 32px; border-radius: 50%; width: 32px; background: var(--cfg-unit); place-items: center; display: grid; transition: transform 240ms var(--cfg-promo), background 240ms; }
.boxWrap[open] .flagSet { color: var(--cfg-view); background: var(--cfg-tab-9e); transform: rotate(45deg); }
.boxWrap p { padding: 0 64px 22px 76px; color: hsl(40 15% 60%); }
@media (max-width: 900px) { .noteItemNote { grid-template-columns: 1fr; }
  .railPanelCell { position: static; }
  .boxWrap p { padding: 0 20px 20px; } }
.slotNote { overflow: hidden; border-top: var(--cfg-lead) solid var(--cfg-offer); }
.heroVipStage { margin: 0 auto; display: grid; padding: 48px var(--cfg-feature-hz) 24px; max-width: 1440px; gap: 32px; }
.pagePageStage { display: grid; grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr)); gap: 32px; }
.panelRail { gap: 10px; color: hsl(40 15% 60%); display: grid; padding: 22px; align-content: start; font-size: 13px; min-width: 0; }
.slotGame { font-size: 26px; color: var(--cfg-block); }
.baseClub { margin-top: 6px; gap: 8px; flex-wrap: wrap; display: flex; }
.stackDeckMark { flex: 1 1 180px; min-width: 0; }
.baseClub .tabView { flex: 0 0 auto; }
.viewHero { color: var(--cfg-set); font-weight: 600; margin-bottom: 12px; font-size: 11px; letter-spacing: var(--cfg-base); text-transform: uppercase; }
.barList ul { color: hsl(40 15% 60%); font-size: 13px; gap: 9px; display: grid; }
.barList a:hover { color: var(--cfg-tab-9e); }
.frontBlock { gap: 18px 28px; align-items: center; flex-wrap: wrap; border-top: var(--cfg-lead) solid var(--cfg-offer); display: flex; border-bottom: var(--cfg-lead) solid var(--cfg-offer); padding: 20px 0; }
.blockCopy .bodyPromo svg { height: 20px; }
.blockCopy { display: flex; flex-wrap: wrap; letter-spacing: 0.08em; align-items: center; color: var(--cfg-set); font: 500 11px/1 var(--cfg-media); gap: 10px 18px; margin-right: auto; text-transform: uppercase; }
.crownBlock { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; border: calc(var(--cfg-lead) * 2) solid var(--cfg-field-p6); color: var(--cfg-field-p6); font-size: 13px; }
.chip2Band { max-width: 110ch; color: var(--cfg-set); line-height: 1.7; font-size: 11px; }
@media (max-width: 1320px) { .pagePageStage { grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); } .panelRail { grid-row: span 2; } }
@media (max-width: 1180px) { .pagePageStage { grid-template-columns: repeat(2, minmax(0, 1fr)); } .panelRail { grid-column: 1 / -1; grid-row: auto; } }
@media (max-width: 520px) { .baseClub { flex-direction: column; } }
.frontBlock .footDotReel { flex-basis: 100%; }
:root { --cfg-tab-9e: hsl(20 38% 50%); --cfg-chip2: hsl(21 38% 59%); --cfg-club: rgba(177, 113, 80, 0.14); --cfg-view: hsl(0 0% 100%); }
:root { --cfg-chip2: hsl(21 38% 59%); --cfg-view: hsl(0 0% 100%); --cfg-club: rgba(177, 113, 80, 0.14); --cfg-tab-9e: hsl(20 38% 50%); }
:root { --cfg-dock: calc(clamp(48px, 5vw, 76px) * 1.22); --cfg-feature-hz: calc(clamp(16px, 2.6vw, 40px) * 1.22); --cfg-step-10: 0px; --cfg-menu-ar: 1deg; --cfg-stage: 1280px; }
svg.mediaSlab{width:1em;height:1em;display:inline-block;fill:currentColor;vertical-align:-0.125em}