/* ============================================================================
 * ⛏️ 《挖宝》(Star Treasure Dig) · 首屏「⭐ 最爱」双屏切换 + 定制匹配页 + 5×5 名画/地形挖宝对局样式
 * ============================================================================ */

/* 1. 首屏顶部「🚀 1屏：爆点飞机 | ⛏️ 2屏：挖宝 ⭐」双屏切换胶囊栏 */
.fav-stage-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 5px 7px;
  margin-bottom: 6px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(12, 18, 38, 0.96), rgba(6, 10, 24, 0.98));
  border: 1px solid rgba(251, 191, 36, 0.32);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45);
}

.fav-stage-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  flex: 1;
  min-width: 0;
}

.fav-stage-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 10px;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(15, 23, 42, 0.78);
  color: #94a3b8;
  font-size: 12.5px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.18s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fav-stage-tab:hover {
  color: #e2e8f0;
  border-color: rgba(251, 191, 36, 0.45);
}

.fav-stage-tab.active {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 55%, #b45309 100%);
  border-color: #fde68a;
  color: #090d16;
  font-weight: 900;
  box-shadow: 0 0 16px rgba(245, 158, 11, 0.45);
}

.fav-default-btn {
  flex: none;
  padding: 6px 9px;
  border-radius: 9px;
  border: 1px solid rgba(251, 191, 36, 0.42);
  background: rgba(251, 191, 36, 0.12);
  color: #fde68a;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s ease;
}

.fav-default-btn.is-fav {
  background: rgba(16, 185, 129, 0.18);
  border-color: rgba(52, 211, 153, 0.55);
  color: #6ee7b7;
}

/* 当 #view-launch 切换到 2屏（挖宝）时隐藏 1屏（爆点）专属区块 */
#view-launch.fav-mode-dig > .telemetry-ribbon,
#view-launch.fav-mode-dig > main.stage {
  display: none !important;
}

#digStageRoot {
  display: none;
  position: relative;
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
}

#view-launch.fav-mode-dig #digStageRoot {
  display: block;
  animation: fadeIn 0.2s ease-out;
}

/* 2. 挖宝通用外框（单屏紧凑无内部滚动条风格） */
.dig-shell-card {
  position: relative;
  background: linear-gradient(170deg, rgba(13, 19, 39, 0.97) 0%, rgba(6, 9, 22, 0.99) 100%);
  border: 1.5px solid rgba(251, 191, 36, 0.35);
  border-radius: 15px;
  padding: 8px 9px 10px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

/* 3. 画面 1：准备定制与匹配主屏 (#digLobbyScreen) */
.dig-winners-marquee {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 9px;
  background: linear-gradient(90deg, rgba(120, 53, 15, 0.38), rgba(15, 23, 42, 0.92));
  border: 1px solid rgba(251, 191, 36, 0.42);
  margin-bottom: 6px;
}

.dig-marquee-left {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1;
  font-size: 10.5px;
  line-height: 1.25;
  color: #f8fafc;
}

.dig-marquee-badge {
  flex: none;
  padding: 1px 5px;
  border-radius: 5px;
  background: linear-gradient(135deg, #f59e0b, #b45309);
  color: #090d16;
  font-size: 9.5px;
  font-weight: 900;
}

.dig-marquee-txt {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dig-marquee-txt b {
  color: #fde68a;
  font-family: var(--mono);
}

/* 皮肤选择与不放回抽奖池面板（单行横向滑轨 + 可折叠抽屉） */
.dig-custom-section {
  padding: 6px 8px;
  border-radius: 11px;
  background: rgba(8, 12, 28, 0.84);
  border: 1px solid rgba(148, 163, 184, 0.2);
  margin-bottom: 6px;
}

.dig-sec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

.dig-sec-title {
  font-size: 11.5px;
  font-weight: 900;
  color: #fde68a;
  display: flex;
  align-items: center;
  gap: 4px;
}

.dig-sec-sub {
  font-size: 9.5px;
  color: #94a3b8;
}

.dig-skin-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.dig-mini-pill-btn {
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid rgba(56, 189, 248, 0.42);
  background: rgba(15, 23, 42, 0.9);
  color: #7dd3fc;
  font-size: 9.5px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.14s ease;
}

.dig-mini-pill-btn.active {
  background: rgba(16, 185, 129, 0.22);
  border-color: #34d399;
  color: #6ee7b7;
}

.dig-mini-pill-btn.gold {
  border-color: #fde047;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #090d16;
  font-weight: 900;
}

.dig-mini-pill-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  filter: grayscale(0.45);
}

/* 单行横向滑动名画皮肤画廊（高度仅 ~74px，告别 4 行刷屏） */
.dig-skin-cards-row {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 6px;
  padding: 1px 1px 4px;
  margin-bottom: 3px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.dig-skin-cards-row::-webkit-scrollbar {
  height: 3px;
}

.dig-skin-cards-row::-webkit-scrollbar-thumb {
  background: rgba(251, 191, 36, 0.38);
  border-radius: 999px;
}

.dig-skin-item {
  position: relative;
  flex: 0 0 66px;
  width: 66px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3px;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.92);
  border: 1.5px solid rgba(148, 163, 184, 0.22);
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: center;
  user-select: none;
}

.dig-skin-item.equipped {
  border-color: #fbbf24;
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.24), rgba(15, 23, 42, 0.96));
  box-shadow: 0 0 10px rgba(251, 191, 36, 0.35);
}

.dig-skin-item.inspecting:not(.equipped) {
  border-color: #38bdf8;
  box-shadow: 0 0 8px rgba(56, 189, 248, 0.35);
}

.dig-skin-item.locked {
  opacity: 0.78;
}

.dig-skin-thumb {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  background-size: cover;
  background-position: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-bottom: 2px;
  position: relative;
  overflow: hidden;
}

.dig-skin-item.locked .dig-skin-thumb::after {
  content: "🔒";
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.48);
  display: grid;
  place-items: center;
  font-size: 12px;
}

.dig-skin-name {
  font-size: 9px;
  font-weight: 800;
  color: #f1f5f9;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.dig-skin-status {
  font-size: 8.5px;
  font-weight: 800;
  margin-top: 1px;
  color: #94a3b8;
  white-space: nowrap;
}

.dig-skin-item.equipped .dig-skin-status {
  color: #fde047;
}

.dig-skin-item.owned:not(.equipped) .dig-skin-status {
  color: #34d399;
}

/* 单行皮肤状态摘要条（点击可展开/收起背调） */
.dig-skin-compact-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  flex-wrap: wrap;
  padding: 3px 7px;
  border-radius: 7px;
  background: rgba(15, 23, 42, 0.9);
  border: 1px dashed rgba(56, 189, 248, 0.35);
  font-size: 9.5px;
  color: #cbd5e1;
  cursor: pointer;
}

.dig-skin-compact-summary b {
  color: #fde68a;
}

/* 折叠式正气人文背调与奖池说明抽屉 */
.dig-skin-drawer {
  display: none;
  margin-top: 5px;
  padding-top: 4px;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
}

.dig-skin-drawer.open {
  display: block;
}

.dig-skin-bio-box {
  padding: 5px 7px;
  border-radius: 7px;
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.14), rgba(15, 23, 42, 0.92));
  border: 1px solid rgba(52, 211, 153, 0.42);
  color: #e2e8f0;
  font-size: 9.5px;
  line-height: 1.32;
}

.dig-skin-bio-box b {
  color: #6ee7b7;
}

.dig-lottery-rule {
  font-size: 9.5px;
  color: #cbd5e1;
  line-height: 1.3;
}

/* 档位选择与方案 A 奖池预览 */
.dig-tier-pills {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  margin-bottom: 4px;
}

@media (min-width: 520px) {
  .dig-tier-pills {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.dig-tier-btn {
  padding: 4px 4px;
  border-radius: 7px;
  background: rgba(15, 23, 42, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.26);
  color: #e2e8f0;
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 800;
  cursor: pointer;
  text-align: center;
  transition: all 0.15s ease;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.dig-tier-btn.active {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.28), rgba(180, 83, 9, 0.35));
  border-color: #fbbf24;
  color: #fef08a;
  box-shadow: 0 0 10px rgba(251, 191, 36, 0.32);
}

.dig-tier-btn .qual-tag {
  display: block;
  font-family: var(--font);
  font-size: 8px;
  color: #c084fc;
  font-weight: 700;
  margin-top: 1px;
}

.dig-scheme-a-preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px;
  padding: 3px 7px;
  border-radius: 7px;
  background: rgba(2, 6, 23, 0.78);
  border: 1px solid rgba(251, 191, 36, 0.25);
  font-size: 9.5px;
  color: #e2e8f0;
}

/* 对局节奏定制行（手机端同样保持 1 行 3 列紧凑并排） */
.dig-prefs-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
}

.dig-pref-cell {
  padding: 4px 6px;
  border-radius: 7px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(148, 163, 184, 0.2);
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.dig-pref-cell label {
  font-size: 9px;
  color: #94a3b8;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dig-pref-cell select {
  background: transparent;
  border: none;
  color: #38bdf8;
  font-size: 10.5px;
  font-weight: 800;
  outline: none;
  cursor: pointer;
  width: 100%;
  padding: 0;
}

.dig-pref-cell select option {
  background: #0f172a;
  color: #f8fafc;
}

/* 屏幕中间偏下黄金位置：模式切换 + 匹配时间雷达条 + 超大【⚡ 快速开始游戏】主按钮 */
.dig-center-lower-launch {
  margin: 6px 0 2px;
  padding: 7px 9px 9px;
  border-radius: 13px;
  background: radial-gradient(circle at 50% 0%, rgba(245, 158, 11, 0.2), rgba(8, 12, 28, 0.96) 75%);
  border: 1.5px solid rgba(251, 191, 36, 0.52);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55);
  text-align: center;
}

.dig-mode-switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.dig-mode-pill-btn {
  flex: 1;
  min-width: 0;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.15s ease;
}

.dig-mode-pill-btn.is-mock {
  background: rgba(16, 185, 129, 0.18);
  border: 1px solid rgba(52, 211, 153, 0.55);
  color: #6ee7b7;
}

.dig-mode-pill-btn.is-online {
  background: rgba(56, 189, 248, 0.16);
  border: 1px solid rgba(56, 189, 248, 0.5);
  color: #7dd3fc;
}

.dig-mock-coin-btn {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(245, 158, 11, 0.16);
  border: 1px solid rgba(251, 191, 36, 0.48);
  color: #fde68a;
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.dig-mock-coin-btn .add-tag {
  font-family: var(--font);
  padding: 1px 4px;
  border-radius: 4px;
  background: rgba(251, 191, 36, 0.25);
  color: #fef08a;
  font-size: 9px;
}

.dig-match-radar-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(6, 182, 212, 0.14);
  border: 1px solid rgba(56, 189, 248, 0.45);
  color: #7dd3fc;
  font-size: 10.5px;
  font-weight: 800;
  margin-bottom: 6px;
}

.dig-match-radar-pill.matching {
  background: rgba(16, 185, 129, 0.18);
  border-color: #34d399;
  color: #6ee7b7;
}

.dig-quick-start-btn {
  position: relative;
  width: 100%;
  min-height: 48px;
  padding: 8px 14px;
  border-radius: 12px;
  border: 1.5px solid #fef08a;
  background: linear-gradient(180deg, #fde047 0%, #f59e0b 48%, #b45309 100%);
  color: #1c1002;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.02em;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.48), inset 0 1px 1px rgba(255, 255, 255, 0.75);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  transition: transform 0.14s ease, filter 0.14s ease;
}

.dig-quick-start-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  filter: grayscale(0.35);
}

.dig-quick-start-btn:hover:not(:disabled) {
  filter: brightness(1.06);
}

.dig-quick-start-btn:active:not(:disabled) {
  transform: scale(0.98);
}

.dig-quick-start-sub {
  font-size: 10.5px;
  font-weight: 800;
  color: #3b2104;
  overflow-wrap: anywhere;
}

/* 4. 0.6秒黄金画卷/星门破土转场动画层 (#digTransitionOverlay) */
.dig-transition-overlay {
  position: absolute;
  inset: 0;
  z-index: 45;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 50% 50%, rgba(120, 53, 15, 0.94), rgba(2, 6, 23, 0.98));
  backdrop-filter: blur(8px);
  border-radius: 16px;
  text-align: center;
  padding: 20px;
}

.dig-transition-overlay.active {
  display: flex;
  animation: digPortalBurst 0.62s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes digPortalBurst {
  0% { opacity: 0; transform: scale(0.88); }
  45% { opacity: 1; transform: scale(1.02); }
  85% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.08); }
}

.dig-trans-scroll-card {
  padding: 16px 20px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.24), rgba(15, 23, 42, 0.95));
  border: 2px solid #fde047;
  box-shadow: 0 0 40px rgba(251, 191, 36, 0.65);
}

/* 5. 画面 2：5×5 (25格) 挖宝对局画面 (#digPlayScreen) */
.dig-play-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 6px 9px;
  border-radius: 11px;
  background: linear-gradient(90deg, rgba(120, 53, 15, 0.45), rgba(15, 23, 42, 0.95));
  border: 1.5px solid rgba(251, 191, 36, 0.55);
  margin-bottom: 5px;
  flex-wrap: wrap;
}

.dig-jackpot-headline {
  font-size: 13px;
  font-weight: 900;
  color: #fef08a;
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.dig-jackpot-headline b {
  font-family: var(--mono);
  font-size: 14.5px;
  color: #fde047;
  text-shadow: 0 0 10px rgba(251, 191, 36, 0.6);
}

.dig-back-lobby-btn {
  padding: 4px 8px;
  border-radius: 7px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(15, 23, 42, 0.85);
  color: #cbd5e1;
  font-size: 10.5px;
  font-weight: 800;
  cursor: pointer;
}

.dig-prize-remain-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(6, 10, 24, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.22);
  font-size: 10.5px;
  font-weight: 800;
  margin-bottom: 5px;
}

/* 全场最高权重皮肤归属者荣耀冠名横幅 */
.dig-skin-owner-banner {
  padding: 5px 9px;
  border-radius: 9px;
  background: linear-gradient(90deg, rgba(245, 158, 11, 0.2), rgba(56, 189, 248, 0.15), rgba(245, 158, 11, 0.2));
  border: 1px solid rgba(251, 191, 36, 0.52);
  color: #fef08a;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 5px;
}

.dig-skin-owner-banner b {
  color: #ffffff;
}

/* 5~10人同桌座位栏（超过 5 人时支持横向滑动） */
.dig-seats-strip {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 4px;
  margin-bottom: 5px;
  scrollbar-width: thin;
}

.dig-seat-card {
  flex: 1 0 64px;
  padding: 4px 3px;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.86);
  border: 1px solid rgba(148, 163, 184, 0.22);
  text-align: center;
  font-size: 10px;
  min-width: 0;
}

.dig-seat-card.is-me {
  border-color: #fbbf24;
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.22), rgba(15, 23, 42, 0.94));
  box-shadow: 0 0 10px rgba(251, 191, 36, 0.28);
}

.dig-seat-name {
  font-weight: 800;
  color: #e2e8f0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dig-seat-card.is-me .dig-seat-name {
  color: #fde047;
}

.dig-seat-pocket {
  font-family: var(--mono);
  font-size: 9.5px;
  font-weight: 800;
  color: #34d399;
  margin-top: 1px;
  overflow-wrap: anywhere;
}

.dig-seat-lock {
  font-family: var(--mono);
  font-size: 9px;
  color: #7dd3fc;
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 阶段状态与倒计时提示条 */
.dig-phase-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 5px 9px;
  border-radius: 9px;
  background: rgba(6, 182, 212, 0.15);
  border: 1px solid rgba(56, 189, 248, 0.5);
  color: #e0f2fe;
  font-size: 11.5px;
  font-weight: 800;
  margin-bottom: 6px;
}

.dig-phase-banner.sweep-mode {
  background: linear-gradient(90deg, rgba(245, 158, 11, 0.28), rgba(225, 29, 72, 0.28));
  border-color: #fde047;
  color: #fef08a;
}

/* 5×5 / 5×8 / 5×10 名画/地形浮雕棋盘 */
.dig-board-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
  padding: 6px;
  border-radius: 13px;
  background: rgba(3, 7, 18, 0.95);
  border: 2px solid rgba(251, 191, 36, 0.48);
  box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.85);
  margin-bottom: 7px;
}

.dig-board-grid.dense-board {
  gap: 3.5px;
  padding: 5px;
}

.dig-board-grid.dense-board .dig-cell {
  aspect-ratio: 1.28 / 1;
}

.dig-cell {
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  border: 1.5px solid rgba(251, 191, 36, 0.42);
  background-color: #0f172a;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2px;
  transition: transform 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease;
}

.dig-cell.shuffling {
  animation: digTileShuffle 0.55s ease-in-out infinite alternate;
}

@keyframes digTileShuffle {
  0% { transform: scale(0.92) rotate(-3deg); filter: brightness(1.25); }
  100% { transform: scale(1.03) rotate(3deg); filter: brightness(0.9); }
}

/* 25格共享同一幅 5×5 切片名画/地形封面（2048×2048 16倍超清贴图） */
.dig-cell-cover {
  position: absolute;
  inset: 0;
  background-size: 500% 500%;
  background-repeat: no-repeat;
  filter: contrast(1.04) saturate(1.05);
  transition: transform 0.28s ease, opacity 0.28s ease;
  z-index: 1;
}

.dig-cell-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(251, 191, 36, 0.26);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.22);
  pointer-events: none;
}

.dig-cell.opened .dig-cell-cover,
.dig-cell.preview-open .dig-cell-cover {
  opacity: 0;
  transform: scale(1.18);
  pointer-events: none;
}

.dig-cell-num {
  position: absolute;
  top: 2px;
  left: 3px;
  z-index: 3;
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 900;
  color: #fef08a;
  background: rgba(2, 6, 23, 0.78);
  padding: 0 3px;
  border-radius: 4px;
  border: 1px solid rgba(251, 191, 36, 0.35);
}

/* 先手独占锁准星覆盖层 */
.dig-cell-crosshair {
  position: absolute;
  inset: 2px;
  z-index: 4;
  border: 2px solid #38bdf8;
  border-radius: 6px;
  background: rgba(14, 165, 233, 0.24);
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.65), inset 0 0 8px rgba(56, 189, 248, 0.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 9.5px;
  font-weight: 900;
  color: #ffffff;
  text-shadow: 0 1px 3px #000;
}

.dig-cell.locked-me .dig-cell-crosshair {
  border-color: #fde047;
  background: rgba(245, 158, 11, 0.32);
  box-shadow: 0 0 14px rgba(251, 191, 36, 0.85), inset 0 0 10px rgba(251, 191, 36, 0.45);
  color: #fef08a;
}

/* 破土开奖后的宝物内容 */
.dig-cell-treasure {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  padding-top: 8px;
}

.dig-cell-treasure img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));
}

.dig-cell.tier-crown {
  background: radial-gradient(circle at 50% 46%, rgba(251, 146, 60, 0.32) 0%, rgba(245, 158, 11, 0.14) 52%, transparent 78%);
  border-color: #fb923c;
  box-shadow: inset 0 0 0 2px #fbbf24, inset 0 0 14px rgba(251, 146, 60, 0.55), 0 0 14px rgba(245, 158, 11, 0.65);
}

.dig-cell.tier-major {
  background: transparent;
  border-color: rgba(192, 132, 252, 0.55);
}

.dig-cell.tier-med {
  background: transparent;
  border-color: rgba(250, 204, 21, 0.45);
}

.dig-cell.tier-mini {
  background: transparent;
  border-color: rgba(56, 189, 248, 0.42);
}

.dig-cell.tier-empty {
  background: transparent;
  border-color: rgba(148, 163, 184, 0.24);
}

.dig-cell-amt {
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 900;
  color: #ffffff;
  line-height: 1.1;
  margin-top: 2px;
  overflow-wrap: anywhere;
}

.dig-cell.tier-crown .dig-cell-amt {
  color: #fef08a;
}

/* 对局底部操作条 */
.dig-play-foot-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.dig-auto-toggle-btn {
  padding: 8px 11px;
  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(15, 23, 42, 0.9);
  color: #cbd5e1;
  font-size: 11.5px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}

.dig-auto-toggle-btn.active {
  border-color: #34d399;
  background: rgba(16, 185, 129, 0.18);
  color: #6ee7b7;
}

.dig-action-main-btn {
  flex: 1;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1.5px solid #fde047;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #090d16;
  font-size: 12.5px;
  font-weight: 900;
  cursor: pointer;
  text-align: center;
}

/* 终局结算浮层卡片 */
.dig-settle-box {
  margin-top: 6px;
  padding: 9px 10px;
  border-radius: 12px;
  background: linear-gradient(165deg, rgba(15, 23, 42, 0.96), rgba(6, 10, 24, 0.98));
  border: 1.5px solid #fbbf24;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.75);
}

.dig-settle-title {
  font-size: 13px;
  font-weight: 900;
  color: #fef08a;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.dig-settle-rows {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 7px;
}

.dig-settle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 7px;
  border-radius: 6px;
  background: rgba(30, 41, 59, 0.65);
  font-size: 11px;
}

.dig-settle-row.me {
  border: 1px solid rgba(251, 191, 36, 0.55);
  background: rgba(245, 158, 11, 0.16);
}

/* ============================================================================
   2026-11-06 经预览批准的手机专用首屏 + 两个底部弹层（不改变电脑端布局）
   ============================================================================ */
@media (max-width: 768px) {
  .fav-stage-bar.is-mobile {
    gap: 5px;
    padding: 5px;
  }

  .fav-stage-bar.is-mobile .fav-stage-tab {
    min-height: 34px;
    padding: 6px 4px;
    font-size: 11.5px;
  }

  .fav-stage-bar.is-mobile .fav-default-btn {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    padding: 0;
    display: grid;
    place-items: center;
    font-size: 18px;
  }

  .dig-mobile-lobby {
    padding: 8px;
  }

  .dig-mobile-lobby button,
  .dig-mobile-panel button,
  .dig-mobile-panel select {
    font-family: inherit;
    touch-action: manipulation;
  }

  .dig-mobile-winners {
    min-height: 28px;
    margin-bottom: 6px;
    padding: 3px 6px;
  }

  .dig-mobile-skin-row {
    width: 100%;
    min-height: 60px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 6px;
    border-radius: 11px;
    border: 1px solid rgba(75, 96, 128, 0.55);
    background: rgba(15, 25, 44, 0.94);
    color: #e2e8f0;
    text-align: left;
  }

  .dig-mobile-current-thumb {
    width: 76px;
    height: 46px;
    flex: 0 0 76px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.14);
  }

  .dig-mobile-current-copy {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
  }

  .dig-mobile-current-copy strong {
    overflow: hidden;
    color: #fde68a;
    font-size: 12px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dig-mobile-eyebrow,
  .dig-mobile-current-sub {
    color: #94a3b8;
    font-size: 9px;
    line-height: 1.25;
  }

  .dig-mobile-row-action {
    flex: none;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #7dd3fc;
    font-size: 10px;
    font-weight: 800;
  }

  .dig-mobile-section-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
    margin: 7px 2px 5px;
  }

  .dig-mobile-section-head h3 {
    margin: 0;
    color: #fde68a;
    font-size: 12.5px;
  }

  .dig-mobile-section-head > span {
    color: #94a3b8;
    font-size: 8.5px;
    text-align: right;
  }

  .dig-mobile-buyin .dig-tier-pills {
    gap: 5px;
    margin-bottom: 3px;
  }

  .dig-mobile-buyin .dig-tier-btn {
    min-height: 38px;
    padding: 4px 2px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 3px;
    font-size: 11px;
    line-height: 1.1;
  }

  .dig-mobile-buyin .dig-tier-btn[data-tier="10000"],
  .dig-mobile-buyin .dig-tier-btn[data-tier="100000"] {
    font-size: 10px;
  }

  .dig-mobile-buyin .dig-tier-btn .nova-coin-icon {
    width: 12px;
    height: 12px;
  }

  .dig-mobile-qual-note {
    margin: 0 2px 6px;
    color: #c4b5fd;
    font-size: 8.5px;
  }

  .dig-mobile-reward-summary {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 7px;
    border-radius: 9px;
    border: 1px solid rgba(251, 191, 36, 0.28);
    background: rgba(15, 25, 42, 0.9);
    color: #cbd5e1;
    font-size: 10px;
  }

  .dig-mobile-reward-summary > img {
    width: 26px;
    height: 26px;
    object-fit: contain;
  }

  .dig-mobile-reward-summary > strong {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
    color: #fde047;
    font-size: 12px;
  }

  .dig-mobile-reward-summary .nova-coin-icon {
    width: 13px;
    height: 13px;
  }

  .dig-mobile-reward-summary > button {
    min-width: 44px;
    min-height: 44px;
    margin: -5px -5px -5px auto;
    padding: 0 4px;
    border: none;
    background: transparent;
    color: #7dd3fc;
    font-size: 9px;
    font-weight: 800;
  }

  .dig-mobile-prefs-summary {
    width: 100%;
    min-height: 52px;
    margin-top: 7px;
    padding: 6px 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-radius: 10px;
    border: 1px solid rgba(75, 96, 128, 0.5);
    background: rgba(15, 25, 44, 0.94);
    color: #e2e8f0;
    text-align: left;
  }

  .dig-mobile-prefs-summary > span:first-child {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .dig-mobile-prefs-summary strong {
    font-size: 11px;
  }

  .dig-mobile-prefs-summary > span:first-child > span {
    color: #93c5fd;
    font-size: 9px;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }

  .dig-mobile-launch-zone {
    margin-top: 8px;
  }

  .dig-mobile-launch-zone .dig-quick-start-btn {
    min-height: 62px;
    padding: 8px 12px;
    font-size: 17px;
  }

  .dig-mobile-launch-zone .dig-quick-start-sub {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    max-width: 100%;
    gap: 3px;
    font-size: clamp(9px, 2.65vw, 10.5px);
    line-height: 1.25;
  }

  .dig-mobile-launch-zone .dig-quick-start-sub .nova-coin-icon {
    width: 12px;
    height: 12px;
  }

  .dig-mobile-launch-zone .dig-match-radar-pill {
    max-width: 100%;
    min-height: 22px;
    margin: 6px auto;
    padding: 3px 8px;
    font-size: 9px;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
  }

  .dig-mobile-launch-zone .dig-mode-switch-row {
    flex-wrap: nowrap;
    gap: 6px;
    margin-bottom: 0;
  }

  .dig-mobile-launch-zone .dig-mode-pill-btn {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 4px 7px;
    font-size: 9.5px;
  }

  .dig-mobile-launch-zone .dig-mode-pill-btn > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dig-mobile-launch-zone .dig-mode-pill-btn > small {
    flex: none;
    color: inherit;
    font-size: 8.5px;
    opacity: 0.82;
  }

  .dig-mobile-launch-zone .dig-mock-coin-btn {
    min-height: 38px;
    padding: 4px 7px;
    font-size: 9px;
    white-space: nowrap;
  }

  .dig-mobile-launch-zone .dig-mock-coin-btn .nova-coin-icon {
    width: 12px;
    height: 12px;
  }

  .dig-mobile-footnote {
    margin-top: 6px;
    color: #7c92b8;
    font-size: 8.5px;
    line-height: 1.3;
    text-align: center;
  }

  /* 底部弹层：复用 .modal-backdrop 的全局滚动锁，手机返回优先关闭。 */
  .dig-mobile-panel {
    position: fixed;
    inset: 0;
    z-index: 10020;
    display: none;
    align-items: flex-end;
    justify-content: center;
    padding: 0;
    background: rgba(2, 5, 14, 0.84);
    backdrop-filter: blur(8px);
  }

  .dig-mobile-panel.show {
    display: flex;
  }

  .dig-mobile-sheet {
    width: 100%;
    max-width: 680px;
    max-height: 84vh;
    max-height: calc(var(--app-vh, 100vh) * 0.84);
    max-height: 84dvh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(71, 95, 128, 0.85);
    border-bottom: none;
    border-radius: 22px 22px 0 0;
    background: linear-gradient(180deg, #101b30 0%, #080f1e 100%);
    box-shadow: 0 -16px 50px rgba(0, 0, 0, 0.72);
    padding-bottom: env(safe-area-inset-bottom);
    animation: digMobileSheetIn 0.18s ease-out;
  }

  @keyframes digMobileSheetIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .dig-mobile-sheet-handle {
    width: 60px;
    height: 5px;
    flex: none;
    margin: 8px auto 2px;
    border-radius: 999px;
    background: #475569;
  }

  .dig-mobile-sheet-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 16px 10px;
  }

  .dig-mobile-sheet-head > div {
    min-width: 0;
  }

  .dig-mobile-sheet-head h2 {
    margin: 0;
    color: #fde68a;
    font-size: 17px;
    line-height: 1.3;
  }

  .dig-mobile-sheet-head p {
    margin: 4px 0 0;
    color: #94a3b8;
    font-size: 9.5px;
    line-height: 1.35;
  }

  .dig-mobile-sheet-close {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 13px;
    border: 1px solid rgba(100, 116, 139, 0.55);
    background: #162238;
    color: #e2e8f0;
    font-size: 22px;
    line-height: 1;
  }

  .dig-mobile-sheet-body {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 0 14px 14px;
  }

  .dig-mobile-skin-grid {
    max-height: 47vh;
    max-height: calc(var(--app-vh, 100vh) * 0.47);
    max-height: 47dvh;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1px;
  }

  .dig-mobile-skin-card {
    min-width: 0;
    min-height: 101px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 3px;
    padding: 4px;
    border-radius: 10px;
    border: 1px solid rgba(71, 85, 105, 0.65);
    background: #121e32;
    color: #e2e8f0;
    text-align: center;
  }

  .dig-mobile-skin-card.equipped {
    border-color: #fbbf24;
    background: rgba(120, 53, 15, 0.32);
  }

  .dig-mobile-skin-card.inspecting:not(.equipped) {
    border-color: #38bdf8;
  }

  .dig-mobile-skin-card.locked .dig-mobile-skin-thumb {
    filter: brightness(0.62) saturate(0.78);
  }

  .dig-mobile-skin-thumb {
    width: 100%;
    height: 56px;
    object-fit: cover;
    border-radius: 7px;
    pointer-events: none;
  }

  .dig-mobile-skin-name {
    overflow: hidden;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dig-mobile-skin-status {
    color: #94a3b8;
    font-size: 8px;
    line-height: 1.2;
  }

  .dig-mobile-skin-card.equipped .dig-mobile-skin-status {
    color: #fde047;
  }

  .dig-mobile-skin-tools {
    display: flex;
    gap: 8px;
    margin-top: 10px;
  }

  .dig-mobile-skin-tools > button {
    min-height: 44px;
    flex: 1;
    padding: 7px 8px;
    font-size: 10px;
  }

  .dig-mobile-inspect-summary {
    width: 100%;
    min-height: 54px;
    margin-top: 8px;
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-radius: 10px;
    border: 1px solid rgba(52, 211, 153, 0.35);
    background: rgba(16, 62, 59, 0.28);
    color: #d1fae5;
    font-size: 9px;
    line-height: 1.35;
    text-align: left;
  }

  .dig-mobile-inspect-summary > span:last-child {
    color: #a7c9c0;
    font-size: 8.5px;
  }

  .dig-mobile-bio {
    display: none;
    margin-top: 8px;
  }

  .dig-mobile-bio.open {
    display: block;
  }

  .dig-mobile-bio p {
    margin: 7px 2px 0;
    color: #cbd5e1;
    font-size: 9.5px;
    line-height: 1.45;
  }

  .dig-mobile-pref-group {
    margin-bottom: 12px;
  }

  .dig-mobile-pref-group > label {
    display: block;
    margin: 0 0 6px 2px;
    color: #e2e8f0;
    font-size: 11px;
    font-weight: 800;
  }

  .dig-mobile-pref-group > select {
    width: 100%;
    min-height: 46px;
    padding: 9px 11px;
    border-radius: 10px;
    border: 1px solid rgba(71, 85, 105, 0.75);
    background: #121e32;
    color: #7dd3fc;
    font-size: 12px;
    font-weight: 800;
  }

  .dig-mobile-pref-group > select:disabled {
    opacity: 0.65;
  }

  .dig-mobile-reward-details,
  .dig-mobile-rule-summary {
    margin-top: 12px;
    padding: 10px;
    border-radius: 11px;
    border: 1px solid rgba(56, 189, 248, 0.26);
    background: rgba(14, 34, 52, 0.65);
  }

  .dig-mobile-reward-details h3,
  .dig-mobile-rule-summary h3 {
    margin: 0 0 8px;
    color: #7dd3fc;
    font-size: 11px;
  }

  .dig-mobile-reward-row {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-top: 1px solid rgba(148, 163, 184, 0.1);
    color: #cbd5e1;
    font-size: 10px;
  }

  .dig-mobile-reward-row > img {
    width: 24px;
    height: 24px;
    object-fit: contain;
  }

  .dig-mobile-reward-row > span {
    flex: 1;
  }

  .dig-mobile-reward-row > strong {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 3px;
    color: #fde68a;
    font-size: 11px;
    text-align: right;
  }

  .dig-mobile-reward-row .nova-coin-icon {
    width: 13px;
    height: 13px;
  }

  .dig-mobile-rule-summary p {
    margin: 0 0 5px;
    color: #e2e8f0;
    font-size: 10px;
    line-height: 1.4;
  }

  .dig-mobile-rule-summary small {
    color: #94a3b8;
    font-size: 9px;
    line-height: 1.4;
  }

  .dig-mobile-done-btn {
    width: 100%;
    min-height: 50px;
    margin-top: 14px;
    border-radius: 12px;
    border: 1px solid #fef08a;
    background: linear-gradient(180deg, #fde047, #d97706);
    color: #301a03;
    font-size: 14px;
    font-weight: 900;
  }

  @media (max-height: 740px) {
    .dig-mobile-winners,
    .dig-mobile-current-sub,
    .dig-mobile-footnote {
      display: none;
    }

    .dig-mobile-skin-row {
      min-height: 52px;
    }

    .dig-mobile-current-thumb {
      height: 40px;
    }

    .dig-mobile-prefs-summary {
      min-height: 46px;
    }

    .dig-mobile-launch-zone .dig-quick-start-btn {
      min-height: 56px;
    }
  }
}


/* ============================================================================
   2026-11-06 C 方案：10 人桌 50 格单屏棋桌（不分页，棋盘内上下滑）
   + 棋盘下沿画框铭牌 + 紧凑对局头 + 开奖台（overlay 在 JS 中生成）
   ============================================================================ */
.fav-stage-bar.dig-stage-hidden { display: none !important; }

.dig-play-shell {
  height: 100%;
  max-height: 100%;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  padding: 6px 7px;
  overflow: hidden;
}
@media (max-height: 700px) {
  .dig-play-shell {
    min-height: 330px;
    padding: 5px 6px;
  }
}

.dig-play-shell .dig-play-head { height: 30px; flex: none; display: flex; align-items: center; gap: 5px; }
.dig-play-shell .dig-exit-btn {
  width: 24px; height: 24px; flex: none; border-radius: 50%; display: grid; place-items: center;
  font-size: 10px; color: #9fb4cf; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.03);
}
.dig-play-shell .dig-mode-chip {
  display: flex; align-items: center; gap: 2px; padding: 1px 5px; border-radius: 5px;
  font-size: 7.5px; font-weight: 800; color: #ffe6a8; border: 1px solid rgba(246,196,83,.38);
  background: rgba(246,196,83,.10); white-space: nowrap;
}
.dig-play-shell .dig-mode-chip i { font-style: normal; font-size: 9px; }
.dig-play-shell .dig-round-chip { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dig-play-shell .dig-round-chip b { font-size: 9.5px; font-weight: 900; color: #f1f6ff; white-space: nowrap; }
.dig-play-shell .dig-round-dots { display: flex; gap: 2px; }
.dig-play-shell .dig-round-dots i { width: 3px; height: 3px; border-radius: 50%; background: rgba(255,255,255,.14); }
.dig-play-shell .dig-round-dots i.on { background: #f6c453; box-shadow: 0 0 5px #f6c453; }
.dig-play-shell .dig-head-jackpot {
  margin-left: auto; margin-right: auto; height: 24px; padding: 0 7px; border-radius: 7px;
  display: flex; align-items: center; gap: 4px; min-width: 0;
  border: 1px solid rgba(246,196,83,.48);
  background: linear-gradient(100deg, rgba(246,196,83,.22), rgba(88,58,10,.32) 55%, rgba(10,17,32,.65));
  box-shadow: 0 1px 6px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
  white-space: nowrap;
}
.dig-play-shell .dig-head-jackpot > img { width: 15px; height: 15px; flex: none; object-fit: contain; filter: drop-shadow(0 1px 2px #000); }
.dig-play-shell .dig-head-jackpot > span { font-size: 7.5px; font-weight: 800; color: #d8be84; }
.dig-play-shell .dig-head-jackpot > b {
  display: inline-flex; align-items: center; gap: 2px; font-family: var(--mono); font-size: 11px;
  font-weight: 900; color: #ffe6a8; line-height: 1;
}
.dig-play-shell .dig-head-jackpot .nova-coin-icon { width: 11px !important; height: 11px !important; }
.dig-play-shell .dig-picked-chip {
  flex: none; height: 22px; padding: 0 7px; border-radius: 7px; display: flex; align-items: center; gap: 3px;
  font-size: 8px; font-weight: 800; color: #f7dfa4; border: 1px solid rgba(246,196,83,.42);
  background: linear-gradient(180deg, rgba(246,196,83,.16), rgba(246,196,83,.08)); white-space: nowrap;
}
.dig-play-shell .dig-picked-chip b { font-family: var(--mono); font-size: 9.5px; color: #ffe6a8; }

.dig-play-shell .dig-tier-row { height: 22px; flex: none; display: grid; grid-template-columns: repeat(5,1fr); gap: 3px; margin-top: 3px; }
.dig-play-shell .dig-tier-chip {
  display: flex; align-items: center; justify-content: center; gap: 2px; padding: 0 2px; border-radius: 5px; min-width: 0;
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08);
  font-size: 6.5px; color: #9ab0cc;
}
.dig-play-shell .dig-tier-chip.all-dug { opacity: .52; }
.dig-play-shell .dig-tier-chip img { width: 10px; height: 10px; object-fit: contain; flex: none; }
.dig-play-shell .dig-tier-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dig-play-shell .dig-tier-chip b { font-family: var(--mono); font-size: 7.5px; font-weight: 800; letter-spacing: -.2px; white-space: nowrap; }
.dig-play-shell .dig-tier-chip.crown { border-color: rgba(246,196,83,.3); }
.dig-play-shell .dig-tier-chip.crown b { color: #ffe6a8; }
.dig-play-shell .dig-tier-chip.major { border-color: rgba(192,132,252,.28); }
.dig-play-shell .dig-tier-chip.major b { color: #e2c4ff; }
.dig-play-shell .dig-tier-chip.med { border-color: rgba(96,165,250,.28); }
.dig-play-shell .dig-tier-chip.med b { color: #bfe0ff; }
.dig-play-shell .dig-tier-chip.mini { border-color: rgba(52,211,153,.28); }
.dig-play-shell .dig-tier-chip.mini b { color: #a7f3d0; }
.dig-play-shell .dig-tier-chip.empty b { color: #a9b8cc; }

.dig-play-shell .dig-seat-row { height: 24px; flex: none; display: flex; align-items: center; gap: 3px; margin-top: 3px; overflow: hidden; }
.dig-play-shell .dig-seat-avatar {
  width: 18px; height: 18px; flex: none; border-radius: 50%; display: grid; place-items: center;
  font-size: 9px; color: #e8eef9; background: radial-gradient(circle at 50% 35%, #22314a, #0b1322 75%);
  border: 1px solid rgba(255,255,255,.14); line-height: 1;
}
.dig-play-shell .dig-seat-avatar.me { border-color: rgba(246,196,83,.75); box-shadow: 0 0 6px rgba(246,196,83,.35); background: radial-gradient(circle at 50% 35%, #4a3a14, #171104); color: #ffe6a8; }
.dig-play-shell .dig-seat-avatar.off { opacity: .45; border-style: dashed; }
.dig-play-shell .dig-seat-count { margin-left: auto; font-size: 6.5px; color: #8fa3c0; white-space: nowrap; }

.dig-play-shell .dig-phase-line {
  position: relative; height: 24px; flex: none; margin-top: 3px; padding: 0 6px 0 8px;
  border-radius: 7px; display: flex; align-items: center; justify-content: space-between; gap: 6px;
  font-size: 8px; font-weight: 800; color: #d8f8ff;
  background: rgba(6, 12, 24, .88); border: 1px solid rgba(56, 232, 255, .38);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 2px 8px rgba(0, 0, 0, .35);
  white-space: nowrap; overflow: hidden;
}
.dig-play-shell .dig-phase-line .dig-fuse-fill {
  position: absolute; left: 0; top: 0; bottom: 0; pointer-events: none; z-index: 1;
  background: linear-gradient(90deg, rgba(16, 185, 129, .24), rgba(56, 232, 255, .36));
  border-bottom: 2.5px solid #38e8ff; box-shadow: 0 0 10px rgba(56, 232, 255, .35);
  will-change: width; transition: width 45ms linear, background .25s ease, border-color .25s ease;
}
.dig-play-shell .dig-phase-line .dig-fuse-fill::after {
  content: ""; position: absolute; right: -3px; bottom: -4px; width: 6px; height: 6px; border-radius: 50%;
  background: #ffffff; box-shadow: 0 0 8px 2px #38e8ff, 0 0 14px #f6c453;
}
.dig-play-shell .dig-phase-line.timer-static .dig-fuse-fill::after,
.dig-play-shell .dig-phase-line.timer-locked .dig-fuse-fill::after { display: none; }
.dig-play-shell .dig-phase-line > .dig-phase-txt,
.dig-play-shell .dig-phase-line > span {
  position: relative; z-index: 2; display: block; min-width: 0; flex: 1;
  overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px 2px rgba(0, 0, 0, .85);
}
.dig-play-shell .dig-phase-line .dig-phase-time {
  position: relative; z-index: 2; flex: none; display: inline-flex; align-items: center; gap: 2px;
  height: 17px; padding: 0 6px; border-radius: 5px; font-family: var(--mono); font-size: 10px; font-weight: 900;
  letter-spacing: .2px; color: #e6fbff; background: rgba(6, 15, 30, .82);
  border: 1px solid rgba(56, 232, 255, .55); box-shadow: 0 0 8px rgba(56, 232, 255, .22);
}
.dig-play-shell .dig-phase-line.timer-warn,
.dig-play-shell .dig-phase-line.sweep-mode {
  color: #ffefc2; border-color: rgba(246, 196, 83, .55);
}
.dig-play-shell .dig-phase-line.timer-warn .dig-fuse-fill,
.dig-play-shell .dig-phase-line.sweep-mode .dig-fuse-fill {
  background: linear-gradient(90deg, rgba(245, 158, 11, .22), rgba(246, 196, 83, .42));
  border-bottom-color: #f6c453; box-shadow: 0 0 10px rgba(246, 196, 83, .4);
}
.dig-play-shell .dig-phase-line.timer-warn .dig-fuse-fill::after,
.dig-play-shell .dig-phase-line.sweep-mode .dig-fuse-fill::after {
  box-shadow: 0 0 8px 2px #f6c453, 0 0 14px #ff9800;
}
.dig-play-shell .dig-phase-line.timer-warn .dig-phase-time,
.dig-play-shell .dig-phase-line.sweep-mode .dig-phase-time {
  color: #ffe6a8; border-color: rgba(246, 196, 83, .75); box-shadow: 0 0 8px rgba(246, 196, 83, .3);
}
.dig-play-shell .dig-phase-line.timer-urgent {
  color: #ffd6d6; border-color: rgba(255, 82, 82, .72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 12px rgba(255, 72, 72, .32);
}
.dig-play-shell .dig-phase-line.timer-urgent .dig-fuse-fill {
  background: linear-gradient(90deg, rgba(220, 38, 38, .28), rgba(255, 92, 92, .48));
  border-bottom-color: #ff5252; box-shadow: 0 0 12px rgba(255, 82, 82, .55);
}
.dig-play-shell .dig-phase-line.timer-urgent .dig-fuse-fill::after {
  box-shadow: 0 0 9px 2px #ff5252, 0 0 16px #ffeb3b;
}
.dig-play-shell .dig-phase-line.timer-urgent .dig-phase-time {
  color: #ffecec; background: rgba(120, 14, 24, .88); border-color: rgba(255, 105, 105, .88);
  box-shadow: 0 0 10px rgba(255, 72, 72, .5); animation: digFuseUrgentPulse .55s ease-in-out infinite alternate;
}
.dig-play-shell .dig-phase-line.timer-urgent + .dig-board-frame {
  border-color: rgba(255, 92, 92, .68);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .85), inset 0 0 22px rgba(255, 64, 64, .22), 0 0 12px rgba(255, 72, 72, .22);
}
.dig-play-shell .dig-phase-line.timer-locked {
  color: #bbf7d0; border-color: rgba(52, 211, 153, .45);
}
.dig-play-shell .dig-phase-line.timer-locked .dig-fuse-fill {
  background: linear-gradient(90deg, rgba(16, 185, 129, .18), rgba(52, 211, 153, .28));
  border-bottom-color: #34d399;
}
.dig-play-shell .dig-phase-line.timer-locked .dig-phase-time {
  color: #a7f3d0; border-color: rgba(52, 211, 153, .55);
}
.dig-play-shell .dig-phase-line.timer-fast-forward .dig-fuse-fill {
  background: linear-gradient(90deg, rgba(16, 185, 129, .26), rgba(52, 211, 153, .46), rgba(246, 196, 83, .38));
  border-bottom-color: #34d399;
  box-shadow: 0 0 12px rgba(52, 211, 153, .45);
}
.dig-play-shell .dig-phase-line.timer-fast-forward .dig-fuse-fill::after {
  display: block;
  box-shadow: 0 0 9px 2px #34d399, 0 0 16px #f6c453;
}
@keyframes digFuseUrgentPulse {
  from { transform: scale(1); }
  to { transform: scale(1.05); }
}

.dig-play-shell .dig-board-frame {
  position: relative; flex: 1; min-height: 0; margin-top: 3px; padding: 6px 6px 24px;
  border-radius: 12px; border: 1px solid rgba(246,196,83,.42);
  background: radial-gradient(88% 76% at 50% 47%, rgba(246, 196, 83, .10) 0%, #111c32 52%, #060a13 100%);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.85), inset 0 0 22px rgba(0,0,0,.62);
  overflow: hidden;
}
.dig-play-shell .dig-board-scroll {
  position: absolute; left: 6px; right: 6px; top: 6px; bottom: 24px;
  overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column;
  scrollbar-width: thin; scrollbar-color: rgba(246,196,83,.5) rgba(255,255,255,.04);
}
.dig-play-shell .dig-board-scroll.full-art-scroll {
  overflow: visible;
  align-items: center;
  justify-content: center;
}
.dig-play-shell .dig-board-scroll::-webkit-scrollbar { width: 2px; }
.dig-play-shell .dig-board-scroll::-webkit-scrollbar-thumb { background: rgba(246,196,83,.5); border-radius: 2px; }
.dig-play-shell .dig-board-grid {
  position: relative; z-index: 0;
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0;
  padding: 0; margin: 0; border: 0; border-radius: 6px; background: none; box-shadow: none;
  width: 100%; overflow: hidden;
}
.dig-play-shell .dig-board-grid > .dig-board-canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  filter: brightness(1.06) contrast(1.05) saturate(1.14);
}
.dig-play-shell .dig-board-grid.is-zoomed > .dig-board-canvas {
  background-size: cover;
}
.dig-play-shell .dig-board-grid.full-art {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  margin: auto;
  box-shadow: 0 0 0 1.5px rgba(246, 200, 95, 0.62), 0 0 0 4px rgba(10, 16, 28, 0.92), 0 0 0 5px rgba(246, 200, 95, 0.22), 0 10px 26px rgba(0, 0, 0, 0.68);
}
.dig-play-shell .dig-board-grid.five { height: auto; aspect-ratio: 1 / 1; margin: auto; grid-template-rows: repeat(5, minmax(0, 1fr)); }
.dig-play-shell .dig-board-grid.many { height: auto; }
.dig-play-shell .dig-cell {
  position: relative; z-index: 1; aspect-ratio: auto; border: 0; border-radius: 0; padding: 0; overflow: hidden;
  background-color: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center;
  box-shadow: inset 0 0 0 0.75px rgba(251, 211, 105, 0.28);
  transition: filter .14s ease, box-shadow .14s ease;
}
.dig-play-shell .dig-cell:hover { filter: brightness(1.1); }
.dig-play-shell .dig-cell-cover { position: absolute; inset: 0; background-repeat: no-repeat; z-index: 1; transition: opacity .28s ease, transform .28s ease; }
.dig-play-shell .dig-cell-cover::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgba(255,255,255,.13), transparent 38%); }
.dig-play-shell .dig-cell-num {
  position: absolute; left: 2px; top: 2px; z-index: 4; font-family: var(--mono); font-size: 6.5px; font-weight: 700;
  color: #ffe6a8; background: rgba(3,6,12,.84); border: 1px solid rgba(246,196,83,.3); border-radius: 3px;
  padding: 0 2px; line-height: 9px; text-shadow: 0 1px 2px #000;
}
.dig-play-shell .dig-cell-crosshair { inset: 1px; border-radius: 2px; font-size: 6.5px; border-width: 1px; }
.dig-play-shell .dig-cell-treasure img { width: 20px; height: 20px; }
.dig-play-shell .dig-cell-amt { font-size: 6.5px; margin-top: 1px; }
.dig-play-shell .dig-cell.opened .dig-cell-cover,
.dig-play-shell .dig-cell.preview-open .dig-cell-cover { opacity: 0; transform: scale(1.12); }
.dig-play-shell .dig-cell.me { box-shadow: 0 0 9px rgba(246,196,83,.55), inset 0 0 10px rgba(246,196,83,.35); }
.dig-play-shell .dig-cell.peer { box-shadow: 0 0 7px rgba(56,232,255,.3); }

.dig-play-shell .dig-board-plaque {
  position: absolute; left: 6px; right: 6px; bottom: 4px; height: 15px; z-index: 7;
  display: flex; align-items: center; gap: 3px; padding: 0 4px; border-radius: 2px;
  background: rgba(2,5,10,.55); border-top: 1px solid rgba(246,196,83,.2); min-width: 0;
  cursor: pointer;
}
.dig-play-shell .dig-board-plaque img { width: 10px; height: 10px; flex: none; border-radius: 1px; object-fit: cover; border: 1px solid rgba(246,196,83,.4); }
.dig-play-shell .dig-board-plaque b { font-size: 6.5px; font-weight: 800; color: #efe3c4; white-space: nowrap; }
.dig-play-shell .dig-board-plaque span { font-size: 6px; color: #b9a67a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dig-play-shell .dig-board-plaque i { margin-left: auto; font-style: normal; font-size: 6px; color: #8fa3c0; }

.dig-play-shell .dig-play-foot-bar { height: 26px; flex: none; margin-top: 3px; display: flex; align-items: center; gap: 4px; }
.dig-play-shell .dig-auto-toggle-btn {
  flex: none; padding: 4px 6px; border-radius: 6px; font-size: 7px; font-weight: 800;
  border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.03); color: #9fb4cf; white-space: nowrap;
}
.dig-play-shell .dig-auto-toggle-btn.active { border-color: rgba(52,211,153,.55); background: rgba(16,185,129,.16); color: #6ee7b7; }
.dig-play-shell .dig-pocket-line { min-width: 0; font-size: 7px; color: #8fa3c0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dig-play-shell .dig-pocket-line b { font-family: var(--mono); font-size: 9px; color: #5ee2a0; }
.dig-play-shell .dig-pocket-line span { font-size: 6px; color: #6f829c; }
.dig-play-shell .dig-action-main-btn { flex: 1; padding: 5px 8px; border-radius: 7px; font-size: 7.5px; font-weight: 900; }

.dig-play-shell .dig-settle-box {
  position: absolute; left: 6px; right: 6px; top: 40px; bottom: auto; max-height: calc(100% - 46px); z-index: 30;
  margin: 0; padding: 9px; overflow-y: auto;
  background: linear-gradient(180deg, rgba(10,17,32,.98), rgba(5,8,15,.99));
  border: 1px solid rgba(246,196,83,.5); border-radius: 12px;
  box-shadow: 0 0 0 100vmax rgba(0,0,0,.45), 0 12px 30px rgba(0,0,0,.6);
}


/* 开奖台：按抢格先后顺序把格子抽出来，卡片下写主人，翻完自动收回 */
.dig-reveal-overlay {
  position: fixed; inset: 0; z-index: 320; display: flex; align-items: center; justify-content: center;
  padding: 18px; background: rgba(2, 4, 10, .16);
  opacity: 0; transition: opacity .18s ease;
}
.dig-reveal-overlay.show { opacity: 1; }
.dig-reveal-overlay.closing { opacity: 0; }
.dig-reveal-panel {
  width: 100%; max-width: 344px; padding: 12px; border-radius: 16px;
  border: 1px solid rgba(246,196,83,.55);
  background: linear-gradient(180deg, rgba(13,24,48,.95), rgba(6,11,22,.95));
  box-shadow: 0 20px 50px rgba(0,0,0,.55), 0 0 30px rgba(246,196,83,.12);
  transform: translateY(10px) scale(.96); transition: transform .22s ease;
}
.dig-reveal-overlay.show .dig-reveal-panel { transform: none; }
.dig-reveal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.dig-reveal-head b { display: block; font-size: 11px; font-weight: 900; color: #ffe6a8; line-height: 1.25; }
.dig-reveal-head span { display: block; margin-top: 2px; font-size: 7px; color: #93a7c2; }
.dig-reveal-skip {
  flex: none; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center;
  padding: 0; font-size: 9px; font-weight: 800; color: #cbd5e1;
  border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06);
}
.dig-reveal-crown {
  display: none; margin: 0 0 7px; padding: 4px 6px; border-radius: 6px; text-align: center;
  font-size: 8px; font-weight: 900; color: #1a1204;
  background: linear-gradient(90deg, #ffe08a, #f6c453, #ffe08a);
  box-shadow: 0 0 14px rgba(246,196,83,.45);
}
.dig-reveal-crown.show { display: block; animation: digCrownFlash 1s ease-in-out infinite alternate; }
@keyframes digCrownFlash { from { filter: brightness(1); } to { filter: brightness(1.25); } }

.dig-reveal-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.dig-reveal-card {
  position: relative; perspective: 420px; min-width: 0;
  opacity: 0; transform: translateY(18px) scale(.8);
  animation: digRevealPull .3s cubic-bezier(.2,.8,.3,1) forwards;
}
@keyframes digRevealPull { to { opacity: 1; transform: none; } }
.dig-reveal-card .inner {
  position: relative; width: 100%; aspect-ratio: 58 / 72; transform-style: preserve-3d;
  transition: transform .5s cubic-bezier(.3,.7,.2,1);
}
.dig-reveal-card.flipped .inner { transform: rotateY(180deg); }
.dig-reveal-front, .dig-reveal-back {
  position: absolute; inset: 0; border-radius: 4px; overflow: hidden; backface-visibility: hidden;
  border: 1px solid rgba(246,196,83,.28);
}
.dig-reveal-front { background-repeat: no-repeat; box-shadow: inset 0 0 0 1px rgba(251, 211, 105, 0.3); filter: brightness(1.06) contrast(1.05) saturate(1.14); }
.dig-reveal-back {
  transform: rotateY(180deg); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
  background: radial-gradient(circle at 50% 38%, #5a3a06, #1b1004 62%, #0a0703 100%);
  box-shadow: inset 0 0 12px rgba(0,0,0,.65), 0 0 8px rgba(246,196,83,.2);
}
.dig-reveal-back img { width: 22px; height: 22px; object-fit: contain; filter: drop-shadow(0 2px 4px #000); }
.dig-reveal-back b { font-size: 6px; font-weight: 800; color: #ffe6a8; text-align: center; line-height: 1.15; }
.dig-reveal-back em { font-style: normal; font-family: var(--mono); font-size: 7.5px; font-weight: 700; color: #fff3c4; text-align: center; overflow-wrap: anywhere; line-height: 1.1; }
.dig-reveal-card.tier-crown .dig-reveal-back { border-color: #fde047; box-shadow: inset 0 0 12px rgba(0,0,0,.65), 0 0 14px rgba(246,196,83,.6); }
.dig-reveal-card.spot .dig-reveal-back { animation: digRevealSpot .7s ease-out; }
@keyframes digRevealSpot { 0% { box-shadow: 0 0 0 0 rgba(246,196,83,.8), inset 0 0 12px rgba(0,0,0,.65); } 100% { box-shadow: 0 0 0 12px rgba(246,196,83,0), inset 0 0 12px rgba(0,0,0,.65); } }
.dig-reveal-seq {
  position: absolute; left: -2px; top: -6px; z-index: 5; font-family: var(--mono); font-size: 8px; font-weight: 900;
  color: #1a1204; background: linear-gradient(180deg, #ffe08a, #f0a91d); border-radius: 5px; padding: 0 3px;
  box-shadow: 0 1px 4px rgba(0,0,0,.5);
}
.dig-reveal-owner { margin-top: 3px; display: flex; flex-direction: column; align-items: center; gap: 1px; min-width: 0; }
.dig-reveal-owner .who { display: flex; align-items: center; gap: 2px; max-width: 100%; font-size: 6px; font-weight: 800; color: #dbe7f6; }
.dig-reveal-owner .who i { font-style: normal; width: 10px; height: 10px; flex: none; border-radius: 50%; display: grid; place-items: center; font-size: 6px; background: #1a2436; border: 1px solid rgba(255,255,255,.16); }
.dig-reveal-owner .who b { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dig-reveal-owner .gain { font-family: var(--mono); font-size: 6px; color: #5ee2a0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.dig-reveal-note { margin-top: 8px; text-align: center; font-size: 6.5px; color: #7488a3; }
.dig-reveal-overlay.reduced .dig-reveal-card .inner { transition: none; }
.dig-reveal-overlay.reduced .dig-reveal-card { animation: none; opacity: 1; transform: none; }

.dig-play-shell .dig-board-more {
  position: absolute; left: 6px; right: 6px; bottom: 24px; height: 18px; z-index: 6;
  display: flex; align-items: center; justify-content: center; pointer-events: none;
  font-size: 6.5px; font-weight: 800; color: #ffe6a8;
  background: linear-gradient(180deg, rgba(5,8,15,0), rgba(5,8,15,.92));
  transition: opacity .2s ease;
}
.dig-play-shell .dig-board-more.hide { opacity: 0; }
.dig-reveal-overlay.closing .dig-reveal-panel { transform: translateY(10px) scale(.94); opacity: .55; }

/* 连续画棋盘：整张画按 1:1 原比例铺底，格子做全通透触控层，零裁切零拉伸 */
.dig-play-shell .dig-board-grid {
  background: none;
}
.dig-play-shell .dig-cell { background-color: transparent; }
.dig-play-shell .dig-cell-cover { display: none; }
.dig-play-shell .dig-cell.shuffling { animation: none; }
.dig-play-shell .dig-board-grid.shuffling > .dig-board-canvas { animation: digBoardShuffle .55s ease-in-out infinite alternate; }
@keyframes digBoardShuffle {
  0% { filter: brightness(1.24) contrast(1.08) saturate(1.26); }
  100% { filter: brightness(.96) saturate(1.02) blur(.35px); }
}
/* 棋盘上的逐格开奖：按抢格顺序翻转出现的宝物，不再全屏遮挡 */
.dig-play-shell .dig-cell.dig-reveal-in {
  animation-name: digCellReveal;
  animation-duration: .5s;
  animation-timing-function: cubic-bezier(.2,.8,.3,1);
  animation-fill-mode: both;
  transform-origin: 50% 50%;
}
@keyframes digCellReveal {
  0% { transform: perspective(420px) rotateY(90deg); opacity: .15; filter: brightness(1.8); }
  70% { transform: perspective(420px) rotateY(-6deg); opacity: 1; }
  100% { transform: none; opacity: 1; }
}
.dig-play-shell .dig-cell.dig-reveal-crown-cell {
  box-shadow: 0 0 14px rgba(246,196,83,.8), inset 0 0 10px rgba(246,196,83,.4);
  z-index: 5;
}
.dig-play-shell .dig-reveal-bar {
  height: 20px; flex: none; display: flex; align-items: center; gap: 4px; margin-top: 2px;
  padding: 0 5px; border-radius: 6px; white-space: nowrap; overflow: hidden;
  border: 1px solid rgba(246,196,83,.42);
  background: linear-gradient(90deg, rgba(246,196,83,.15), rgba(10,17,32,.9));
  font-size: 7px; color: #e8eef9;
}
.dig-play-shell .dig-reveal-bar[hidden] { display: none; }
.dig-play-shell .dig-reveal-bar-main { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.dig-play-shell .dig-reveal-bar-main b { font-family: var(--mono); color: #ffe6a8; }
.dig-play-shell .dig-reveal-bar-main em { font-style: normal; font-family: var(--mono); color: #5ee2a0; }
.dig-play-shell .dig-reveal-bar-prog { font-family: var(--mono); font-size: 6.5px; color: #c9ad74; }
.dig-play-shell .dig-reveal-bar-x {
  width: 16px; height: 16px; flex: none; border-radius: 50%; display: grid; place-items: center;
  font-size: 7px; color: #cbd5e1; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.05);
}
.dig-play-shell .dig-reveal-bar.crown { border-color: #fde047; box-shadow: 0 0 10px rgba(246,196,83,.4); }

/* 结算榜：默认净盈亏（绿/红），可切换“谁得到多少”，右上角 X 收起看棋盘 */
.dig-play-shell .dig-settle-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 6px; }
.dig-play-shell .dig-settle-x {
  width: 20px; height: 20px; flex: none; border-radius: 50%; display: grid; place-items: center;
  font-size: 8px; color: #cbd5e1; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.06);
}
.dig-play-shell .dig-settle-sum { margin: 4px 0 2px; font-size: 7.5px; color: #93a7c2; }
.dig-play-shell .dig-settle-sum b { font-family: var(--mono); font-size: 11px; font-weight: 900; }
.dig-play-shell .dig-settle-sum b.pos { color: #34d399; }
.dig-play-shell .dig-settle-sum b.neg { color: #f87171; }
.dig-play-shell .dig-settle-sum b.zero { color: #cbd5e1; }
.dig-play-shell .dig-settle-sum span { font-size: 6.5px; color: #7488a3; }
.dig-play-shell .dig-settle-toggle {
  align-self: flex-end; margin: 2px 0 4px; padding: 2px 7px; border-radius: 5px;
  font-size: 7px; font-weight: 800; color: #ffe6a8; border: 1px solid rgba(246,196,83,.4);
  background: rgba(246,196,83,.1);
}
.dig-play-shell .dig-settle-val { font-family: var(--mono); font-weight: 900; }
.dig-play-shell .dig-settle-val.pos { color: #34d399; }
.dig-play-shell .dig-settle-val.neg { color: #f87171; }
.dig-play-shell .dig-settle-val.zero { color: #cbd5e1; }
.dig-play-shell .dig-settled-foot { gap: 4px; }
.dig-play-shell .dig-settled-foot .dig-auto-toggle-btn { flex: none; }
.dig-play-shell .dig-settled-foot .dig-action-main-btn { flex: 1; }

/* 2026-11-07: 手机设置弹层按钮组、轻遮罩、结算双段开关、5/8 人桌铺满 */
.modal-backdrop.dig-mobile-panel { background: rgba(2, 6, 18, .28) !important; backdrop-filter: none !important; }
.dig-mobile-choice-row { display: flex; flex-wrap: wrap; gap: 6px; }
.dig-mobile-choice {
  flex: 1 1 30%; min-height: 38px; padding: 7px 9px; border-radius: 9px; cursor: pointer;
  border: 1px solid rgba(148,163,184,.28); background: rgba(15,23,42,.82); color: #cbd5e1;
  font-family: inherit; font-size: 10.5px; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 4px;
}
.dig-mobile-choice.active { border-color: #fde047; background: linear-gradient(180deg, rgba(245,158,11,.3), rgba(120,53,15,.48)); color: #fef08a; }
.dig-mobile-choice[disabled] { opacity: .42; cursor: not-allowed; }
.dig-mobile-choice i { font-style: normal; color: #fde047; font-weight: 900; }
.dig-play-shell .dig-settle-switch { display: inline-flex; margin: 4px 0; padding: 2px; border-radius: 7px; border: 1px solid rgba(246,196,83,.35); background: rgba(2,6,14,.55); }
.dig-play-shell .dig-settle-seg {
  padding: 3px 8px; border-radius: 5px; font-size: 7px; font-weight: 800; color: #93a7c2;
  border: 0; background: transparent;
}
.dig-play-shell .dig-settle-seg.active { color: #1a1204; background: linear-gradient(180deg, #ffe08a, #f0a91d); }

/* 2026-11-09：结算榜前三名金/银/铜奖牌色（沿用行业最常用奖牌配色；金额红绿不变，行高不变） */
.dig-play-shell .dig-settle-row > span:first-child { display: inline-flex; align-items: center; gap: 3px; line-height: 1; min-width: 0; }
.dig-play-shell .dig-settle-medal {
  display: inline-flex; align-items: center; justify-content: center;
  width: 16px; height: 16px; border-radius: 50%; flex: none;
  font-style: normal; font-weight: 900; font-size: 9px; line-height: 1;
  box-shadow: 0 1px 3px rgba(0,0,0,.45);
}
.dig-play-shell .dig-settle-medal.m1 { background: linear-gradient(180deg, #ffe9a8, #e0a419); color: #3a2600; }
.dig-play-shell .dig-settle-medal.m2 { background: linear-gradient(180deg, #f4f8fe, #9aa7b8); color: #1f2937; }
.dig-play-shell .dig-settle-medal.m3 { background: linear-gradient(180deg, #f3c69b, #b06a33); color: #2b1405; }

.dig-play-shell .dig-settle-row.rank-1 {
  background: linear-gradient(90deg, rgba(246,196,83,.20), rgba(30,41,59,.58));
  box-shadow: inset 3px 0 0 #f0b429, inset 0 0 0 1px rgba(246,196,83,.42);
}
.dig-play-shell .dig-settle-row.rank-1 > span:first-child b { color: #ffe08a; }
.dig-play-shell .dig-settle-row.rank-2 {
  background: linear-gradient(90deg, rgba(203,213,225,.16), rgba(30,41,59,.58));
  box-shadow: inset 3px 0 0 #c3ccda, inset 0 0 0 1px rgba(203,213,225,.30);
}
.dig-play-shell .dig-settle-row.rank-2 > span:first-child b { color: #e9f0f9; }
.dig-play-shell .dig-settle-row.rank-3 {
  background: linear-gradient(90deg, rgba(205,127,50,.20), rgba(30,41,59,.58));
  box-shadow: inset 3px 0 0 #c47a3d, inset 0 0 0 1px rgba(205,127,50,.36);
}
.dig-play-shell .dig-settle-row.rank-3 > span:first-child b { color: #f0bb90; }

.dig-play-shell .dig-board-grid.five.full-art { height: auto; aspect-ratio: 1 / 1; margin: auto; grid-template-rows: repeat(5, minmax(0, 1fr)); }

/* 2026-11-14: 已永久移除旧 1屏/2屏 切换条与最爱游戏坞（#digFavDock / #favStageSwitchBar），发射台与挖宝升级为全屏独立游戏 */
#favStageSwitchBar,
#digFavDock,
.nav-item .nav-fav-meta {
  display: none !important;
}
.nav-item { position: relative; }

/* 2026-11-13: 零暗色遮罩博物馆级展厅柔光焕彩 + 25/40/50格 100% 整画 1:1 原比例无损切割 */
.dig-play-shell .dig-cell:not(.opened):not(.preview-open) {
  background: transparent;
}
.dig-play-shell .dig-cell.opened,
.dig-play-shell .dig-cell.preview-open {
  background-color: transparent;
}
.dig-play-shell .dig-cell.opened:not(.opened-me):not(.tier-crown) {
  box-shadow: inset 0 0 0 0.75px rgba(251, 211, 105, 0.22);
}
.dig-play-shell .dig-cell.opened-me:not(.tier-crown) {
  box-shadow: inset 0 0 0 1.5px rgba(250, 204, 21, 0.88), inset 0 0 8px rgba(250, 204, 21, 0.22);
}
.dig-play-shell .dig-cell.locked-me:not(.opened) {
  box-shadow: inset 0 0 0 1.6px #fde047, inset 0 0 10px rgba(250, 204, 21, 0.34);
}
.dig-play-shell .dig-cell.tier-crown {
  box-shadow: inset 0 0 0 2px #fbbf24, inset 0 0 14px rgba(251, 146, 60, 0.58), 0 0 12px rgba(245, 158, 11, 0.62);
  z-index: 3;
}

/* 传世名画分画种博物馆级展厅焕彩滤镜（仅作用于棋盘底画 .dig-board-canvas、翻牌正面与已解锁封面缩略图，零影响宝物/文字锐度） */
.dig-play-shell .dig-board-grid[data-skin-id="skin_qianli"] > .dig-board-canvas,
.dig-play-shell .dig-board-grid[data-skin-id="skin_qingming"] > .dig-board-canvas,
.dig-play-shell .dig-board-grid[data-skin-id="skin_fiveoxen"] > .dig-board-canvas,
.dig-play-shell .dig-board-grid[data-skin-id="skin_deer"] > .dig-board-canvas,
.dig-play-shell .dig-board-grid[data-skin-id="skin_gleaners"] > .dig-board-canvas,
.dig-reveal-front[data-skin-id="skin_qianli"],
.dig-reveal-front[data-skin-id="skin_qingming"],
.dig-reveal-front[data-skin-id="skin_fiveoxen"],
.dig-reveal-front[data-skin-id="skin_deer"],
.dig-reveal-front[data-skin-id="skin_gleaners"],
.dig-mobile-current-thumb[data-skin-id="skin_qianli"],
.dig-mobile-current-thumb[data-skin-id="skin_qingming"],
.dig-mobile-current-thumb[data-skin-id="skin_fiveoxen"],
.dig-mobile-current-thumb[data-skin-id="skin_deer"],
.dig-mobile-current-thumb[data-skin-id="skin_gleaners"],
#digSkinPanel .dig-mobile-skin-card:not(.locked) .dig-mobile-skin-thumb[data-skin-id="skin_qianli"],
#digSkinPanel .dig-mobile-skin-card:not(.locked) .dig-mobile-skin-thumb[data-skin-id="skin_qingming"],
#digSkinPanel .dig-mobile-skin-card:not(.locked) .dig-mobile-skin-thumb[data-skin-id="skin_fiveoxen"],
#digSkinPanel .dig-mobile-skin-card:not(.locked) .dig-mobile-skin-thumb[data-skin-id="skin_deer"],
#digSkinPanel .dig-mobile-skin-card:not(.locked) .dig-mobile-skin-thumb[data-skin-id="skin_gleaners"] {
  filter: brightness(1.18) contrast(1.08) saturate(1.32);
}

/* 北宋重墨古绢专项补光（提亮焦墨巨峰暗部纹理且不压暗阴影） */
.dig-play-shell .dig-board-grid[data-skin-id="skin_xishan"] > .dig-board-canvas,
.dig-reveal-front[data-skin-id="skin_xishan"],
.dig-mobile-current-thumb[data-skin-id="skin_xishan"],
#digSkinPanel .dig-mobile-skin-card:not(.locked) .dig-mobile-skin-thumb[data-skin-id="skin_xishan"] {
  filter: brightness(1.28) contrast(1.02) saturate(1.22);
}

/* 暗调星夜/水园油画专项焕彩（补足群青星旋与吉维尼池水通透度） */
.dig-play-shell .dig-board-grid[data-skin-id="skin_starry"] > .dig-board-canvas,
.dig-play-shell .dig-board-grid[data-skin-id="skin_waterlilies"] > .dig-board-canvas,
.dig-reveal-front[data-skin-id="skin_starry"],
.dig-reveal-front[data-skin-id="skin_waterlilies"],
.dig-mobile-current-thumb[data-skin-id="skin_starry"],
.dig-mobile-current-thumb[data-skin-id="skin_waterlilies"],
#digSkinPanel .dig-mobile-skin-card:not(.locked) .dig-mobile-skin-thumb[data-skin-id="skin_starry"],
#digSkinPanel .dig-mobile-skin-card:not(.locked) .dig-mobile-skin-thumb[data-skin-id="skin_waterlilies"] {
  filter: brightness(1.19) contrast(1.06) saturate(1.30);
}

.dig-play-shell .dig-board-grid[data-skin-id="skin_fuchun"] > .dig-board-canvas,
.dig-play-shell .dig-board-grid[data-skin-id="skin_pearl"] > .dig-board-canvas,
.dig-reveal-front[data-skin-id="skin_fuchun"],
.dig-reveal-front[data-skin-id="skin_pearl"],
.dig-mobile-current-thumb[data-skin-id="skin_fuchun"],
.dig-mobile-current-thumb[data-skin-id="skin_pearl"],
#digSkinPanel .dig-mobile-skin-card:not(.locked) .dig-mobile-skin-thumb[data-skin-id="skin_fuchun"],
#digSkinPanel .dig-mobile-skin-card:not(.locked) .dig-mobile-skin-thumb[data-skin-id="skin_pearl"] {
  filter: brightness(1.09) contrast(1.08) saturate(1.18);
}

.dig-play-shell .dig-board-grid[data-skin-id="skin_terrain"] > .dig-board-canvas,
.dig-play-shell .dig-board-grid[data-skin-id="skin_sunflowers"] > .dig-board-canvas,
.dig-play-shell .dig-board-grid[data-skin-id="skin_wave"] > .dig-board-canvas,
.dig-reveal-front[data-skin-id="skin_terrain"],
.dig-reveal-front[data-skin-id="skin_sunflowers"],
.dig-reveal-front[data-skin-id="skin_wave"],
.dig-mobile-current-thumb[data-skin-id="skin_sunflowers"],
.dig-mobile-current-thumb[data-skin-id="skin_wave"],
#digSkinPanel .dig-mobile-skin-card:not(.locked) .dig-mobile-skin-thumb[data-skin-id="skin_sunflowers"],
#digSkinPanel .dig-mobile-skin-card:not(.locked) .dig-mobile-skin-thumb[data-skin-id="skin_wave"] {
  filter: brightness(1.05) contrast(1.05) saturate(1.14);
}

/* 零底雾清透细描边锁格框 + 右上角单胶囊显示锁格者（彻底根除 24% 青蓝雾罩遮挡人物面部与重复名字） */
.dig-play-shell .dig-cell-crosshair {
  inset: 1px;
  border-radius: 3px;
  background: transparent;
  border: 1.5px solid rgba(56, 224, 255, 0.85);
  box-shadow: inset 0 0 0 1px rgba(4, 10, 22, 0.34);
  pointer-events: none;
}
.dig-play-shell .dig-cell.locked-me .dig-cell-crosshair {
  background: rgba(251, 191, 36, 0.06);
  border: 1.75px solid #fde047;
  box-shadow: 0 0 8px rgba(251, 191, 36, 0.52), inset 0 0 0 1px rgba(251, 191, 36, 0.28);
}

/* 手机竖屏收紧左右多余内边距，让 1:1 整画画幅最大化（面积再增约 +9%） */
@media (max-width: 520px) {
  .dig-play-shell {
    padding: 4px 2px;
  }
  .dig-play-shell .dig-board-frame {
    padding: 4px 4px 21px;
    border-radius: 9px;
  }
  .dig-play-shell .dig-board-scroll {
    left: 4px;
    right: 4px;
    top: 4px;
    bottom: 21px;
  }
  .dig-play-shell .dig-board-plaque {
    left: 4px;
    right: 4px;
    bottom: 3px;
  }
}

/* 40格 / 50格 整画全览 ↔ 放大选格 快捷切换胶囊（嵌在同桌头像栏右侧，零增高） */
.dig-play-shell .dig-zoom-toggle-btn {
  flex: none;
  height: 19px;
  padding: 0 6px;
  border-radius: 999px;
  border: 1px solid rgba(246, 196, 83, 0.45);
  background: rgba(12, 22, 42, 0.88);
  color: #fde68a;
  font-family: inherit;
  font-size: 6.8px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}
.dig-play-shell .dig-zoom-toggle-btn.active {
  border-color: rgba(56, 232, 255, 0.72);
  background: rgba(14, 52, 78, 0.92);
  color: #a5f3fc;
}

/* 每格右上角常驻【拥有人铭牌】（自己选的金色 ★ 你，同桌选的深色毛玻璃名牌；锁格态自动带 🔒/⚡ 角标） */
.dig-play-shell .dig-cell-owner {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 5;
  max-width: calc(100% - 21px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 6.8px;
  font-weight: 800;
  line-height: 11px;
  padding: 0 3.5px;
  border-radius: 4px;
  pointer-events: none;
}
.dig-play-shell .dig-cell-owner.is-me {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.95), rgba(180, 83, 9, 0.98));
  border: 1px solid #fde047;
  color: #fffbeb;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);
}
.dig-play-shell .dig-cell-owner.is-peer {
  background: rgba(8, 13, 26, 0.86);
  border: 1px solid rgba(148, 163, 184, 0.42);
  color: #e2e8f0;
  text-shadow: 0 1px 2px #000;
}
.dig-play-shell .dig-cell-owner.is-peer.is-locked {
  background: rgba(6, 18, 34, 0.9);
  border-color: rgba(56, 224, 255, 0.76);
  color: #e0f7ff;
}
.dig-play-shell .dig-cell-owner.is-sub {
  border-color: #fde047;
  color: #fef08a;
}

/* 方案 A：中心暗曜聚光防顺色柔托 + 双重黑边精雕投影 + 宝物放大近2倍 */
.dig-play-shell .dig-cell-treasure {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dig-play-shell .dig-cell.tier-major .dig-cell-treasure::before,
.dig-play-shell .dig-cell.tier-med .dig-cell-treasure::before,
.dig-play-shell .dig-cell.tier-mini .dig-cell-treasure::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 46%;
  width: 48px;
  height: 48px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(4, 8, 18, 0.88) 0%, rgba(4, 8, 18, 0.66) 46%, rgba(4, 8, 18, 0) 74%);
  pointer-events: none;
  z-index: 0;
}
.dig-play-shell .dig-cell.tier-major .dig-cell-treasure::before {
  box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.34);
}
.dig-play-shell .dig-cell.tier-med .dig-cell-treasure::before {
  box-shadow: inset 0 0 0 1px rgba(250, 204, 21, 0.36);
}
.dig-play-shell .dig-cell.tier-mini .dig-cell-treasure::before {
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.34);
}
.dig-play-shell .dig-cell-treasure .dig-treasure-main-img {
  position: relative;
  z-index: 2;
  width: 36px;
  height: 36px;
  object-fit: contain;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.96)) drop-shadow(0 0 6px rgba(0, 0, 0, 0.88)) drop-shadow(0 0 7px rgba(255, 255, 255, 0.22));
}
.dig-play-shell .dig-cell.tier-crown .dig-cell-treasure .dig-treasure-main-img {
  width: 44px;
  height: 44px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 10px rgba(251, 146, 60, 0.95));
}
.dig-play-shell .dig-board-grid.many .dig-cell-treasure .dig-treasure-main-img {
  width: 26px;
  height: 26px;
}
.dig-play-shell .dig-board-grid.many .dig-cell.tier-crown .dig-cell-treasure .dig-treasure-main-img {
  width: 32px;
  height: 32px;
}
.dig-play-shell .dig-board-grid.many .dig-cell.tier-major .dig-cell-treasure::before,
.dig-play-shell .dig-board-grid.many .dig-cell.tier-med .dig-cell-treasure::before,
.dig-play-shell .dig-board-grid.many .dig-cell.tier-mini .dig-cell-treasure::before {
  width: 34px;
  height: 34px;
}

/* 40格(5×8) / 50格(5×10) 在 1:1 整画无裁切模式下的宽砖格精巧排版（完整金额不裁切、最大限度露画） */
.dig-play-shell .dig-board-grid.many.full-art .dig-cell-num {
  left: 1.5px;
  top: 1.5px;
  font-size: 6px;
  line-height: 8.5px;
  padding: 0 2px;
  background: rgba(3, 6, 12, 0.72);
}
.dig-play-shell .dig-board-grid.many.full-art .dig-cell-owner {
  top: 1.5px;
  right: 1.5px;
  font-size: 6px;
  line-height: 9px;
  padding: 0 2.5px;
  max-width: calc(100% - 20px);
}
.dig-play-shell .dig-board-grid.rows-8.full-art .dig-cell-treasure {
  padding-top: 6px;
  padding-bottom: 1px;
}
.dig-play-shell .dig-board-grid.rows-8.full-art .dig-cell-treasure .dig-treasure-main-img {
  width: 22px;
  height: 22px;
}
.dig-play-shell .dig-board-grid.rows-8.full-art .dig-cell.tier-crown .dig-cell-treasure .dig-treasure-main-img {
  width: 26px;
  height: 26px;
}
.dig-play-shell .dig-board-grid.rows-8.full-art .dig-cell.tier-major .dig-cell-treasure::before,
.dig-play-shell .dig-board-grid.rows-8.full-art .dig-cell.tier-med .dig-cell-treasure::before,
.dig-play-shell .dig-board-grid.rows-8.full-art .dig-cell.tier-mini .dig-cell-treasure::before {
  width: 28px;
  height: 28px;
  top: 44%;
}
.dig-play-shell .dig-board-grid.rows-8.full-art .dig-crown-flame-aura {
  width: 38px;
  height: 38px;
  top: 44%;
}
.dig-play-shell .dig-board-grid.rows-8.full-art .dig-cell-amt {
  margin-top: -2px;
  padding: 0 3.5px;
  font-size: 6.5px;
  line-height: 1.15;
}
.dig-play-shell .dig-board-grid.rows-10.full-art .dig-cell-treasure {
  padding-top: 4px;
  padding-bottom: 0;
}
.dig-play-shell .dig-board-grid.rows-10.full-art .dig-cell-treasure .dig-treasure-main-img {
  width: 18px;
  height: 18px;
}
.dig-play-shell .dig-board-grid.rows-10.full-art .dig-cell.tier-crown .dig-cell-treasure .dig-treasure-main-img {
  width: 21px;
  height: 21px;
}
.dig-play-shell .dig-board-grid.rows-10.full-art .dig-cell.tier-major .dig-cell-treasure::before,
.dig-play-shell .dig-board-grid.rows-10.full-art .dig-cell.tier-med .dig-cell-treasure::before,
.dig-play-shell .dig-board-grid.rows-10.full-art .dig-cell.tier-mini .dig-cell-treasure::before {
  width: 23px;
  height: 23px;
  top: 42%;
}
.dig-play-shell .dig-board-grid.rows-10.full-art .dig-crown-flame-aura {
  width: 30px;
  height: 30px;
  top: 42%;
}
.dig-play-shell .dig-board-grid.rows-10.full-art .dig-cell-amt {
  margin-top: -2px;
  padding: 0 3px;
  font-size: 6px;
  letter-spacing: -0.15px;
  line-height: 1.12;
}
.dig-play-shell .dig-board-grid.rows-8.full-art .dig-cell-treasure.is-empty-pit .dig-empty-pit-img {
  width: 22px;
  height: 15px;
  opacity: 0.62;
}
.dig-play-shell .dig-board-grid.rows-10.full-art .dig-cell-treasure.is-empty-pit {
  padding-top: 4px;
}
.dig-play-shell .dig-board-grid.rows-10.full-art .dig-cell-treasure.is-empty-pit .dig-empty-pit-img {
  width: 18px;
  height: 12px;
  opacity: 0.58;
}
.dig-play-shell .dig-board-grid.rows-10.full-art .dig-empty-pit-tag {
  font-size: 6px;
  top: 56%;
}

/* 底部深色毛玻璃金额胶囊 */
.dig-play-shell .dig-cell-amt {
  position: relative;
  z-index: 3;
  margin-top: 1px;
  padding: 0.5px 5px;
  border-radius: 6px;
  background: rgba(6, 10, 20, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.24);
  font-family: var(--mono);
  font-size: 7.5px;
  font-weight: 900;
  line-height: 1.2;
  color: #f8fafc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.dig-play-shell .dig-cell.tier-crown .dig-cell-amt {
  background: linear-gradient(180deg, rgba(88, 28, 8, 0.95), rgba(52, 14, 4, 0.98));
  border-color: #fbbf24;
  color: #fef08a;
  font-size: 8px;
  box-shadow: 0 0 8px rgba(251, 191, 36, 0.55);
}

/* 最大奖【👑 镇矿圣晶】专属烈焰金火光环 + 跃动火舌 + 上浮火星微粒 */
.dig-crown-flame-aura {
  position: absolute;
  left: 50%;
  top: 45%;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dig-play-shell .dig-board-grid.many .dig-crown-flame-aura {
  width: 50px;
  height: 50px;
}
.dig-crown-flame-ring {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: digCrownFlamePulse 1.35s ease-in-out infinite alternate;
}
.dig-crown-flame-halo {
  position: absolute;
  width: 112%;
  height: 112%;
  object-fit: contain;
  opacity: 0.85;
  animation: digCrownHaloFlicker 1.9s ease-in-out infinite alternate;
}
.dig-crown-ember {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: radial-gradient(circle, #fef08a 0%, #f97316 70%, transparent 100%);
  box-shadow: 0 0 5px #fb923c;
  animation: digCrownEmberRise 1.6s ease-out infinite;
}
.dig-crown-ember.e1 { left: 16%; top: 62%; animation-delay: 0s; }
.dig-crown-ember.e2 { right: 16%; top: 58%; animation-delay: 0.4s; }
.dig-crown-ember.e3 { left: 28%; top: 30%; animation-delay: 0.8s; }
.dig-crown-ember.e4 { right: 26%; top: 28%; animation-delay: 1.2s; }

@keyframes digCrownFlamePulse {
  0% { transform: scale(0.94) rotate(-4deg); filter: brightness(1.02); }
  100% { transform: scale(1.08) rotate(4deg); filter: brightness(1.24); }
}
@keyframes digCrownHaloFlicker {
  0% { transform: scale(0.96); opacity: 0.72; }
  100% { transform: scale(1.06); opacity: 0.96; }
}
@keyframes digCrownEmberRise {
  0% { transform: translateY(4px) scale(0.8); opacity: 0; }
  35% { opacity: 1; }
  100% { transform: translateY(-16px) scale(1.15); opacity: 0; }
}

/* 轻盈半透明【空坑】凹陷印记（不挡画、不抢戏） */
.dig-play-shell .dig-cell-treasure.is-empty-pit {
  padding-top: 8px;
  justify-content: center;
}
.dig-play-shell .dig-cell-treasure.is-empty-pit .dig-empty-pit-img {
  width: 36px;
  height: 25px;
  object-fit: contain;
  opacity: 0.72;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.65));
}
.dig-play-shell .dig-board-grid.many .dig-cell-treasure.is-empty-pit .dig-empty-pit-img {
  width: 28px;
  height: 20px;
}
.dig-play-shell .dig-empty-pit-tag {
  position: absolute;
  left: 50%;
  top: 54%;
  transform: translate(-50%, -50%);
  font-size: 6.8px;
  font-weight: 800;
  color: rgba(226, 232, 240, 0.86);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.95);
  pointer-events: none;
  white-space: nowrap;
}

/* 2026-11-09: 全桌统一同时翻牌 —— 自己的卡片高亮金框，一眼定位归属与收获 */
.dig-reveal-card.is-me .dig-reveal-front,
.dig-reveal-card.is-me .dig-reveal-back {
  border-color: #fde047;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6), 0 0 10px rgba(250, 204, 21, 0.45);
}
.dig-reveal-card.is-me .dig-reveal-owner .who {
  color: #fef08a;
}
.dig-reveal-card.is-me .dig-reveal-owner .who i {
  background: linear-gradient(180deg, #fde047, #d97706);
  color: #1c1002;
  border-color: #fef08a;
}

/* ==========================================================================
   2026-11-10: ① 清爽选皮肤底部栏 + ② 传世名画·正气背调二级独立可滚动鉴赏页 + ③ 破土结算榜外侧点击遮罩
   ========================================================================== */
.dig-play-shell {
  position: relative;
}
.dig-play-shell .dig-settle-backdrop {
  position: absolute;
  left: 0;
  right: 0;
  top: 34px;
  bottom: 0;
  z-index: 29;
  background: rgba(2, 6, 16, 0.48);
  cursor: pointer;
}
.dig-play-shell .dig-settle-box {
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.72), 0 0 22px rgba(246, 196, 83, 0.14);
}

@media (max-width: 768px) {
  #digSkinPanel .dig-mobile-sheet-head {
    display: grid;
    grid-template-columns: 44px 1fr 44px;
    align-items: center;
    gap: 6px;
    padding: 8px 12px 10px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
  }
  #digSkinPanel .dig-mobile-sheet-head > div {
    grid-column: 2;
    text-align: center;
  }
  #digSkinPanel .dig-mobile-sheet-head h2 {
    color: #f8fafc;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 0.3px;
  }
  #digSkinPanel .dig-mobile-sheet-head p {
    color: #94a3b8;
    font-size: 10px;
  }
  #digSkinPanel .dig-mobile-sheet-close {
    grid-column: 3;
    justify-self: end;
    background: transparent;
    border-color: transparent;
    color: #cbd5e1;
    font-size: 19px;
  }
  .dig-mobile-sheet-body.dig-mobile-skin-sheet-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 10px 14px 12px;
  }
  .dig-mobile-skin-sheet-body .dig-mobile-skin-grid {
    max-height: 56vh;
    max-height: calc(var(--app-vh, 100vh) * 0.56);
    max-height: 56dvh;
    gap: 9px;
    padding: 2px 1px 4px;
  }
  #digSkinPanel .dig-mobile-skin-card {
    min-height: 118px;
    padding: 5px 5px 6px;
    border-radius: 11px;
    border: 1px solid rgba(100, 125, 160, 0.38);
    background: rgba(16, 28, 48, 0.76);
    gap: 4px;
  }
  #digSkinPanel .dig-mobile-skin-card.equipped,
  #digSkinPanel .dig-mobile-skin-card.inspecting {
    border: 1.5px solid #f6d379;
    background: rgba(46, 35, 14, 0.48);
    box-shadow: 0 0 14px rgba(246, 196, 83, 0.34);
  }
  #digSkinPanel .dig-mobile-skin-thumb {
    width: 100%;
    height: auto;
    aspect-ratio: 1.08 / 1;
    border-radius: 7px;
    border: 1px solid rgba(234, 193, 98, 0.28);
  }
  #digSkinPanel .dig-mobile-skin-card.locked .dig-mobile-skin-thumb {
    filter: brightness(0.94) saturate(0.98);
  }
  #digSkinPanel .dig-mobile-skin-name {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 9.5px;
    line-height: 1.24;
    color: #f1f5f9;
  }
  #digSkinPanel .dig-mobile-skin-status::before {
    content: "[";
  }
  #digSkinPanel .dig-mobile-skin-status::after {
    content: "]";
  }
  .dig-mobile-skin-footer {
    flex: none;
    margin-top: 10px;
    padding-top: 11px;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
  }
  .dig-mobile-draw-gold-btn {
    width: 74%;
    max-width: 260px;
    min-height: 44px;
    padding: 8px 16px;
    border-radius: 10px;
    border: 1px solid #fbe6a2;
    background: linear-gradient(180deg, #efd488 0%, #c99635 100%);
    color: #241503;
    font-family: inherit;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.6);
    cursor: pointer;
  }
  .dig-mobile-draw-gold-btn:disabled {
    opacity: 0.78;
    cursor: not-allowed;
  }
  .dig-mobile-skin-meta {
    color: #8fa3bf;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
  }
}

/* 二级独立新弹窗页：上图名画 + 下文正气背调 · 整页自由上下滚动 */
.modal-backdrop.dig-skin-detail-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10040 !important;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 14px 12px calc(14px + env(safe-area-inset-bottom));
  background: rgba(3, 7, 18, 0.78) !important;
  backdrop-filter: blur(5px) !important;
}
.modal-backdrop.dig-skin-detail-backdrop.show {
  display: flex !important;
}
.dig-skin-detail-card {
  width: 100%;
  max-width: 400px;
  max-height: 86vh;
  max-height: min(86vh, 760px);
  max-height: min(calc(var(--app-vh, 100vh) * 0.86), 760px);
  max-height: min(86dvh, 760px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(234, 193, 98, 0.45);
  background: linear-gradient(180deg, #101b31 0%, #091120 100%);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.8), 0 0 28px rgba(246, 196, 83, 0.14);
  animation: digSkinDetailPop 0.18s ease-out;
}
@keyframes digSkinDetailPop {
  from { opacity: 0; transform: translateY(12px) scale(0.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.dig-skin-detail-head {
  flex: none;
  display: grid;
  grid-template-columns: 74px 1fr 44px;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(12, 21, 39, 0.95);
}
.dig-skin-detail-back {
  justify-self: start;
  min-height: 36px;
  padding: 0 6px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #cbd5e1;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
.dig-skin-detail-head h2 {
  margin: 0;
  text-align: center;
  color: #f8fafc;
  font-size: 15.5px;
  font-weight: 900;
  letter-spacing: 0.3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dig-skin-detail-x {
  justify-self: end;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #cbd5e1;
  font-size: 18px;
  line-height: 1;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.dig-skin-detail-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  padding: 14px 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  scrollbar-width: thin;
  scrollbar-color: rgba(234, 193, 98, 0.48) rgba(255, 255, 255, 0.06);
}
.dig-skin-detail-scroll::-webkit-scrollbar {
  width: 4px;
}
.dig-skin-detail-scroll::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 999px;
}
.dig-skin-detail-scroll::-webkit-scrollbar-thumb {
  background: rgba(234, 193, 98, 0.5);
  border-radius: 999px;
}
.dig-skin-detail-showcase {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dig-skin-detail-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10.4;
  border-radius: 12px;
  border: 1.5px solid rgba(234, 193, 98, 0.78);
  overflow: hidden;
  background: #070d19;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.6);
}
.dig-skin-detail-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: none !important;
}
.dig-skin-detail-status-pill {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 3.5px 10px;
  border-radius: 999px;
  background: rgba(10, 16, 28, 0.84);
  border: 1px solid rgba(234, 193, 98, 0.5);
  color: #f8e7b5;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
  backdrop-filter: blur(4px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
}
.dig-skin-detail-status-pill.is-equipped {
  border-color: #fde047;
  color: #fef08a;
}
.dig-skin-detail-status-pill.is-owned {
  border-color: rgba(52, 211, 153, 0.6);
  color: #a7f3d0;
}
.dig-skin-detail-plaque {
  position: relative;
  z-index: 2;
  width: 88%;
  margin: -22px auto 0;
  padding: 8px 12px 9px;
  border-radius: 9px;
  background: linear-gradient(180deg, #efd58e 0%, #cca043 100%);
  border: 1px solid #fff3c4;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.68);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.dig-skin-detail-plaque strong {
  color: #221402;
  font-size: 13.5px;
  font-weight: 900;
  line-height: 1.25;
}
.dig-skin-detail-plaque span {
  color: #472e08;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.25;
}
.dig-skin-detail-sec {
  flex: none;
  padding: 12px 13px;
  border-radius: 12px;
  border: 1px solid rgba(100, 130, 170, 0.3);
  background: rgba(16, 28, 48, 0.8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.dig-skin-detail-sec-head {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 7px;
}
.dig-skin-detail-sec-head i {
  font-style: normal;
  font-size: 14px;
  line-height: 1;
}
.dig-skin-detail-sec-head h3 {
  margin: 0;
  color: #f3cf75;
  font-size: 13.5px;
  font-weight: 900;
  line-height: 1.3;
}
.dig-skin-detail-sec p {
  margin: 0;
  color: #dbe6f5;
  font-size: 12.5px;
  line-height: 1.68;
  text-align: left;
}
.dig-skin-detail-sec p.dig-skin-detail-note {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed rgba(148, 163, 184, 0.18);
  color: #c6d6eb;
}
.dig-skin-detail-stats {
  margin-top: 9px;
  padding: 6px 9px;
  border-radius: 8px;
  background: rgba(8, 15, 28, 0.76);
  border: 1px solid rgba(234, 193, 98, 0.24);
  color: #facc15;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.4;
}
.dig-skin-detail-foot {
  flex: none;
  display: flex;
  gap: 10px;
  padding: 10px 14px 12px;
  border-top: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(10, 18, 34, 0.96);
}
.dig-skin-detail-back-foot {
  flex: 1;
  min-height: 44px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(100, 125, 160, 0.55);
  background: #132038;
  color: #e2e8f0;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
.dig-skin-detail-gold-btn {
  flex: 1.15;
  min-height: 44px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid #fbe6a2;
  background: linear-gradient(180deg, #efd488 0%, #c99635 100%);
  color: #241503;
  font-family: inherit;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  cursor: pointer;
}
.dig-skin-detail-gold-btn:disabled {
  opacity: 0.78;
  cursor: not-allowed;
}