[data-front-bar] { display: flex; justify-content: center; }
[data-front-bar] .bar-lobby { --gd9: 18px; pointer-events: none; }
[data-outer-tile] { color: var(--jpg6); padding: 0.75rem; font-size: 9px; display: grid; border-radius: 12px; background: radial-gradient(45% 65% at 80% 55%, rgba(243, 180, 27, 0.35), transparent 70%), hsl(39 45% 90%); gap: 2px; }
[data-outer-tile] .bonus-live { font-size: 1.125rem; color: var(--lgh); }
[data-band-deal] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }
/*  base  */
[data-band-deal] img { border-radius: 0.375rem; object-fit: cover; aspect-ratio: 3 / 2; width: 100%; }
[data-hero-hero] { display: flex; color: var(--o11); padding: 8px 0 2px; border-top: 1px solid var(--tnw); margin-top: auto; justify-content: space-around; font-size: 1rem; }
[data-hero-hero] .box-item:first-child { color: var(--lgh); }
[data-vip-frame] { border-top: 6px solid transparent; background: color-mix(in srgb, var(--xwyz) 92%, transparent); border-image: repeating-linear-gradient(90deg, var(--lgh) 0 26px, var(--mt4) 26px 52px) 6 0 0 0 / 6px 0 0 0 }
.stage-unit { background: var(--gsny); }
.main-unit { height: 2.625rem; border-radius: 62.4375rem; padding: 0 0.875rem; font-weight: 500; color: var(--jpg6); }
.main-unit:hover { background: var(--mt4); }
.main-unit.table-zone { background: var(--hd8); color: var(--rmm2); }
.main-unit.table-zone .box-item { color: hsl(43 90% 53%); }
.main-unit .box-item { color: var(--lgh); }
.strip-card { font-weight: 700; color: var(--o11); }
.grid-block { border-radius: 20px; font-weight: 700; color: var(--hd8); }
.grid-block img { border-radius: 50%; }
.grid-block:hover { border-color: var(--hd8); }
[data-meta-grid] { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); grid-template-areas: "copy visual" "strip strip"; gap: 0 clamp(24px, 4vw, 56px); overflow: hidden; isolation: isolate }
[data-meta-grid]::before { opacity: 0.9; z-index: -1; inset: 0; position: absolute; background: radial-gradient(45% 65% at 80% 55%, rgba(243, 180, 27, 0.35), transparent 70%), var(--ilu); content: ""; }
.zone-dock { padding: clamp(28px, 4vw, 52px) 0 clamp(24px, 3vw, 36px) clamp(24px, 4vw, 52px); grid-area: copy; gap: 1.125rem; justify-items: start; display: grid; align-content: center; }
[data-mark-dice] { font-size: clamp(40px, 4.6vw, 70px); max-width: 13ch; }
[data-mark-dice] em { display: block; }
[data-dice-ring] { max-width: 46ch; font-size: var(--twjn); color: var(--jpg6); }
[data-pane-mark] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; width: 100%; max-width: 35rem; margin: 4px 0 0; padding: 0; list-style: none; }
.row-crest { position: relative; display: grid; justify-items: start; gap: 4px; padding: 0.875rem 0.875rem 0.75rem; border-radius: var(--b1hb); background: color-mix(in srgb, var(--xwyz) 70%, transparent); border: var(--a290) solid var(--pr3o) }
.row-crest:first-child { border-color: var(--lgh); background: var(--ap1v); }
.row-crest + .row-crest::before { place-items: center; font: 700 12px/1 var(--pl3s); left: -0.625rem; height: 1.125rem; display: grid; content: "+"; color: var(--rmm2); width: 1.125rem; position: absolute; border-radius: 50%; transform: translateY(-50%); background: var(--lgh); top: 50% }
[data-head-dice] { font-size: 11px; font-weight: 600; letter-spacing: var(--d25j); text-transform: uppercase; color: var(--o11); }
.label-body { font-size: clamp(26px, 2.6vw, 38px); color: var(--lgh); }
.club-deal { font-size: var(--a88); color: var(--jpg6); margin-bottom: 0.25rem; }
[data-list-stage] { margin-top: 0.375rem; gap: 0.75rem; flex-wrap: wrap; display: flex; }
[data-field-page] { padding: clamp(28px, 4vw, 52px) clamp(24px, 4vw, 52px) 24px 0; place-items: center; position: relative; grid-area: visual; display: grid; }
.step-set { width: min(100%, 380px); aspect-ratio: 4 / 5; }
.step-set img { object-position: 50% 40%; }
.media-zone { position: absolute; display: grid; gap: 4px; padding: 12px 16px; border-radius: var(--b1hb); background: var(--xwyz); border: var(--a290) solid var(--pr3o); box-shadow: none, 0 18px 30px -18px rgba(0, 0, 0, 0.55) }
.tray-flag { transform: rotate(calc(var(--i6lv) * -2 - 4deg)); background: var(--lgh); border-color: var(--lgh); left: 2%; top: 14%; justify-items: center; color: var(--rmm2); }
.list-pane { font-size: 2.625rem; line-height: 0.9; }
.tray-flag span:last-child { letter-spacing: 0.06em; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.group-item { transform: rotate(calc(var(--i6lv) + 3deg)); right: 4%; top: 46%; }
.group-item [data-card-deal] { font-size: var(--ocd5); color: var(--lgh); letter-spacing: 0.06em; }
.band-feature { grid-auto-flow: column; gap: 18px; bottom: 8%; left: 6%; }
.band-feature .strip-offer { font-size: var(--twjn); }
.slot-crown { list-style: none; flex-wrap: wrap; color: var(--jpg6); gap: 10px 26px; border-top: var(--a290) solid var(--tnw); display: flex; font-size: var(--jv1); margin: 0; align-items: center; background: color-mix(in srgb, var(--xwyz) 55%, transparent); grid-area: strip; padding: 14px clamp(24px, 4vw, 52px) }
.slot-crown li { display: inline-flex; align-items: center; gap: 0.5rem; }
.slot-crown .box-item { color: var(--lgh); }
[data-seal-item] { margin-left: auto; font-size: var(--a88); color: var(--o11); }
@media (max-width: 960px) { [data-meta-grid] { grid-template-columns: 1fr; grid-template-areas: "visual" "copy" "strip"; }
  [data-field-page] { padding: 28px 24px 0; }
  .step-set { width: min(100%, 300px); }
  .zone-dock { padding: 1.5rem; } }
@media (max-width: 560px) { [data-pane-mark] { grid-template-columns: 1fr; }
  .row-crest { grid-template-columns: auto 1fr auto; align-items: center; column-gap: 12px; }
  [data-head-dice] { grid-column: 1 / -1; }
  .row-crest + .row-crest::before { left: 50%; top: -10px; transform: translateX(-50%); }
  .band-feature { display: none; }
  [data-seal-item] { margin-left: 0; } }
.media-panel { --t3r: 340px; width: min(100%, 420px); }
@media (max-width: 960px) { .media-panel { width: min(76vw, 330px); --c36: min(64vw, 285px); } }
[data-shape-spin] { display: grid; gap: 0.875rem; }
.box-unit { display: flex; align-items: center; gap: 14px; height: 64px; padding: 0 22px; border-radius: var(--vtn5); background: var(--mt4); border: var(--a290) solid var(--pr3o); box-shadow: none; color: var(--lgh); font-size: 1.375rem }
.box-unit:focus-within { border-color: var(--lgh); }
.box-unit input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: var(--hd8); font: inherit; font-size: var(--twjn); }
.box-unit input::placeholder { color: var(--o11); }
.deck-ring { white-space: nowrap; color: var(--o11); font-size: var(--a88); }
[data-tab-row] { display: flex; align-items: center; gap: 0.75rem; }
.wrap-deal { display: flex; gap: 6px; flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.wrap-deal::-webkit-scrollbar { display: none; }
.note-dot { display: inline-flex; align-items: center; gap: 8px; flex: none; height: 38px; padding: 0 0.5rem 0 1rem; border-radius: var(--z1ra); border: var(--a290) solid var(--pr3o); font-size: var(--jv1); font-weight: 500; color: var(--jpg6); transition: background var(--okw), color var(--okw), border-color var(--okw) }
.note-dot [data-card-deal] { border-radius: 999px; background: hsl(39 45% 90%); font-size: 11px; padding: 3px 7px; color: var(--o11); }
.note-dot:hover { color: var(--hd8); border-color: var(--b4z9); }
.note-dot.table-zone { border-color: var(--hd8); background: var(--hd8); color: var(--xwyz); }
.note-dot.table-zone [data-card-deal] { background: var(--lgh); color: var(--rmm2); }
.set-pill { display: inline-flex; align-items: center; gap: 0.375rem; flex: none; height: 38px; padding: 0 0.625rem; border-radius: var(--b1hb); border: var(--a290) solid var(--pr3o); color: var(--o11); }
.set-pill select { background: none; border: 0; outline: 0; color: var(--hd8); font: inherit; font-size: var(--jv1); }
.set-pill option { color: #111; }
@media (max-width: 720px) { .deck-ring { display: none; } .set-pill { display: none; } .box-unit { height: 54px; } }
[data-flag-ring] { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; display: grid; gap: 16px 14px; }
[data-vip-nav] { display: grid; gap: 0.625rem; }
[data-ace-outer] { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; border-radius: var(--x1zr); border: var(--a290) solid var(--tnw); background: hsl(39 45% 90%); box-shadow: none }
[data-ace-outer] img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; transition: transform 700ms cubic-bezier(0.25, 0.8, 0.25, 1), filter var(--okw); }
.step-ring { top: 0.625rem; left: 10px; position: absolute; }
[data-nav-shape] { font-size: 1.375rem; background: var(--lgh); place-items: center; top: 50%; border-radius: 50%; opacity: 0; transition: opacity var(--okw), transform var(--okw) cubic-bezier(0.25, 0.8, 0.25, 1); height: 3.375rem; left: 50%; transform: translate(-50%, -50%) scale(0.7); position: absolute; color: var(--rmm2); width: 54px; display: grid }
[data-vip-nav]:hover [data-ace-outer] img { transform: scale(1.06); filter: brightness(0.7); }
[data-vip-nav]:hover [data-nav-shape] { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.body-vip { display: grid; gap: 2px; }
.club-reel { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: var(--ocd5); font-weight: 600; }
.grid-view { display: flex; justify-content: space-between; gap: 0.5rem; font-size: var(--a88); color: var(--o11); }
.base-area { color: hsl(154 63% 33%); }
@media (max-width: 1080px) { [data-flag-ring] { grid-template-columns: repeat(3, minmax(0, 1fr)); } [data-flag-ring] > li:nth-child(n + 7) { display: none; } }
@media (max-width: 640px) { [data-flag-ring] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
[data-reel-flag] { padding: clamp(28px, 4vw, 48px); isolation: isolate; overflow: hidden; }
[data-reel-flag]::before { opacity: 0.8; background: var(--ilu); z-index: -1; position: absolute; mask-image: linear-gradient(90deg, #000, transparent); content: ""; inset: 0; }
.table-rear { margin-bottom: 20px; }
.tab-body { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; }
.pane-seal { display: flex; flex-direction: column-reverse; gap: 0.375rem; justify-content: flex-end; }
[data-jackpot-side] { line-height: 0.95; font-size: clamp(38px, 5vw, 76px); margin: 0; color: var(--hd8); }
.pane-seal:first-child [data-jackpot-side] { color: var(--lgh); }
.meta-crest { font-size: var(--jv1); color: var(--o11); }
@media (max-width: 800px) { .tab-body { grid-template-columns: 1fr 1fr; row-gap: 28px; } }
.tab-tray { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.feature-front { display: grid; gap: 4px; min-width: 0; }
[data-note-base] { display: block; }
.zone-nav { padding: 22px 6px 8px; bottom: 0; background: linear-gradient(transparent, rgba(0, 0, 0, 0.9) 55%); position: absolute; left: 0; right: 0; z-index: 1; text-align: center }
.zone-nav [data-card-deal] { display: inline-block; padding: 3px 8px; border-radius: 999px; background: var(--lgh); color: var(--rmm2); font-size: 0.75rem; font-weight: 700; }
.zone-nav[data-crown-seal] [data-card-deal] { font-size: 0.8125rem; box-shadow: 0 0 18px color-mix(in srgb, var(--lgh) 60%, transparent); }
.reel-stage { white-space: nowrap; text-overflow: ellipsis; font-weight: 600; font-size: var(--jv1); overflow: hidden; margin-top: 0.25rem; }
[data-slab-foot] { font-size: var(--a88); color: var(--o11); }
@media (max-width: 1180px) { .tab-tray { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) { .tab-tray { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.gold-meta { display: grid; gap: 14px; scroll-snap-type: x mandatory; list-style: none; scrollbar-width: none; padding: 2px 2px 0.625rem; grid-auto-columns: minmax(420px, calc((100% - 14px) / 2)); overflow-x: auto; grid-auto-flow: column; margin: 0; }
.gold-meta::-webkit-scrollbar { display: none; }
.gold-meta > li { scroll-snap-align: start; }
.unit-stack { position: relative; isolation: isolate; display: block; height: 230px; overflow: hidden; border-radius: var(--vtn5); border: var(--a290) solid var(--tnw); background: var(--mt4); box-shadow: none; }
.unit-stack img { top: 0; z-index: -2; object-fit: cover; width: 48%; transition: transform 800ms cubic-bezier(0.25, 0.8, 0.25, 1); right: 0; position: absolute; height: 100%; }
.unit-stack:hover img { transform: scale(1.06); }
.dot-bar { z-index: -1; inset: 0; background: linear-gradient(90deg, var(--mt4) 50%, color-mix(in srgb, var(--mt4) 60%, transparent) 62%, transparent 85%); position: absolute; }
.rail-deal { align-content: space-between; top: 1.375rem; bottom: 22px; left: 24px; display: grid; gap: 6px; position: absolute; width: 52%; }
[data-slot-dock] { border-radius: 999px; justify-self: start; font-weight: 600; color: var(--lgh); display: inline-flex; gap: 0.375rem; padding: 0 0.625rem; background: var(--ap1v); font-size: 0.6875rem; height: 24px; align-items: center; }
.edge-cell { font-size: 26px; }
[data-page-chip2] { -webkit-box-orient: vertical; color: var(--jpg6); display: -webkit-box; overflow: hidden; font-size: var(--jv1); -webkit-line-clamp: 2; }
.panel-tile { display: inline-flex; align-items: center; gap: 6px; font-size: var(--jv1); font-weight: 600; color: var(--lgh); }
@media (max-width: 720px) { .gold-meta { grid-auto-columns: 86vw; } .rail-deal { width: 64%; } .unit-stack img { width: 42%; opacity: 0.55; } [data-page-chip2] { -webkit-line-clamp: 3; } }
.promo-bar { margin: 0 calc(50% - 50vw); isolation: isolate; position: relative; padding: clamp(40px, 5vw, 70px) 0; }
.promo-bar::before { background: linear-gradient(135deg, hsl(240 18% 3%), hsl(264 22% 9%)); inset: 0; position: absolute; content: ""; z-index: -1; }
.promo-bar::after { z-index: -1; position: absolute; content: ""; inset: 0; opacity: 0.8; background: radial-gradient(45% 65% at 80% 55%, rgba(243, 180, 27, 0.35), transparent 70%); }
.main-gold { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); gap: 2rem; align-items: center; max-width: 82.5rem; margin: 0 auto; padding-left: clamp(16px, 2.6vw, 40px); }
.unit-step { gap: 0.875rem; justify-items: start; color: hsl(36 17% 94%); display: grid; }
.base-card { font-size: clamp(32px, 3.4vw, 50px); }
.base-card em { display: block; color: var(--lgh); }
.label-foot { color: rgba(255, 255, 255, 0.66); }
.nav-offer { display: inline-flex; align-items: center; color: rgba(255, 255, 255, 0.8); gap: 8px; font-size: var(--jv1); }
.club-race { display: flex; margin-top: 6px; gap: 0.375rem; align-items: center; }
.club-race [data-body-club] { margin-left: 0.625rem; color: #fff; }
.cell-base { display: grid; gap: 0.875rem; scroll-snap-type: x mandatory; scrollbar-width: none; list-style: none; overflow-x: auto; margin: 0; grid-auto-flow: column; padding: 4px clamp(16px, 2.6vw, 40px) 4px 2px; grid-auto-columns: 230px; }
.cell-base::-webkit-scrollbar { display: none; }
.cell-base > li { scroll-snap-align: start; }
[data-menu-race] { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; border-radius: var(--vtn5); border: 1px solid rgba(255, 255, 255, 0.1); }
[data-menu-race] img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; transition: transform 700ms cubic-bezier(0.25, 0.8, 0.25, 1); }
[data-menu-race]:hover img { transform: scale(1.05); }
[data-menu-race]::after { background: linear-gradient(transparent 55%, rgba(0, 0, 0, 0.6)); inset: 0; position: absolute; content: ""; }
[data-row-copy] { bottom: 14px; position: absolute; gap: 3px; display: grid; z-index: 1; color: #fff; left: 0.875rem; right: 14px; }
.pill-crown { font-size: 0.6875rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--aubo); }
[data-lobby-note] { font-weight: 700; }
[data-offer-lead] { display: inline-flex; color: rgba(255, 255, 255, 0.7); font-size: var(--a88); align-items: center; gap: 5px; }
.promo-bar [data-view-deck] { color: #fff; }
@media (max-width: 860px) { .main-gold { grid-template-columns: 1fr; padding-right: 0; } .unit-step { padding-right: clamp(16px, 2.6vw, 40px); } .cell-base { grid-auto-columns: 180px; } }
.tray-media { align-items: center; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); overflow: hidden; display: grid; padding: clamp(24px, 4vw, 48px) clamp(24px, 4vw, 60px) 0; gap: clamp(24px, 4vw, 60px); isolation: isolate; }
.tray-media::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(45% 65% at 80% 55%, rgba(243, 180, 27, 0.35), transparent 70%); }
.core-crown { align-self: end; justify-content: center; display: flex; }
.core-crown [data-copy-view] { margin-bottom: -3.75rem; transform: rotate(calc(var(--i6lv) * -2)); }
[data-offer-field] { padding-bottom: clamp(24px, 4vw, 48px); justify-items: start; display: grid; gap: 14px; }
.base-race { font-size: clamp(30px, 3.2vw, 48px); }
[data-outer-rear] { color: var(--jpg6); max-width: 46ch; }
.flag-inner { gap: 8px; display: grid; margin: 4px 0 8px; }
.flag-inner li { align-items: center; display: flex; font-size: var(--jv1); gap: 0.625rem; }
.flag-inner .box-item { color: var(--lgh); }
@media (max-width: 860px) { .tray-media { grid-template-columns: 1fr; padding-top: 2rem; } .core-crown { order: 2; } [data-offer-field] { padding-bottom: 0; } }
[data-body-slot] { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr); overflow: hidden; }
[data-body-nav] { display: grid; align-content: center; padding: clamp(24px, 4vw, 44px); gap: 1.125rem; }
.row-table { font-size: clamp(28px, 3vw, 42px); }
.inner-set { display: grid; gap: 0.75rem; }
.inner-set li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 0.625rem; font-size: var(--jv1); color: var(--jpg6); }
.inner-set :is(strong, b) { color: var(--hd8); }
.inner-set .box-item { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--lgh); color: var(--rmm2); font-size: 0.875rem; }
[data-crown-body] { display: grid; align-content: center; gap: 12px; padding: clamp(24px, 4vw, 40px); background: radial-gradient(45% 65% at 80% 55%, rgba(243, 180, 27, 0.35), transparent 70%), hsl(39 45% 90%); border-left: var(--a290) solid var(--tnw); }
[data-foot-head] { display: grid; gap: 0.25rem; margin-bottom: 0.375rem; }
.line-chip2 { font-size: clamp(40px, 4.4vw, 64px); color: var(--lgh); }
.table-deck { font-weight: 600; }
.frame-live { width: 100%; }
.media-head { color: var(--o11); font-size: var(--a88); text-align: center; }
@media (max-width: 860px) { [data-body-slot] { grid-template-columns: 1fr; } [data-crown-body] { border-left: 0; border-top: var(--a290) solid var(--tnw); } }
.base-group { padding: clamp(24px, 4vw, 56px); }
.outer-flag {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  border-bottom: calc(var(--a290) * 3) double var(--pr3o); align-items: start; gap: 16px 48px;
  padding-bottom: 2rem; margin-bottom: 32px }
.outer-flag .deal-page { grid-column: 1 / -1; }
[data-flag-live] { font-size: clamp(30px, 3.4vw, 52px); }
[data-stack-inner] { font-size: var(--twjn); line-height: 1.6; color: var(--hd8); }
.crest-win {
  column-count: 3; column-gap: 48px;
  font-size: var(--jv1);
  column-rule: var(--a290) solid var(--tnw); line-height: 1.7 }
[data-mark-inner] { margin-bottom: 28px; }
.reel-view { font-size: var(--twjn); color: var(--hd8); margin-bottom: 0.625rem; break-after: avoid; }
.crest-win .win-list, .crest-win .edge-core, .crest-win [data-reel-core] li { break-inside: avoid; }
.crest-win .win-list table { font-size: 0.75rem; }
.crest-win .main-vip { column-span: all; margin: 8px 0 28px; }
.crest-win .main-vip table { font-size: var(--jv1); }
.crest-win .win-list th, .crest-win .win-list td { padding: 0.4375rem 0.5rem; white-space: normal; }
.crest-win .win-list thead th { font-size: 0.625rem; letter-spacing: 0.04em; }
@media (max-width: 1280px) { .crest-win { column-count: 2; } }
@media (max-width: 800px) {
  .outer-flag { grid-template-columns: 1fr; }
  .crest-win { column-count: 1; }
 }
.inner-reel { grid-template-columns: minmax(0, 1fr); }
.inner-reel [data-flag-live] { max-width: 22ch; }
.inner-reel [data-stack-inner] { max-width: 64ch; }
.menu-card { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); gap: clamp(28px, 5vw, 72px); }
.chip2-vip { position: sticky; top: calc(74px + 28px); align-self: start; display: grid; justify-items: start; gap: 14px; }
.note-rail { font-size: clamp(30px, 3vw, 46px); }
[data-chip-edge] { color: var(--jpg6); }
.panel-hero { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 0.75rem; width: 100%; margin-top: 8px; padding: 1rem; }
.panel-hero [data-foot-crown] { grid-column: 1 / -1; }
.panel-hero :is(strong, b) { display: block; font-size: var(--jv1); }
.step-mark { width: 2.75rem; place-items: center; border-radius: 50%; color: var(--rmm2); display: grid; background: var(--lgh); height: 2.75rem; font-size: 20px; }
.edge-live { font-size: var(--a88); display: inline-flex; align-items: center; color: var(--o11); gap: 6px; }
.base-spin { display: grid; gap: 10px; }
[data-pane-hero] { overflow: hidden; }
[data-pane-hero] summary { display: grid; grid-template-columns: 44px minmax(0, 1fr) 32px; align-items: center; gap: 12px; padding: 18px 20px; cursor: pointer; list-style: none }
[data-pane-hero] summary::-webkit-details-marker { display: none; }
.promo-step { font-size: var(--jv1); color: var(--lgh); }
.bar-flag { font-size: var(--twjn); font-weight: 600; }
.reel-line { height: 32px; background: hsl(39 45% 90%); width: 32px; place-items: center; border-radius: 50%; display: grid; transition: transform var(--okw) cubic-bezier(0.25, 0.8, 0.25, 1), background var(--okw); }
[data-pane-hero][open] .reel-line { background: var(--lgh); transform: rotate(45deg); color: var(--rmm2); }
[data-pane-hero] p { padding: 0 64px 22px 76px; color: var(--jpg6); }
@media (max-width: 900px) { .menu-card { grid-template-columns: 1fr; }
  .chip2-vip { position: static; }
  [data-pane-hero] p { padding: 0 20px 20px; } }
[data-note-jackpot] { border-top: var(--a290) solid var(--tnw); background: var(--gsny); }
[data-tray-grid] { max-width: 90rem; margin: 0 auto; padding: 56px clamp(16px, 2.6vw, 40px) 32px; display: grid; gap: 40px; }
[data-mark-hero] { display: grid; grid-template-columns: minmax(240px, 1.6fr) repeat(4, minmax(0, 1fr)); gap: 2rem; }
.live-deck { gap: 16px; justify-items: start; display: grid; font-size: var(--jv1); align-content: start; max-width: 34ch; color: var(--jpg6); }
.pill-club { display: flex; flex-wrap: wrap; gap: 8px; }
[data-media-race] {
  display: inline-flex; align-items: center; gap: 0.375rem; height: 1.75rem; padding: 0 10px;
  font-size: var(--a88); color: var(--jpg6);
  border: var(--a290) solid var(--pr3o); border-radius: var(--b1hb) }
[data-zone-list] { font-size: var(--a88); letter-spacing: var(--d25j); text-transform: uppercase; color: var(--lgh); margin-bottom: 14px; }
.edge-base ul { display: grid; color: var(--jpg6); gap: 10px; font-size: var(--jv1); }
.edge-base a:hover { color: var(--hd8); }
[data-head-tray] {
  display: flex; flex-wrap: wrap;
  border-top: var(--a290) solid var(--tnw); border-bottom: var(--a290) solid var(--tnw) }
[data-head-tray] li { color: var(--o11);
  font: 500 var(--a88)/1 "DM Mono", ui-monospace, monospace; letter-spacing: 0.12em; padding: 1rem 0.75rem; text-align: center; text-transform: uppercase;
  flex: 1 1 auto }
[data-head-tray] .meta-offer svg { height: 22px; }
[data-head-tray] li + li { border-left: var(--a290) solid var(--tnw); }
.shape-card { font-size: var(--a88); gap: 32px; justify-content: space-between; display: flex; color: var(--o11); }
[data-base-vip] { max-width: 90ch; line-height: 1.7; }
.reel-block { white-space: nowrap; }
@media (max-width: 1080px) { [data-mark-hero] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .live-deck { grid-column: 1 / -1; } }
@media (max-width: 600px) { .shape-card { flex-direction: column; } [data-head-tray] li { flex-basis: 25%; } [data-head-tray] .meta-offer svg { height: 1.375rem; }
[data-head-tray] li + li { border-left: 0; } }
[data-note-jackpot] .feature-gold { margin-top: -16px; }
:root { --lgh: hsl(23 39% 50%); --aubo: hsl(23 39% 41%); --ap1v: rgba(178, 117, 78, 0.14); --rmm2: hsl(0 0% 100%); }
:root { --lgh: hsl(23 39% 50%); --aubo: hsl(23 39% 41%); --ap1v: rgba(178, 117, 78, 0.14); --rmm2: hsl(0 0% 100%); }
:root { --vtn5: 20px; --x1zr: 14px; --z1ra: 749px; --b1hb: 9px; --a290: 1px; --a88: 12.7px; --jv1: 14.8px; --ocd5: 17.0px; --twjn: 20.1px; --h1e: 4px; --r5h: 1200px; }
svg.box-item{fill:currentColor;vertical-align:-0.125em;display:inline-block;height:1em;width:1em}