.race-gold::after { right: 14px; transform: rotate(18deg); }
.race-gold span { font: 700 20px/1 "Fredoka", "Chillax", "Trebuchet MS", sans-serif; color: rgba(255, 255, 255, 0.92); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); }
.body-top { --ol0i: #7D848D; --bvd: #E3E7EC; }
.mark-base { --ol0i: #a67c12; --bvd: #f4d06a; }
.cell-flag { --ol0i: #5a7584; --bvd: #cfe3ea; }
.list-head { height: 84px; --ol0i: color-mix(in srgb, var(--w9f) 60%, #000); --bvd: var(--ege); width: 84px; }
.table-flag { font-size: 24px; }
.crest-row.line-deal .table-flag { color: var(--ege); }
.unit-menu { display: flex; gap: 6px; align-items: baseline; }
.menu-menu { color: var(--uexv); gap: 6px; font-size: 14px; display: grid; margin-top: 4px; }
.menu-menu li { gap: 6px; justify-content: center; align-items: center; display: flex; }
.menu-menu .frame-lead { color: var(--w9f); font-size: 14px; }
@media (max-width: 1180px) { .field-dice { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .field-dice { padding: 16px 2px 8px; overflow-x: auto; grid-auto-columns: 200px; grid-template-columns: none; scrollbar-width: none; grid-auto-flow: column; }
}
.crest-hero {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px 14px;
}
.deck-stage {
  position: relative; grid-column: span 2; grid-row: span 2;
  overflow: hidden; border-radius: var(--xbon);
  border: var(--dls) solid rgba(58, 22, 72, 0.14);
  box-shadow: var(--vvzz);
}
.deck-stage img { position: absolute; inset: 0; object-fit: cover; width: 100%; height: 100%; transition: transform 700ms var(--yu5b); }
.deck-stage:hover img { transform: scale(1.04); }
.deck-stage::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.6)); }
.seal-crown { z-index: 1;
  position: absolute; gap: 10px;
  display: grid; left: 20px; right: 20px; bottom: 20px; justify-items: start;
}
.feature-flag { font-size: clamp(26px, 2.4vw, 38px); color: #fff; }
.copy-tab { font-size: var(--io6f); gap: 6px; color: rgba(255, 255, 255, 0.75); align-items: center; display: inline-flex; }
.band-lead {
  display: grid; justify-items: center; gap: 12px;
  margin: 28px auto 0; width: min(320px, 100%);
}
.chip-race { font-size: var(--io6f); color: #9c84a6; }
.chip-race .tray-dot { color: var(--t2i); }
.outer-game { width: 100%; height: 4px; border-radius: var(--jhc); background: rgba(58, 22, 72, 0.14); overflow: hidden; }
.outer-game span { background: var(--w9f); height: 100%; display: block; }
@media (max-width: 1180px) {
  .crest-hero { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .crest-hero > .bar-deck:nth-of-type(n + 6) { display: none; }
}
@media (max-width: 720px) {
  .crest-hero { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .deck-stage { grid-row: auto; aspect-ratio: 3 / 4; }
  .crest-hero > .bar-deck:nth-of-type(n + 6) { display: grid; }
}
.front-crown { grid-template-columns: repeat(6, minmax(0, 1fr)); display: grid; gap: 14px; }
.row-field {
  position: relative; display: grid; grid-template-rows: auto auto;
  overflow: hidden;
  background: #FFFFFF;
  border: var(--dls) solid rgba(58, 22, 72, 0.14);
  border-radius: var(--xbon);
  box-shadow: var(--vvzz);
  transition: border-color var(--lx7q), transform var(--lx7q) var(--yu5b), box-shadow var(--lx7q);
}
.row-field img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.row-field:hover { box-shadow: var(--cr71); transform: translateY(calc(var(--ix5r) * -1)); border-color: var(--w9f); }
.rail-lobby { display: grid; gap: 6px; padding: 14px 14px 16px; }
.note-tray { font-size: var(--pxy); }
.slot-seal { display: inline-flex; align-items: center; gap: 6px; font-size: var(--io6f); color: #9c84a6; white-space: nowrap; }
.slot-seal .tray-dot { color: var(--uexv); }
.head-gold { top: 10px; place-items: center; transform: translateY(-4px); width: 32px; right: 10px;
  position: absolute;
  display: grid;
  background: #fff1f6; height: 32px; color: var(--ege);
  opacity: 0; transition: opacity var(--lx7q), transform var(--lx7q) var(--yu5b); border-radius: var(--jhc);
}
.row-field:hover .head-gold { opacity: 1; transform: none; }
@media (max-width: 1280px) { .front-crown { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .front-crown { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ace-slot {
  display: grid; grid-template-columns: repeat(8, minmax(0, 1fr));
  border-top: var(--dls) solid rgba(58, 22, 72, 0.14); border-left: var(--dls) solid rgba(58, 22, 72, 0.14);
}
.dot-set { height: 96px; border-bottom: var(--dls) solid rgba(58, 22, 72, 0.14); place-items: center; padding: 12px;
  border-right: var(--dls) solid rgba(58, 22, 72, 0.14);
  transition: background var(--lx7q);
  display: grid;
}
.dot-set img { width: 100%; max-width: 150px; height: 44px; opacity: 0.6; transition: opacity var(--lx7q); }
.dot-set:hover { background: #FFFFFF; }
.dot-set:hover img { opacity: 1; }
@media (max-width: 1280px) { .ace-slot { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 600px) { .ace-slot { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.base-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.live-pill { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: center; min-height: 280px; overflow: hidden; display: grid; isolation: isolate; }
.live-pill::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(50% 70% at 80% 50%, rgba(255, 207, 63, 0.45), transparent 70%); }
.deck-front::before { background: var(--brwi); opacity: 0.8; }
.head-bar { padding: 28px 0 28px 28px; gap: 10px; justify-items: start; display: grid; }
.pill-page { font-size: clamp(24px, 2.2vw, 34px); }
.side-dock { font-size: 14px; color: var(--uexv); }
.media-slab { display: inline-flex; align-items: center; color: #9c84a6; gap: 6px; font-size: var(--io6f); }
.top-tile { aspect-ratio: 1;
  justify-self: end; width: 118%;
  margin-right: -18%;
  box-shadow: 6px 6px 0 0 #3A1648;
  border-radius: 50% 0 0 50%; object-fit: cover; max-width: none;
}
@media (max-width: 1080px) { .base-nav { grid-template-columns: 1fr; } }
@media (max-width: 560px) {
  .live-pill { grid-template-columns: 1fr; }
  .top-tile { width: 100%; justify-self: stretch; order: -1; aspect-ratio: 16 / 9; margin: 0; border-radius: 0; }
  .head-bar { padding: 20px; }
}
.ring-nav { display: grid; gap: 14px; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
.meta-slot {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); align-items: center; gap: 20px;
  padding: 32px; overflow: hidden;
}
.label-crest { display: grid; justify-items: start; gap: 14px; }
.block-crest { font-size: clamp(32px, 3vw, 48px); }
.chip-promo { aspect-ratio: 1; object-fit: cover; transform: rotate(var(--b8u9)); border-radius: 20px; width: 100%; }
.jackpot-nav { font-size: 14px; color: var(--uexv); }
.view-inner { display: grid; gap: 14px; }
.dock-cell {
  display: grid;
  transition: transform var(--lx7q) var(--yu5b), box-shadow var(--lx7q), border-color var(--lx7q);
  padding: 12px 18px 12px 12px; grid-template-columns: 110px minmax(0, 1fr); align-items: center; gap: 18px;
}
.dock-cell:hover { transform: translateX(4px); border-color: #3A1648; }
.dock-cell img { width: 110px; border-radius: var(--jhc); height: 110px; object-fit: cover; }
.vip-link { display: grid; gap: 6px; }
.main-lobby { font-size: var(--yy7r); }
.block-deck { display: inline-flex; align-items: center; gap: 6px; font-size: var(--io6f); color: var(--w9f); }
@media (max-width: 1180px) { .ring-nav { grid-template-columns: 1fr; } }
@media (max-width: 600px) {
  .meta-slot { grid-template-columns: 1fr; padding: 22px; }
  .chip-promo { order: -1; width: 60%; }
  .dock-cell { grid-template-columns: 80px minmax(0, 1fr); }
  .dock-cell img { width: 80px; height: 80px; }
}
.stack-field { display: grid; grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.4fr); overflow: hidden; }
.offer-inner { display: grid; border-right: var(--dls) solid rgba(58, 22, 72, 0.14); align-content: center; padding: 32px; gap: 14px; justify-items: start; }
.star-copy { font-size: clamp(28px, 2.6vw, 40px); }
.menu-inner { margin: 8px 0 0; gap: 14px; width: 100%; display: grid; }
.menu-inner .rail-head { padding-top: 12px; border-top: var(--dls) solid rgba(58, 22, 72, 0.14); }
.menu-inner dd { margin: 0; }
.list-slot {
  mask-image: linear-gradient(transparent, #000 14%, #000 86%, transparent); overflow: hidden;
  height: 340px;
}
.set-chip { display: grid; animation: wins-d-up 40s linear infinite; }
.stack-field:hover .set-chip { animation-play-state: paused; }
.menu-hero { border-bottom: var(--dls) solid rgba(58, 22, 72, 0.14); grid-template-columns: 36px minmax(0, 1fr) auto auto;
  padding: 10px 24px; align-items: center;
  display: grid; gap: 14px;
}
.menu-hero img { width: 40px; height: 40px; object-fit: cover; border-radius: calc(var(--jhc) * 0.5); }
.view-rear { display: grid; gap: 2px; min-width: 0; font-size: 14px; }
.view-rear span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #9c84a6; font-size: var(--io6f); }
.offer-nav { font-size: var(--io6f); color: var(--uexv); }
.zone-cell { text-align: right; min-width: 100px; color: var(--qq7y); }
@keyframes wins-d-up { to { transform: translateY(-50%); } }
@media (prefers-reduced-motion: reduce) { .set-chip { animation: none; } .list-slot { overflow-y: auto; } }
@media (max-width: 900px) {
  .stack-field { grid-template-columns: 1fr; }
  .offer-inner { border-right: 0; border-bottom: var(--dls) solid rgba(58, 22, 72, 0.14); }
  .menu-inner { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 560px) {
  .menu-inner { grid-template-columns: 1fr; }
  .menu-hero { grid-template-columns: 36px minmax(0, 1fr) auto; padding: 10px 16px; }
  .offer-nav { display: none; }
}
.main-edge { gap: clamp(28px, 5vw, 72px); display: grid; grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2fr); }
.flag-club { position: sticky; top: calc(74px + 28px); align-self: start; display: grid; gap: 16px; }
.offer-field { font-size: clamp(28px, 2.6vw, 40px); }
.chip2-tray { color: #9c84a6; letter-spacing: 0.04em; font-size: var(--io6f); }
.rail-list { gap: 24px; display: grid; justify-items: start; min-width: 0; }
.rail-list > * { max-width: 100%; }
.panel-row { color: var(--t2i); line-height: 1.6; font-size: var(--pxy); }
.meta-live { max-height: 560px; min-width: 0; overflow: hidden; width: 100%;
  mask-image: linear-gradient(#000 60%, transparent);
  justify-self: stretch;
}
.dice-bar:checked ~ .meta-live { max-height: none; mask-image: none; }
.vip-crest { line-height: 1.7;
  font-size: 14px; border-top: var(--dls) solid rgba(58, 22, 72, 0.14);
  padding: 26px 0; gap: 12px 40px; grid-template-columns: minmax(160px, 0.7fr) minmax(0, 2fr);
  display: grid;
}
.front-band { font-size: var(--y394); font-weight: 600; line-height: 1.35; color: var(--t2i); }
.inner-side, .dice-bar:checked ~ .wrap-dot .offer-strip { display: none; }
.dice-bar:checked ~ .wrap-dot .inner-side { display: inline; }
.dice-bar:focus-visible ~ .wrap-dot { outline: 2px solid var(--w9f); outline-offset: 3px; }
@media (max-width: 1080px) {
  .main-edge { grid-template-columns: 1fr; }
  .flag-club { position: static; }
}
@media (max-width: 640px) { .vip-crest { grid-template-columns: 1fr; } }
.bonus-media { display: grid; justify-items: center; gap: 22px; }
.gold-front { justify-items: center; gap: 10px; text-align: center; display: grid; }
.pill-item { font-size: clamp(30px, 3.4vw, 50px); }
.link-dice { width: min(860px, 100%); overflow: hidden; }
.offer-zone { align-items: center; border-bottom: var(--dls) solid rgba(58, 22, 72, 0.14); gap: 12px; display: flex; padding: 14px 20px; }
.offer-zone strong { display: block; font-size: 14px; }
.list-gold { display: inline-flex; align-items: center; gap: 6px; color: #9c84a6; font-size: var(--io6f); }
.menu-jackpot { color: var(--tm4l); height: 40px; width: 40px; place-items: center; border-radius: 50%;
  display: grid;
  background: var(--w9f); font: 700 16px/1 "Fredoka", "Chillax", "Trebuchet MS", sans-serif; flex: none;
}
.slot-inner { width: 30px; height: 30px; font-size: 13px; }
.ring-item { background: var(--brwi); padding: 24px 20px; gap: 22px; display: grid; }
.cell-win { display: grid; gap: 10px; }
.cell-main { gap: 10px; align-items: flex-end; display: flex; }
.crown-star { justify-content: flex-end; }
.ace-lobby { max-width: 72%; margin: 0; padding: 12px 16px; line-height: 1.55; font-size: 14px; }
.crown-star .ace-lobby {
  border-radius: calc(var(--jhc) + 10px) calc(var(--jhc) + 10px) 4px calc(var(--jhc) + 10px);
  background: var(--w9f); color: var(--tm4l); font-weight: 600;
}
.live-zone .ace-lobby {
  background: #fff6fa; color: var(--uexv); border: var(--dls) solid rgba(58, 22, 72, 0.14);
  border-radius: calc(var(--jhc) + 10px) calc(var(--jhc) + 10px) calc(var(--jhc) + 10px) 4px;
}
.unit-club { padding: 12px 14px; display: flex; border-top: var(--dls) solid rgba(58, 22, 72, 0.14); align-items: center; gap: 10px; }
.pane-copy { flex: 1; padding: 10px 14px; font-size: 14px; border-radius: var(--jsw); background: var(--s230); color: #9c84a6; }
@media (max-width: 600px) { .ace-lobby { max-width: 86%; } }
.inner-set { margin: 0 clamp(16px, 2.6vw, 40px) clamp(16px, 2.6vw, 40px); border-radius: var(--xbon); background: #FFFFFF; border: var(--dls) solid rgba(58, 22, 72, 0.14); }
.view-stage { margin: 0 auto; gap: 28px; padding: 36px clamp(20px, 3vw, 40px) 28px; max-width: 1200px; display: grid; }
.chip-label { align-items: center; flex-wrap: wrap; gap: 18px 28px; padding-bottom: 24px; display: flex; border-bottom: var(--dls) solid rgba(58, 22, 72, 0.14); }
.jackpot-lead { flex: 1; font-size: 14px; color: #9c84a6; }
.zone-foot ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 26px; font-size: 14px; color: var(--uexv); }
.zone-foot a:hover { color: var(--w9f); }
.frame-grid { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; }
.tab-bar, .mark-reel { display: flex; flex-wrap: wrap; gap: 8px; }
.tab-bar .game-win svg { height: 16px; }
.tab-bar .group-step { position: static; width: auto; height: auto; clip-path: none; }
.tab-bar li, .mark-reel li { height: 30px;
  font-size: var(--io6f);
  border-radius: var(--jsw); gap: 6px; align-items: center; padding: 0 12px;
  display: inline-flex; background: var(--s230); font-weight: 600; color: var(--uexv);
}
.mark-reel li { background: transparent; border: var(--dls) solid #3a1648; }
.row-hero { font-size: var(--io6f); line-height: 1.7; color: #9c84a6; text-align: center; max-width: 88ch; margin: 0 auto; }
.promo-strip { text-align: center; font-size: var(--io6f); color: #9c84a6; }
@media (max-width: 640px) { .jackpot-lead { flex-basis: 100%; order: 3; } .frame-grid { justify-content: center; } }
.inner-set .deal-jackpot { justify-content: center; }
:root { --tm4l: #111111; --d9t: rgba(255, 184, 43, 0.14); --ege: #D19723; --w9f: #ffb82b; }
:root { --dls: 1px; --ix5r: 0px; --b8u9: 1deg; }
svg.frame-lead{width:1em;display:inline-block;height:1em;fill:currentColor;vertical-align:-0.125em}