.rear__edge { display: grid; gap: 0.75rem; margin-top: 0.5rem; }
.rear__edge h2 { color: hsl(120 31% 95%); margin-top: 1.125rem; font-size: 22px; }
.view__base { list-style: none; margin: 0.5rem 0; padding: 0; display: grid; gap: 0.625rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.view__base li { display: grid; gap: 0.25rem; padding: 1rem 1.125rem; border: 1px solid rgba(242, 181, 58, 0.14); border-radius: var(--ds-live); background: hsl(177 61% 11%); }
.pane__meta { font-size: var(--ds-base-18); text-transform: uppercase; color: hsl(168 13% 50%); letter-spacing: 0.16em; }
.table__cell--view { font-weight: 600; color: hsl(120 31% 95%); word-break: break-word; }
.feature__frame--block { font-size: var(--ds-deck-9m); color: #A9C4BB; }
.head__strip { display: flex; font-size: var(--ds-deck-9m); gap: 0.5rem 1.125rem; margin: 0.875rem 0 0.25rem; flex-wrap: wrap; }
.head__strip a { text-decoration: underline; color: #A9C4BB; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent); }
.head__strip a:hover { color: hsl(120 31% 95%); }
.offer--set { box-shadow: 0 1px 0 rgba(242, 181, 58, 0.28), 0 10px 0 -9px rgba(0, 0, 0, 0.5); border-bottom: 0; background: rgba(5, 28, 27, 0.86); }
.offer--set::after { content: ""; position: absolute; left: 0; right: 0; bottom: -0.375rem; height: 0.375rem; opacity: 0.6; background: linear-gradient(135deg, rgba(242, 181, 58, 0.28) 25%, transparent 25%) -3px 0 / 6px 6px, linear-gradient(225deg, rgba(242, 181, 58, 0.28) 25%, transparent 25%) -3px 0 / 6px 6px; pointer-events: none; }
.base, .strip--side { background: linear-gradient(180deg, rgba(11, 46, 44, 0.6), rgba(5, 28, 27, 0.9)); border-right-color: rgba(242, 181, 58, 0.28); }
.bar__tray { border-radius: 0.625rem; font-weight: 500; }
.bar__tray .feature--tab { color: hsl(168 13% 50%); }
.bar__tray.mark--bar { background: linear-gradient(90deg, rgba(242, 181, 58, 0.18), transparent); box-shadow: inset 2px 0 0 var(--ds-front); color: var(--ds-edge-q0); }
.bar__tray.mark--bar .feature--tab { color: var(--ds-front); }
.dock__cell { font-family: "Cinzel","Trajan Pro",Georgia,serif; font-weight: 700; color: var(--ds-front); opacity: 0.8; }
.strip__zone { background: linear-gradient(180deg, rgb(16, 58, 55), hsl(177 61% 11%)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -3px 0 rgba(0, 0, 0, 0.3), 0 14px 30px -18px rgba(0, 0, 0, 0.9); font-weight: 700; color: var(--ds-edge-q0); border-color: rgba(242, 181, 58, 0.28); font-family: "Cinzel","Trajan Pro",Georgia,serif; }
.spin__strip { border-radius: 0.625rem; border-color: rgba(242, 181, 58, 0.28); }
.spin__strip.mark--bar { background: linear-gradient(180deg, rgb(255, 224, 138), var(--ds-front)); color: var(--ds-gold); }
.stage__dot { text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.8125rem; font-weight: 700; font-family: "Cinzel","Trajan Pro",Georgia,serif; }
.cell__rail.mark--bar { background: var(--ds-link-0l); box-shadow: inset 0 -2px 0 var(--ds-front); }
.race__dice { gap: 0.875rem; grid-template-columns: minmax(0, 2.2fr) minmax(260px, 1fr); display: grid; }
.dot__link { position: relative; overflow: hidden; isolation: isolate; }
.dot__link::before { background: radial-gradient(50% 70% at 80% 60%, rgba(55, 224, 176, 0.18), transparent 70%), radial-gradient(30% 50% at 20% 10%, rgba(242, 181, 58, 0.12), transparent 70%), linear-gradient(135deg,rgba(242,181,58,0.07) 25%,transparent 25%) -12px 0 / 24px 24px,linear-gradient(225deg,rgba(242,181,58,0.07) 25%,transparent 25%) -12px 0 / 24px 24px; inset: 0; z-index: -1; content: ""; position: absolute; }
.wrap__table {
  display: grid; grid-auto-flow: column; grid-auto-columns: 100%;
  overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
}
.wrap__table::-webkit-scrollbar { display: none; }
.offer__win { gap: 1.5rem;
  scroll-snap-align: start; padding: 40px 40px 76px clamp(24px, 4vw, 52px);
  min-height: 25rem; align-items: center;
  display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
}
.cell__hero--ace { gap: 1.125rem; display: grid; justify-items: start; }
.rail__rear { font-size: clamp(36px, 3.6vw, 60px); max-width: 13ch; }
.rail__rear em { display: block; }
.shape__win--group { max-width: 42ch; color: #A9C4BB; }
.rear__note { object-fit: cover; aspect-ratio: 1;
  transform: rotate(calc(var(--ds-foot-ag) * -1)); width: min(100%, 320px);
  justify-self: center;
  box-shadow: 0 24px 40px -16px rgba(0, 0, 0, 0.8), 0 0 40px -10px rgba(55, 224, 176, 0.35);
  border-radius: var(--ds-dock);
}
.view__body--spin {
  position: absolute; left: clamp(24px, 4vw, 52px); bottom: 1.375rem;
  display: flex; align-items: center; gap: 0.75rem;
}
.pill__field { display: flex; gap: 0.375rem; }
.panel__shape { border-radius: var(--ds-menu); height: 0.25rem; transition: width 240ms cubic-bezier(0.22, 0.9, 0.3, 1.05), background 240ms; background: rgba(242, 181, 58, 0.28); width: 1.375rem; }
.panel__shape.mark--bar { width: 2.75rem; background: var(--ds-front); }
.feature__area{gap:0.875rem;grid-template-rows:1fr 1fr;display:grid}
.mark__slab--shape{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:1.125rem;padding:1rem;overflow:hidden;transition:transform 240ms cubic-bezier(0.22, 0.9, 0.3, 1.05),box-shadow 240ms}
.mark__slab--shape:hover{transform:translateY(calc(var(--ds-hero) * -1));box-shadow:var(--ds-table)}
.mark__slab--shape img{width:7rem;object-fit:cover;height:7rem;border-radius:var(--ds-dock)}
.top__tile{display:grid;gap:0.5rem}
.bonus__reel{font-size:1.5rem}
.vip__outer{display:inline-flex;align-items:center;gap:0.375rem;font-size:var(--ds-base-18);color:#A9C4BB}
@media (max-width: 1180px) {
  .race__dice { grid-template-columns: 1fr; }
  .feature__area { grid-template-rows: none; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .offer__win { grid-template-columns: 1fr; padding: 1.5rem 1.25rem 4.75rem; min-height: 0; }
  .rear__note { order: -1; width: 11.25rem; }
  .view__body--spin { left: 1.25rem; }
  .feature__area { grid-template-columns: 1fr; }
  .mark__slab--shape { grid-template-columns: 84px minmax(0, 1fr); }
  .mark__slab--shape img { width: 5.25rem; height: 5.25rem; }
}
.unit__feature--reel { --ds-row-p5: 320px; width: min(100%, 380px); }
@media (max-width: 720px) {
  .unit__feature--reel { --ds-hero-dn: min(64vw, 280px); width: min(78vw, 320px); justify-self: start; order: -1; }
}
.strip__group--table { display: grid; grid-template-columns: minmax(260px, 0.9fr) minmax(0, 2.4fr); gap: 0.875rem; }
.view__head--rail { display: grid; align-content: start; justify-items: start; gap: 1rem; padding: 1.75rem; }
.chip2__reel { font-size: 2.75rem; }
.area__edge { font-size: var(--ds-deck-9m); color: #A9C4BB; }
.ace__slab--edge { display: grid; gap: 0.5rem; width: 100%; padding: 1rem 0; border-top: 1px solid rgba(242, 181, 58, 0.14); border-bottom: 1px solid rgba(242, 181, 58, 0.14); }
.menu__main--bonus { align-items: baseline; justify-content: space-between; display: flex; }
.menu__main--bonus .front--rail { color: var(--ds-edge-q0); }
.foot__side { height: 0.5rem; border-radius: var(--ds-menu); background: #051c1b; overflow: hidden; }
.foot__side span { background: linear-gradient(90deg, var(--ds-front), var(--ds-edge-q0)); display: block; height: 100%; }
.core__frame { font-size: var(--ds-base-18); color: hsl(168 13% 50%); }
.pill__list--chip2{overflow-x:auto}
.pill__list--chip2 table{border-collapse:collapse;table-layout:fixed;min-width:37.5rem;font-size:var(--ds-deck-9m);width:100%}
.pill__list--chip2 th,.pill__list--chip2 td{padding:0.875rem 0.75rem;overflow-wrap:anywhere;text-align:left;border-bottom:1px solid rgba(242, 181, 58, 0.14)}
.pill__list--chip2 tbody tr:last-child>*{border-bottom:0}
.pill__list--chip2 thead th{padding-top:1.5rem;vertical-align:bottom}
.pill__list--chip2 tbody th{white-space:nowrap;font-size:var(--ds-base-18);font-weight:500;color:hsl(168 13% 50%);letter-spacing:0.16em;text-transform:uppercase}
.pill__list--chip2 td{color:#A9C4BB}
.box__slab{font-size:1.5rem;color:hsl(120 31% 95%)}
.pill__list--chip2 .field--lobby{background:var(--ds-link-0l);color:hsl(120 31% 95%)}
.pill__list--chip2 th.field--lobby .box__slab{color:var(--ds-edge-q0)}
.step__foot{color:var(--ds-front)}
.inner__menu{display:inline-block;transform:rotate(45deg);color:hsl(168 13% 50%)}
@media (max-width:1180px){.strip__group--table{grid-template-columns:1fr}}
.shape__pane--deck .set--dot{--ds-jackpot-af:clamp(200px,calc((100% - 14px * 4) / 5),300px)}
@media (max-width:720px){.shape__pane--deck .set--dot{--ds-jackpot-af:64vw}}
.set__base{display:grid;grid-template-columns:auto minmax(0,1fr);overflow:hidden}
.foot__group--rail{display:flex;align-items:center;gap:0.625rem;padding:0 1.375rem;font-size:var(--ds-base-18);letter-spacing:0.16em;text-transform:uppercase;color:#A9C4BB;border-right:1px solid rgba(242, 181, 58, 0.14)}
.reel__base{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.flag__outer{display:flex;width:max-content;animation:wins-a-marquee 60s linear infinite}
.set__base:hover .flag__outer{animation-play-state:paused}
.strip__race--promo{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1.625rem 0.75rem 1.125rem;border-right:1px solid rgba(242, 181, 58, 0.14)}
.strip__race--promo img{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:var(--ds-menu)}
.list__club{display:grid;gap:0.25rem}
.nav__area{font-size:var(--ds-base-18);color:hsl(168 13% 50%);white-space:nowrap}
.nav__area span{opacity:0.7}
.body__panel{font-size:var(--ds-head);color:var(--ds-edge-q0)}
.win__deck{font-size:var(--ds-base-18);color:#A9C4BB;padding:3px 0.375rem;border:1px solid rgba(242, 181, 58, 0.28);border-radius:var(--ds-menu)}
@keyframes wins-a-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.flag__outer{animation:none}.reel__base{overflow-x:auto}}
@media (max-width:720px){.set__base{grid-template-columns:1fr}.foot__group--rail{padding:0.75rem 1rem;border-right:0;border-bottom:1px solid rgba(242, 181, 58, 0.14)}}
.block__group{margin:0;grid-auto-columns:232px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0.25rem 2px 0.75rem;list-style:none;scrollbar-width:none;gap:0.5rem;display:grid;grid-auto-flow:column}
.block__group::-webkit-scrollbar{display:none}
.win__group{align-items:flex-end;display:flex;position:relative;padding-left:4rem;scroll-snap-align:start}
.side__pane{color:#051c1b;position:absolute;-webkit-text-stroke:3px rgba(242,181,58,0.6);left:0;font-size:11.875rem;bottom:1.875rem;z-index:0;letter-spacing:-0.06em;line-height:0.8}
.pill__group--set{width:100%;z-index:1;position:relative}
.win__group:first-child .side__pane{-webkit-text-stroke-color:var(--ds-front)}
@media (max-width:720px){.block__group{grid-auto-columns:180px}.win__group{padding-left:3rem}.side__pane{font-size:8.75rem}}
.hero__set--frame{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,calc((100% - 42px) / 4));gap:0.875rem;margin:0;padding:2px 2px 0.75rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.hero__set--frame::-webkit-scrollbar{display:none}
.hero__set--frame>li{scroll-snap-align:start}
.flag__block{position:relative;display:block;height:26.25rem;overflow:hidden;border-radius:var(--ds-live);border:1px solid rgba(242, 181, 58, 0.14);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -3px 0 rgba(0, 0, 0, 0.3), 0 14px 30px -18px rgba(0, 0, 0, 0.9);background:rgb(16, 58, 55);transition:transform 240ms cubic-bezier(0.22, 0.9, 0.3, 1.05),box-shadow 240ms}
.flag__block:hover{transform:translateY(calc(var(--ds-hero) * -1));box-shadow:var(--ds-table)}
.flag__block img{object-fit:cover;position:absolute;inset:0;height:100%;transition:transform 800ms cubic-bezier(0.22, 0.9, 0.3, 1.05);width:100%;object-position:50% 30%}
.flag__block:hover img{transform:scale(1.06)}
.flag__block::after{position:absolute;content:"";background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,0.92) 78%);inset:0}
.tab__main--side{z-index:1;left:0.875rem;top:0.875rem;background:rgba(0,0,0,0.55);backdrop-filter:blur(6px);position:absolute;font-size:var(--ds-base-18);color:#fff;display:inline-flex;border-radius:var(--ds-chip-ly);padding:0.3125rem 0.625rem;align-items:center;gap:0.375rem}
.line__dice{color:#fff;right:1.25rem;display:grid;left:1.25rem;bottom:1.25rem;gap:0.5rem;position:absolute;z-index:1}
.bonus__strip{font-size:1.75rem}
.link__vip--tab{font-size:var(--ds-deck-9m);color:rgba(255,255,255,0.78)}
.row__group--vip{display:inline-flex;align-items:center;gap:0.375rem;margin-top:0.25rem;font-size:var(--ds-deck-9m);font-weight:600;color:var(--ds-edge-q0)}
@media (max-width:720px){.hero__set--frame{grid-auto-columns:78vw}.flag__block{height:23.75rem}}
.dock__seal{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0.875rem}
.inner__deal{position:relative;display:grid;grid-template-rows:auto auto;overflow:hidden;background:hsl(177 61% 11%);border:1px solid rgba(242, 181, 58, 0.14);border-radius:var(--ds-live);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 -3px 0 rgba(0, 0, 0, 0.3), 0 14px 30px -18px rgba(0, 0, 0, 0.9);transition:border-color 240ms,transform 240ms cubic-bezier(0.22, 0.9, 0.3, 1.05),box-shadow 240ms}
.inner__deal img{object-fit:cover;width:100%;aspect-ratio:1}
.inner__deal:hover{box-shadow:var(--ds-table);transform:translateY(calc(var(--ds-hero) * -1));border-color:var(--ds-front)}
.wrap__dice{display:grid;gap:0.375rem;padding:0.875rem 0.875rem 1rem}
.zone__list--note{font-size:var(--ds-head-zb)}
.band__view{display:inline-flex;font-size:var(--ds-base-18);white-space:nowrap;color:hsl(168 13% 50%);align-items:center;gap:0.375rem}
.band__view .front--rail{color:#A9C4BB}
.feature__game{position:absolute;top:0.625rem;right:0.625rem;display:grid;place-items:center;width:2rem;height:2rem;background:#051c1b;color:var(--ds-edge-q0);border-radius:var(--ds-menu);opacity:0;transform:translateY(-4px);transition:opacity 240ms,transform 240ms cubic-bezier(0.22, 0.9, 0.3, 1.05)}
.inner__deal:hover .feature__game{opacity:1;transform:none}
@media (max-width: 1280px) { .dock__seal { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .dock__seal { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.edge__wrap { border-bottom: 1px solid rgba(242, 181, 58, 0.28); display: flex; padding-bottom: 1rem; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 0.75rem 1.5rem; }
.mark__ace--edge { font-size: 32px; }
.club__link { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.club__link a {
  border-radius: var(--ds-menu); color: #A9C4BB; padding: 0 0.375rem; height: 1.875rem; min-width: 1.875rem; font: 500 var(--ds-base-18)/1 "Lexend", "Segoe UI", sans-serif; place-items: center;
  transition: background 240ms, color 240ms;
  display: grid;
}
.club__link a:hover { background: var(--ds-front); color: var(--ds-gold); }
.gold__inner { margin: 1.125rem 0 1.625rem; grid-template-columns: repeat(6, minmax(0, 1fr)); list-style: none; gap: 0.625rem; padding: 0; display: grid; }
.gold__inner img { width: 100%; opacity: 0.7; transition: opacity 240ms; height: 2.5rem; }
.gold__inner a:hover img { opacity: 1; }
.group__front--gold { columns: 4 200px; column-gap: 32px; }
.flag__media { break-inside: avoid; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 0.25rem; margin-bottom: 1.125rem; scroll-margin-top: calc(70px + 20px); }
.note__foot { font-size: 1.625rem; line-height: 1; color: var(--ds-front); }
.flag__media ul { display: grid; gap: 0.25rem; }
.flag__media li { display: flex; align-items: baseline; gap: 0.5rem; font-size: var(--ds-deck-9m); }
.flag__media li a { color: hsl(120 31% 95%); transition: color 240ms; }
.flag__media li a:hover { color: var(--ds-front); }
.flag__media li .front--rail { margin-left: auto; font-size: 0.6875rem; color: hsl(168 13% 50%); }
@media (max-width: 900px) { .gold__inner { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.unit__pane { padding: clamp(24px, 4vw, 56px); }
.body__wrap--dice { margin-bottom: 2rem; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  border-bottom: calc(1px * 3) double rgba(242, 181, 58, 0.28); gap: 1rem 3rem;
  display: grid; align-items: start;
  padding-bottom: 2rem;
}
.body__wrap--dice .box--outer { grid-column: 1 / -1; }
.hero__foot--cell { font-size: clamp(30px, 3.4vw, 52px); }
.chip2__pill { line-height: 1.6; color: hsl(120 31% 95%); font-size: var(--ds-head-zb); }
.list__dot {
  column-count: 3; column-gap: 48px;
  column-rule: 1px solid rgba(242, 181, 58, 0.14);
  font-size: var(--ds-deck-9m); line-height: 1.7;
}
.tile__seal { margin-bottom: 1.75rem; }
.flag__unit { break-after: avoid; font-size: var(--ds-head-zb); color: hsl(120 31% 95%); margin-bottom: 0.625rem; }
.list__dot .win__note, .list__dot .area__slot, .list__dot .inner__bar--cell li { break-inside: avoid; }
.list__dot .win__note table { font-size: 0.75rem; }
.list__dot .lobby__spin--lobby { column-span: all; margin: 0.5rem 0 1.75rem; }
.list__dot .lobby__spin--lobby table { font-size: var(--ds-deck-9m); }
.list__dot .win__note th, .list__dot .win__note td { padding: 0.4375rem 0.5rem; white-space: normal; }
.list__dot .win__note thead th { font-size: 0.625rem; letter-spacing: 0.04em; }
@media (max-width: 1280px) { .list__dot { column-count: 2; } }
@media (max-width: 800px) {
  .body__wrap--dice { grid-template-columns: 1fr; }
  .list__dot { column-count: 1; }
}
.spin__dice { grid-template-columns: minmax(0, 1fr); }
.spin__dice .hero__foot--cell { max-width: 22ch; }
.spin__dice .chip2__pill { max-width: 64ch; }
.game__list { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); gap: clamp(28px, 5vw, 72px); }
.base__bonus--shape { position: sticky; gap: 0.875rem; justify-items: start; top: calc(70px + 28px); display: grid; align-self: start; }
.slot__reel { font-size: clamp(30px, 3vw, 46px); }
.lobby__spin { color: #A9C4BB; }
.box__slot--bonus { align-items: center; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 0.75rem; padding: 1rem; width: 100%; margin-top: 0.5rem; }
/*  temp  */
.box__slot--bonus .tile--chip2 { grid-column: 1 / -1; }
.box__slot--bonus :is(strong, b) { display: block; font-size: var(--ds-deck-9m); }
.dice__frame { color: var(--ds-gold); width: 2.75rem; display: grid; font-size: 1.25rem; place-items: center; background: var(--ds-front); height: 2.75rem; border-radius: 50%; }
.win__dock--mark { display: inline-flex; align-items: center; gap: 0.375rem; font-size: var(--ds-base-18); color: hsl(168 13% 50%); }
.gold__field--flag { display: grid; gap: 0.625rem; }
.side__table--live { overflow: hidden; }
.side__table--live summary {
  display: grid; grid-template-columns: 44px minmax(0, 1fr) 32px; gap: 0.75rem; cursor: pointer; align-items: center; list-style: none;
  padding: 1.125rem 1.25rem;
}
.side__table--live summary::-webkit-details-marker { display: none; }
.rail__seal { font-size: var(--ds-deck-9m); color: var(--ds-front); }
.race__chip { font-size: var(--ds-head-zb); font-weight: 600; }
/*  layout  */
.slab__dot { background: rgb(16, 58, 55); display: grid; place-items: center; width: 2rem; border-radius: 50%; height: 2rem; transition: transform 240ms cubic-bezier(0.22, 0.9, 0.3, 1.05), background 240ms; }
.side__table--live[open] .slab__dot { color: var(--ds-gold); background: var(--ds-front); transform: rotate(45deg); }
.side__table--live p { padding: 0 4rem 1.375rem 4.75rem; color: #A9C4BB; }
@media (max-width: 900px) {
  .game__list { grid-template-columns: 1fr; }
  .base__bonus--shape { position: static; }
  .side__table--live p { padding: 0 1.25rem 1.25rem; }
}
.dock__frame { background: #072322; border-top: 1px solid rgba(242, 181, 58, 0.14); }
.chip__dot--frame { padding: 28px clamp(16px, 2.6vw, 38px) 20px; margin: 0 auto; gap: 1.25rem; display: grid; max-width: 90rem; }
.frame__strip { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; }
.nav__tile { flex: 1; min-width: 17.5rem; }
.nav__tile ul { display: flex; flex-wrap: wrap; color: #A9C4BB; gap: 0.375rem 1.25rem; font-size: var(--ds-deck-9m); }
/*  legacy  */
.nav__tile a:hover { color: var(--ds-front); }
.nav__head { display: flex; gap: 0.5rem; }
.seal__card {
  display: inline-flex; align-items: center; gap: 0.375rem; height: 2.375rem; padding: 0 0.625rem;
  border-radius: var(--ds-menu); border: 1px solid rgba(242, 181, 58, 0.28); color: hsl(168 13% 50%);
}
.seal__card select { background: transparent; border: 0; outline: 0; color: hsl(120 31% 95%); font: inherit; font-size: var(--ds-deck-9m); cursor: pointer; }
.seal__card option { color: #111; }
.crown__core {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem 1.5rem;
  padding: 1rem 1.25rem; border-radius: var(--ds-live); background: hsl(177 61% 11%); border: 1px solid rgba(242, 181, 58, 0.14);
  font-size: var(--ds-deck-9m); color: #A9C4BB;
}
.crown__core :is(strong, b) { color: hsl(120 31% 95%); }
.body__slot { display: grid; place-items: center; width: 2.625rem; height: 2.625rem; border-radius: 50%; background: hsl(14 100% 62%); color: #fff; font-size: 0.8125rem; }
.tray__step { flex-wrap: wrap; display: flex; gap: 0.375rem; }
.tray__step .gold__pane svg { height: 1rem; }
.tray__step li { color: hsl(168 13% 50%); display: inline-flex; background: #072322; align-items: center; padding: 0.375rem 0.625rem; border-radius: var(--ds-menu); font: 500 11px/1 "Lexend", "Segoe UI", sans-serif; }
.win__media--live { font-size: var(--ds-base-18); line-height: 1.7; color: hsl(168 13% 50%); }
.jackpot__line { color: hsl(168 13% 50%); align-items: center; border-top: 1px solid rgba(242, 181, 58, 0.14); justify-content: space-between; gap: 1rem; font-size: var(--ds-base-18); display: flex; padding-top: 0.875rem; }
@media (max-width: 900px) { .crown__core { grid-template-columns: auto minmax(0, 1fr); } .tray__step { grid-column: 1 / -1; } }
:root { --ds-gold: #ffffff; --ds-edge-q0: rgb(164 108 84); --ds-front: rgb(144, 76, 47); --ds-link-0l: rgba(144, 76, 47, 0.14); }
:root { --ds-edge-q0: hsl(18 32% 49%); --ds-gold: rgb(255, 255, 255); --ds-link-0l: rgba(144, 76, 47, 0.14); --ds-front: hsl(18 51% 37%); }
:root { --ds-head-zb: 19.1px; --ds-foot-ag: 0.5deg; --ds-menu: 15px; --ds-chip-ly: 15px; --ds-deck-9m: 14.8px; --ds-dock: 18px; --ds-live: 24px; --ds-hero: 2px; --ds-base-18: 12.7px; --ds-head: 15.9px; }
.offer--set, .main__band--hero { position: static; }
svg.feature--tab{vertical-align:-0.125em;display:inline-block;fill:currentColor;width:1em;height:1em}