/* Visual skins — body[data-visual-skin] · guest | premium (登录) | standard (救济，以后做旧) */

/* ── 游客 · 不变 ── */
body[data-visual-skin="guest"] {
  background-color: #1a2438;
  background-image:
    radial-gradient(ellipse 110% 70% at 50% -8%, rgba(55, 75, 120, 0.38) 0%, transparent 58%),
    radial-gradient(ellipse 90% 55% at 50% 108%, rgba(0, 0, 0, 0.78) 0%, transparent 62%),
    radial-gradient(ellipse 52% 42% at 50% 46%, rgba(40, 62, 98, 0.14) 0%, transparent 74%),
    linear-gradient(180deg, #1e2d48 0%, #141e30 48%, #0c1220 100%);
}

body[data-visual-skin="guest"] .table-stage {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, transparent 18%),
    linear-gradient(180deg, #2a3854 0%, #1a2438 100%);
}

body[data-visual-skin="guest"] .felt-rim-positions .seat-role-tag--rim {
  color: #a5d6a7;
}

/* ── premium · 登录主桌（原救济局高级感；logo 隐藏，标线保留）── */
body[data-visual-skin="premium"] {
  background-color: #0a0508;
  background-image:
    radial-gradient(ellipse 72% 52% at 50% 42%, rgba(90, 36, 52, 0.28) 0%, transparent 62%),
    radial-gradient(ellipse 100% 65% at 50% -6%, rgba(140, 50, 72, 0.18) 0%, transparent 58%),
    radial-gradient(ellipse 90% 55% at 50% 108%, rgba(0, 0, 0, 0.88) 0%, transparent 62%),
    linear-gradient(180deg, #1a0c12 0%, #0e060a 48%, #060304 100%);
}

body[data-visual-skin="premium"] .table-stage {
  background:
    linear-gradient(180deg, rgba(255, 220, 180, 0.06) 0%, transparent 14%),
    linear-gradient(180deg, #4a2a38 0%, #2a1620 52%, #1a0e14 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 200, 0.07),
    0 0 0 1px rgba(221, 184, 146, 0.14),
    0 12px 36px rgba(0, 0, 0, 0.55);
}

body[data-visual-skin="premium"] .felt-outer:not(.felt-outer--duel) {
  border-color: rgba(221, 184, 146, 0.58);
  box-shadow:
    0 0 0 2px rgba(139, 90, 60, 0.35),
    0 0 0 3px rgba(0, 0, 0, 0.45),
    inset 0 2px 0 rgba(255, 240, 210, 0.1),
    inset 0 -5px 14px rgba(0, 0, 0, 0.55),
    0 18px 44px rgba(0, 0, 0, 0.72),
    0 0 28px rgba(120, 40, 60, 0.12);
}

body[data-visual-skin="premium"] .felt-mat {
  background:
    radial-gradient(ellipse 70% 55% at 50% 38%, rgba(255, 210, 160, 0.1) 0%, transparent 52%),
    radial-gradient(ellipse 100% 85% at 50% 100%, rgba(0, 0, 0, 0.38) 0%, transparent 46%),
    linear-gradient(168deg, #7a2a48 0%, #521a30 38%, #3a1224 72%, #240a16 100%) !important;
  filter: none;
  border-color: rgba(221, 184, 146, 0.42);
  box-shadow:
    inset 0 2px 0 rgba(255, 230, 200, 0.08),
    inset 0 0 48px rgba(0, 0, 0, 0.22);
}

body[data-visual-skin="premium"] .felt-markings__inner,
body[data-visual-skin="premium"] .felt-markings__ray {
  stroke: rgba(255, 220, 160, 0.32);
}

body[data-visual-skin="premium"] .felt-brand {
  display: none;
}

body[data-visual-skin="premium"] .felt-center .board {
  background: linear-gradient(165deg, rgba(48, 22, 34, 0.92) 0%, rgba(28, 12, 20, 0.96) 100%);
  border: 1px solid rgba(255, 220, 160, 0.42);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 24px rgba(0, 0, 0, 0.35),
    0 10px 28px rgba(0, 0, 0, 0.48);
}

body[data-visual-skin="premium"] .community-slot {
  border-color: rgba(255, 220, 160, 0.45);
  background: rgba(0, 0, 0, 0.32);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 0 1px rgba(255, 200, 140, 0.12);
}

body[data-visual-skin="premium"] .board-showdown {
  border-color: rgba(255, 220, 160, 0.28);
  background: rgba(20, 8, 14, 0.78);
}

body[data-visual-skin="premium"] .felt-rim-positions .seat-role-tag--rim {
  color: #ddb892;
  text-shadow:
    0 0 1px rgba(0, 0, 0, 0.9),
    0 1px 3px rgba(0, 0, 0, 0.58),
    0 0 8px rgba(139, 90, 60, 0.18);
}

body[data-visual-skin="premium"] .board-pot__label {
  color: rgba(255, 228, 196, 0.88);
}

body[data-visual-skin="premium"] .board-pot__amount {
  color: #ffd78c;
}

body[data-visual-skin="premium"] .board-round {
  color: #ffd78c;
  font-weight: 800;
}

/* ── standard · 救济局（原登录局朴素风；以后做旧只动这层）── */
body[data-visual-skin="standard"] {
  background-color: #2a4e40;
  background-image: none;
}

body[data-visual-skin="standard"] .table-stage {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

body[data-visual-skin="standard"] .felt-outer:not(.felt-outer--duel) {
  border-color: #141418;
  box-shadow:
    0 0 0 1px rgba(201, 168, 85, 0.18),
    inset 0 3px 0 rgba(255, 255, 255, 0.05),
    inset 0 -4px 12px rgba(0, 0, 0, 0.78),
    0 20px 44px rgba(0, 0, 0, 0.4),
    0 8px 22px rgba(0, 0, 0, 0.26);
}

body[data-visual-skin="standard"] .felt-mat {
  background: linear-gradient(168deg, #3c4a55 0%, #394750 48%, #303d45 100%);
  border-color: rgba(0, 0, 0, 0.32);
  box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.16);
}

body[data-visual-skin="standard"] .felt-markings__inner,
body[data-visual-skin="standard"] .felt-markings__ray {
  stroke: rgba(255, 255, 255, 0.3);
}

body[data-visual-skin="standard"] .felt-rim-positions .seat-role-tag--rim {
  color: #c9a855;
  text-shadow:
    0 0 1px rgba(0, 0, 0, 0.92),
    0 1px 3px rgba(0, 0, 0, 0.62),
    0 0 10px rgba(201, 168, 85, 0.12);
}

body[data-visual-skin="standard"] .board-pot__label {
  color: rgba(232, 220, 190, 0.9);
}

body[data-visual-skin="standard"] .board-pot__amount {
  color: #e8d08a;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55), 0 0 10px rgba(201, 168, 85, 0.18);
}

/* ── 横屏 MH · 公牌区跟 skin（覆盖 mobile-landscape 里写死的深灰）── */
body[data-ui-tier="MH"][data-visual-skin="premium"] .felt-center.mh-board-dock .board {
  background: linear-gradient(165deg, rgba(48, 22, 34, 0.92) 0%, rgba(28, 12, 20, 0.96) 100%) !important;
  border: 1px solid rgba(255, 220, 160, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 24px rgba(0, 0, 0, 0.35),
    0 10px 28px rgba(0, 0, 0, 0.48) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-ui-tier="MH"][data-visual-skin="premium"] .community-slot {
  border-color: rgba(255, 220, 160, 0.45);
  background: rgba(0, 0, 0, 0.32);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    inset 0 0 0 1px rgba(255, 200, 140, 0.12);
}

body[data-ui-tier="MH"][data-visual-skin="standard"] .felt-center.mh-board-dock .board {
  background: rgba(0, 18, 11, 0.52) !important;
  border: 1px solid rgba(255, 248, 200, 0.22) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

body[data-ui-tier="MH"][data-visual-skin="standard"] .community-slot {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(0, 0, 0, 0.18);
}