/* 直式機台：整台以 rem 為單位，依螢幕寬高等比放大到填滿畫面
   設計尺寸 61.6rem × 120rem（約 1 : 1.95，接近直式手機比例） */
html {
  font-size: min(calc(100vw / 61.6), calc(100vh / 120));
  font-size: min(calc(100vw / 61.6), calc(100dvh / 120));
  touch-action: manipulation;
  overscroll-behavior: none;
}

:root {
  --red: #e3121c;
  --gold: #ffd23a;
  --frame: #15151d;
  --cell-line: #2b2b36;
  --plastic: linear-gradient(180deg, #fdfcf8 0%, #f0ece2 55%, #ddd6c7 100%);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  background:
    radial-gradient(ellipse 60% 40% at 50% 0%, rgba(255, 70, 160, .28), transparent 70%),
    radial-gradient(ellipse 70% 50% at 50% 100%, rgba(40, 120, 255, .25), transparent 70%),
    linear-gradient(180deg, #1b0f2e 0%, #0b0614 100%);
  font-family: "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", sans-serif;
  color: #fff;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}

button { font-family: inherit; color: inherit; cursor: pointer; touch-action: manipulation; }
button:disabled { cursor: default; }

.stage {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ---------------------------------------------------------------- 機台外殼 */
.cabinet {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .8rem;
  width: 61.6rem;
  min-height: 120rem;
  padding: .8rem .8rem 1rem;
  border-radius: 2.6rem;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .08), transparent 5%, transparent 95%, rgba(0, 0, 0, .1)),
    var(--plastic);
  box-shadow:
    0 2rem 5rem rgba(0, 0, 0, .65),
    inset 0 .3rem 0 #fff,
    inset 0 -.6rem 1.2rem rgba(0, 0, 0, .14);
}

/* 直式螢幕：外殼直接延伸到螢幕邊緣，看起來就是整台機器 */
@media (max-aspect-ratio: 4/5) {
  body { background: #e9e4d8; }
  .stage { align-items: stretch; }
  .cabinet {
    min-height: 100dvh;
    border-radius: 0;
    box-shadow: none;
    background: var(--plastic);
    justify-content: space-between;
  }
}

/* ---------------------------------------------------------------- 頂部 */
.top {
  display: flex;
  align-items: center;
  gap: .8rem;
  height: 4.6rem;
}
.mini-btn {
  flex: none;
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 50%;
  border: none;
  font-weight: 900;
  font-size: 2.3rem;
  line-height: 1;
  color: #fff;
  background: radial-gradient(circle at 40% 35%, #5a5a6a, #22222c);
  box-shadow: 0 .35rem 0 #0c0c12, 0 .5rem .7rem rgba(0, 0, 0, .3);
  transition: transform .08s, box-shadow .08s;
}
.mini-btn.pressed { transform: translateY(.3rem); box-shadow: 0 .05rem 0 #0c0c12; }
.mini-btn.muted { color: #777; text-decoration: line-through; }

.marquee {
  position: relative;
  flex: 1;
  height: 100%;
  border-radius: 1.1rem;
  overflow: hidden;
  background:
    radial-gradient(circle, rgba(255, 60, 40, .10) .18rem, transparent .2rem) 0 0 / .6rem .6rem,
    #120506;
  box-shadow: inset 0 0 0 .3rem #2a2a33, inset 0 .4rem 1rem rgba(0, 0, 0, .8);
}
.marquee span {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1.3rem;
  white-space: nowrap;
  font-weight: 900;
  font-size: 2.3rem;
  line-height: 2.6rem;
  letter-spacing: .15rem;
  color: #ff4433;
  text-shadow: 0 0 .5rem rgba(255, 60, 30, .9), 0 0 1.2rem rgba(255, 40, 20, .6);
  will-change: transform;
}
.marquee.flash span { animation: mqflash .32s steps(1) 4; }
@keyframes mqflash { 50% { color: #ffe14a; text-shadow: 0 0 .6rem rgba(255, 220, 60, .9); } }

/* ---------------------------------------------------------------- 玻璃面板 */
.glass {
  position: relative;
  padding: .9rem;
  border-radius: 1.6rem;
  background: linear-gradient(180deg, #23232e, var(--frame));
  box-shadow: inset 0 0 0 .25rem #0a0a0f, inset 0 .3rem .8rem rgba(255, 255, 255, .08), 0 .4rem 1rem rgba(0, 0, 0, .35);
}
.glare {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(115deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .03) 22%, transparent 23%, transparent 70%, rgba(255, 255, 255, .05) 71%, transparent 80%);
}

/* 顯示器 */
.displays {
  display: grid;
  grid-template-columns: 1fr 11rem 1fr;
  gap: .8rem;
  margin-bottom: .8rem;
}
.disp {
  background: #050506;
  border-radius: 1rem;
  padding: .4rem .8rem .7rem;
  box-shadow: inset 0 0 0 .2rem #33333f, inset 0 .3rem .8rem rgba(0, 0, 0, .9);
  text-align: center;
}
.disp-label {
  font-family: Bungee, "Noto Sans TC", sans-serif;
  font-size: 1.45rem;
  line-height: 1.9rem;
  color: var(--gold);
  letter-spacing: .2rem;
}
.seg {
  display: flex;
  justify-content: center;
  gap: .22rem;
  height: 4.5rem;
}
.seg .digit { height: 100%; width: auto; }
.seg polygon { fill: rgba(255, 40, 30, .1); transition: fill .05s; }
.seg polygon.on { fill: #ff2b1f; filter: drop-shadow(0 0 2px rgba(255, 40, 20, .9)); }
.disp-db .seg { height: 3.3rem; }
.db-chips {
  display: flex;
  justify-content: center;
  gap: .8rem;
  margin-top: .3rem;
}
.db-chips span {
  font-weight: 900;
  font-size: 1.3rem;
  line-height: 1.7rem;
  padding: 0 .8rem;
  border-radius: .5rem;
  color: rgba(255, 255, 255, .25);
  background: rgba(255, 255, 255, .05);
}
.db-chips span.on { color: #111; background: var(--gold); box-shadow: 0 0 .8rem rgba(255, 210, 58, .8); }

/* ---------------------------------------------------------------- 盤面 */
.board {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(7, 1fr);
  aspect-ratio: 1;
  gap: .45rem;
  padding: .6rem;
  border-radius: 1.2rem;
  background: radial-gradient(circle at 50% 50%, #fffdf6, #f3ead6);
  box-shadow: inset 0 0 0 .2rem #b9ad93;
}

.cell {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  background: #fff;
  border: .22rem solid var(--cell-line);
  border-radius: .9rem;
  box-shadow: inset 0 -.5rem .8rem rgba(0, 0, 0, .07), 0 .15rem .2rem rgba(0, 0, 0, .15);
  transition: background .08s, box-shadow .08s;
}
.cell img {
  width: 86%;
  height: 86%;
  object-fit: contain;
  pointer-events: none;
  -webkit-user-drag: none;
}
.cell.small img { width: 62%; height: 62%; margin-top: -1.8rem; }
.x2 {
  position: absolute;
  bottom: .3rem;
  font-family: Bungee, sans-serif;
  font-size: 2rem;
  line-height: 1;
  color: var(--red);
  text-shadow: .1rem .1rem 0 #fff, -.1rem -.1rem 0 #fff;
}

/* BAR 招牌 */
.bars { display: flex; flex-direction: column; align-items: center; gap: .25rem; }
.bars span {
  display: block;
  width: 5.6rem;
  font-family: Bungee, sans-serif;
  font-size: 1.5rem;
  line-height: 1.8rem;
  text-align: center;
  color: #fff;
  background: linear-gradient(180deg, #3d3d4c, #0e0e14);
  border-radius: .4rem;
  box-shadow: inset 0 0 0 .15rem #ffd23a;
  letter-spacing: .1rem;
}
.bars-1 span { width: 6.2rem; font-size: 2rem; line-height: 2.6rem; }
.bars-2 span { width: 5.8rem; font-size: 1.65rem; line-height: 2.1rem; }
.cell.bar { flex-direction: column; gap: .2rem; }
.cell.bar .mult-tag {
  font-family: Bungee, sans-serif;
  font-size: 1.55rem;
  line-height: 1.55rem;
  color: var(--red);
}

/* ONCE MORE */
.once-txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: Bungee, sans-serif;
  line-height: 1;
}
.once-txt span:first-child { font-size: 1.9rem; color: #0f8a2e; }
.once-txt span:last-child { font-size: 1.9rem; color: var(--red); margin-top: .2rem; }

/* 燈號：在格子朝向中央的那一側 */
.lamp {
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: .35rem;
  background: radial-gradient(circle at 35% 35%, #8a1e1e, #4a0909);
  border: .15rem solid #1f0505;
  z-index: 2;
  transition: background .06s, box-shadow .06s;
}
.cell[data-side=top] .lamp    { bottom: -.9rem; left: 50%; margin-left: -.65rem; }
.cell[data-side=bottom] .lamp { top: -.9rem; left: 50%; margin-left: -.65rem; }
.cell[data-side=left] .lamp   { right: -.9rem; top: 50%; margin-top: -.65rem; }
.cell[data-side=right] .lamp  { left: -.9rem; top: 50%; margin-top: -.65rem; }
.cell[data-side=tl] .lamp     { right: -.9rem; bottom: -.9rem; }
.cell[data-side=tr] .lamp     { left: -.9rem; bottom: -.9rem; }
.cell[data-side=br] .lamp     { left: -.9rem; top: -.9rem; }
.cell[data-side=bl] .lamp     { right: -.9rem; top: -.9rem; }

/* 亮燈狀態 */
.cell.cur, .cell.lit, .cell.train {
  background: radial-gradient(circle, #fffbe0 0%, #ffe680 62%, #ffbf1f 100%);
  border-color: #ff2a1a;
  box-shadow: 0 0 1.4rem .3rem rgba(255, 196, 0, .85), inset 0 0 .6rem rgba(255, 70, 30, .7);
  z-index: 1;
}
.cell.cur .lamp, .cell.lit .lamp, .cell.train .lamp, .cell.t1 .lamp {
  background: radial-gradient(circle at 35% 35%, #fff0c0, #ff3a22 55%, #c40d0d);
  box-shadow: 0 0 .9rem .35rem rgba(255, 50, 20, .9);
}
.cell.t1 { background: #fff1b8; }
.cell.t1 .lamp { opacity: .75; }
.cell.t2 { background: #fff8db; }
.cell.hit { animation: hit .22s steps(1) infinite; }
@keyframes hit {
  50% { background: #fff; box-shadow: 0 0 .4rem rgba(255, 196, 0, .5); }
}
.cell.winning { animation: win .45s steps(1) infinite; }
@keyframes win {
  50% { background: #fff; border-color: var(--cell-line); box-shadow: none; }
}

/* 中央圖 */
.center {
  grid-row: 2 / 7;
  grid-column: 2 / 7;
  position: relative;
  margin: .5rem;
  border-radius: 1.2rem;
  overflow: hidden;
  border: .3rem solid var(--cell-line);
  background: linear-gradient(#7fd0ff, #bfe9ff);
  box-shadow: inset 0 0 1.4rem rgba(0, 0, 0, .25);
}
.center img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-user-drag: none;
}
.title {
  position: absolute;
  top: 1.3rem;
  left: 0;
  right: 0;
  text-align: center;
  font-weight: 900;
  font-size: 7.4rem;
  line-height: 1;
  letter-spacing: .5rem;
  color: #ee1620;
  -webkit-text-stroke: .75rem #ffe03a;
  paint-order: stroke fill;
  text-shadow: 0 .55rem 0 #8e0b10, 0 1rem 1.2rem rgba(0, 0, 0, .35);
  pointer-events: none;
}

.banner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.banner span {
  padding: 1rem 2.4rem;
  border-radius: 1.6rem;
  font-family: Bungee, "Noto Sans TC", sans-serif;
  font-weight: 900;
  font-size: 5.6rem;
  line-height: 1.1;
  white-space: nowrap;
  color: #fff;
  -webkit-text-stroke: .5rem #d70f1a;
  paint-order: stroke fill;
  background: rgba(10, 10, 30, .55);
  box-shadow: 0 0 2rem rgba(255, 210, 60, .6);
  animation: pop .45s cubic-bezier(.2, 1.6, .4, 1) both, glow .3s steps(1) infinite .45s;
}
.banner .bn-gray { -webkit-text-stroke-color: #555; box-shadow: none; animation: pop .45s cubic-bezier(.2, 1.6, .4, 1) both; }
.banner .bn-win { color: #ffe14a; -webkit-text-stroke-color: #b00010; }
@keyframes pop { from { transform: scale(.2) rotate(-8deg); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes glow { 50% { color: #ffe14a; } }

/* ---------------------------------------------------------------- 押注顯示列 */
.betstrip {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: .5rem;
  margin-top: .8rem;
}
.slot {
  border-radius: .9rem;
  overflow: hidden;
  background: #050506;
  box-shadow: inset 0 0 0 .2rem #33333f;
  cursor: pointer;
  transition: transform .08s;
}
.slot.pressed { transform: scale(.95); }
.slot .odds {
  font-family: Bungee, sans-serif;
  font-size: 2rem;
  line-height: 2.5rem;
  text-align: center;
  color: #ffe14a;
  background: linear-gradient(180deg, #ff4436, #b80d16);
  text-shadow: 0 .15rem 0 #6a0007;
}
.slot-icon {
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 0 .2rem;
}
.slot-icon img { height: 4.2rem; width: 4.2rem; object-fit: contain; -webkit-user-drag: none; }
.slot .seg { height: 3.5rem; padding: .45rem 0 .5rem; }
.slot.repeat .seg polygon.on { fill: #ff8a80; filter: none; }
.slot.winning .odds { animation: oddsblink .45s steps(1) infinite; }
@keyframes oddsblink { 50% { background: linear-gradient(180deg, #ffe14a, #ffb400); color: #b80d16; text-shadow: none; } }

.bar-face { display: flex; align-items: center; justify-content: center; }
.bar-face .bars { gap: .15rem; }
.bar-face .bars span { width: 4.4rem; font-size: 1.05rem; line-height: 1.3rem; }

/* ---------------------------------------------------------------- 操作面板 */
.panel {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 15.6rem;
  grid-template-rows: 1fr auto;
  column-gap: 1rem;
  row-gap: 1rem;
  padding: 1rem 1.2rem 1.1rem;
  border-radius: 1.6rem;
  background: linear-gradient(180deg, #2b2b37, #191921);
  box-shadow: inset 0 .3rem 0 rgba(255, 255, 255, .08), inset 0 -.4rem .8rem rgba(0, 0, 0, .5), 0 .4rem .8rem rgba(0, 0, 0, .3);
}

/* 押注鍵：2 排 × 4 */
.bet-grid {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: .9rem;
  column-gap: .4rem;
  justify-items: center;
}
.bet-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .4rem;
  padding: 0;
  border: none;
  background: none;
}
.bet-cap {
  position: relative;
  display: grid;
  place-items: center;
  width: 8.4rem;
  height: 8.4rem;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 40%, var(--c) 55%, var(--cd) 100%);
  box-shadow: 0 .6rem 0 var(--cd), 0 .9rem 1rem rgba(0, 0, 0, .5), inset 0 .3rem .3rem rgba(255, 255, 255, .45);
  transition: transform .07s, box-shadow .07s;
}
.bet-face {
  display: grid;
  place-items: center;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 30%, #fff, #e9e9e9);
  box-shadow: inset 0 -.25rem .4rem rgba(0, 0, 0, .18);
  overflow: hidden;
}
.bet-face img { width: 5.3rem; height: 5.3rem; object-fit: contain; -webkit-user-drag: none; }
.bet-face .bars span { width: 4.8rem; font-size: 1.1rem; line-height: 1.4rem; }
.bet-badge {
  position: absolute;
  top: -.5rem;
  right: -.9rem;
  min-width: 3.6rem;
  padding: 0 .6rem;
  border-radius: 1.2rem;
  font-family: Bungee, sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #ff3b2b;
  background: #0b0b10;
  box-shadow: 0 0 0 .2rem #3a3a46, 0 0 .8rem rgba(255, 50, 30, .5);
  text-shadow: 0 0 .5rem rgba(255, 50, 30, .9);
  opacity: 0;
  transform: scale(.6);
  transition: opacity .12s, transform .12s;
}
.bet-badge.show { opacity: 1; transform: none; }
.bet-btn.pressed .bet-cap { transform: translateY(.5rem); box-shadow: 0 .1rem 0 var(--cd), 0 .2rem .4rem rgba(0, 0, 0, .5), inset 0 .3rem .3rem rgba(255, 255, 255, .45); }
.bet-name {
  font-weight: 900;
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: #eee;
  white-space: nowrap;
}
.bet-name em { font-style: normal; color: var(--gold); margin-left: .2rem; }
.bet-btn.off { opacity: .55; }

/* 開始鈕：就在押注鍵旁邊 */
.start-btn {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  justify-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 15rem;
  height: 15rem;
  border: .5rem solid #1a1a20;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 38%, #fff3a8 0%, #ffd23a 35%, #f08a00 100%);
  box-shadow: 0 .8rem 0 #8a4a00, 0 1.2rem 1.6rem rgba(0, 0, 0, .55), inset 0 .4rem .4rem rgba(255, 255, 255, .6), 0 0 2.2rem rgba(255, 200, 40, .5);
  color: #8a1a00;
  transition: transform .07s, box-shadow .07s, filter .15s;
}
.start-btn b { font-weight: 900; font-size: 4.2rem; line-height: 4.6rem; }
.start-btn small { font-family: Bungee, sans-serif; font-size: 1.7rem; line-height: 1.9rem; }
.start-btn.pressed { transform: translateY(.6rem); box-shadow: 0 .2rem 0 #8a4a00, 0 .4rem .6rem rgba(0, 0, 0, .55), inset 0 .4rem .4rem rgba(255, 255, 255, .6); }
.start-btn:disabled { filter: saturate(.4) brightness(.7); }

/* 功能鍵 */
.fn-row {
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: .8rem;
}
.fn-btn {
  --c: #666; --cd: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 6rem;
  border: none;
  border-radius: 1.1rem;
  background: linear-gradient(180deg, var(--c), var(--cd));
  box-shadow: 0 .55rem 0 #0b0b10, 0 .8rem 1rem rgba(0, 0, 0, .45), inset 0 .25rem .2rem rgba(255, 255, 255, .35);
  transition: transform .07s, box-shadow .07s, filter .15s;
}
.fn-btn b { font-weight: 900; font-size: 2.3rem; line-height: 2.6rem; }
.fn-btn small { font-family: Bungee, sans-serif; font-size: 1.05rem; line-height: 1.3rem; opacity: .85; }
.fn-btn.pressed { transform: translateY(.45rem); box-shadow: 0 .1rem 0 #0b0b10, inset 0 .25rem .2rem rgba(255, 255, 255, .35); }
.fn-btn:disabled { filter: grayscale(.85) brightness(.55); }
.fn-btn.blue   { --c: #3c8dff; --cd: #1446a8; }
.fn-btn.red    { --c: #ff4b3e; --cd: #b0101a; }
.fn-btn.green  { --c: #2fc35a; --cd: #137a32; }
.fn-btn.gray   { --c: #8b8b99; --cd: #4a4a57; }
.fn-btn.purple { --c: #a45cff; --cd: #5b22b0; }
.fn-btn.orange { --c: #ffae2b; --cd: #b8620a; }
.fn-btn.orange b, .fn-btn.orange small { color: #4a1d00; }
.fn-btn.purple.on { box-shadow: 0 .55rem 0 #0b0b10, 0 0 1.6rem .3rem rgba(190, 120, 255, .85), inset 0 .25rem .2rem rgba(255, 255, 255, .35); animation: pulse 1s ease-in-out infinite; }
@keyframes pulse { 50% { filter: brightness(1.25); } }
.can-double .fn-btn.blue:not(:disabled),
.can-double .fn-btn.red:not(:disabled),
.can-double .fn-btn.green:not(:disabled) { animation: pulse .8s ease-in-out infinite; }
.no-credit .fn-btn.orange { animation: pulse .8s ease-in-out infinite; }

/* 鍵盤提示：只在寬螢幕顯示在角落，不佔機台空間 */
.keys {
  position: fixed;
  right: 12px;
  bottom: 10px;
  max-width: 260px;
  color: rgba(255, 255, 255, .45);
  font-size: 12px;
  line-height: 1.9;
  text-align: right;
}
@media (max-aspect-ratio: 5/4), (pointer: coarse) {
  .keys { display: none; }
}
kbd {
  display: inline-block;
  padding: 0 .4em;
  border-radius: .35em;
  background: rgba(255, 255, 255, .12);
  font-family: inherit;
  font-size: .95em;
  line-height: 1.4;
}

/* ---------------------------------------------------------------- 說明視窗 */
.modal {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(5, 3, 12, .7);
  backdrop-filter: blur(4px);
}
.modal[hidden] { display: none; }
.modal-card {
  position: relative;
  width: min(560px, 100%);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 24px 20px 20px;
  border-radius: 18px;
  background: #fffdf6;
  color: #2a2620;
  font-size: 15px;
  line-height: 1.65;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .6);
  -webkit-user-select: text;
  user-select: text;
}
.modal-card h2 { margin: 0 0 8px; color: var(--red); font-size: 22px; }
.modal-card ol { margin: 0 0 14px; padding-left: 22px; }
.modal-card kbd { background: #eee6d4; }
.modal-x {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  background: #eee6d4;
  color: #2a2620;
  font-size: 22px;
  line-height: 1;
}
.paytable table { width: 100%; border-collapse: collapse; font-size: 14px; }
.paytable th, .paytable td { padding: 4px 8px; border-bottom: 1px solid #ece3cf; text-align: center; }
.paytable th { color: #8a8270; font-weight: 700; }
.paytable .pt-ico { width: 32px; height: 32px; object-fit: contain; vertical-align: middle; }
.paytable .bar-face .bars span { width: 40px; font-size: 9px; line-height: 11px; }
.disclaimer { margin: 12px 0; color: #8a8270; font-size: 13px; }
.reset-btn {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 10px;
  background: #2a2620;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
}