.offer-dice:hover .label-deal img { transform: scale(1.05); }
.label-deal::after { content: ""; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(0, 0, 0, 0.65), transparent 55%); }
[data-side-slab] { z-index: 1; top: 18px; font-size: clamp(26px, 2.4vw, 38px); color: #fff; position: absolute; left: 1.25rem; }
[data-slab-offer] { align-items: center; gap: 0.75rem; grid-template-columns: auto minmax(0, 1fr) auto; padding: 14px 16px; display: grid; }
[data-foot-flag] { color: var(--phn); display: grid; background: var(--sae8); height: 2.25rem; place-items: center; border-radius: var(--uvm); width: 36px; }
.menu-base { display: grid; gap: 2px; min-width: 0; }
.main-cell { font-size: var(--fi4); font-weight: 600; }
.chip-row { font-size: var(--oue1); gap: 0.375rem; align-items: center; display: inline-flex; color: #7d8497; }
[data-top-game] {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center;
  column-gap: clamp(18px, 2.6vw, 36px); row-gap: 14px;
  padding: 18px 24px; isolation: isolate;
}
.slab-dice { margin-bottom: -16px; grid-row: 1; grid-column: 1; --fjm5: clamp(150px, 16vw, 210px); width: clamp(150px, 17vw, 230px); }
@media (max-width: 600px) {
  [data-top-game] { grid-template-columns: auto minmax(0, 1fr); padding: 0.875rem 1rem 1rem; align-items: end; column-gap: 12px; row-gap: 12px; order: -1; }
  .slab-dice { width: min(44vw, 185px); --kho: min(44vw, 185px); margin-bottom: -1rem; }
  [data-top-unit] { grid-column: 2; align-self: center; }
  .slot-row { font-size: clamp(22px, 7vw, 30px); }
  [data-edge-copy], [data-top-game] > [data-spin-club] { grid-column: 1 / -1; }
  [data-edge-copy] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 4px; border-top: var(--tgbx) solid rgba(22, 36, 66, 0.13); border-bottom: var(--tgbx) solid rgba(22, 36, 66, 0.13); }
  [data-edge-copy] li { display: grid; gap: 2px; padding: 10px 8px; }
  [data-edge-copy] li + li { border-left: var(--tgbx) solid rgba(22, 36, 66, 0.13); }
  [data-edge-copy] [data-zone-unit] { font-size: var(--q8t1); }
  [data-top-game] > [data-spin-club] { justify-content: center; }
  [data-gold-lobby] { grid-template-columns: 1fr; }
  .label-deal { height: 10.625rem; }
}
.card-front { margin-bottom: 18px; gap: 0.875rem 1.5rem; flex-wrap: wrap; justify-content: space-between; align-items: center; display: flex; }
[data-spin-tray] { font-size: var(--wno); }
[data-media-race] { display: flex; gap: 6px; flex-wrap: wrap; }
.spin-crown {
  height: 2.125rem; display: inline-flex; align-items: center; padding: 0 14px;
  border-radius: var(--oito); border: var(--tgbx) solid var(--ik4);
  font-size: var(--fi4); color: #4b5670;
  transition: border-color var(--viqy), color var(--viqy), background var(--viqy);
}
.spin-crown:hover { color: #162442; border-color: var(--k3n); }
.spin-crown.cell-ace { background: #162442; border-color: #162442; color: var(--h5de); }
[data-slab-row] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
[data-lobby-gold], .flag-edge {
  border-radius: var(--tyq); aspect-ratio: 3 / 2; background: var(--lhvn); display: block; overflow: hidden;
  position: relative;
}
[data-lobby-gold] img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms var(--fet), filter var(--viqy); }
.cell-deal { position: absolute; top: 8px; right: 0.5rem; z-index: 1; }
[data-page-edge] { inset: 0;
  opacity: 0; align-content: end; gap: 2px;
  color: #fff;
  position: absolute; padding: 0.875rem;
  display: grid; transition: opacity var(--viqy);
  background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.9));
}
[data-area-label] { line-height: 1.2; font-weight: 600; font-size: var(--fi4); }
.panel-note { font-size: 11px; opacity: 0.7; }
[data-chip-slot] {
  transition: transform var(--viqy) var(--fet); place-items: center; color: var(--nr1); height: 52px;
  background: var(--phn); left: 50%; border-radius: 50%; font-size: 22px; transform: translate(-50%, -50%) scale(0.8);
  position: absolute; top: 42%;
  display: grid; width: 52px;
}
[data-lobby-gold]:hover img { transform: scale(1.06); filter: brightness(0.8); }
[data-lobby-gold]:hover [data-page-edge] { opacity: 1; }
[data-lobby-gold]:hover [data-chip-slot] { transform: translate(-50%, -50%) scale(1); }
.flag-edge {
  border: var(--tgbx) dashed var(--k3n); justify-items: center; gap: 0.375rem; text-align: center;
  font-size: var(--oue1); color: #4b5670; background: #FBF7EF; align-content: center; padding: 0.875rem;
  display: grid;
}
.main-ace { font-size: 2.5rem; color: var(--phn); }
@media (max-width: 1280px) { [data-slab-row] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 720px) {
  [data-slab-row] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-page-edge] { opacity: 1; }
  [data-chip-slot] { display: none; }
}
@media (max-width: 480px) { [data-slab-row] { grid-template-columns: 1fr; } }
.group-note { display: grid; grid-template-columns: minmax(220px, 0.8fr) minmax(0, 3fr); overflow: hidden; }
.core-vip {
  display: grid; align-content: start; justify-items: start; gap: 1rem;
  padding: 32px; border-right: var(--tgbx) solid rgba(22, 36, 66, 0.13);
}
[data-lobby-live] { font-size: 40px; }
.ring-win { color: #4b5670; font-size: var(--fi4); }
.edge-page { padding: 0; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; list-style: none; display: grid; }
.strip-dot {
  position: relative; display: grid; align-content: start; gap: 10px;
  padding: 32px 22px 28px;
}
.strip-dot + .strip-dot { border-left: var(--tgbx) solid rgba(22, 36, 66, 0.13); }
.strip-dot::before { left: 0; right: 0; top: 0; position: absolute; content: ""; opacity: calc(0.15 + var(--pt1, 0) * 0.2); background: var(--phn); height: 2px; }
.reel-tray { font-size: var(--oue1); color: #7d8497; }
[data-reel-body] { font-size: 1.625rem; }
[data-offer-row] { display: flex; align-items: baseline; gap: 8px; }
[data-offer-row] [data-zone-unit] { color: #162442; font-size: var(--fi4); }
.tab-item { display: grid; gap: 0.375rem; margin-top: 0.5rem; font-size: var(--fi4); color: #4b5670; }
.tab-item li { gap: 0.5rem; display: flex; align-items: center; }
.tab-item [data-race-side] { color: var(--phn); font-size: 0.875rem; }
.strip-dot[data-lead-race] { background: linear-gradient(180deg, var(--sae8), transparent 70%); }
.strip-dot[data-lead-race] [data-reel-body] { color: var(--q4w8); }
@media (max-width: 1280px) {
  .group-note { grid-template-columns: 1fr; }
  .core-vip { border-right: 0; border-bottom: var(--tgbx) solid rgba(22, 36, 66, 0.13); }
}
@media (max-width: 900px) {
  .edge-page { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 200px; overflow-x: auto; scrollbar-width: none; }
}
[data-zone-body] {
  gap: 1.125rem 0.875rem; grid-template-columns: repeat(4, minmax(0, 1fr));
  display: grid;
}
[data-set-deal] {
  position: relative; grid-column: span 2; grid-row: span 2;
  overflow: hidden; border-radius: var(--mki);
  border: var(--tgbx) solid rgba(22, 36, 66, 0.13);
  box-shadow: var(--i0t);
}
[data-set-deal] img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 700ms var(--fet); }
[data-set-deal]:hover img { transform: scale(1.04); }
[data-set-deal]::after { background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.6)); inset: 0; position: absolute; content: ""; }
[data-dock-page] {
  position: absolute; z-index: 1;
  display: grid; left: 1.25rem; right: 20px; bottom: 1.25rem; gap: 0.625rem; justify-items: start;
}
[data-ace-set] { font-size: clamp(26px, 2.4vw, 38px); color: #fff; }
[data-top-spin] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--oue1); color: rgba(255, 255, 255, 0.75); }
.deck-link{display:grid;justify-items:center;gap:12px;margin:1.75rem auto 0;width:min(320px,100%)}
[data-crest-dock]{font-size:var(--oue1);color:#7d8497}
[data-crest-dock] [data-zone-unit]{color:#162442}
[data-note-side]{width:100%;background:rgba(22, 36, 66, 0.13);overflow:hidden;height:4px;border-radius:var(--uvm)}
[data-note-side] span{height:100%;background:var(--phn);display:block}
@media (max-width: 1180px) {
  [data-zone-body] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  [data-zone-body] > .lead-chip2:nth-of-type(n + 6) { display: none; }
}
@media (max-width: 720px) {
  [data-zone-body] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-set-deal] { grid-row: auto; aspect-ratio: 3 / 4; }
  [data-zone-body] > .lead-chip2:nth-of-type(n + 6) { display: grid; }
}
[data-group-pane] { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; gap: 0.875rem; list-style: none; display: grid; }
.crown-rail { display: grid; padding: 0.75rem; overflow: hidden; grid-template-columns: 90px minmax(0, 1fr); gap: 1rem; }
.crown-rail[data-hero-bar] { background: radial-gradient(45% 65% at 80% 55%, rgba(243, 180, 27, 0.35), transparent 70%), #FBF7EF; border-color: var(--phn); }
.club-field { width: 6rem; height: 6rem; object-fit: cover; border-radius: var(--uvm); }
.edge-foot { min-width: 0; display: grid; gap: 4px; align-content: center; }
.gold-gold { font-size: var(--oue1); color: #7d8497; }
[data-item-panel] { font-size: 2.125rem; color: var(--phn); }
[data-win-outer] { font-size: var(--q8t1); color: #162442; }
[data-ace-bonus] { font-size: var(--oue1); color: #7d8497; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1280px) { [data-group-pane] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { [data-group-pane] { grid-template-columns: 1fr; } }
.label-base .panel-body { --npg: clamp(200px, calc((100% - 14px * 4) / 5), 300px); }
@media (max-width: 720px) { .label-base .panel-body { --npg: 64vw; } }
.reel-game { padding: clamp(36px, 4vw, 60px) 24px; isolation: isolate; overflow: hidden; }
.reel-game::before { inset: 0; position: absolute; background: radial-gradient(45% 65% at 80% 55%, rgba(243, 180, 27, 0.35), transparent 70%), var(--idab); z-index: -1; content: ""; }
.promo-gold { justify-items: center; text-align: center; margin: 0 auto; display: grid; gap: 18px; max-width: 620px; }
[data-copy-row] { font-size: clamp(32px, 3.4vw, 52px); }
.lead-vip { display: flex; padding: 0; margin: 6px 0; gap: 0.625rem; list-style: none; }
.lead-vip li {
  display: grid; justify-items: center; gap: 0.5rem;
  min-width: 5.25rem; padding: 14px 10px 12px;
  background: var(--h5de); border: var(--tgbx) solid var(--ik4); border-radius: var(--uvm);
  box-shadow: var(--i0t);
}
[data-meta-field] { line-height: 1; font-size: 2.125rem; color: var(--q4w8); }
[data-table-lobby] { color: #4b5670; max-width: 48ch; }
[data-hero-box] {
  position: absolute; z-index: -1; width: 220px; height: 220px; object-fit: cover;
  border-radius: var(--tyq);
  box-shadow: var(--erf);
}
[data-base-shape] { left: 4%; top: 50%; transform: translateY(-50%) rotate(calc(var(--sje) * -3)); }
[data-field-club] { transform: translateY(-50%) rotate(calc(var(--sje) * 3)); top: 50%; right: 4%; }
@media (max-width: 1200px) { [data-hero-box] { width: 150px; height: 9.375rem; opacity: 0.5; } [data-base-shape] { left: -40px; } [data-field-club] { right: -40px; } }
@media (max-width: 640px) {
  [data-hero-box] { display: none; }
  .lead-vip li { padding: 0.625rem 0.25rem; min-width: 0; flex: 1; }
  [data-meta-field] { font-size: 24px; }
  .lead-vip .hero-game { font-size: 0.5625rem; }
}
.live-line { gap: 0.875rem; grid-template-columns: repeat(4, minmax(0, 1fr)); display: grid; }
.step-block { display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; transition: transform var(--viqy) var(--fet), box-shadow var(--viqy); }
.step-block:hover { transform: translateY(calc(var(--a8d) * -1)); box-shadow: var(--p8e6); }
[data-unit-win] { background: var(--mmeu); border-bottom: var(--tgbx) solid rgba(22, 36, 66, 0.13); overflow: hidden; aspect-ratio: 16 / 10; }
[data-unit-win] img { width: 100%; height: 100%; object-fit: cover; transition: transform 700ms var(--fet); }
.step-block:hover [data-unit-win] img { transform: scale(1.05); }
.ring-box { padding: 1.25rem 1.25rem 1rem; display: grid; gap: 8px; align-content: start; }
[data-row-ring] { font-size: var(--n3wz); }
[data-promo-lobby] { font-size: var(--fi4); color: #4b5670; }
[data-base-item] {
  padding: 0.875rem 1.25rem;
  display: flex; border-top: var(--tgbx) solid rgba(22, 36, 66, 0.13); gap: 0.625rem; align-items: center; justify-content: space-between;
}
[data-grid-tray] { gap: 6px; font-size: var(--oue1); color: #7d8497; align-items: center; display: inline-flex; }
@media (max-width: 1280px) { .live-line { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .live-line { grid-template-columns: 1fr; } }
[data-pane-lobby] {
  margin-bottom: 32px; align-items: start; gap: 1.5rem 4rem;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
[data-pane-lobby] [data-block-seal] { margin-bottom: 0.875rem; }
[data-outer-media] { font-size: clamp(30px, 3.2vw, 48px); }
.bar-chip2 { color: #4b5670; line-height: 1.7; }
.link-deal { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.875rem; }
.slab-label { padding: 26px 26px 24px; font-size: var(--fi4); overflow: hidden; line-height: 1.7; }
.slab-label.grid-main { grid-column: span 2; }
[data-frame-frame] {
  position: absolute; line-height: 1; color: var(--phn); top: 0.875rem;
  font-size: 44px; right: 18px; opacity: 0.18;
}
.list-body { font-size: var(--n3wz); margin: 0 48px 12px 0; color: #162442; }
@media (max-width: 1280px) {
  .link-deal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
  [data-pane-lobby], .link-deal { grid-template-columns: 1fr; }
  .slab-label.grid-main { grid-column: auto; }
}
[data-tray-promo] { grid-template-columns: minmax(0, 1fr); gap: 8px; }
/*  responsive  */
[data-tray-promo] [data-outer-media] { max-width: 22ch; }
[data-tray-promo] .bar-chip2 { max-width: 64ch; }
.race-chip2 { gap: clamp(28px, 5vw, 72px); grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); display: grid; }
.side-lead { position: sticky; top: calc(var(--j5c) + 28px); align-self: start; display: grid; justify-items: start; gap: 14px; }
.star-area { font-size: clamp(30px, 3vw, 46px); }
[data-jackpot-body] { color: #4b5670; }
.bar-win { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 12px; width: 100%; margin-top: 8px; padding: 1rem; }
.bar-win [data-spin-club] { grid-column: 1 / -1; }
.bar-win :is(strong, b) { display: block; font-size: var(--fi4); }
.wrap-outer { width: 44px; place-items: center; border-radius: 50%; font-size: 1.25rem; display: grid; background: var(--phn); color: var(--nr1); height: 2.75rem; }
[data-hero-chip] { color: #7d8497; font-size: var(--oue1); gap: 6px; align-items: center; display: inline-flex; }
[data-star-slot] { display: grid; gap: 0.625rem; }
.feature-dice { overflow: hidden; }
.feature-dice summary {
  padding: 1.125rem 1.25rem; gap: 0.75rem;
  display: grid; list-style: none; cursor: pointer; grid-template-columns: 44px minmax(0, 1fr) 32px; align-items: center;
}
.feature-dice summary::-webkit-details-marker { display: none; }
[data-star-front] { font-size: var(--fi4); color: var(--phn); }
[data-slab-group] { font-size: var(--k3y); font-weight: 600; }
[data-spin-unit] { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--lhvn); transition: transform var(--viqy) var(--fet), background var(--viqy); }
.feature-dice[open] [data-spin-unit] { transform: rotate(45deg); background: var(--phn); color: var(--nr1); }
.feature-dice p { padding: 0 64px 22px 76px; color: #4b5670; }
@media (max-width: 900px) {
  .race-chip2 { grid-template-columns: 1fr; }
  .side-lead { position: static; }
  .feature-dice p { padding: 0 1.25rem 1.25rem; }
}
[data-slab-gold] { border-top: var(--tgbx) solid rgba(22, 36, 66, 0.13); background: var(--mmeu); }
[data-row-deal] { max-width: 90rem; margin: 0 auto; display: grid; padding: 56px var(--der) 32px; gap: 40px; }
.item-rail { gap: 32px; grid-template-columns: minmax(240px, 1.6fr) repeat(4, minmax(0, 1fr)); display: grid; }
[data-promo-pill] { display: grid; color: #4b5670; gap: 1rem; align-content: start; max-width: 34ch; font-size: var(--fi4); justify-items: start; }
[data-bonus-item] { gap: 0.5rem; flex-wrap: wrap; display: flex; }
[data-tab-flag] {
  display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px;
  font-size: var(--oue1); color: #4b5670;
  border: var(--tgbx) solid var(--ik4); border-radius: var(--uvm);
}
.main-deck { font-size: var(--oue1); letter-spacing: var(--y4p7); text-transform: uppercase; color: var(--phn); margin-bottom: 14px; }
.offer-front ul { display: grid; gap: 0.625rem; font-size: var(--fi4); color: #4b5670; }
.offer-front a:hover { color: #162442; }
[data-deal-crown] {
  display: flex; flex-wrap: wrap;
  border-top: var(--tgbx) solid rgba(22, 36, 66, 0.13); border-bottom: var(--tgbx) solid rgba(22, 36, 66, 0.13);
}
[data-deal-crown] li {
  flex: 1 1 auto; text-align: center; padding: 16px 12px;
  font: 500 var(--oue1)/1 "DM Mono",ui-monospace,monospace; letter-spacing: 0.12em; text-transform: uppercase; color: #7d8497;
}
[data-deal-crown] [data-wrap-unit] svg { height: 1.375rem; }
[data-deal-crown] li + li { border-left: var(--tgbx) solid rgba(22, 36, 66, 0.13); }
[data-head-chip2] { display: flex; justify-content: space-between; gap: 32px; font-size: var(--oue1); color: #7d8497; }
[data-front-slot] { max-width: 90ch; line-height: 1.7; }
.page-area { white-space: nowrap; }
@media (max-width: 1080px) { .item-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } [data-promo-pill] { grid-column: 1 / -1; } }
@media (max-width: 600px) { [data-head-chip2] { flex-direction: column; } [data-deal-crown] li { flex-basis: 25%; } [data-deal-crown] [data-wrap-unit] svg { height: 22px; }
[data-deal-crown] li + li { border-left: 0; } }
[data-slab-gold] [data-inner-reel] { margin-top: -1rem; }
:root { --nr1: #FFFFFF; --sae8: rgba(177, 110, 76, 0.14); --q4w8: #915a3e; --phn: #B16E4C; }
:root { --phn: #B16E4C; --q4w8: #915A3E; --sae8: rgba(177, 110, 76, 0.14); --nr1: #ffffff; }
:root { --fi4: 14.8px; --k3y: 20.1px; --oito: 500px; --uvm: 6px; --tyq: 9px; --mki: 13px; --der: calc(clamp(16px, 2.6vw, 40px) * 1.22); --a8d: 2px; --oue1: 12.7px; --tgbx: 1px; --d4i: calc(clamp(48px, 5vw, 72px) * 1.22); --q8t1: 17.0px; --sje: 0.5deg; }
svg[data-race-side]{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:currentColor}