/* theme — last edited 2026-09-23 */
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(qe4s/nw4pqf.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(qe4s/4x7dgt.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: 'Chakra Petch';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(qe4s/4f46q9.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(qe4s/msq9nf.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: 'Chakra Petch';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(qe4s/qdby8h.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(qe4s/6ujufp.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: 'Chakra Petch';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(qe4s/y5fczk.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(qe4s/phq45y.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: 'Share Tech Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(qe4s/fbr62b.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;
}
/*  header  */
:root {
  --th-dice: hsl(251 38% 8%);

  --th-live-a8: 700;
  --th-chip2: 0px;

  --th-panel-ss: 0.18em;
  --th-box: hsl(249 26% 71%);
  --th-tile: "Chakra Petch", "Arial Narrow", sans-serif;
  --th-vip-da: 0 0 40px -8px rgba(34, 228, 255, 0.45);

  --th-box-b8: 12px;

  --th-nav: hsl(249 37% 4%);
  --th-table-2n: "Chakra Petch", "Segoe UI", sans-serif;
  --th-note-5f: none;
  --th-vip: rgba(160, 140, 255, 0.12);
  --th-club-b2: clamp(44px, 4.6vw, 68px);
  --th-label-4m: 2px;
  --th-meta-xe: uppercase;
  --th-field: #22e4ff;
  --th-chip2-ty: clamp(16px, 2.4vw, 36px);

  --th-base: 2px;

  --th-link-g7: cubic-bezier(0.2, 0.8, 0.2, 1);

  --th-gold-rf: 66px;
  --th-item: 14px;
  --th-wrap: 172px;

  --th-lobby-1i: repeating-linear-gradient(0deg, rgba(160, 140, 255, 0.06) 0 1px, transparent 1px 4px);
  --th-group-vl: rgb(11 9 21);
  --th-link: 22px;
  --th-ace-ry: 12px;
  --th-area: radial-gradient(50% 70% at 85% 30%, rgba(255, 46, 136, 0.22), transparent 70%), radial-gradient(40% 60% at 10% 90%, rgba(34, 228, 255, 0.14), transparent 70%);
  --th-copy: 0.98;
  --th-dock-e3: rgba(34, 228, 255, 0.55);
  --th-club: 244px;
  --th-top: rgba(160, 140, 255, 0.24);
  --th-bar: 0deg;
  --th-lead: 0 0 0 1px var(--th-main), 0 0 24px -4px rgba(255, 46, 136, 0.6);
  --th-offer-0n: rgb(109, 103, 144);
  --th-main-kx: hsl(251 37% 12%);
  --th-label-g9: clamp(42px, 4.8vw, 72px);
  --th-view-oe: 32px;
  --th-edge: 18px;

  --th-dock: #22E4FF;
  --th-dot: rgba(255, 46, 136, 0.12);

  --th-main: rgb(255, 46, 136);
  --th-jackpot: 2px;
  --th-ace-a4: linear-gradient(90deg, rgba(34, 228, 255, 0.06) 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(0deg, rgba(34, 228, 255, 0.06) 1px, transparent 1px) 0 0 / 28px 28px;
  --th-deal-9g: 1px;
  --th-spin: rgb(255, 106, 172);
  --th-promo-1l: "Share Tech Mono", ui-monospace, monospace;
  --th-pill-bn: rgb(10 6 16);
  --th-side-ge: rgb(255 176 32);
  --th-deal-2v: #221c3a;

  --th-note: hsl(251 100% 97%);
  --th-copy-xz: 180ms;
  --th-crest-6f: 0.02em;
  --th-bonus: 15px;
  --th-game: 2px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scrollbar-color: var(--th-deal-2v) transparent; }
body {
  margin: 0;
  color: var(--th-note);
  font: 400 var(--th-bonus)/1.55 var(--th-table-2n);
  -webkit-font-smoothing: antialiased;
  background:
    radial-gradient(1200px 600px at 110% -10%, rgba(255, 46, 136, 0.1), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(34, 228, 255, 0.07), transparent 60%),
    var(--th-nav);
  background-attachment: fixed;
}
body::after {
  content: "";
  mix-blend-mode: multiply; position: fixed; inset: 0; z-index: 100; pointer-events: none; opacity: 0.5;
  background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.18) 0 1px, transparent 1px 3px);
}
img { height: auto; max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { background: none; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; }
h1, h2, h3, h4, p { margin: 0; }
ul { padding: 0; margin: 0; list-style: none; }
::selection { background: var(--th-main); color: #fff; }
:focus-visible { outline: 1px solid var(--th-field); outline-offset: 3px; box-shadow: 0 0 12px var(--th-field); }
.edge-meta { flex: none; line-height: 1; font-size: 1.2em; }
.panel-rear { letter-spacing: 0.02em; font-family: var(--th-promo-1l); font-variant-numeric: tabular-nums; }
.bar-item { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; }
.box-gold { clip-path: polygon(var(--th-ace-ry) 0, 100% 0, 100% calc(100% - var(--th-ace-ry)), calc(100% - var(--th-ace-ry)) 100%, 0 100%, 0 var(--th-ace-ry)); }
.link-body {
  --th-flag: 42px;
  position: relative;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  height: var(--th-flag); padding: 0 24px;
  font: 600 var(--th-item)/1 var(--th-table-2n); letter-spacing: 0.12em; text-transform: uppercase;
  white-space: nowrap;
  clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
  transition: background var(--th-copy-xz), color var(--th-copy-xz), filter var(--th-copy-xz);
}
.mark-ace { --th-flag: 36px; padding: 0 18px; font-size: 12px; }
.live-edge { --th-flag: 52px; padding: 0 32px; font-size: 15px; }
.base-game { filter: drop-shadow(0 0 10px rgba(255, 46, 136, 0.55)); background: var(--th-main); color: #fff; }
.base-game:hover { background: var(--th-spin); filter: drop-shadow(0 0 16px rgba(255, 46, 136, 0.9)); }
.deal-dot { background: linear-gradient(var(--th-nav), var(--th-nav)) padding-box, linear-gradient(90deg, var(--th-field), var(--th-main)) border-box; border: 1px solid transparent; color: var(--th-note); }
.deal-dot:hover { color: var(--th-field); }
.bar-bonus {
  display: inline-grid;
  transition: color var(--th-copy-xz), border-color var(--th-copy-xz), box-shadow var(--th-copy-xz); place-items: center; width: 40px; height: 40px;
  color: var(--th-box); border: 1px solid var(--th-top);
}
.bar-bonus:hover { box-shadow: 0 0 12px -2px var(--th-field); color: var(--th-field); border-color: var(--th-field); }
.lead-shape { gap: 10px; align-items: center;
  transition: border-color var(--th-copy-xz), box-shadow var(--th-copy-xz); height: 42px;
  display: flex; padding: 0 12px;
  background: rgba(10, 8, 20, 0.7); color: var(--th-offer-0n); border: 1px solid var(--th-top);
}
.lead-shape:focus-within { color: var(--th-field); box-shadow: 0 0 14px -4px var(--th-field); border-color: var(--th-field); }
.lead-shape input { flex: 1; min-width: 0; height: 100%; background: none; border: 0; outline: 0; color: var(--th-note); font: inherit; font-size: var(--th-item); }
.lead-shape input::placeholder { color: var(--th-offer-0n); }
.lead-shape kbd { font: 400 11px/1 var(--th-promo-1l); color: var(--th-field); padding: 4px 6px; border: 1px solid rgba(34, 228, 255, 0.35); }
.star-ace { font: 400 var(--th-box-b8)/1 var(--th-promo-1l); text-transform: uppercase; color: var(--th-field); gap: 10px; align-items: center; letter-spacing: var(--th-panel-ss); display: inline-flex; }
.star-ace::before { content: "//"; color: var(--th-main); letter-spacing: 0; }
.link-hero { font-family: var(--th-tile); font-weight: var(--th-live-a8); text-transform: var(--th-meta-xe); letter-spacing: var(--th-crest-6f); line-height: var(--th-copy); }
.link-hero em { font-style: normal; color: var(--th-main); text-shadow: 0 0 18px rgba(255, 46, 136, 0.65), 0 0 2px rgba(255, 255, 255, 0.4); }
.field-unit {
  display: inline-flex; letter-spacing: 0.08em; align-items: center; text-transform: uppercase; background: var(--th-field); box-shadow: 0 0 10px -1px var(--th-field); height: 20px;
  font: 400 11px/1 var(--th-promo-1l); padding: 0 7px;
  color: var(--th-nav);
}
.grid-race { background: var(--th-main); color: #fff; box-shadow: 0 0 10px -1px var(--th-main); }
.dice-feature { background: var(--th-side-ge); color: var(--th-nav); box-shadow: 0 0 10px -1px var(--th-side-ge); }
.foot-label {
  position: relative;
  background: linear-gradient(180deg, rgba(34, 228, 255, 0.03), transparent 40%), var(--th-dice);
  border: 1px solid var(--th-top);
  border-radius: var(--th-base);
  box-shadow: inset 0 1px 0 rgba(34, 228, 255, 0.18);
}
.wrap-lobby {
  position: relative; background: var(--th-main-kx);
  box-shadow: 0 0 30px -6px rgba(34, 228, 255, 0.55), inset 0 0 30px -10px rgba(34, 228, 255, 0.5);
  clip-path: polygon(24px 0, 100% 0, 100% calc(100% - 24px), calc(100% - 24px) 100%, 0 100%, 0 24px); overflow: hidden;
  border: 1px solid var(--th-field);
}
.wrap-lobby img { width: 100%; height: 100%; object-fit: cover; }
.link-menu { flex: none; display: inline-block; width: 7px; height: 7px; background: var(--th-dock); box-shadow: 0 0 8px var(--th-dock); animation: neon-flicker 2.4s infinite; }
@keyframes neon-flicker { 0%, 92%, 100% { opacity: 1; } 94% { opacity: 0.3; } 96% { opacity: 0.9; } 97% { opacity: 0.2; } }
.deal-mark { display: grid; gap: 4px; }
.body-race { text-transform: uppercase; letter-spacing: 0.14em; font: 400 11px/1 var(--th-promo-1l); color: var(--th-offer-0n); }
.panel-grid { text-shadow: 0 0 10px rgba(34, 228, 255, 0.45); color: var(--th-field); font: 400 22px/1 var(--th-promo-1l); }
.cell-hero { color: var(--th-box); letter-spacing: 0.14em; display: inline-flex; font: 400 var(--th-box-b8)/1 var(--th-promo-1l); text-transform: uppercase; align-items: center; gap: 8px; transition: color var(--th-copy-xz); }
.cell-hero .panel-rear { color: var(--th-main); }
.cell-hero:hover { color: var(--th-field); }
.flag-reel { gap: 14px; align-items: center; margin-bottom: 20px; display: flex; }
.band-stack { font: 400 var(--th-box-b8)/1 var(--th-promo-1l); color: var(--th-main); }
.band-stack::before { content: "// "; color: var(--th-offer-0n); }
.hero-deck { display: flex; gap: 10px; white-space: nowrap; align-items: center; font: 700 var(--th-view-oe)/1 var(--th-tile); text-transform: uppercase; letter-spacing: 0.02em; }
.hero-deck .edge-meta { color: var(--th-field); font-size: 26px; filter: drop-shadow(0 0 6px var(--th-field)); }
.lobby-base { background: linear-gradient(90deg, var(--th-main), rgba(34, 228, 255, 0.4) 40%, transparent); height: 2px; flex: 1; box-shadow: 0 0 8px rgba(255, 46, 136, 0.5); min-width: 24px; }
.main-dock { display: flex; gap: 6px; }
.flag-reel .cell-hero { white-space: nowrap; }
.seal-base { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--th-top); color: var(--th-box); transition: color var(--th-copy-xz), border-color var(--th-copy-xz), box-shadow var(--th-copy-xz), opacity var(--th-copy-xz); }
.seal-base:hover { color: var(--th-field); border-color: var(--th-field); box-shadow: 0 0 10px -2px var(--th-field); }
.seal-base[disabled] { opacity: 0.25; pointer-events: none; }
@media (max-width: 720px) {
  .hero-deck { font-size: 24px; white-space: normal; min-width: 0; }
  .band-stack, .main-dock { display: none; }
  .flag-reel .cell-hero { flex: none; }
}
.deal-reel { grid-auto-columns: var(--th-wrap); overscroll-behavior-x: contain; grid-auto-flow: column; padding: 2px 2px 8px; display: grid; gap: 12px; scrollbar-width: none; scroll-snap-type: x mandatory; overflow-x: auto; }
.deal-reel::-webkit-scrollbar { display: none; }
.deal-reel > * { scroll-snap-align: start; }
.crown-promo { grid-template-columns: minmax(0, 1fr); gap: 8px; min-width: 0; display: grid; }
.list-rear { background: var(--th-main-kx); transition: border-color var(--th-copy-xz); overflow: hidden; clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%); aspect-ratio: var(--th-hero, 3 / 2); position: relative; border: 1px solid var(--th-vip); }
.list-rear::after { transition: opacity var(--th-copy-xz); inset: 0; background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.22) 0 1px, transparent 1px 3px); content: ""; position: absolute; opacity: 0; }
.list-rear img { transition: transform 500ms var(--th-link-g7), filter var(--th-copy-xz); height: 100%; width: 100%; object-fit: cover; }
.link-label { position: absolute; z-index: 1; top: 8px; left: 8px; }
.crown-promo:hover .list-rear { border-color: var(--th-main); }
.crown-promo:hover .list-rear img { transform: scale(1.06); filter: saturate(1.25) contrast(1.05); }
.crown-promo:hover .list-rear::after { opacity: 1; }
.meta-step { font-size: var(--th-item); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.crown-promo:hover .meta-step { color: var(--th-spin); }
.base-chip2 { color: var(--th-offer-0n); font-size: var(--th-box-b8); margin-top: 2px; gap: 8px; justify-content: space-between; align-items: center; display: flex; }
.base-chip2 > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.core-frame { flex: none; font-family: var(--th-promo-1l); color: var(--th-field); display: inline-flex; gap: 6px; align-items: center; }
.front-offer {
  --th-meta: 34px;
  display: inline-flex; align-items: center; gap: 0.3em;
  font-size: var(--th-meta); line-height: 1;
  color: var(--th-note);
  white-space: nowrap;
  text-decoration: none;
}
.reel-area { --th-meta: 44px; }
.top-list { font-weight: var(--th-live-a8); line-height: 1; letter-spacing: var(--th-crest-6f);
  font-family: var(--th-tile);
  font-size: 0.74em;
  text-transform: var(--th-meta-xe);
}
.foot-group { position: relative; flex: none; }
@media (max-width: 720px) { .field-nav .front-offer { --th-meta: 28px; } }
.table-nav {
  display: grid; place-items: center;
  background: repeating-conic-gradient(from 11deg, var(--th-pill-bn) 0 16deg, var(--th-main) 16deg 45deg);
  width: 1em;
  box-shadow: 0 0 0 0.04em var(--th-main); height: 1em; border-radius: 50%;
}
.table-nav::before {
  content: "";
  background: var(--th-main); border-radius: 50%; inset: 0.15em; position: absolute;
  box-shadow: inset 0 0 0 0.035em var(--th-pill-bn), inset 0 0 0 0.075em var(--th-main);
}
.table-nav span {
  font: var(--th-live-a8) 0.46em/1 var(--th-tile);
  transform: translateY(0.02em);
  position: relative;
  color: var(--th-pill-bn);
}
.panel-line { overflow-x: clip; }
/*  base  */
.row-gold { width: 100%; max-width: var(--th-dock-vg, 1320px); margin: 0 auto; padding-left: var(--th-chip2-ty); padding-right: var(--th-chip2-ty); }
.bar-tray { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--th-club-b2); padding-top: 24px; padding-bottom: var(--th-club-b2); }
.bar-tray > * { min-width: 0; }
.field-nav {
  background: color-mix(in srgb, var(--th-nav) 90%, transparent); top: 0;
  border-bottom: var(--th-deal-9g) solid var(--th-vip);
  backdrop-filter: blur(12px);
  position: sticky; z-index: 30;
}
.chip-side { display: flex; align-items: center; gap: 20px; height: var(--th-gold-rf); }
.bar-table { gap: 10px; display: flex; margin-left: auto; align-items: center; }
.dice-rear { display: none; }
.lobby-mark { display: none; }
.panel-line.list-zone .lobby-mark { position: fixed; background: rgba(0, 0, 0, 0.55); display: block; inset: 0; z-index: 45; }
.deck-slab { border-right: var(--th-deal-9g) solid var(--th-vip); gap: 18px;
  display: flex; background: var(--th-nav);
  position: fixed; top: 0;
  overflow-y: auto; padding: 16px; left: 0;
  width: min(320px, 88vw); bottom: 0; transition: transform 320ms var(--th-link-g7); z-index: 50; flex-direction: column;
  transform: translateX(-102%);
}
.panel-line.list-zone .deck-slab { transform: none; }
.bonus-tray { display: flex; align-items: center; justify-content: space-between; }
.lead-field { display: grid; gap: 4px; }
.race-meta { border-radius: var(--th-game); height: 46px; padding: 0 12px; display: flex; align-items: center; gap: 12px; color: var(--th-box); }
.race-meta.link-field, .race-meta:hover { background: var(--th-dice); color: var(--th-note); }
.race-meta .edge-meta { color: var(--th-main); }
.frame-race { display: grid; gap: 8px; }
.tab-zone { display: grid; gap: 10px; margin-top: auto; font-size: var(--th-item); color: var(--th-offer-0n); }
@media (max-width: 1080px) {
  .dice-rear { display: inline-grid; }
}
@media (max-width: 640px) {
  .bar-table .deal-dot { display: none; }
  .chip-side { gap: 12px; }
}
.ace-card {
  display: flex; align-items: center; justify-content: center; gap: 10px; height: 38px; padding: 0 16px;
  background: var(--th-main); color: var(--th-pill-bn); font-size: var(--th-item); text-align: center;
}
.ace-card span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ace-card:hover strong { text-decoration: underline; }
.menu-flag { height: calc(var(--th-gold-rf) + 8px); grid-template-columns: 1fr auto 1fr; display: grid; }
.shape-gold { align-items: center; gap: 6px; display: flex; min-width: 0; }
.item-chip { justify-content: flex-end; }
.unit-note { display: flex; justify-content: center; padding: 0 20px; }
.grid-feature { display: flex; gap: 2px; }
.area-core { white-space: nowrap; letter-spacing: 0.02em; height: 38px; align-items: center;
  font-size: var(--th-item); padding: 0 12px; border-radius: var(--th-chip2);
  transition: color var(--th-copy-xz), background var(--th-copy-xz);
  display: inline-flex; font-weight: 500; color: var(--th-box);
}
.area-core:hover { color: var(--th-note); }
.area-core.link-field { color: var(--th-note); background: var(--th-main-kx); }
.core-hero { width: var(--th-deal-9g); height: 24px; margin: 0 8px; background: var(--th-top); }
.front-step { display: inline-flex; align-items: center; gap: 6px; padding: 0 10px; font-size: var(--th-item); font-weight: 600; color: var(--th-note); white-space: nowrap; }
@media (max-width: 1280px) { .grid-feature { display: none; } .core-hero { display: none; } }
@media (max-width: 1080px) { .menu-flag { grid-template-columns: auto 1fr auto; } .unit-note { justify-content: flex-start; padding: 0 8px; } }
@media (max-width: 640px) { .front-step span { display: none; } .ace-card { font-size: 12px; } }
.copy-tray { color: var(--th-box); }
.copy-tray p { margin: 0 0 1em; }
.copy-tray p:last-child { margin-bottom: 0; }
.line-hero { color: var(--th-note); margin: 1.4em 0 0.5em; font-weight: 600; font-size: var(--th-edge); }
.card-crest, .bar-deck { margin: 0 0 1.1em; padding: 0; list-style: none; display: grid; gap: 0.55em; }
.card-crest li { position: relative; padding-left: 1.4em; }
.card-crest li::before {
  background: var(--th-main);
  content: ""; position: absolute; height: 0.45em; left: 0.1em; top: 0.62em;
  width: 0.45em;
  transform: rotate(45deg); border-radius: calc(var(--th-game) * 0.2);
}
.bar-deck { counter-reset: step; }
.bar-deck li { counter-increment: step; position: relative; padding-left: 2.3em; min-height: 1.7em; }
.bar-deck 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(--th-promo-1l); color: var(--th-pill-bn);
  background: var(--th-main); border-radius: 50%;
}
.copy-tray, .copy-tray > * { min-width: 0; }
.deal-ace { max-width: 100%; margin: 0 0 1.1em; overflow-x: auto; border: var(--th-deal-9g) solid var(--th-vip); border-radius: var(--th-game); }
.deal-ace table { border-collapse: collapse; width: 100%; font-size: var(--th-item); }
.deal-ace th, .deal-ace td { white-space: nowrap; border-bottom: var(--th-deal-9g) solid var(--th-vip); text-align: left; padding: 10px 14px; }
.deal-ace tbody tr:last-child > * { border-bottom: 0; }
/*  v2  */
.deal-ace thead th { font-size: var(--th-box-b8); font-weight: 600; letter-spacing: var(--th-panel-ss); text-transform: uppercase; color: var(--th-offer-0n); background: var(--th-dice); }
.deal-ace tbody th { font-weight: 600; color: var(--th-note); }
.deal-ace caption { caption-side: top; text-align: left; padding: 10px 14px; font-size: var(--th-box-b8); font-weight: 600; letter-spacing: var(--th-panel-ss); text-transform: uppercase; color: var(--th-main); border-bottom: var(--th-deal-9g) solid var(--th-vip); }
.deal-ace tbody tr:nth-child(even) > * { background: color-mix(in srgb, var(--th-main-kx) 45%, transparent); }
.main-race, .bar-club { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; font-size: 12px; font-weight: 700; }
.main-race { background: color-mix(in srgb, var(--th-dock) 18%, transparent); color: var(--th-dock); }
.bar-club { background: color-mix(in srgb, var(--th-side-ge) 14%, transparent); color: var(--th-side-ge); }
.dot-wrap tbody th { width: 42%; color: var(--th-box); font-weight: 500; white-space: normal; }
.dot-wrap td { color: var(--th-note); font-weight: 600; white-space: normal; }
.promo-block td, .promo-block thead th:not(:first-child) { text-align: center; }
.promo-block tbody td:nth-child(2), .promo-block thead th:nth-child(2) { background: var(--th-dot) !important; }
.promo-block thead th:nth-child(2) { color: var(--th-main); }
@media (max-width: 520px) { .flag-reel { flex-wrap: wrap; row-gap: 8px; } }
img[src^="img/card/"], img[src^="img/wide/"], img[src^="img/square/"] { background-color: var(--th-dot-al, var(--th-main-kx)); }
.strip-copy { --th-hero: 3 / 4; position: relative; }
.strip-copy img {
  object-fit: contain !important; object-position: 50% 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--th-dot-al, #222) 72%, #0B0B10) 0 50%, color-mix(in srgb, var(--th-dot-al, #222) 38%, #0b0b10)) !important;
}
.strip-copy::before { content: ""; z-index: 1; background: linear-gradient(rgba(0, 0, 0, 0.28), transparent); left: 0; top: 49%; right: 0; pointer-events: none; position: absolute; height: 24%; }
.copy-club { left: 10px; color: #fff; bottom: 12px; display: grid; z-index: 2; pointer-events: none; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.45); position: absolute; right: 10px; gap: 2px; }
.club-block { font-family: var(--th-tile); font-weight: var(--th-live-a8); text-transform: var(--th-meta-xe); letter-spacing: var(--th-crest-6f); font-size: 17px; line-height: 1.05; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.page-pane { font-size: 11px; opacity: 0.78; }
.list-rear.strip-copy + .copy-star, .list-rear.strip-copy + .chip-cell { display: none; }
img[src^="img/brand/"] {
  background: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  box-shadow: none !important; mask-image: none !important;
}
.pill-nav {
  position: relative; align-self: stretch; justify-self: center;
  width: 100%; min-height: var(--th-lobby-0t, 340px);
  pointer-events: none;
}
.pill-nav .lobby-race {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: auto; height: auto; max-height: 100%; max-width: 116%;
  object-fit: contain; object-position: 50% 100%;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.35));
}
@media (max-width: 820px) {
  .pill-nav { align-self: auto; min-height: var(--th-top-kz, 260px); }
  .pill-nav .lobby-race { object-position: 50% 100%; }
}
img[src^="img/providers/"] { border-radius: 0; object-fit: contain; filter: var(--th-edge-ic, none); }
.vip-view { display: inline-flex; align-items: center; gap: 0.5em; line-height: 1; vertical-align: middle; }
.vip-view svg { flex: none; width: auto; max-width: 3em; height: 1.6em; }
.set-list { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.crown-nav { display: inline-flex; gap: 12px; text-transform: uppercase; align-items: center; letter-spacing: 0.04em; font-size: 12px; }
.crown-nav a { color: var(--th-box); text-decoration: none; }
.crown-nav a:hover { color: var(--th-main); }
.crown-nav a.link-field { color: var(--th-note); font-weight: 600; }
.zone-card { display: block; }
.reel-label { color: var(--th-main); }
.ring-frame {
  display: block; font-size: clamp(12px, 0.22em, 17px); text-transform: uppercase; line-height: 1.2;
  font-family: var(--th-set); color: var(--th-box);
  letter-spacing: var(--th-panel-ss); font-weight: 600; margin-top: 0.5em;
}
.rear-media { display: block;
  margin: 0;
  font-family: var(--th-tile); line-height: 1.05; font-weight: var(--th-live-a8);
  letter-spacing: var(--th-crest-6f); text-transform: var(--th-meta-xe); font-size: clamp(22px, 2.4vw, 38px);
}
.dice-dock { font-style: normal; color: var(--th-main); }
.race-panel { display: inline-flex; align-items: baseline; flex-wrap: wrap; line-height: 1.3; color: var(--th-offer-0n); gap: 6px; font-size: var(--th-box-b8); }
.main-ace { letter-spacing: var(--th-panel-ss); text-transform: uppercase; }
.table-reel { font-weight: 600; color: var(--th-note); }
.body-area { color: rgba(255, 255, 255, 0.72); }
.body-area .table-reel { color: #fff; }
.group-grid { align-items: center; gap: 8px; flex-wrap: wrap; display: flex; }
.item-chip2 { border-radius: var(--th-game); display: inline-flex; align-items: center; font-size: var(--th-box-b8); transition: color .15s, border-color .15s, background-color .15s; gap: 6px; color: var(--th-offer-0n); height: 28px; padding: 0 10px; }
.item-chip2:hover { color: var(--th-note); }
.item-chip2 .edge-meta { font-size: 1.25em; }
.crest-label .item-chip2 { background: var(--th-group-vl); border-radius: var(--th-chip2); }
.spin-note .item-chip2 { border: var(--th-deal-9g) solid var(--th-top); }
.spin-note .item-chip2:hover { border-color: var(--th-dock-e3); }
.pill-club .item-chip2 { background: var(--th-dice); border: var(--th-deal-9g) solid var(--th-vip); font-weight: 600; }
.tray-main { gap: 4px 18px; }
.tray-main .item-chip2 { padding: 0; height: auto; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--th-dock-e3); }
.meta-chip2 .item-chip2 { border-radius: 0; font: 500 11px/1 var(--th-promo-1l); letter-spacing: 0.08em; text-transform: uppercase; padding: 0 8px; border-left: 2px solid var(--th-main); }
a[role="button"] { cursor: pointer; }
.star-chip2 { display: flex; gap: 4px; flex-wrap: wrap; }
/*  header  */
.front-item { display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 999px; font: 700 10px/1 var(--th-promo-1l); color: #fff; }
.lead-top { background: hsl(355 61% 49%); }
.win-block { background: hsl(240 10% 12%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.rear-rear { background: rgb(31 138 76); }
.meta-vip { background: var(--th-deal-2v); color: var(--th-note); }
.jackpot-live { gap: 10px; flex-wrap: wrap; display: flex; }
.line-lead { display: inline-flex; align-items: center; gap: 10px; height: 50px; padding: 0 18px 0 14px; border-radius: 12px; background: #0b0b0d; color: #fff; border: 1px solid rgba(255, 255, 255, 0.18); transition: transform var(--th-copy-xz) var(--th-link-g7); }
.line-lead:hover { transform: translateY(-2px); }
.line-lead .edge-meta { font-size: 26px; }
.line-lead span { display: grid; font-size: 15px; font-weight: 600; line-height: 1.1; }
.line-lead small { font-size: 10px; font-weight: 400; opacity: 0.75; }
.label-tab { position: relative; display: block; flex: none; width: 230px; height: 460px; border-radius: 38px; background: #0c0c10; padding: 12px; box-shadow: inset 0 0 0 2px #2a2a33, 0 30px 60px -20px rgba(0, 0, 0, 0.6); }
.ring-stack { position: absolute; left: 50%; top: 18px; z-index: 2; width: 70px; height: 18px; border-radius: 999px; background: #0C0C10; transform: translateX(-50%); }
.menu-rail { gap: 8px; height: 100%; border-radius: 28px; padding: 36px 10px 10px; display: flex; background: var(--th-nav); flex-direction: column; overflow: hidden; }
.pill-vip { display: flex; justify-content: center; }
.pill-vip .front-offer { --th-meta: 18px; pointer-events: none; }
.band-tab { display: grid; gap: 2px; padding: 12px; border-radius: 12px; background: var(--th-area), var(--th-main-kx); font-size: 9px; color: var(--th-box); }
.band-tab .link-hero { font-size: 18px; color: var(--th-main); }
.cell-tile { gap: 5px; grid-template-columns: repeat(2, 1fr); display: grid; }
.cell-tile img { border-radius: 6px; object-fit: cover; aspect-ratio: 3 / 2; width: 100%; }
.crown-unit { padding: 8px 0 2px; color: var(--th-offer-0n); border-top: 1px solid var(--th-vip); display: flex; justify-content: space-around; margin-top: auto; font-size: 16px; }
.crown-unit .edge-meta:first-child { color: var(--th-main); }
.field-nav { border-image: linear-gradient(90deg, var(--th-main), rgba(34, 228, 255, 0.6), transparent 70%) 1; border-bottom: 1px solid transparent; background: rgba(7, 6, 13, 0.82); }
.label-card, .ring-deal { background: rgba(9, 7, 18, 0.9); }
.foot-strip { font-weight: 500; letter-spacing: 0.02em; }
.foot-strip.link-field { background: linear-gradient(90deg, rgba(255, 46, 136, 0.18), transparent); color: #fff; }
.foot-strip.link-field::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; background: var(--th-main); box-shadow: 0 0 10px var(--th-main); }
.foot-strip.link-field .edge-meta { color: var(--th-main); filter: drop-shadow(0 0 6px var(--th-main)); }