/**
 * 赌场（翻倒巷巷底那一桌）与【阿瓦达转转转】。
 *
 * 这一屏走的是**龙斗场那一身皮**（暗石、铁栏、烛火——见 main.css 的 body.arena-live）：
 * 门脸、桌上那块牌子直接复用 .arena-cards / .arena-gate / .ag-* 那一套，
 * 这里只补三样它没有的：翻倒巷那块【赌场】木牌、下注那张纸、以及桌上的倍率台面。
 */

/* ── 一、翻倒巷那块【赌场】木牌 ──
 * 和【龙斗场】同一摞里的第二块暗木牌：更沉、带一点绿，像块旧赌台。 */
.room-btn.casino {
  position: relative;
  /* 那句说明比「阿瓦达转转转」长得多，让它自己占一行——不然会和英文挤成一行、横向顶出牌子
     （海格小摊那块牌子同一条处理）。 */
  flex-wrap: wrap;
  padding: var(--sp-2) var(--sp-4);
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.4), transparent 16%, transparent 84%, rgba(0, 0, 0, 0.4)),
    repeating-linear-gradient(180deg, rgba(32, 46, 38, 0.95) 0 9px, rgba(22, 33, 27, 0.95) 9px 18px);
  border: 1px solid rgba(122, 160, 122, 0.34);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(206, 232, 196, 0.07);
}
.room-btn.casino:hover {
  border-color: rgba(176, 214, 150, 0.66);
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.32), transparent 16%, transparent 84%, rgba(0, 0, 0, 0.32)),
    repeating-linear-gradient(180deg, rgba(40, 58, 46, 0.96) 0 9px, rgba(27, 40, 32, 0.96) 9px 18px);
}
.room-btn.casino .rb-zh { font-size: var(--fs-s); letter-spacing: 0.16em; color: #dcead2; }
.room-btn.casino .rb-en { font-size: 9px; letter-spacing: 0.2em; color: rgba(176, 214, 150, 0.5); }

/* ── 二、桌上那块牌子：墨绿描金（盖掉龙斗场那张羊皮纸节目单的底） ──
 * ⚠️ 选择器要写成 .arena-gate.casino-gate 才压得住 .arena-gate.playbill（同权重、后写的赢）。 */
.arena-gate.casino-gate {
  background:
    radial-gradient(120% 76% at 50% -12%, rgba(62, 142, 102, 0.28), transparent 64%),
    radial-gradient(130% 110% at 50% 118%, rgba(0, 0, 0, 0.7), transparent 62%),
    repeating-linear-gradient(0deg, rgba(214, 240, 214, 0.014) 0 1px, transparent 1px 4px),
    linear-gradient(180deg, #07190f, #04110a 92%);
  border: 1px solid rgba(196, 166, 92, 0.5);
  box-shadow:
    inset 0 0 0 1px rgba(196, 166, 92, 0.15),
    inset 0 0 52px rgba(0, 0, 0, 0.64),
    0 0 26px rgba(58, 132, 96, 0.16),
    0 14px 34px rgba(0, 0, 0, 0.62);
}
.arena-gate.casino-gate::before {
  content: '';
  position: absolute;
  inset: 7px;
  border-radius: 3px;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(224, 192, 116, 0.72), rgba(224, 192, 116, 0.72)) left top / 16px 1px no-repeat,
    linear-gradient(180deg, rgba(224, 192, 116, 0.72), rgba(224, 192, 116, 0.72)) left top / 1px 16px no-repeat,
    linear-gradient(90deg, rgba(224, 192, 116, 0.72), rgba(224, 192, 116, 0.72)) right top / 16px 1px no-repeat,
    linear-gradient(180deg, rgba(224, 192, 116, 0.72), rgba(224, 192, 116, 0.72)) right top / 1px 16px no-repeat,
    linear-gradient(90deg, rgba(224, 192, 116, 0.72), rgba(224, 192, 116, 0.72)) left bottom / 16px 1px no-repeat,
    linear-gradient(180deg, rgba(224, 192, 116, 0.72), rgba(224, 192, 116, 0.72)) left bottom / 1px 16px no-repeat,
    linear-gradient(90deg, rgba(224, 192, 116, 0.72), rgba(224, 192, 116, 0.72)) right bottom / 16px 1px no-repeat,
    linear-gradient(180deg, rgba(224, 192, 116, 0.72), rgba(224, 192, 116, 0.72)) right bottom / 1px 16px no-repeat;
}
.arena-gate.casino-gate .ag-zh { color: #f0dda8; text-shadow: 0 0 18px rgba(122, 210, 150, 0.32), 0 2px 3px rgba(0, 0, 0, 0.9); }
.arena-gate.casino-gate .ag-en { color: rgba(198, 178, 128, 0.66); }
.arena-gate.casino-gate .ag-sub { color: rgba(176, 214, 172, 0.82); }
.arena-gate.casino-gate:hover { border-color: rgba(236, 206, 128, 0.82); box-shadow: inset 0 0 0 1px rgba(224, 192, 116, 0.24), inset 0 0 52px rgba(0, 0, 0, 0.6), 0 0 34px rgba(72, 170, 118, 0.24), 0 16px 36px rgba(0, 0, 0, 0.66); }

/*
 * 两块牌子（阿瓦达 / 幸运轮）**共用**的那几行规矩。
 * ⚠️ 挂在 .arena-gate 上而不是某一块的专名上：幸运轮那块用的是 .slot-gate，
 *    从前这条只写了 .casino-gate，它吃不到字号，直接继承了正文的 17px——
 *    牌子上就成了「一屏大字」（创作者 2026-10-14 报的）。
 */
.arena-gate .cg-rules {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 12px 0 4px;
  font-size: var(--fs-xs);
  line-height: 1.75;
  text-align: left;
}
.arena-gate .cg-rules span::before { content: '❖'; margin-right: 7px; font-size: 9px; color: rgba(200, 168, 92, 0.8); }
.arena-gate.casino-gate .cg-rules { color: rgba(198, 220, 194, 0.8); }
.arena-gate.slot-gate .cg-rules { color: rgba(214, 202, 236, 0.84); }

/* ── 幸运轮那块牌子：紫金（和它自己那一屏同一套色） ──
 * 它和阿瓦达那块并排摆，两块不能长得像同一个模子，也不该一块忽然亮起来抢戏。 */
.arena-gate.slot-gate {
  background:
    radial-gradient(120% 76% at 50% -12%, rgba(120, 84, 172, 0.34), transparent 64%),
    radial-gradient(130% 110% at 50% 118%, rgba(0, 0, 0, 0.72), transparent 62%),
    repeating-linear-gradient(0deg, rgba(226, 210, 246, 0.014) 0 1px, transparent 1px 4px),
    linear-gradient(180deg, #241640, #150d28 92%);
  border: 1px solid rgba(228, 188, 101, 0.5);
  box-shadow:
    inset 0 0 0 1px rgba(228, 188, 101, 0.15),
    inset 0 0 52px rgba(0, 0, 0, 0.64),
    0 0 26px rgba(120, 84, 172, 0.2),
    0 14px 34px rgba(0, 0, 0, 0.62);
}
.arena-gate.slot-gate::before {
  content: '';
  position: absolute;
  inset: 7px;
  border-radius: 3px;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) left top / 16px 1px no-repeat,
    linear-gradient(180deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) left top / 1px 16px no-repeat,
    linear-gradient(90deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) right top / 16px 1px no-repeat,
    linear-gradient(180deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) right top / 1px 16px no-repeat,
    linear-gradient(90deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) left bottom / 16px 1px no-repeat,
    linear-gradient(180deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) left bottom / 1px 16px no-repeat,
    linear-gradient(90deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) right bottom / 16px 1px no-repeat,
    linear-gradient(180deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) right bottom / 1px 16px no-repeat;
}
.arena-gate.slot-gate .ag-zh { color: #ffe5a0; text-shadow: 0 0 18px rgba(160, 120, 220, 0.4), 0 2px 3px rgba(0, 0, 0, 0.9); }
.arena-gate.slot-gate .ag-en { color: rgba(206, 186, 140, 0.66); }
.arena-gate.slot-gate .ag-sub { color: rgba(214, 202, 236, 0.84); }
.arena-gate.slot-gate:hover { border-color: rgba(255, 229, 160, 0.86); box-shadow: inset 0 0 0 1px rgba(255, 229, 160, 0.24), inset 0 0 52px rgba(0, 0, 0, 0.6), 0 0 34px rgba(140, 100, 200, 0.26), 0 16px 36px rgba(0, 0, 0, 0.66); }

/* ── 心跳游走球那块牌子：夜空的紫 + 从上往下落的雨丝 ──
 * 和幸运轮那块同样是紫金，但白天的星屑换成竖着往下走的细线（掉下去的那件事）。 */
.arena-gate.bludger-gate {
  background:
    radial-gradient(120% 76% at 50% -12%, rgba(74, 96, 176, 0.32), transparent 64%),
    radial-gradient(130% 110% at 50% 118%, rgba(0, 0, 0, 0.74), transparent 62%),
    repeating-linear-gradient(180deg, rgba(206, 216, 246, 0.05) 0 1px, transparent 1px 13px),
    linear-gradient(180deg, #131a3a, #0a0d22 92%);
  border: 1px solid rgba(228, 188, 101, 0.5);
  box-shadow:
    inset 0 0 0 1px rgba(228, 188, 101, 0.15),
    inset 0 0 52px rgba(0, 0, 0, 0.64),
    0 0 26px rgba(74, 96, 176, 0.22),
    0 14px 34px rgba(0, 0, 0, 0.62);
}
.arena-gate.bludger-gate::before {
  content: '';
  position: absolute;
  inset: 7px;
  border-radius: 3px;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) left top / 16px 1px no-repeat,
    linear-gradient(180deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) left top / 1px 16px no-repeat,
    linear-gradient(90deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) right top / 16px 1px no-repeat,
    linear-gradient(180deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) right top / 1px 16px no-repeat,
    linear-gradient(90deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) left bottom / 16px 1px no-repeat,
    linear-gradient(180deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) left bottom / 1px 16px no-repeat,
    linear-gradient(90deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) right bottom / 16px 1px no-repeat,
    linear-gradient(180deg, rgba(255, 229, 160, 0.72), rgba(255, 229, 160, 0.72)) right bottom / 1px 16px no-repeat;
}
.arena-gate.bludger-gate .ag-zh { color: #ffe5a0; text-shadow: 0 0 18px rgba(110, 148, 232, 0.42), 0 2px 3px rgba(0, 0, 0, 0.9); }
.arena-gate.bludger-gate .ag-en { color: rgba(198, 202, 226, 0.62); }
.arena-gate.bludger-gate .ag-sub { color: rgba(198, 208, 240, 0.84); }
.arena-gate.bludger-gate .cg-rules { color: rgba(206, 212, 240, 0.82); }
.arena-gate.bludger-gate:hover { border-color: rgba(255, 229, 160, 0.86); box-shadow: inset 0 0 0 1px rgba(255, 229, 160, 0.24), inset 0 0 52px rgba(0, 0, 0, 0.6), 0 0 34px rgba(96, 128, 216, 0.28), 0 16px 36px rgba(0, 0, 0, 0.66); }

/* 那一行纪录（撑得最久的一把）：夹在规矩与按钮之间的一条细金线 */
.casino-gate .cg-record {
  display: block;
  margin: 6px 0 2px;
  padding-top: 6px;
  border-top: 1px dashed rgba(200, 168, 92, 0.32);
  font-family: var(--font-hand);
  font-size: var(--fs-xs);
  letter-spacing: 0.08em;
  color: #f0dda8;
  text-shadow: 0 0 10px rgba(200, 168, 92, 0.3);
}

/* ── 三、下注那张纸：墨绿黑底 + 描金双框 + 缓慢流转的辉光 ──
 * 这一套是「死的神秘与危险」：底深到近黑、绿是阿瓦达那种冷绿、
 * 金只压在边框与角花上——奢华是那一道细金线和那层扫过的光。 */
.sheet.casino-sheet {
  position: relative;
  width: min(94vw, 520px);
  background-image: none;
  background:
    radial-gradient(126% 72% at 50% -10%, rgba(62, 142, 102, 0.26), transparent 63%),
    radial-gradient(140% 120% at 50% 122%, rgba(0, 0, 0, 0.74), transparent 60%),
    repeating-linear-gradient(0deg, rgba(214, 240, 214, 0.013) 0 1px, transparent 1px 4px),
    linear-gradient(180deg, #06170f, #03100a 92%);
  border: 1px solid rgba(196, 166, 92, 0.52);
  border-radius: 6px;
  box-shadow:
    inset 0 0 0 1px rgba(196, 166, 92, 0.15),
    inset 0 0 64px rgba(0, 0, 0, 0.68),
    0 0 34px rgba(58, 132, 96, 0.16),
    0 28px 70px rgba(0, 0, 0, 0.78);
  color: #dfeadd;
}
/* 四角细金角花 */
.sheet.casino-sheet::before {
  content: '';
  position: absolute;
  inset: 7px;
  border-radius: 3px;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(224, 192, 116, 0.75), rgba(224, 192, 116, 0.75)) left top / 18px 1px no-repeat,
    linear-gradient(180deg, rgba(224, 192, 116, 0.75), rgba(224, 192, 116, 0.75)) left top / 1px 18px no-repeat,
    linear-gradient(90deg, rgba(224, 192, 116, 0.75), rgba(224, 192, 116, 0.75)) right top / 18px 1px no-repeat,
    linear-gradient(180deg, rgba(224, 192, 116, 0.75), rgba(224, 192, 116, 0.75)) right top / 1px 18px no-repeat,
    linear-gradient(90deg, rgba(224, 192, 116, 0.75), rgba(224, 192, 116, 0.75)) left bottom / 18px 1px no-repeat,
    linear-gradient(180deg, rgba(224, 192, 116, 0.75), rgba(224, 192, 116, 0.75)) left bottom / 1px 18px no-repeat,
    linear-gradient(90deg, rgba(224, 192, 116, 0.75), rgba(224, 192, 116, 0.75)) right bottom / 18px 1px no-repeat,
    linear-gradient(180deg, rgba(224, 192, 116, 0.75), rgba(224, 192, 116, 0.75)) right bottom / 1px 18px no-repeat;
}
/* 那道慢慢扫过的绿金辉光（奢华感来源；压得很淡，只是"面上有一层活气"） */
@keyframes ksSheen {
  0%, 100% { background-position: 160% 0; opacity: 0.55; }
  55% { background-position: -60% 0; opacity: 0.9; }
}
.sheet.casino-sheet::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(104deg,
    transparent 38%,
    rgba(204, 236, 200, 0.07) 47%,
    rgba(126, 226, 156, 0.13) 52%,
    transparent 62%);
  background-size: 240% 100%;
  animation: ksSheen 6.8s ease-in-out infinite;
}
.sheet.casino-sheet .sheet-head { border-bottom: 1px solid rgba(196, 166, 92, 0.3); }
.sheet.casino-sheet .sheet-head h2 {
  color: #f0e0b0;
  letter-spacing: 0.1em;
  text-shadow: 0 0 16px rgba(122, 210, 150, 0.22), 0 2px 3px rgba(0, 0, 0, 0.9);
}
.sheet.casino-sheet .x-btn {
  border: 1px solid rgba(196, 166, 92, 0.5);
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(58, 82, 58, 0.9), rgba(12, 24, 16, 0.94));
  box-shadow: inset 0 1px 0 rgba(226, 240, 200, 0.12), 0 2px 8px rgba(0, 0, 0, 0.5);
}
.sheet.casino-sheet .x-btn:hover { border-color: rgba(232, 206, 132, 0.9); box-shadow: 0 0 12px rgba(122, 210, 150, 0.3); }
.sheet.casino-sheet .narr { color: #dfeadb; }
.sheet.casino-sheet .narr.lose { color: #e0a196; }
.sheet.casino-sheet .small, .sheet.casino-sheet .tiny, .sheet.casino-sheet .muted { color: rgba(190, 212, 188, 0.76); }
.sheet.casino-sheet .acts { justify-content: center; }
.sheet.casino-sheet .acts .btn { min-width: 116px; width: auto; }
/* 那两颗按钮也走墨绿描金。
 * ⚠️ 这里用的是自己的 `ks` 类，不是决斗那套 `gold`——`.sheet:has(.btn.gold)`
 *    那条规则（duel.css）权重比本文件的 .sheet.casino-sheet 还高，挂 gold 会被它抢走底色。 */
.sheet.casino-sheet .btn {
  color: #e6f0dd;
  background: linear-gradient(180deg, rgba(34, 62, 44, 0.94), rgba(10, 22, 15, 0.96));
  border: 1px solid rgba(196, 166, 92, 0.5);
  box-shadow: inset 0 1px 0 rgba(226, 240, 200, 0.12), 0 3px 10px rgba(0, 0, 0, 0.5);
}
.sheet.casino-sheet .btn.strong {
  color: #f7edc8;
  background: linear-gradient(180deg, rgba(52, 84, 56, 0.96), rgba(14, 30, 20, 0.98));
  border-color: rgba(228, 198, 124, 0.78);
  box-shadow: inset 0 1px 0 rgba(240, 246, 214, 0.16), 0 0 16px rgba(122, 210, 150, 0.16), 0 3px 10px rgba(0, 0, 0, 0.5);
}
.sheet.casino-sheet .btn:hover { color: #f6fce9; background: linear-gradient(180deg, rgba(48, 86, 60, 0.96), rgba(14, 30, 20, 0.98)); border-color: rgba(238, 212, 140, 0.86); box-shadow: 0 0 16px rgba(122, 210, 150, 0.24), 0 4px 14px rgba(0, 0, 0, 0.55); }
.sheet.casino-sheet .btn .cost { color: rgba(196, 214, 190, 0.72); }
.sheet.casino-sheet .duel-row { border-bottom-color: rgba(196, 166, 92, 0.24); }
.sheet.casino-sheet .duel-row .grow { color: rgba(196, 214, 190, 0.78); }
.sheet.casino-sheet .duel-row .val { color: #f0e6c4; }

/* 下注那一栏：一注 / 加减 / 身上有多少 */
.bet-panel {
  position: relative;
  z-index: 1;
  margin: 10px 0 4px;
  padding: 14px 12px 12px;
  text-align: center;
  border: 1px solid rgba(196, 166, 92, 0.34);
  border-radius: 8px;
  background:
    radial-gradient(90% 60% at 50% 0%, rgba(62, 142, 102, 0.18), transparent 72%),
    linear-gradient(180deg, rgba(20, 44, 30, 0.86), rgba(5, 16, 10, 0.92));
  box-shadow: inset 0 1px 0 rgba(220, 240, 200, 0.08), inset 0 0 26px rgba(0, 0, 0, 0.5);
}
.bet-cap { display: block; font-size: var(--fs-xs); letter-spacing: 0.2em; color: rgba(200, 176, 120, 0.82); }
.bet-step { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 8px 0 6px; }
.bet-n {
  min-width: 108px;
  font-family: var(--font-hand);
  font-size: var(--fs-xl);
  line-height: 1.2;
  color: #f2e6bd;
  text-shadow: 0 0 16px rgba(140, 220, 164, 0.28), 0 2px 3px rgba(0, 0, 0, 0.9);
  font-variant-numeric: tabular-nums;
}
.bs-b {
  width: 34px; height: 30px;
  padding: 0;
  font-family: var(--font-body);
  font-size: var(--fs-xs);
  color: #d6e6ca;
  background: linear-gradient(180deg, rgba(24, 52, 34, 0.9), rgba(6, 18, 12, 0.94));
  border: 1px solid rgba(196, 166, 92, 0.44);
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.14s ease, color 0.14s ease, transform 0.12s ease, box-shadow 0.14s ease;
}
.bs-b:hover { color: #f8fdf0; background: linear-gradient(180deg, rgba(42, 84, 54, 0.94), rgba(10, 28, 18, 0.96)); border-color: rgba(232, 206, 132, 0.8); box-shadow: 0 0 12px rgba(122, 210, 150, 0.2); }
.bs-b:active { transform: translateY(1px); }
.bet-have { display: block; font-size: var(--fs-xs); color: rgba(196, 214, 190, 0.72); }

/* ── 七、死神之戒那一幕（活过 20 回并成功结算的奖） ──
 * 创作者 2026-10-14 要的：**绿光四射、奢华、要有神器的感觉**。
 * 光是纯 CSS 做出来的三样（没有图）：
 *   1. .ka-rays —— 一圈**锥形**绿光，慢慢转（像从戒指里射出来的）；
 *   2. .ka-halo —— 一层一跳一跳的光晕（呼吸）；
 *   3. .ka-ring —— 戒指本体，拖一道绿影。
 * 纸是墨绿黑底描金（和赌场那一身同族，但更沉、更像"匣子里的东西"）。 */
.sheet.ks-artifact-sheet {
  width: min(94vw, 480px);
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(46, 132, 88, 0.34), transparent 66%),
    radial-gradient(140% 120% at 50% 120%, rgba(0, 0, 0, 0.8), transparent 62%),
    linear-gradient(180deg, #04120c, #010806 92%);
  border: 1px solid rgba(196, 166, 92, 0.55);
  box-shadow: inset 0 0 0 1px rgba(196, 166, 92, 0.16), inset 0 0 70px rgba(0, 0, 0, 0.7), 0 0 40px rgba(40, 150, 96, 0.22), 0 28px 70px rgba(0, 0, 0, 0.8);
  color: #dfeadd;
}
.sheet.ks-artifact-sheet .x-btn { display: none; }   /* 只有一颗【收下】，没有别的出口 */
.sheet.ks-artifact-sheet .acts { justify-content: center; }
.sheet.ks-artifact-sheet .acts .btn { min-width: 120px; width: auto; }
.sheet.ks-artifact-sheet .btn {
  color: #eaf7e6;
  background: linear-gradient(180deg, rgba(30, 74, 50, 0.96), rgba(8, 26, 16, 0.98));
  border: 1px solid rgba(140, 220, 168, 0.6);
  box-shadow: inset 0 1px 0 rgba(220, 255, 232, 0.16), 0 0 18px rgba(60, 180, 118, 0.24);
}
.sheet.ks-artifact-sheet .btn:hover { color: #f6ffef; border-color: rgba(170, 244, 196, 0.9); box-shadow: 0 0 24px rgba(72, 208, 140, 0.4); }

.ks-artifact { text-align: center; }
.ka-stage {
  position: relative;
  width: 168px;
  height: 168px;
  margin: 4px auto 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 四下里射出来的绿光：一圈锥形渐变，慢慢转 */
.ka-rays {
  position: absolute;
  inset: -34%;
  border-radius: 50%;
  background:
    conic-gradient(from 0deg,
      rgba(96, 240, 150, 0.42) 0deg 5deg, transparent 5deg 22deg,
      rgba(80, 220, 140, 0.3) 22deg 27deg, transparent 27deg 45deg,
      rgba(120, 255, 176, 0.36) 45deg 50deg, transparent 50deg 70deg,
      rgba(72, 210, 132, 0.28) 70deg 75deg, transparent 75deg 96deg,
      rgba(110, 246, 164, 0.4) 96deg 101deg, transparent 101deg 124deg,
      rgba(84, 226, 142, 0.3) 124deg 129deg, transparent 129deg 150deg,
      rgba(126, 255, 180, 0.34) 150deg 155deg, transparent 155deg 178deg,
      rgba(96, 240, 150, 0.42) 178deg 183deg, transparent 183deg 200deg,
      rgba(80, 220, 140, 0.3) 200deg 205deg, transparent 205deg 226deg,
      rgba(120, 255, 176, 0.36) 226deg 231deg, transparent 231deg 250deg,
      rgba(72, 210, 132, 0.28) 250deg 255deg, transparent 255deg 276deg,
      rgba(110, 246, 164, 0.4) 276deg 281deg, transparent 281deg 304deg,
      rgba(84, 226, 142, 0.3) 304deg 309deg, transparent 309deg 330deg,
      rgba(126, 255, 180, 0.34) 330deg 335deg, transparent 335deg 360deg);
  -webkit-mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 0.94), rgba(0, 0, 0, 0.5) 52%, transparent 78%);
  mask-image: radial-gradient(closest-side, rgba(0, 0, 0, 0.94), rgba(0, 0, 0, 0.5) 52%, transparent 78%);
  filter: blur(0.4px);
  animation: kaSpin 14s linear infinite;
}
@keyframes kaSpin { to { transform: rotate(360deg); } }
/* 一跳一跳的光晕（像那件东西自己在发亮） */
.ka-halo {
  position: absolute;
  inset: 8%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(150, 255, 190, 0.5), rgba(52, 176, 110, 0.22) 46%, transparent 72%);
  animation: kaPulse 2.6s ease-in-out infinite;
}
@keyframes kaPulse {
  0%, 100% { transform: scale(0.92); opacity: 0.66; }
  50%      { transform: scale(1.08); opacity: 1; }
}
.ka-img { position: relative; z-index: 1; width: 108px; height: 108px; display: flex; align-items: center; justify-content: center; }
.ka-ring {
  width: 100%; height: 100%; object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(120, 255, 176, 0.85)) drop-shadow(0 0 26px rgba(60, 200, 130, 0.6)) drop-shadow(0 3px 6px rgba(0, 0, 0, 0.85));
  animation: kaFloat 4.4s ease-in-out infinite;
}
@keyframes kaFloat {
  0%, 100% { transform: translateY(0) rotate(-1.5deg); }
  50%      { transform: translateY(-6px) rotate(1.5deg); }
}
.ka-narr { margin: 6px 0 10px; font-size: var(--fs-s); line-height: 1.85; color: #d8e8d6; }
.ka-say {
  margin: 0 0 12px;
  font-family: var(--font-hand);
  font-size: var(--fs-m);
  line-height: 1.7;
  color: #a9f0c4;
  text-shadow: 0 0 16px rgba(96, 232, 154, 0.4);
}
.ka-item {
  display: inline-flex;
  align-items: baseline;
  gap: var(--sp-2);
  padding: 6px 14px 7px;
  border: 1px solid rgba(196, 166, 92, 0.5);
  border-radius: 999px;
  background: rgba(10, 30, 20, 0.72);
}
.ka-name { font-size: var(--fs-s); letter-spacing: 0.1em; color: #f0e0b0; }
.ka-fx { font-size: var(--fs-xs); color: rgba(178, 232, 196, 0.86); }
@media (prefers-reduced-motion: reduce) {
  .ka-rays, .ka-halo, .ka-ring { animation: none; }
}

/* ── 四、桌上那一屏：倍率与收益（照创作者给的示意版式） ── */
.av-cap { margin: 2px 0; text-align: center; font-size: var(--fs-xs); letter-spacing: 0.16em; color: rgba(206, 220, 194, 0.82); }
.av-mult {
  margin: 2px 0 8px;
  text-align: center;
  font-family: var(--font-hand);
  font-size: clamp(34px, 9vw, 46px);
  line-height: 1.1;
  color: #f4e6b8;
  text-shadow: 0 0 20px rgba(240, 214, 140, 0.3), 0 2px 3px rgba(0, 0, 0, 0.85);
  font-variant-numeric: tabular-nums;
}
.av-cash {
  margin: 2px 0 12px;
  text-align: center;
  font-family: var(--font-hand);
  font-size: clamp(22px, 6vw, 30px);
  color: #eaf2dd;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
}
.av-stats { display: flex; justify-content: center; gap: 26px; margin-bottom: 10px; }
.av-stat { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.av-k { font-size: var(--fs-xs); color: rgba(198, 214, 186, 0.74); }
.av-v { font-family: var(--font-hand); font-size: var(--fs-l); color: #eaf2dd; }
.av-v.danger { color: #e08a6a; }
.av-next { margin: 0 0 8px; text-align: center; font-size: var(--fs-xs); color: rgba(198, 214, 186, 0.76); }
.av-bet { margin: 0 0 2px; text-align: center; font-size: var(--fs-xs); color: rgba(198, 214, 186, 0.6); }

@media (max-width: 420px) {
  .av-stats { gap: 16px; }
  .bet-n { min-width: 92px; }
}
@media (prefers-reduced-motion: reduce) {
  .bs-b { transition: none; }
  .sheet.casino-sheet.avada-shake,
  .sheet.casino-sheet.avada-hit,
  .avada-flash,
  .av-mult.pop { animation: none; }
}

/* ── 五、点【继续挑战】那一下的手感 ──
 * 一道光扫过这张纸 + 窗口抖一下：抖的是 #overlay-card 自己，
 * 光是一枚 abs 的 <span>（放完自己就摘，不留在 DOM 里）。
 * 躲避 = 阿瓦达那一路的绿；被命中 = 暗红，抖得更狠。 */
@keyframes avadaSweep {
  0%   { opacity: 0; transform: translateX(-26%); }
  16%  { opacity: 1; }
  100% { opacity: 0; transform: translateX(26%); }
}
@keyframes casinoShake {
  0%, 100% { transform: translate3d(0, 0, 0); }
  20% { transform: translate3d(-4px, 2px, 0); }
  40% { transform: translate3d(5px, -2px, 0); }
  60% { transform: translate3d(-3px, -1px, 0); }
  80% { transform: translate3d(2px, 2px, 0); }
}
@keyframes casinoShakeHard {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  15% { transform: translate3d(-9px, 3px, 0) rotate(-0.5deg); }
  35% { transform: translate3d(10px, -4px, 0) rotate(0.6deg); }
  55% { transform: translate3d(-7px, -2px, 0) rotate(-0.4deg); }
  75% { transform: translate3d(5px, 3px, 0) rotate(0.3deg); }
}

.sheet.casino-sheet { position: relative; }
.sheet.casino-sheet.avada-shake { animation: casinoShake 480ms cubic-bezier(0.36, 0.07, 0.19, 0.97); }
.sheet.casino-sheet.avada-hit { animation: casinoShakeHard 620ms cubic-bezier(0.36, 0.07, 0.19, 0.97); }

.avada-flash {
  position: absolute;
  inset: 0;
  z-index: 30;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(100deg, transparent 22%, rgba(132, 232, 156, 0.5) 50%, transparent 78%),
    radial-gradient(62% 42% at 50% 0%, rgba(126, 224, 156, 0.34), transparent 70%);
  animation: avadaSweep 560ms ease-out both;
}
.avada-flash.hit {
  background:
    linear-gradient(100deg, transparent 20%, rgba(216, 82, 64, 0.55) 50%, transparent 80%),
    radial-gradient(72% 52% at 50% 42%, rgba(150, 30, 26, 0.42), transparent 72%);
  animation-duration: 640ms;
}

/* 躲过之后那个倍率自己弹一下 */
@keyframes avPop { 0% { transform: scale(1); } 34% { transform: scale(1.14); } 100% { transform: scale(1); } }
.av-mult.pop { animation: avPop 420ms ease; }

/* ── 六、被命中那一下：正中一颗骷髅 + 大字「你被击中了」 ──
 * 挂在 #overlay 上（盖住整张纸），放完自己摘掉，然后才摆结算那张纸。 */
.ks-death {
  position: absolute;
  inset: 0;
  z-index: 60;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  pointer-events: none;
  background:
    radial-gradient(72% 56% at 50% 44%, rgba(8, 44, 26, 0.7), rgba(2, 8, 6, 0.95) 72%),
    repeating-linear-gradient(0deg, rgba(214, 240, 214, 0.02) 0 1px, transparent 1px 3px);
  animation: ksDeathIn 200ms ease both;
}
.ks-skull {
  font-size: clamp(66px, 19vw, 108px);
  line-height: 1;
  filter: drop-shadow(0 0 26px rgba(126, 226, 156, 0.55)) drop-shadow(0 3px 4px rgba(0, 0, 0, 0.9));
  animation: ksSkullIn 660ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
.ks-word {
  font-family: var(--font-hand);
  font-size: clamp(30px, 9vw, 54px);
  line-height: 1.15;
  letter-spacing: 0.22em;
  text-indent: 0.22em;          /* 末尾那一个字母的间距会把字顶偏左，缩回来才真居中 */
  color: #eef7e8;
  text-shadow:
    0 0 28px rgba(126, 226, 156, 0.5),
    0 0 64px rgba(58, 160, 104, 0.34),
    0 3px 4px rgba(0, 0, 0, 0.92);
  animation: ksWordIn 540ms 150ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes ksDeathIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes ksSkullIn {
  0% { transform: scale(0.36) rotate(-9deg); opacity: 0; }
  62% { transform: scale(1.14) rotate(2.5deg); opacity: 1; }
  100% { transform: scale(1) rotate(0deg); opacity: 1; }
}
@keyframes ksWordIn {
  from { opacity: 0; transform: translateY(12px) scale(0.94); }
  to { opacity: 1; transform: none; }
}
/* 整层跟着一起呼吸一下，像死亡那一刻压在画面上的一口气 */
.overlay.ks-death-live { background: rgba(2, 10, 6, 0.82); }

@media (prefers-reduced-motion: reduce) {
  .sheet.casino-sheet::after,
  .ks-death,
  .ks-skull,
  .ks-word { animation: none; }
}