/*! bundle 2026-06-11 */
@font-face {
  font-family: 'Zodiak';
  src: url(fonts/font-1.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Zodiak';
  src: url(fonts/font-2.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer';
  src: url(fonts/font-3.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Switzer';
  src: url(fonts/font-4.woff2) format("woff2");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-5.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-6.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-7.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-8.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --j0j: "Zodiak", "Iowan Old Style", Georgia, serif;
  --av0n: "Switzer", "Helvetica Neue", Arial, sans-serif;
  --uvj2: "IBM Plex Mono", ui-monospace, monospace;
  --fw10: #171512;
  --u1t: rgba(236, 222, 194, 0.16);
  --che: rgba(236, 222, 194, 0.28);

  --nw49: #c8a15a;
  --cwk3: #E7C985;
  --f49: rgba(200, 161, 90, 0.14);
  --gjmy: #15110a;

  --q9cn: #9CC59A;
  --qcrc: 400;
  --uce: none;
  --tvw: -0.02em;
  --yljg: 0px;
  --hjz: 0px;
  --epb: 0px;
  --lbt: 1px;
  --uwy3: 9px;
  --kp39: none;
  --zv5: 0px;
  --byn7: 0deg;
  --zbv3: repeating-linear-gradient(90deg, transparent 0 79px, var(--g0l) 79px 80px);
  --pb4r: repeating-linear-gradient(135deg, transparent 0 14px, var(--g0l) 14px 15px);
  --zo4: radial-gradient(60% 90% at 78% 70%, var(--f49), transparent 70%);
  --v8j: 15px;
  --x6b: 18px;
  --fz7h: 22px;
  --nk6o: 30px;

  --hv2s: 0.16em;
  --dwv2: 248px;
  --iiwo: clamp(16px, 2.6vw, 40px);
  --wxm: clamp(48px, 5vw, 76px);
  --juq: 172px;

  --rk0o: cubic-bezier(0.2, 0.7, 0.2, 1);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scrollbar-color: #2a261f transparent; }
body {
  margin: 0;
  background: #0D0C0A;
  color: #EFE6D3;
  font: 400 var(--v8j)/1.55 var(--av0n);
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body::after { inset: 0;
  position: fixed;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); z-index: 100;
  content: "";
  pointer-events: none;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { padding: 0; color: inherit; cursor: pointer; font: inherit; background: none; border: 0; }
h1, h2, h3, h4, p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
::selection { background: var(--nw49); color: var(--gjmy); }
:focus-visible { outline: 1px solid var(--cwk3); outline-offset: 3px; }
.offerTray { font-size: 1.25em; line-height: 1; flex: none; }
.linkMark { letter-spacing: -0.01em; font-variant-numeric: tabular-nums; font-family: var(--uvj2); }
.crownNav { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.footBody {
  clip-path: polygon(var(--uwy3) 0, 100% 0, 100% calc(100% - var(--uwy3)), calc(100% - var(--uwy3)) 100%, 0 100%, 0 var(--uwy3));
}
.item {
  display: inline-flex; padding: 0 1.25rem; text-transform: uppercase;
  height: var(--woy);
  letter-spacing: 0.06em;
  transition: background 240ms var(--rk0o), color 240ms var(--rk0o), box-shadow 240ms var(--rk0o);
  font: 500 13px/1 var(--av0n); align-items: center;
  white-space: nowrap;
  --woy: 42px; gap: 10px; justify-content: center;
}
.rowItem { padding: 0 16px; font-size: 11px; --woy: 36px; }
.footBonusOuter { --woy: 52px; padding: 0 1.875rem; }
.tileFeature {
  background: linear-gradient(180deg, var(--cwk3), var(--nw49) 60%);
  color: var(--gjmy);
  clip-path: polygon(var(--uwy3) 0, 100% 0, 100% calc(100% - var(--uwy3)), calc(100% - var(--uwy3)) 100%, 0 100%, 0 var(--uwy3));
}
.tileFeature:hover { background: var(--cwk3); }
.paneArea { color: #EFE6D3; box-shadow: inset 0 0 0 1px var(--u1t); }
.paneArea:hover { box-shadow: inset 0 0 0 1px var(--nw49); color: var(--cwk3); }
.tableLabel {
  width: 2.5rem; place-items: center; height: 40px;
  display: inline-grid;
  color: #A99F8B;
  box-shadow: inset 0 0 0 1px rgba(236, 222, 194, 0.08);
  transition: color 240ms, box-shadow 240ms;
}
.tableLabel:hover { color: var(--cwk3); box-shadow: inset 0 0 0 1px var(--che); }
.noteDeck {
  display: flex; align-items: center; gap: 0.625rem;
  height: 42px; padding: 0 0.875rem;
  background: #121110;
  box-shadow: inset 0 0 0 1px rgba(236, 222, 194, 0.08);
  color: #71695b;
  transition: box-shadow 240ms;
}
.noteDeck:focus-within { box-shadow: inset 0 0 0 1px var(--che); }
.noteDeck input {
  flex: 1; min-width: 0; height: 100%;
  background: none; border: 0; outline: 0;
  color: #EFE6D3; font: inherit; font-size: 13px;
}
.noteDeck input::placeholder { color: #71695b; }
.noteDeck kbd { box-shadow: inset 0 0 0 1px var(--u1t);
  padding: 0.25rem 0.375rem; color: #71695b;
  font: 500 10px/1 var(--uvj2);
}
.raceArea {
  display: inline-flex; align-items: center; gap: 0.75rem;
  font: 500 11px/1 var(--av0n);
  letter-spacing: var(--hv2s); text-transform: uppercase;
  color: var(--nw49);
}
.raceArea::before { background: currentColor; content: ""; width: 28px; height: 1px; }
.copyChip { line-height: 1.02;
  font-family: var(--j0j);
  text-transform: var(--uce); font-weight: var(--qcrc);
  letter-spacing: var(--tvw);
}
.copyChip em { font-style: italic; color: var(--cwk3); }
.jackpotTile {
  display: inline-flex; align-items: center;
  height: 18px; padding: 0 6px;
  font: 500 9.5px/1 var(--uvj2); letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--cwk3);
  background: #0D0C0A;
  box-shadow: inset 0 0 0 1px var(--nw49);
}
.tableMenuStep { color: #df7c4f; box-shadow: inset 0 0 0 1px #df7c4f; }
.tileBase { color: var(--q9cn); box-shadow: inset 0 0 0 1px var(--q9cn); }
.slabLine {
  box-shadow: inset 0 0 0 1px rgba(236, 222, 194, 0.08);
  background: var(--fw10);
  position: relative;
}
.diceOffer {
  overflow: hidden;
  background: radial-gradient(120% 80% at 50% 100%, #2a261f, #121110 70%);
  border-radius: 999px 999px 0 0;
  box-shadow: inset 0 0 0 1px var(--u1t);
  position: relative;
}
.diceOffer::after {
  content: ""; position: absolute;
  pointer-events: none; inset: 0.5rem;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--f49);
}
.diceOffer img { width: 100%; height: 100%; object-fit: cover; }
.starFeatureRace {
  flex: none;
  display: inline-block; width: 6px; height: 0.375rem; border-radius: 50%;
  background: var(--q9cn);
  box-shadow: 0 0 0 3px rgba(156, 197, 154, 0.14);
}
.offerBase { display: grid; gap: 0.375rem; }
.panelNav { font-size: 11px; letter-spacing: var(--hv2s); text-transform: uppercase; color: #71695b; }
.stageSeal { font: 500 var(--x6b)/1 var(--uvj2); color: #EFE6D3; }
.copyCellGroup { align-items: center; letter-spacing: var(--hv2s); text-transform: uppercase;
  display: inline-flex;
  color: #A99F8B; gap: 8px;
  transition: color 240ms;
  font-size: 11px;
}
.copyCellGroup:hover { color: var(--cwk3); }
.listTile {
  display: flex; align-items: center; gap: 16px;
  margin-bottom: 1.375rem;
}
.markUnitBox { font: 400 11px/1 var(--uvj2); color: var(--nw49); letter-spacing: 0.08em; }
.raceWrap { font: 400 var(--nk6o)/1 var(--j0j); letter-spacing: -0.02em; white-space: nowrap; }
.raceWrap .offerTray { display: none; }
.mediaPromo { flex: 1; height: 1px; background: var(--u1t); min-width: 24px; }
.labelRear { display: flex; gap: 0.375rem; }
.listTile .copyCellGroup { white-space: nowrap; }
@media (max-width: 720px) {
  .listTile { gap: 10px; }
  .raceWrap { font-size: 1.5rem; white-space: normal; min-width: 0; }
  .labelRear { display: none; }
  .listTile .copyCellGroup .linkMark { display: none; }
}
.line {
  display: grid; place-items: center;
  width: 34px; height: 34px;
  color: #A99F8B;
  box-shadow: inset 0 0 0 1px var(--u1t);
  transition: color 240ms, box-shadow 240ms, opacity 240ms;
}
.line:hover { color: var(--cwk3); box-shadow: inset 0 0 0 1px var(--nw49); }
.line[disabled] { opacity: 0.3; pointer-events: none; }
.footDeal {
  display: grid; grid-auto-flow: column; grid-auto-columns: var(--juq);
  gap: 0.875rem;
  overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scrollbar-width: none;
}
.footDeal::-webkit-scrollbar { display: none; }
.footDeal > * { scroll-snap-align: start; }
/*  sections  */
.ringOuter { min-width: 0; gap: 0.625rem; grid-template-columns: minmax(0, 1fr); display: grid; }
.mainTop {
  position: relative; aspect-ratio: var(--r4u, 3 / 2); overflow: hidden;
  background: #1F1C17;
}
.mainTop::after {
  content: ""; position: absolute; inset: 0;
  box-shadow: inset 0 0 0 1px rgba(236, 222, 194, 0.08);
  transition: box-shadow 240ms var(--rk0o);
}
.mainTop img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms var(--rk0o), filter 240ms; filter: saturate(0.92); }
.shapeRingSlot { z-index: 1; position: absolute; left: 0.5rem; top: 0.5rem; }
.ringOuter:hover .mainTop img { transform: scale(1.05); filter: saturate(1.05); }
.ringOuter:hover .mainTop::after { box-shadow: inset 0 0 0 1px var(--nw49), inset 0 0 0 5px rgba(13, 12, 10, 0.55); }
.frontMetaFrame { font-size: 13px; overflow: hidden; text-overflow: ellipsis; font-weight: 500; white-space: nowrap; }
.cellDotChip { font-size: 11px; color: #71695b; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 3px; }
.cellDotChip > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rowCell { flex: none; display: inline-flex; align-items: center; gap: 6px; font-family: var(--uvj2); color: #A99F8B; }
.labelView {
  color: #EFE6D3;
  --d35e: 34px;
  display: inline-flex; align-items: center;
  text-decoration: none;
  white-space: nowrap; gap: 0.3em;
  font-size: var(--d35e); line-height: 1;
}
.wrapPane { --d35e: 44px; }
.tabLead {
  font-family: var(--j0j); font-weight: var(--qcrc);
  text-transform: var(--uce); letter-spacing: var(--tvw);
  font-size: 0.74em; line-height: 1;
}
.aceDice { position: relative; flex: none; }
@media (max-width: 720px) { .stripDeal .labelView { --d35e: 28px; } }
.crownSpinShape { display: inline-grid; justify-items: center; gap: 0.08em; }
.boxTopSeal {
  font-size: 0.66em; letter-spacing: var(--tvw); font-weight: var(--qcrc);
  font-family: var(--j0j); line-height: 0.95;
  text-transform: var(--uce);
}
.cellGold { width: 100%;
  display: flex; letter-spacing: 0.36em; text-transform: uppercase;
  color: var(--nw49); align-items: center; gap: 0.35em;
  font: 700 0.26em/1 var(--av0n);
  padding-left: 0.36em;
}
.cellGold::before, .cellGold::after {
  background: currentColor;
  content: ""; flex: 1; height: 0.12em; min-width: 0.8em;
}
.dock { overflow-x: clip; }
.zoneCrest { width: 100%; max-width: 1520px; margin: 0 auto; padding-left: var(--iiwo); padding-right: var(--iiwo); }
.deckLinkPage { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--wxm); padding-top: 24px; padding-bottom: var(--wxm); }
.deckLinkPage > * { min-width: 0; }
.stripDeal { top: 0;
  border-bottom: var(--lbt) solid rgba(236, 222, 194, 0.08); z-index: 30;
  backdrop-filter: blur(12px);
  background: color-mix(in srgb, #0D0C0A 90%, transparent);
  position: sticky;
}
.mediaWrap { display: flex; align-items: center; gap: 1.25rem; height: 68px; }
.zoneBase { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.blockView { display: none; }
.panelStep { display: none; }
.dock.barLobby .panelStep { display: block; position: fixed; inset: 0; z-index: 45; background: rgba(0, 0, 0, 0.55); }
.groupOuter { bottom: 0; transition: transform 320ms var(--rk0o); top: 0;
  overflow-y: auto; background: #0D0C0A; left: 0;
  position: fixed;
  display: flex; z-index: 50;
  transform: translateX(-102%);
  width: min(320px, 88vw); padding: 16px; border-right: var(--lbt) solid rgba(236, 222, 194, 0.08); gap: 1.125rem; flex-direction: column;
}
.dock.barLobby .groupOuter { transform: none; }
.bodyInnerRing { justify-content: space-between; align-items: center; display: flex; }
.stepRow { display: grid; gap: 4px; }
.navAceSlab { display: flex; align-items: center; height: 2.875rem; color: #A99F8B; border-radius: var(--epb); padding: 0 12px; gap: 0.75rem; }
.navAceSlab.chip2Meta, .navAceSlab:hover { background: var(--fw10); color: #EFE6D3; }
.navAceSlab .offerTray { color: var(--nw49); }
.metaCopyBody { display: grid; gap: 0.5rem; }
.footChip2Nav { font-size: 13px; display: grid; gap: 0.625rem; color: #71695b; margin-top: auto; }
@media (max-width: 1080px) {
  .blockView { display: inline-grid; }
}
@media (max-width: 640px) {
  .zoneBase .paneArea { display: none; }
  .mediaWrap { gap: 0.75rem; }
}
.pageFront { margin: 0 auto; max-width: 35rem; flex: 1; }
.stackUnit { padding: 0 10px; gap: 6px; font-weight: 600; font-size: 13px; align-items: center; color: #A99F8B; display: inline-flex; }
.stackUnit .offerTray { color: var(--nw49); }
.spinShape { border-top: var(--lbt) solid rgba(236, 222, 194, 0.08); background: color-mix(in srgb, #121110 70%, transparent); }
.slotCore { scrollbar-width: none; display: flex; overflow-x: auto; gap: 4px; }
.slotCore::-webkit-scrollbar { display: none; }
.sideLeadLine { gap: 0.25rem; font-weight: 600;
  flex: 1 0 auto; min-width: 6rem; transition: color 240ms, border-color 240ms, background 240ms; display: grid; justify-items: center; padding: 0.625rem 0.75rem 0.5625rem; color: #71695b;
  font-size: 12px;
  border-bottom: 3px solid transparent;
}
.sideLeadLine .offerTray { font-size: 1.375rem; }
.sideLeadLine:hover { color: #EFE6D3; background: var(--fw10); }
.sideLeadLine.chip2Meta { color: #EFE6D3; border-bottom-color: var(--nw49); }
.sideLeadLine.chip2Meta .offerTray { color: var(--nw49); }
.flagStackTab { display: none; }
@media (max-width: 900px) { .pageFront { display: none; } .stackUnit { display: none; } }
@media (max-width: 720px) {
  .spinShape { display: none; }
  .flagStackTab { right: 0;
    padding: 6px 6px calc(6px + env(safe-area-inset-bottom)); bottom: 0; z-index: 30;
    position: fixed;
    display: grid; left: 0; grid-template-columns: repeat(5, 1fr); backdrop-filter: blur(12px);
    background: color-mix(in srgb, #121110 95%, transparent);
    border-top: var(--lbt) solid rgba(236, 222, 194, 0.08);
  }
  .lineZone { gap: 3px; justify-items: center; font-size: 0.625rem; color: #71695b; display: grid; padding: 6px 0; }
  .lineZone .offerTray { font-size: 1.375rem; }
  .lineZone.chip2Meta { color: var(--nw49); }
  .starStarStep { padding-bottom: 4.375rem; }
}
.menu { color: #A99F8B; }
.menu p { margin: 0 0 1em; }
.menu p:last-child { margin-bottom: 0; }
.labelDice { margin: 1.4em 0 0.5em; font-size: var(--x6b); color: #EFE6D3; font-weight: 600; }
.topTableStack, .ringLead { display: grid; padding: 0; gap: 0.55em; list-style: none; margin: 0 0 1.1em; }
.topTableStack li { position: relative; padding-left: 1.4em; }
.topTableStack li::before {
  content: ""; position: absolute; left: 0.1em; top: 0.62em;
  width: 0.45em; height: 0.45em;
  background: var(--nw49); border-radius: calc(var(--epb) * 0.2);
  transform: rotate(45deg);
}
.ringLead { counter-reset: step; }
.ringLead li { min-height: 1.7em; counter-increment: step; position: relative; padding-left: 2.3em; }
.ringLead 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(--uvj2); color: var(--gjmy);
  background: var(--nw49); border-radius: 50%;
}
.menu, .menu > * { min-width: 0; }