@font-face {
  font-family: 'Boska';
  src: url(5wm/font-1.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Boska';
  src: url(5wm/font-2.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Boska';
  src: url(5wm/font-3.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Boska';
  src: url(5wm/font-4.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Supreme';
  src: url(5wm/font-5.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Supreme';
  src: url(5wm/font-6.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/*  base  */
:root {
  --vdri: "Boska", "Didot", Georgia, serif;
  --mxp: "Supreme", "Helvetica Neue", Arial, sans-serif;
  --dit: "Supreme", "Helvetica Neue", Arial, sans-serif;

  --tkqp: hsl(158 49% 8%);
  --p44e: hsl(157 47% 10%);
  --zmwk: hsl(158 46% 12%);
  --wg5: hsl(156 44% 15%);
  --k53: hsl(156 42% 19%);
  --ij27: rgba(215, 180, 106, 0.16);
  --xfg: rgba(215, 180, 106, 0.3);
  --cjkm: rgba(215, 180, 106, 0.6);

  --wob3: hsl(42 55% 90%);
  --p0s: hsl(45 20% 69%);
  --uev: hsl(53 11% 46%);

  --mro:hsl(41 58% 63%);--a1nn:hsl(43 74% 77%);--zt3:rgba(215,180,106,0.12);--but:hsl(152 29% 10%);

  --i2c: hsl(146 51% 67%);
  --hbz: hsl(350 55% 53%);

  --sfu: 500;
  --xrt: none;
  --yx27: -0.01em;
  --zfi: 1.04;

  --tq0: 12px;
  --tor9: 8px;
  --e2h5: 6px;
  --z85g: 6px;
  --lfty: 1px;
  --x0lt: 0px;
  --idqb: 0 18px 40px -24px rgba(0, 0, 0, 0.8);
  --g37: 0 0 0 1px var(--mro), 0 22px 44px -22px rgba(0, 0, 0, 0.9);
  --rk9: 0 26px 50px -20px rgba(0, 0, 0, 0.75);
  --ge53: 3px;
  --vjd: 0deg;

  --yis:radial-gradient(circle at 50% 50%,rgba(215,180,106,0.08) 1px,transparent 1.5px) 0 0 / 22px 22px;--riz:repeating-linear-gradient(45deg,rgba(215,180,106,0.05) 0 1px,transparent 1px 12px),repeating-linear-gradient(-45deg,rgba(215,180,106,0.05) 0 1px,transparent 1px 12px);--l01:radial-gradient(55% 80% at 75% 50%,rgba(215,180,106,0.16),transparent 70%);

  --e4n9: 12px;
  --uud: 14px;
  --xv9l: 16px;
  --cs2: 19px;
  --m34s: 25px;
  --h1y: 36px;
  --zf5r: clamp(46px, 5vw, 78px);

  --sgh:0.2em;

  --jio: 72px;
  --don: 256px;
  --rax6: clamp(16px, 2.8vw, 44px);
  --otd: clamp(52px, 5.4vw, 84px);
  --qeef: 176px;

  --m0kg: cubic-bezier(0.25, 0.7, 0.25, 1);
  --d4h: 280ms;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scrollbar-color: var(--k53) transparent; }
body {
  -webkit-font-smoothing: antialiased;
  color: var(--wob3);
  margin: 0;
  background: radial-gradient(120% 80% at 50% 0%, hsl(154 49% 14%), var(--tkqp) 70%) fixed, var(--tkqp);
  font: 400 var(--xv9l)/1.6 var(--mxp);
}
body::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");
  content: ""; position: fixed; mix-blend-mode: overlay; inset: 0; pointer-events: none; opacity: 0.12; z-index: 100;
}
img { height: auto; max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { background: none; cursor: pointer; border: 0; color: inherit; padding: 0; font: inherit; }
h1, h2, h3, h4, p { margin: 0; }
ul { list-style: none; margin: 0; padding: 0; }
::selection { background: var(--mro); color: var(--but); }
:focus-visible { outline: 1px solid var(--a1nn); outline-offset: 4px; }
.slotMenu { line-height: 1; font-size: 1.25em; flex: none; }
.unitItem { font-weight: 500; font-family: var(--dit); font-variant-numeric: lining-nums tabular-nums; }
.dockTop { overflow: hidden; height: 1px; width: 1px; clip: rect(0 0 0 0); position: absolute; }
.navView {
  --mi00: 44px;
  display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem;
  height: var(--mi00); padding: 0 1.5rem;
  border-radius: var(--e2h5);
  font: 500 13px/1 var(--mxp); letter-spacing: 0.14em; text-transform: uppercase;
  white-space: nowrap;
  transition: background var(--d4h), color var(--d4h), box-shadow var(--d4h);
}
.paneItem { --mi00: 38px; padding: 0 1.125rem; font-size: 0.75rem; }
.sealTray { --mi00: 54px; padding: 0 2rem; font-size: 0.875rem; }
.tableChip2 {
  background: linear-gradient(180deg, hsl(43 75% 79%), var(--mro) 55%, hsl(39 45% 49%));
  color: var(--but);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35), inset 0 0 0 3px rgba(18, 33, 26, 0.18), 0 8px 20px -10px rgba(0, 0, 0, 0.8);
}
.tableChip2:hover { background: linear-gradient(180deg, hsl(43 81% 86%), var(--a1nn) 55%, hsl(39 49% 55%)); }
.mediaRace { color: var(--a1nn); box-shadow: inset 0 0 0 1px var(--cjkm), inset 0 0 0 4px var(--tkqp), inset 0 0 0 5px var(--ij27); }
.mediaRace:hover { background: var(--zt3); }

.dockStrip { display: inline-grid; place-items: center; width: 2.625rem; height: 2.625rem; border-radius: 50%; color: var(--mro); box-shadow: inset 0 0 0 1px var(--xfg); transition: background var(--d4h); }
.dockStrip:hover { background: var(--zt3); }
.zoneHead { gap: 0.625rem; color: var(--uev); box-shadow: inset 0 0 0 1px var(--xfg); border-radius: 62.4375rem; background: rgba(6, 18, 13, 0.6); height: 2.75rem; padding: 0 1rem; align-items: center; transition: box-shadow var(--d4h); display: flex; }
.zoneHead:focus-within { box-shadow: inset 0 0 0 1px var(--mro); color: var(--mro); }
.zoneHead input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: var(--wob3); font: inherit; font-size: var(--uud); }
.zoneHead input::placeholder { color: var(--uev); font-style: italic; }
.zoneHead kbd { font: 500 11px/1 var(--mxp); color: var(--mro); padding: 0.25rem 0.5rem; box-shadow: inset 0 0 0 1px var(--xfg); border-radius: 62.4375rem; }
.outerInner { display: inline-flex; align-items: center; gap: 0.625rem; font: 500 var(--e4n9)/1 var(--mxp); letter-spacing: var(--sgh); text-transform: uppercase; color: var(--mro); }
.outerInner::before { content: "♠"; font-size: 0.8125rem; letter-spacing: 0; }
.unitLive { text-transform: var(--xrt); letter-spacing: var(--yx27); font-family: var(--vdri); line-height: var(--zfi); font-weight: var(--sfu); }
.unitLive em { font-style: italic; color: var(--a1nn); }
.menuCrown { font: 700 10px/1 var(--mxp); display: inline-flex; text-transform: uppercase; border-radius: 62.4375rem; color: var(--but); align-items: center; background: var(--mro); padding: 0 0.5rem; letter-spacing: 0.12em; height: 1.25rem; }
.menuSeal { background: var(--hbz); color: hsl(36 100% 95%); }
.chipBarBlock { background: transparent; color: var(--i2c); box-shadow: inset 0 0 0 1px var(--i2c); }
.baseDeal {
  position: relative;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 30%), var(--zmwk);
  border: 1px solid var(--xfg);
  border-radius: var(--tq0);
  box-shadow: inset 0 0 0 4px var(--zmwk), inset 0 0 0 5px var(--ij27), var(--idqb);
}
.tabTable {
  position: relative;
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.9); overflow: hidden;
  border-radius: 12.5rem 12.5rem 0.875rem 0.875rem;
  padding: 0.5rem;
  background: linear-gradient(180deg, hsl(43 75% 79%), var(--mro) 50%, hsl(38 45% 42%));
}
.tabTable img { width: 100%; height: 100%; object-fit: cover; border-radius: 12rem 12rem 0.5rem 0.5rem; }

.dockDeckShape { border-radius: 50%; flex: none; display: inline-block; height: 0.4375rem; background: var(--i2c); width: 0.4375rem; box-shadow: 0 0 0 3px rgba(127, 214, 164, 0.15); }

.deal { display: grid; gap: 0.375rem; }
.itemSpin { text-transform: uppercase; letter-spacing: 0.18em; font: 500 11px/1 var(--mxp); color: var(--uev); }
.itemFeature { font: 500 26px/1 var(--vdri); color: var(--a1nn); }

.promoNav { display: inline-flex; transition: color var(--d4h); align-items: center; letter-spacing: 0.16em; gap: 0.5rem; color: var(--mro); text-transform: uppercase; font: 500 12px/1 var(--mxp); }
.promoNav .unitItem { color: var(--uev); }
.promoNav:hover { color: var(--a1nn); }
.winItem { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1.125rem; margin-bottom: 1.75rem; }
.pagePromo { display: none; }
.liveNavGold { font: 500 var(--h1y)/1 var(--vdri); grid-column: 2; white-space: nowrap; letter-spacing: -0.01em; grid-row: 1; display: flex; gap: 0.875rem; align-items: center; }
.liveNavGold::before, .liveNavGold::after { font-size: 0.625rem; content: "◆"; color: var(--mro); }
.liveNavGold .slotMenu { display: none; }
.promoCrestGame { height: 0.3125rem; border-bottom: 1px solid var(--ij27); border-top: 1px solid var(--xfg); grid-row: 1; grid-column: 1; }
.winItem .promoNav { grid-column: 3; grid-row: 1; justify-self: end; display: inline-flex; white-space: nowrap; }
.winItem .promoNav::before { content: ""; width: 2.5rem; height: 0.3125rem; margin-right: 0.375rem; border-top: 1px solid var(--xfg); border-bottom: 1px solid var(--ij27); }
.coreDiceDock { gap: 0.375rem; display: flex; justify-self: end; grid-row: 1; grid-column: 3; }
.winItem:has(.coreDiceDock) .promoNav { margin-right: 5.625rem; }
.pane { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; color: var(--mro); box-shadow: inset 0 0 0 1px var(--xfg); transition: background var(--d4h), opacity var(--d4h); }
.pane:hover { background: var(--zt3); }
.pane[disabled] { opacity: 0.3; pointer-events: none; }
@media (max-width: 720px) {
  .winItem { grid-template-columns: minmax(0, 1fr) auto; gap: 0.625rem; margin-bottom: 1.125rem; }
  .liveNavGold { grid-column: 1; font-size: 1.625rem; white-space: normal; min-width: 0; }
  .liveNavGold::before, .liveNavGold::after, .promoCrestGame, .coreDiceDock { display: none; }
  .winItem .promoNav { grid-column: 2; margin-right: 0 !important; }
  .winItem .promoNav::before { display: none; }
}
.tileStrip { display: grid; grid-auto-flow: column; grid-auto-columns: var(--qeef); gap: 1rem; padding: 2px 2px 0.625rem; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
.tileStrip::-webkit-scrollbar { display: none; }
.tileStrip > * { scroll-snap-align: start; }
.spinBase { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; gap: 0.625rem; text-align: center; }
.dockFoot { background: var(--wg5); position: relative; border-radius: var(--tor9); overflow: hidden; box-shadow: 0 0 0 1px var(--xfg), 0 14px 30px -18px rgba(0, 0, 0, 0.9); aspect-ratio: var(--tvx, 3 / 2); transition: box-shadow var(--d4h); }
.dockFoot img { width: 100%; height: 100%; object-fit: cover; transition: transform 800ms var(--m0kg); }
.baseRace { position: absolute; top: 0.5rem; left: 0.5rem; z-index: 1; }
.spinBase:hover .dockFoot { box-shadow: 0 0 0 1px var(--mro), 0 0 0 4px rgba(215, 180, 106, 0.18), 0 18px 34px -18px rgba(0, 0, 0, 0.9); }
.spinBase:hover .dockFoot img { transform: scale(1.04); }
.stackTray { font: 500 17px/1.2 var(--vdri); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.labelListUnit { align-items: center; gap: 0.625rem; justify-content: center; font-size: 0.6875rem; margin-top: 0.25rem; color: var(--uev); letter-spacing: 0.06em; display: flex; }
.labelListUnit > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stageBonus { align-items: center; gap: 0.3125rem; color: var(--p0s); display: inline-flex; flex: none; }
.featureLive {
  white-space: nowrap;
  --dzp: 34px;
  color: var(--wob3);
  font-size: var(--dzp); line-height: 1;
  text-decoration: none; gap: 0.3em;
  display: inline-flex; align-items: center;
}
.slabCardFeature { --dzp: 44px; }
.stepBlock { font-weight: var(--sfu); letter-spacing: var(--yx27);
  font-family: var(--vdri);
  text-transform: var(--xrt);
  font-size: 0.74em; line-height: 1;
}
.stripCrown { position: relative; flex: none; }
@media (max-width: 720px) { .slotCrest .featureLive { --dzp: 28px; } }
.zoneMenuRail {
  display: grid; place-items: center;
  width: 0.78em; height: 0.78em; margin: 0 0.14em 0 0.1em;
  background: linear-gradient(135deg, var(--a1nn), var(--mro));
  border-radius: 0.08em;
  transform: rotate(45deg);
  box-shadow: 0 0 0 0.05em var(--tkqp), 0 0 0 0.09em var(--mro);
}
.zoneMenuRail span {
  font: 700 0.34em/1 var(--mxp);
  transform: rotate(-45deg); letter-spacing: -0.03em;
  color: var(--but);
}
.slotCrest {
  position: sticky; z-index: 30; gap: 1.5rem;
  display: flex;
  height: var(--jio);
  backdrop-filter: blur(12px);
  background: color-mix(in srgb, var(--tkqp) 88%, transparent); top: 0;
  padding: 0 var(--rax6) 0 18px;
  border-bottom: var(--lfty) solid var(--ij27); align-items: center;
}
.heroPageGold { align-items: center; gap: 0.625rem; display: flex; margin-left: auto; }

.groupDot { padding: 1.125rem 0.875rem 2rem; }
.frameUnit { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.25rem; }
.goldReelFoot { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; margin-bottom: 1.125rem; }
.starNote {
  display: grid; justify-items: center; gap: 0.375rem;
  padding: 0.625rem 0.375rem 0.75rem;
  background: var(--zmwk);
  border: var(--lfty) solid var(--ij27);
  border-radius: var(--tq0);
  box-shadow: var(--idqb);
  font-size: 0.6875rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--p0s);
  transition: border-color var(--d4h), color var(--d4h), transform var(--d4h) var(--m0kg);
}
.frameBonus { width: 3.25rem; place-items: center; display: grid; background: radial-gradient(circle at 35% 30%, var(--a1nn), var(--mro) 70%); height: 3.25rem; border-radius: 50%; font-size: 1.75rem; color: var(--but); box-shadow: 0 6px 16px -8px var(--mro); }
.starNote:nth-child(2) .frameBonus { background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--i2c) 70%, #fff), var(--i2c) 70%); box-shadow: 0 6px 16px -8px var(--i2c); }
.starNote:hover { border-color: var(--mro); color: var(--wob3); transform: translateY(calc(var(--ge53) * -1)); }
.pageInner { text-transform: uppercase; letter-spacing: var(--sgh);
  font-size: var(--e4n9);
  margin: 1.375rem 0.625rem 0.5rem;
  color: var(--uev);
}
.tableSpinRing {
  position: relative;
  display: flex; align-items: center; gap: 0.75rem;
  height: 2.5rem; padding: 0 0.625rem;
  border-radius: var(--z85g);
  font-size: 0.875rem; color: var(--p0s);
  transition: color var(--d4h), background var(--d4h);
}
.tableSpinRing .menuCrown { margin-left: auto; }
.tableSpinRing:hover { color: var(--wob3); background: var(--zmwk); }
.tableSpinRing.stageWin { color: var(--wob3); background: var(--zmwk); }
/*  TODO: clean up  */
.tableSpinRing.stageWin .slotMenu { color: var(--mro); }

.menuStack { min-width: 0; }
.viewSlab {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--otd);
  max-width: var(--oay, 1440px); margin: 0 auto;
  padding: 28px var(--rax6) var(--otd);
}
.areaList { display: none; }
.winStar.stageDealBar .areaList { inset: 0; position: fixed; display: block; z-index: 35; background: rgba(0, 0, 0, 0.55); }
.baseHero {
  position: fixed; left: 0; top: 0; bottom: 0; z-index: 40;
  width: min(300px, 86vw);
  overflow-y: auto;
  background: var(--tkqp);
  border-right: var(--lfty) solid var(--ij27);
  transform: translateX(-102%); transition: transform 320ms var(--m0kg);
}
.winStar.stageDealBar .baseHero { transform: none; }

@media (max-width: 720px) {
  .slotCrest { gap: 0.75rem; padding: 0 1rem 0 0.75rem; }
  .heroPageGold { min-width: 0; }
  .slotCrest .goldRace { display: none; }
  .heroPageGold .mediaRace { display: none; }
}

@media (max-width: 480px) {
  .slotCrest { gap: 0.5rem; padding-right: 0.625rem; }
  .heroPageGold { gap: 0.375rem; }
  .heroPageGold .navView { padding: 0 0.75rem; letter-spacing: 0.02em; }
}
.chip2Copy {
  display: grid;
  grid-template-columns: var(--don) minmax(0, 1fr);
  grid-template-rows: var(--jio) 1fr;
  grid-template-areas: "top top" "side main";
  min-height: 100vh;
}
.chip2Copy .slotCrest { grid-area: top; }
.chip2Copy .paneGame { display: flex; align-items: center; gap: 1.125rem; min-width: calc(var(--don) - 18px); flex: none; }
.chip2Copy .goldRace { flex: 1; max-width: 32.5rem; }
.chip2Copy .stageStage {
  grid-area: side;
  position: sticky; top: var(--jio);
  height: calc(100vh - var(--jio));
  overflow-y: auto; scrollbar-width: thin;
  border-right: var(--lfty) solid var(--ij27);
  background: var(--tkqp);
}
.chip2Copy .menuStack { grid-area: main; }

@media (max-width: 1080px) {
  .chip2Copy { grid-template-columns: minmax(0, 1fr); grid-template-areas: "top" "main"; }
  .chip2Copy .paneGame { width: auto; }
  .chip2Copy .stageStage {
    position: fixed; left: 0; top: var(--jio); z-index: 40;
    width: min(300px, 84vw);
    transform: translateX(-102%); transition: transform 320ms var(--m0kg);
  }
  .chip2Copy.stageDealBar .stageStage { transform: none; }
}
.paneDeal { color: var(--p0s); }
.paneDeal p { margin: 0 0 1em; }
.paneDeal p:last-child { margin-bottom: 0; }
.heroSpinMark { font-size: var(--cs2); margin: 1.4em 0 0.5em; color: var(--wob3); font-weight: 600; }
.chipVip, .tileOffer { margin: 0 0 1.1em; padding: 0; list-style: none; display: grid; gap: 0.55em; }
.chipVip li { position: relative; padding-left: 1.4em; }
.chipVip li::before {
  content: ""; position: absolute; left: 0.1em; top: 0.62em;
  width: 0.45em; height: 0.45em;
  background: var(--mro); border-radius: calc(var(--z85g) * 0.2);
  transform: rotate(45deg);
}
.tileOffer { counter-reset: step; }
.tileOffer li { counter-increment: step; position: relative; padding-left: 2.3em; min-height: 1.7em; }
.tileOffer li::before { height: 1.7em; width: 1.7em; color: var(--but); left: 0;
  font: 600 0.8em/1 var(--dit);
  background: var(--mro);
  position: absolute;
  content: counter(step); top: -0.05em;
  display: grid; border-radius: 50%; place-items: center;
}
.paneDeal, .paneDeal > * { min-width: 0; }
.lineBody { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--lfty) solid var(--ij27); border-radius: var(--z85g); }
.lineBody table { width: 100%; font-size: var(--uud); border-collapse: collapse; }
.lineBody th, .lineBody td { white-space: nowrap; border-bottom: var(--lfty) solid var(--ij27); text-align: left; padding: 0.625rem 0.875rem; }
.lineBody tbody tr:last-child > * { border-bottom: 0; }
.lineBody thead th { font-size: var(--e4n9); font-weight: 600; letter-spacing: var(--sgh); text-transform: uppercase; color: var(--uev); background: var(--zmwk); }
.lineBody tbody th { font-weight: 600; color: var(--wob3); }
.lineBody caption { text-align: left; text-transform: uppercase; caption-side: top; font-weight: 600; color: var(--mro); font-size: var(--e4n9); padding: 0.625rem 0.875rem; border-bottom: var(--lfty) solid var(--ij27); letter-spacing: var(--sgh); }
.lineBody tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--wg5) 45%, transparent); }
/*  overrides  */
.cellLine, .wrapRail { display: inline-grid; place-items: center; width: 1.375rem; height: 1.375rem; border-radius: 50%; font-size: 0.75rem; font-weight: 700; }
.cellLine { background: color-mix(in srgb, var(--i2c) 18%, transparent); color: var(--i2c); }
.wrapRail { background: color-mix(in srgb, var(--hbz) 14%, transparent); color: var(--hbz); }
.pageShapeChip tbody th { white-space: normal; font-weight: 500; color: var(--p0s); width: 42%; }
.pageShapeChip td { color: var(--wob3); font-weight: 600; white-space: normal; }
.bandRace td, .bandRace thead th:not(:first-child) { text-align: center; }
.bandRace tbody td:nth-child(2), .bandRace thead th:nth-child(2) { background: var(--zt3) !important; }
.bandRace thead th:nth-child(2) { color: var(--mro); }
@media (max-width: 520px) { .winItem { flex-wrap: wrap; row-gap: 8px; } }
img.dockTabJackpot, img.stripCore, img.cardLineVip { background-color: var(--rzs, var(--wg5)); }
.panelPane { --tvx: 3 / 4; position: relative; }
.panelPane img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--rzs, #222) 72%, hsl(240 19% 5%)) 0 50%, color-mix(in srgb, var(--rzs, #222) 38%, hsl(240 19% 5%))) !important;
}
.panelPane::before { height: 24%; top: 49%; right: 0; pointer-events: none; left: 0; position: absolute; content: ""; z-index: 1; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); }
.barBonusAce { gap: 2px; right: 0.625rem; pointer-events: none; position: absolute; display: grid; bottom: 0.75rem; color: #fff; left: 0.625rem; z-index: 2; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); }
.dealEdgeLabel { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.05; -webkit-line-clamp: 2; letter-spacing: var(--yx27); text-transform: var(--xrt); font-weight: var(--sfu); font-size: 1.0625rem; font-family: var(--vdri); }
.sealCore { font-size: 0.6875rem; opacity: 0.78; }
.dockFoot.panelPane + .pageFrame, .dockFoot.panelPane + .dealUnit { display: none; }
img.copyLink {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important;
}
.diceInner { align-self: stretch;
  position: relative;
  pointer-events: none; min-height: var(--yfsi, 340px); justify-self: center;
  width: 100%;
}
.diceInner .crestWrap { transform: translate(-50%, -50%);
  width: auto;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35)); max-height: 100%;
  object-fit: contain; object-position: 50% 100%; top: 50%; height: auto; left: 50%; max-width: 116%;
  position: absolute;
}
@media (max-width: 820px) {
  .diceInner { align-self: auto; min-height: var(--bz99, 260px); }
  .diceInner .crestWrap { object-position: 50% 100%; }
}
img.liveHeadWin { object-fit: contain; border-radius: 0; filter: var(--hanv, none); }
.boxBodySpin { align-items: center; gap: 0.5em; display: inline-flex; line-height: 1; vertical-align: middle; }
.boxBodySpin svg { max-width: 3em; height: 1.6em; width: auto; flex: none; }
.noteLead { white-space: nowrap; width: 1px; clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; }
.railBlockGroup { align-items: center; text-transform: uppercase; gap: 0.75rem; font-size: 0.75rem; letter-spacing: 0.04em; display: inline-flex; }
.railBlockGroup a { color: var(--p0s); text-decoration: none; }
.railBlockGroup a:hover { color: var(--mro); }
.railBlockGroup a.stageWin { color: var(--wob3); font-weight: 600; }

.chipChipSide { display: block; }
.chipSlot { color: var(--mro); }
.flagLead {
  display: block; margin-top: 0.5em;
  font-family: var(--qiom); font-weight: 600; font-size: clamp(12px, 0.22em, 17px); line-height: 1.2;
  letter-spacing: var(--sgh); text-transform: uppercase; color: inherit; opacity: 0.72;
}
.stripGame {
  margin: 0; font-size: clamp(22px, 2.4vw, 38px); display: block;
  font-family: var(--vdri); font-weight: var(--sfu); text-transform: var(--xrt);
  letter-spacing: var(--yx27); line-height: 1.05;
}
.chip2Note { font-style: normal; color: var(--mro); }
.coreSetBase { color: var(--uev); align-items: baseline; gap: 0.375rem; line-height: 1.3; display: inline-flex; flex-wrap: wrap; font-size: var(--e4n9); }
.areaOfferView { letter-spacing: var(--sgh); text-transform: uppercase; }
.gamePanel { font-weight: 600; color: var(--wob3); }
.dotStack { color: rgba(255, 255, 255, 0.72); }
.dotStack .gamePanel { color: #fff; }
.footGame { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.innerStar { display: inline-flex; gap: 0.375rem; color: var(--uev); border-radius: var(--z85g); font-size: var(--e4n9); padding: 0 0.625rem; height: 1.75rem; transition: color .15s, border-color .15s, background-color .15s; align-items: center; }
.innerStar:hover { color: var(--wob3); }
.innerStar .slotMenu { font-size: 1.25em; }
.raceMainSlot .innerStar { background: var(--p44e); border-radius: var(--e2h5); }
.headMedia .innerStar { border: var(--lfty) solid var(--xfg); }
.headMedia .innerStar:hover { border-color: var(--cjkm); }
.sideJackpot .innerStar { border: var(--lfty) solid var(--ij27); background: var(--zmwk); font-weight: 600; }
.mediaPanelBar { gap: 0.25rem 1.125rem; }
.mediaPanelBar .innerStar { text-decoration: underline; text-underline-offset: 3px; height: auto; text-decoration-color: var(--cjkm); padding: 0; }
.pageSpin .innerStar { font: 500 11px/1 var(--dit); letter-spacing: 0.08em; border-left: 2px solid var(--mro); text-transform: uppercase; border-radius: 0; padding: 0 0.5rem; }
a[role="button"] { cursor: pointer; }
.cardShape { display: none; }
@media (max-width: 640px) {
  .stageTop { overflow: visible; border: 0; border-radius: 0; }
  .stageTop thead { display: none; }
  .stageTop table, .stageTop tbody, .stageTop tr { display: block; width: 100%; }
  .stageTop caption { display: block; padding: 0 0 0.5rem; }
  .stageTop tr { margin: 0 0 0.625rem; border: var(--lfty) solid var(--ij27); border-radius: var(--z85g); overflow: hidden; }
  .stageTop tbody tr > * { background: none; }
  .stageTop tbody th { display: block; white-space: normal; border-bottom: var(--lfty) solid var(--ij27); background: color-mix(in srgb, var(--wg5) 70%, transparent); }
  .stageTop td { display: flex; align-items: baseline; justify-content: space-between; gap: 0.875rem; white-space: normal; text-align: right; }
  .stageTop tbody tr > td:last-child { border-bottom: 0; }
  .stageTop tbody tr:last-child > th { border-bottom: var(--lfty) solid var(--ij27); }
  .stageTop .cardShape { text-transform: uppercase; text-align: left; display: block; font-weight: 600; letter-spacing: var(--sgh); color: var(--uev); flex: none; font-size: var(--e4n9); max-width: 48%; }
}
.slotCrest { border-bottom: 1px solid var(--xfg); background: rgba(10, 29, 22, 0.85); box-shadow: 0 4px 0 -3px var(--ij27); }
.stageStage, .bonusSide { background: rgba(8, 24, 18, 0.7); border-right-color: var(--xfg); }
.tableSpinRing { border-radius: 62.4375rem; padding: 0 0.875rem; }
.tableSpinRing.stageWin { background: linear-gradient(90deg, var(--zt3), transparent); box-shadow: inset 0 0 0 1px var(--xfg); color: var(--a1nn); }
.tableSpinRing.stageWin .slotMenu { color: var(--a1nn); }
.pageInner { color: var(--mro); font-size: 0.9375rem; letter-spacing: 0; text-transform: none; font-style: italic; font-family: var(--vdri); }
.starNote { text-transform: none; box-shadow: inset 0 0 0 3px var(--zmwk), inset 0 0 0 4px var(--ij27); font-size: 0.875rem; letter-spacing: 0.04em; font-family: var(--vdri); }
.starNote img { border-radius: 50%; }
.tableZone { font-family: var(--vdri); font-size: 1.0625rem; }
.ringSealTile { border-color: var(--xfg); }
.ringSealTile.stageWin { background: linear-gradient(180deg, hsl(43 75% 79%), var(--mro)); }
.edgeOuter { display: grid; gap: 0.875rem; }
.tableBonus { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.875rem; }
.labelStrip { display: grid; overflow: hidden; transition: transform var(--d4h) var(--m0kg), box-shadow var(--d4h); }
.labelStrip:hover { transform: translateY(calc(var(--ge53) * -1)); box-shadow: var(--g37); }
.fieldTabArea { position: relative; display: block; height: 14.375rem; overflow: hidden; }
.fieldTabArea img { object-position: 50% 25%; transition: transform 700ms var(--m0kg); object-fit: cover; height: 100%; width: 100%; }
.labelStrip:hover .fieldTabArea img { transform: scale(1.05); }
.fieldTabArea::after { background: linear-gradient(160deg, rgba(0, 0, 0, 0.65), transparent 55%); inset: 0; position: absolute; content: ""; }
.pageGroup { color: #fff; position: absolute; font-size: clamp(26px, 2.4vw, 38px); z-index: 1; left: 1.25rem; top: 1.125rem; }
.jackpotTable { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 0.75rem; padding: 0.875rem 1rem; }
.crownCrest { height: 2.25rem; color: var(--mro); background: var(--zt3); display: grid; place-items: center; border-radius: var(--z85g); width: 2.25rem; }
.crestGroupZone { display: grid; gap: 2px; min-width: 0; }
.lobbyCopyFoot { font-size: var(--uud); font-weight: 600; }
.crownCard { display: inline-flex; font-size: var(--e4n9); color: var(--uev); align-items: center; gap: 0.375rem; }

.crestBar { align-items: center;
  display: grid;
  padding: 1.125rem 1.5rem;
  column-gap: clamp(18px, 2.6vw, 36px); isolation: isolate; row-gap: 14px; grid-template-columns: auto minmax(0, 1fr) auto auto;
}
.boxRear { width: clamp(150px, 17vw, 230px); grid-column: 1; margin-bottom: -1rem; grid-row: 1; --yfsi: clamp(150px, 16vw, 210px); }
@media (max-width: 600px) {
  .crestBar { order: -1; grid-template-columns: auto minmax(0, 1fr); align-items: end; column-gap: 12px; row-gap: 12px; padding: 0.875rem 1rem 1rem; }
  .boxRear { width: min(44vw, 185px); --bz99: min(44vw, 185px); margin-bottom: -1rem; }
  .footJackpot { grid-column: 2; align-self: center; }
  .shapeVipList { font-size: clamp(22px, 7vw, 30px); }
  .topGameMark, .crestBar > .navView { grid-column: 1 / -1; }
  .topGameMark { margin-top: 0.25rem; gap: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: var(--lfty) solid var(--ij27); border-top: var(--lfty) solid var(--ij27); display: grid; }
  .topGameMark li { display: grid; gap: 2px; padding: 0.625rem 0.5rem; }
  .topGameMark li + li { border-left: var(--lfty) solid var(--ij27); }
  .topGameMark .unitItem { font-size: var(--xv9l); }
  .crestBar > .navView { justify-content: center; }
  .tableBonus { grid-template-columns: 1fr; }
  .fieldTabArea { height: 10.625rem; }
}
.livePanel { grid-auto-flow: column; gap: 0.5rem;
  overflow-x: auto; scroll-snap-type: x mandatory;
  display: grid; list-style: none;
  margin: 0; scrollbar-width: none; padding: 0.25rem 2px 0.75rem; grid-auto-columns: 232px;
}
.livePanel::-webkit-scrollbar { display: none; }
.dotStage { display: flex; align-items: flex-end; scroll-snap-align: start; position: relative; padding-left: 4rem; }
.fieldAce {
  font-size: 11.875rem; z-index: 0; bottom: 1.875rem;
  color: var(--tkqp);
  letter-spacing: -0.06em; left: 0;
  -webkit-text-stroke: 3px var(--cjkm);
  position: absolute; line-height: 0.8;
}
.deckDockMenu { width: 100%; z-index: 1; position: relative; }
.dotStage:first-child .fieldAce { -webkit-text-stroke-color: var(--mro); }
@media (max-width: 720px) {
  .livePanel { grid-auto-columns: 180px; }
  .dotStage { padding-left: 3rem; }
  .fieldAce { font-size: 8.75rem; }
}
.starCore {
  display: grid; grid-template-columns: repeat(8, minmax(0, 1fr));
  border-top: var(--lfty) solid var(--ij27); border-left: var(--lfty) solid var(--ij27);
}
.deckMark {
  display: grid; place-items: center; height: 6rem; padding: 0.75rem;
  border-right: var(--lfty) solid var(--ij27); border-bottom: var(--lfty) solid var(--ij27);
  transition: background var(--d4h);
}
.deckMark img { width: 100%; max-width: 9.375rem; height: 2.75rem; opacity: 0.6; transition: opacity var(--d4h); }
.deckMark:hover { background: var(--zmwk); }
.deckMark:hover img { opacity: 1; }
@media (max-width: 1280px) { .starCore { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 600px) { .starCore { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.stackLine { isolation: isolate; overflow: hidden; padding: clamp(36px, 4vw, 60px) 24px; }
.stackLine::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--l01), var(--riz); }
.bodyTableZone { text-align: center; gap: 1.125rem; justify-items: center; display: grid; max-width: 38.75rem; margin: 0 auto; }
.framePromoGroup { font-size: clamp(32px, 3.4vw, 52px); }
.edgeMainStep { display: flex; padding: 0; gap: 0.625rem; list-style: none; margin: 0.375rem 0; }
.edgeMainStep li {
  display: grid; justify-items: center; gap: 0.5rem;
  min-width: 5.25rem; padding: 0.875rem 0.625rem 0.75rem;
  background: var(--tkqp); border: var(--lfty) solid var(--xfg); border-radius: var(--z85g);
  box-shadow: var(--idqb);
}
.crestFieldBase { color: var(--a1nn); line-height: 1; font-size: 2.125rem; }
.sealGrid { color: var(--p0s); max-width: 48ch; }
.copyRear {
  box-shadow: var(--rk9); width: 13.75rem; object-fit: cover;
  position: absolute; height: 13.75rem;
  border-radius: var(--tor9); z-index: -1;
}
.listSlot { top: 50%; transform: translateY(-50%) rotate(calc(var(--vjd) * -3)); left: 4%; }
.menuTabShape { right: 4%; top: 50%; transform: translateY(-50%) rotate(calc(var(--vjd) * 3)); }
@media (max-width: 1200px) { .copyRear { width: 9.375rem; height: 9.375rem; opacity: 0.5; } .listSlot { left: -2.5rem; } .menuTabShape { right: -2.5rem; } }
@media (max-width: 640px) {
  .copyRear { display: none; }
  .edgeMainStep li { min-width: 0; flex: 1; padding: 0.625rem 0.25rem; }
  .crestFieldBase { font-size: 1.5rem; }
  .edgeMainStep .itemSpin { font-size: 0.5625rem; }
}
.edgeFootField .tileStrip { --qeef: clamp(200px, calc((100% - 14px * 4) / 5), 300px); }
@media (max-width: 720px) { .edgeFootField .tileStrip { --qeef: 64vw; } }
.clubStepChip { grid-template-columns: minmax(260px, 0.9fr) minmax(0, 2.4fr); display: grid; gap: 0.875rem; }
.paneMeta { display: grid; align-content: start; justify-items: start; gap: 1rem; padding: 1.75rem; }
.bodyRow { font-size: 2.75rem; }
.starStepDeal { font-size: var(--uud); color: var(--p0s); }
.flagRear { display: grid; gap: 0.5rem; padding: 1rem 0; width: 100%; border-bottom: var(--lfty) solid var(--ij27); border-top: var(--lfty) solid var(--ij27); }
.sealRear { display: flex; justify-content: space-between; align-items: baseline; }
.sealRear .unitItem { color: var(--a1nn); }
.setPanel { background: var(--tkqp); overflow: hidden; border-radius: var(--z85g); height: 0.5rem; }
.setPanel span { background: linear-gradient(90deg, var(--mro), var(--a1nn)); height: 100%; display: block; }
.goldMediaPill { font-size: var(--e4n9); color: var(--uev); }

.aceStackField{overflow-x:auto}.aceStackField table{border-collapse:collapse;width:100%;min-width:37.5rem;table-layout:fixed;font-size:var(--uud)}.aceStackField th,.aceStackField td{padding:0.875rem 0.75rem;overflow-wrap:anywhere;border-bottom:var(--lfty) solid var(--ij27);text-align:left}.aceStackField tbody tr:last-child>*{border-bottom:0}.aceStackField thead th{padding-top:1.5rem;vertical-align:bottom}.aceStackField tbody th{letter-spacing:var(--sgh);text-transform:uppercase;white-space:nowrap;font-weight:500;font-size:var(--e4n9);color:var(--uev)}.aceStackField td{color:var(--p0s)}.wrapOffer{font-size:1.5rem;color:var(--wob3)}.aceStackField .bonusUnit{background:var(--zt3);color:var(--wob3)}.aceStackField th.bonusUnit .wrapOffer{color:var(--a1nn)}.dealPage{color:var(--mro)}.headDealGame{display:inline-block;transform:rotate(45deg);color:var(--uev)}

@media (max-width: 1180px) { .clubStepChip { grid-template-columns: 1fr; } }
.pillStagePill { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0.875rem; }
.stripLobbyDice {
  position: relative; display: grid; grid-template-rows: auto auto;
  overflow: hidden;
  background: var(--zmwk);
  border: var(--lfty) solid var(--ij27);
  border-radius: var(--tq0);
  box-shadow: var(--idqb);
  transition: border-color var(--d4h), transform var(--d4h) var(--m0kg), box-shadow var(--d4h);
}
.stripLobbyDice img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.stripLobbyDice:hover { border-color: var(--mro); transform: translateY(calc(var(--ge53) * -1)); box-shadow: var(--g37); }
.bandTab { display: grid; gap: 0.375rem; padding: 0.875rem 0.875rem 1rem; }
.areaCard { font-size: var(--cs2); }
/*  overrides  */
.stackMenu { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--e4n9); color: var(--uev); white-space: nowrap; }
.stackMenu .unitItem { color: var(--p0s); }
.lobbyNav {
  position: absolute; top: 0.625rem; right: 0.625rem;
  display: grid; place-items: center; width: 2rem; height: 2rem;
  background: var(--tkqp); color: var(--a1nn); border-radius: var(--z85g);
  opacity: 0; transform: translateY(-4px); transition: opacity var(--d4h), transform var(--d4h) var(--m0kg);
}
.stripLobbyDice:hover .lobbyNav { opacity: 1; transform: none; }

@media (max-width: 1280px) { .pillStagePill { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .pillStagePill { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.winPill {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; padding: 0;
  margin: 0;
  position: relative; gap: 1.5rem;
}
.winPill::before { top: 2.3125rem; right: 0; height: 0; left: 0; position: absolute;
  content: "";
  border-top: calc(var(--lfty) * 2) dashed var(--xfg);
}
.fieldGameDeck { justify-items: start; display: grid; position: relative; gap: 0.625rem; }
.stepZone { font-size: var(--e4n9); font-weight: 600; color: var(--uev); height: 1.125rem; text-transform: uppercase; letter-spacing: var(--sgh); }
.sideOffer {
  width: 1.125rem; height: 1.125rem; border-radius: 50%; margin-bottom: 0.5rem;
  background: var(--tkqp); border: calc(var(--lfty) * 2) solid var(--cjkm);
}
.sideOffer.flagPanel { box-shadow: 0 0 0 6px var(--zt3); border-color: var(--mro); background: var(--mro); }
.setMetaTray { width: 6rem; height: 6rem; object-fit: cover; border-radius: 50%; border: var(--lfty) solid var(--ij27); }
.clubDice { font-size: var(--m34s); }
.lineCrest { font-size: var(--uud); color: var(--p0s); }
@media (max-width: 1080px) {
  .winPill { gap: 0; grid-template-columns: 1fr; padding-left: 2.25rem; }
  .winPill::before { bottom: 0; right: auto; left: 0.5rem; top: 0; border-top: 0; width: 0; border-left: calc(var(--lfty) * 2) dashed var(--xfg); }
  .fieldGameDeck { grid-template-columns: 80px minmax(0, 1fr); column-gap: 18px; padding: 1rem 0; }
  .stepZone { grid-column: 1 / -1; }
  .sideOffer { position: absolute; left: -2.25rem; top: 1.125rem; }
  .setMetaTray { grid-row: span 3; width: 5rem; height: 5rem; }
}
.vipField { gap: clamp(32px, 5vw, 80px); grid-template-columns: 240px minmax(0, 760px); display: grid; justify-content: center; }
.metaTileBox { position: sticky; top: calc(var(--jio) + 28px); align-self: start; }
.metaTileBox ol { list-style: none; counter-reset: toc; border-left: var(--lfty) solid var(--xfg); padding: 0; margin: 0.875rem 0 0; }
.metaTileBox li { counter-increment: toc; }
.metaTileBox a { line-height: 1.35;
  font-size: var(--uud); grid-template-columns: 2.2em 1fr;
  display: grid;
  transition: color var(--d4h); padding: 0.4375rem 0 0.4375rem 0.875rem; color: var(--p0s);
}
.metaTileBox a::before { content: counter(toc, decimal-leading-zero); font: 400 var(--e4n9)/1.8 var(--dit); color: var(--uev); }
.metaTileBox a:hover { color: var(--mro); }
.stackGridOuter { display: grid; gap: 1.125rem; }
.boxBodyMeta { font-size: clamp(32px, 3.2vw, 50px); color: var(--wob3); }
.chip2StarFeature { font-size: var(--cs2); line-height: 1.6; color: var(--wob3); }
.chip2StarFeature::first-letter {
  float: left; margin: 0.08em 0.12em 0 0;
  font-family: var(--vdri); font-size: 3.4em; line-height: 0.8; color: var(--mro);
}
.gridLabel { scroll-margin-top: calc(var(--jio) + 20px); border-top: var(--lfty) solid var(--ij27); padding-top: 1.625rem; line-height: 1.7; }
.slotChip { font-size: var(--m34s); color: var(--wob3); margin-bottom: 0.875rem; }
@media (max-width: 1080px) {
  .vipField { grid-template-columns: minmax(0, 1fr); }
  .metaTileBox { position: static; }
  .metaTileBox ol { columns: 2; column-gap: 24px; }
}
@media (max-width: 600px) { .metaTileBox ol { columns: 1; } }
.leadLive { display: grid; justify-items: center; gap: 1.375rem; }
.lobbyLineDeal { display: grid; justify-items: center; gap: 0.625rem; text-align: center; }
.crownRail { font-size: clamp(30px, 3.4vw, 50px); }
.metaStar { width: min(860px, 100%); overflow: hidden; }
.innerRow { display: flex; align-items: center; border-bottom: var(--lfty) solid var(--ij27); gap: 0.75rem; padding: 0.875rem 1.25rem; }
.innerRow strong { display: block; font-size: var(--uud); }
.stackSide { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--e4n9); color: var(--uev); }
.winDeal { border-radius: 50%; color: var(--but); font: 700 16px/1 var(--vdri);
  display: grid; place-items: center; height: 2.5rem; flex: none;
  background: var(--mro); width: 2.5rem;
}
.ringMarkMeta { font-size: 0.8125rem; height: 1.875rem; width: 1.875rem; }
.zoneBox { display: grid; background: var(--riz); gap: 1.375rem; padding: 1.5rem 1.25rem; }
.noteNote { display: grid; gap: 0.625rem; }
.leadSet { gap: 0.625rem; align-items: flex-end; display: flex; }
.gridStage { justify-content: flex-end; }
.dotDeal { max-width: 72%; margin: 0; padding: 0.75rem 1rem; line-height: 1.55; font-size: var(--uud); }
.gridStage .dotDeal {
  border-radius: calc(var(--z85g) + 10px) calc(var(--z85g) + 10px) 4px calc(var(--z85g) + 10px); font-weight: 600; color: var(--but);
  background: var(--mro);
}
.listItem .dotDeal {
  background: var(--wg5); color: var(--p0s); border: var(--lfty) solid var(--ij27);
  border-radius: calc(var(--z85g) + 10px) calc(var(--z85g) + 10px) calc(var(--z85g) + 10px) 4px;
}
.markBlockMedia { align-items: center; gap: 0.625rem; display: flex; padding: 0.75rem 0.875rem; border-top: var(--lfty) solid var(--ij27); }
.clubPage { border-radius: var(--e2h5); padding: 0.625rem 0.875rem; background: var(--p44e); flex: 1; color: var(--uev); font-size: var(--uud); }
@media (max-width: 600px) { .dotDeal { max-width: 86%; } }
.innerCard { overflow: hidden; border-top: var(--lfty) solid var(--ij27); }
.gridRace { padding: 48px var(--rax6) 24px; gap: 2rem; max-width: 90rem; margin: 0 auto; display: grid; }
.stackTileField { display: grid; gap: 2rem; grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr)); }
.copyNavHero { min-width: 0; display: grid; align-content: start; font-size: var(--uud); gap: 0.625rem; padding: 1.375rem; color: var(--p0s); }
.menuInner { font-size: 1.625rem; color: var(--wob3); }
.groupLink { margin-top: 0.375rem; gap: 0.5rem; flex-wrap: wrap; display: flex; }
.edgeTab { flex: 1 1 180px; min-width: 0; }
.groupLink .navView { flex: 0 0 auto; }
.tileStar { margin-bottom: 0.75rem; font-size: var(--e4n9); text-transform: uppercase; font-weight: 600; color: var(--uev); letter-spacing: var(--sgh); }
.crestBand ul { display: grid; gap: 0.5625rem; font-size: var(--uud); color: var(--p0s); }
.crestBand a:hover { color: var(--mro); }
.slabMeta { display: flex; flex-wrap: wrap; align-items: center; gap: 1.125rem 1.75rem; padding: 1.25rem 0; border-top: var(--lfty) solid var(--ij27); border-bottom: var(--lfty) solid var(--ij27); }
.chipPaneLobby .boxBodySpin svg { height: 1.25rem; }
.chipPaneLobby { display: flex; flex-wrap: wrap; align-items: center; gap: 0.625rem 1.125rem; margin-right: auto; font: 500 var(--e4n9)/1 var(--dit); letter-spacing: 0.08em; text-transform: uppercase; color: var(--uev); }
.vipPromo { display: grid; place-items: center; width: 2.625rem; height: 2.625rem; border-radius: 50%; border: calc(var(--lfty) * 2) solid var(--hbz); color: var(--hbz); font-size: 0.8125rem; }
.innerHead { font-size: var(--e4n9); line-height: 1.7; color: var(--uev); max-width: 110ch; }
@media (max-width: 1320px) { .stackTileField { grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); } .copyNavHero { grid-row: span 2; } }
@media (max-width: 1180px) { .stackTileField { grid-template-columns: repeat(2, minmax(0, 1fr)); } .copyNavHero { grid-column: 1 / -1; grid-row: auto; } }
@media (max-width: 520px) { .groupLink { flex-direction: column; } }
.slabMeta .footGame { flex-basis: 100%; }
:root { --but: hsl(0 0% 100%); --zt3: rgba(180, 112, 75, 0.14); --mro: hsl(21 41% 50%); --a1nn: hsl(21 42% 59%); }
:root { --mro: hsl(21 41% 50%); --a1nn: hsl(21 42% 59%); --zt3: rgba(180, 112, 75, 0.14); --but: hsl(0 0% 100%); }
/*  responsive  */
:root { --tq0: 24px; --tor9: 16px; --e2h5: 12px; --z85g: 12px; --oay: 1200px; --lfty: 2px; --ge53: 6px; }

svg.slotMenu{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:currentColor}