/*
 * 皇家金绿皮肤（2026-10-20 用户从风格对比图里选的，替换原来的霓虹夜场 skin-neon.css，旧文件留着可以换回去）：
 * 绿色台呢 + 金边 + 木色顶栏，奶白色字，主按钮金色，次要按钮绿底金边，警告 / 标签用红漆色。
 * 在 style.css 之后加载（和原来 skin-neon.css 同一个位置），覆盖同名的基础样式；
 * 各个游戏自己文件里写死的霓虹色，由最后加载的 skin-gold-games.css 统一改掉。
 */

:root {
  --bg: #062a1a;
  --stage-hi: #1f7a50;
  --stage-mid: #0f5536;
  --stage-lo: #062a1a;
  --surface: rgba(8, 52, 32, 0.78);
  --surface-2: rgba(255, 240, 200, 0.08);
  --surface-3: rgba(255, 240, 200, 0.16);
  --line: rgba(255, 230, 170, 0.14);
  --line-strong: rgba(255, 220, 140, 0.32);
  --text: #fff8e1;
  --muted: #cfe3d4;
  --faint: #8fb39c;
  /* 原来霓虹的粉 / 青，换成金和浅金（很多地方的发光都用这几个变量） */
  --pink: #e8b84a;
  --pink-glow: rgba(255, 200, 80, 0.5);
  --cyan: #f2d27a;
  --cyan-glow: rgba(255, 214, 110, 0.45);
  --gold: #f2c14e;
  --gold-light: #fff1b8;
  --gold-glow: rgba(255, 196, 64, 0.55);
  --primary: #e0a82e;
  --primary-press: #b8861c;
  --primary-soft: rgba(242, 193, 78, 0.18);
  --accent: #f2c14e;
  --accent-soft: rgba(242, 193, 78, 0.15);
  --pos: #9cf3b8;
  --pos-soft: rgba(156, 243, 184, 0.15);
  --neg: #ff8a8a;
  --neg-soft: rgba(255, 138, 138, 0.16);
  --card-bg: #fffdf6;
  /* 牌背颜色：三个色从亮到暗，改这里所有游戏的牌背一起变（2026-10-21 红改深蓝） */
  --cb-1: #2a6fd6;
  --cb-2: #1a4fa8;
  --cb-3: #0c2a66;
  --back-1: var(--cb-1);
  --back-2: var(--cb-3);
  /* 皮肤自己用的几个色 */
  --wood-hi: #7a4614;
  --wood-lo: #3e2306;
  --lacquer: #c8102e;
  --felt-hi: #2a9a66;
  --felt-lo: #11603e;
}

/* ---------- 背景：深绿台呢 + 细细的织纹 + 四周压暗 ---------- */
#stage { background: radial-gradient(120% 100% at 50% 0%, var(--stage-hi) 0%, var(--stage-mid) 48%, var(--stage-lo) 100%); }
#stage::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .022) 0 2px, transparent 2px 6px),
    repeating-linear-gradient(-45deg, rgba(0, 0, 0, .05) 0 2px, transparent 2px 6px),
    radial-gradient(120% 90% at 50% 40%, transparent 55%, rgba(0, 0, 0, .35) 100%);
}
.screen { z-index: 1; }

/* ---------- 文字：金色渐变大字 ---------- */
.logo, .bigcode, .lname b, .fxbig, .sheethead b, h2 {
  background: linear-gradient(#fff6cf, #f2c14e 55%, #c98a00); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.logo { font-style: italic; font-weight: 900; filter: drop-shadow(0 2px 0 #4a2a00) drop-shadow(0 0 6px rgba(255, 200, 80, .35)); }
.logo b { color: transparent; }
.bigcode { filter: drop-shadow(0 2px 0 #4a2a00); }
h2 { font-weight: 900; letter-spacing: 1px; }
.code { color: var(--gold); text-shadow: 0 1px 0 #3a2000; }
.pos { color: var(--pos); text-shadow: 0 1px 0 rgba(0, 0, 0, .4); }
.neg { color: var(--neg); text-shadow: 0 1px 0 rgba(0, 0, 0, .4); }

/* ---------- 面板：深绿半透明 + 金边 ---------- */
.panel, .sheet, .ctable, .clubrow, .rblock, .opp, .lanes { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.panel { background: rgba(6, 44, 27, .78); border: 1px solid rgba(232, 184, 74, .5); box-shadow: inset 0 1px 0 rgba(255, 240, 200, .08); }

/* ---------- 按钮 ---------- */
/* 普通按钮：深绿 + 金边，按下会陷下去 */
.btn {
  border-radius: 999px; font-weight: 800; letter-spacing: .5px; color: var(--text);
  background: linear-gradient(#2a7a52, #155a3a); border: 1px solid rgba(232, 184, 74, .75);
  box-shadow: 0 3px 0 #06301c, inset 0 1px 0 rgba(255, 255, 255, .18); text-shadow: 0 1px 1px rgba(0, 0, 0, .45);
  transition: transform .08s, box-shadow .08s, filter .15s;
}
.btn:active { transform: translateY(2px); box-shadow: 0 1px 0 #06301c; }
/* 主按钮：金色，一屏只放一个 */
.btn.primary { background: linear-gradient(#ffe48a, #f2b705 58%, #c98a00); border-color: #fff3c4; color: #4a2800;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .45); box-shadow: 0 3px 0 #8a5a00, 0 0 12px rgba(255, 196, 64, .35), inset 0 1px 0 rgba(255, 255, 255, .6); }
.btn.primary:active { background: linear-gradient(#f6d46a, #e0a800 58%, #b37a00); box-shadow: 0 1px 0 #8a5a00; }
/* 次要的强调按钮（中尾道互换、申请加入俱乐部）：亮一点的绿 + 金边 */
.btn.blue { background: linear-gradient(#35946a, #1a6a44); border: 1.5px solid #f2c14e; color: #fff8e1; text-shadow: 0 1px 1px rgba(0, 0, 0, .4); box-shadow: 0 3px 0 #06301c; }
.btn.blue:active { box-shadow: 0 1px 0 #06301c; }
.btn.gold { background: linear-gradient(#ffe48a, #f2b705 58%, #c98a00); color: #4a2800; text-shadow: none; box-shadow: 0 3px 0 #8a5a00; }
.btn.ghost { background: rgba(4, 34, 20, .55); border-color: rgba(232, 184, 74, .5); color: var(--text); box-shadow: 0 2px 0 rgba(0, 0, 0, .3); }
.btn.danger { color: #ffd0d0; border-color: rgba(255, 120, 120, .6); }
.btn:disabled { filter: grayscale(.5); opacity: .45; box-shadow: none; }
.btn.round { border-radius: 50%; }

.chip { background: rgba(4, 34, 20, .55); border: 1px solid rgba(232, 184, 74, .35); font-weight: 700; color: var(--text); }
/* 选中的选项：金边 + 金字（不整块金色，选项多也不刺眼） */
.chip.on { background: linear-gradient(rgba(242, 193, 78, .26), rgba(242, 193, 78, .1)); color: #ffe9a8; border-color: #f2c14e; box-shadow: inset 0 0 8px rgba(242, 193, 78, .25); text-shadow: 0 1px 0 rgba(0, 0, 0, .4); }
.stepper b { color: var(--gold); }

input { background: rgba(0, 0, 0, .25); border: 1px solid rgba(232, 184, 74, .45); border-radius: 12px; color: var(--text); }
input:focus { border-color: var(--gold); box-shadow: 0 0 8px var(--gold-glow); }

/* ---------- 顶栏：木纹色 + 金线 ---------- */
.topbar { background: linear-gradient(var(--wood-hi), var(--wood-lo)); border-bottom: 1.5px solid #d8a440; box-shadow: 0 2px 8px rgba(0, 0, 0, .35); }
.roomcards { background: rgba(0, 0, 0, .25); border: 1px solid rgba(242, 193, 78, .7); color: var(--gold-light); }
.roomcards.low { border-color: var(--neg); color: var(--neg); }
.timer .trk { stroke: rgba(255, 240, 200, .18); }
.timer .prog { stroke: var(--gold); filter: drop-shadow(0 0 2px rgba(255, 200, 80, .7)); }
.timer b { font-weight: 900; }
.timer.urgent .prog { stroke: var(--neg); }

/* ---------- 牌桌：绿色台呢的椭圆桌，金边 + 木框 ---------- */
.table::before {
  border: 3px solid #d8a440;
  box-shadow: 0 0 0 5px #5a3410, 0 0 0 6px rgba(216, 164, 64, .6), 0 8px 20px rgba(0, 0, 0, .45), inset 0 0 40px rgba(0, 0, 0, .35);
  background: radial-gradient(60% 60% at 50% 45%, var(--felt-hi), var(--felt-lo));
}
.arrange { position: relative; }
.arrange::before {
  content: ""; position: absolute; left: 9%; right: 9%; top: 0; bottom: 0; border-radius: 50%; pointer-events: none;
  border: 3px solid #d8a440; box-shadow: 0 0 0 5px #5a3410, inset 0 0 40px rgba(0, 0, 0, .3);
  background: radial-gradient(60% 60% at 50% 45%, var(--felt-hi), var(--felt-lo));
}
.arrange > * { position: relative; z-index: 1; }

/* ---------- 头像：金圈 ---------- */
.avatar { box-shadow: 0 0 0 2px #f2c14e, 0 2px 6px rgba(0, 0, 0, .45); }
.avatar.empty { box-shadow: none; border: 1.5px dashed rgba(242, 193, 78, .7); color: var(--gold-light); background: rgba(0, 0, 0, .18); }
.avatar.sit { border-color: var(--gold); color: #4a2800; background: radial-gradient(#ffe48a, #c98a00); box-shadow: 0 2px 0 #8a5a00; }
.badge { background: linear-gradient(#e0263f, #9a0c22); color: #fff3c4; border: 1px solid #f2c14e; box-shadow: none; }
.badge.ok { background: linear-gradient(#5fd38a, #1f8a4c); color: #fff; border-color: #c8f5d8; }
.badge.off, .badge.bot { background: #23402f; color: #d6e8dc; border: 1px solid rgba(255, 240, 200, .3); box-shadow: none; }
.sname.me { color: var(--gold); }
.sscore { background: rgba(0, 0, 0, .3); border: 1px solid rgba(242, 193, 78, .45); }

/* ---------- 扑克牌：米白牌金边；牌背红漆金纹；选中发金光 ---------- */
.card { background: linear-gradient(#fffef8, #f6efd9); box-shadow: 0 3px 7px rgba(0, 0, 0, .45), 0 0 0 1px rgba(202, 162, 74, .7); }
.card.selected { box-shadow: 0 0 0 2px #f2c14e, 0 0 14px rgba(255, 200, 80, .8); }
.card.slot { background: rgba(0, 0, 0, .12); border: 1.5px dashed rgba(242, 193, 78, .55); box-shadow: none; }
.card.mini { box-shadow: 0 1px 3px rgba(0, 0, 0, .45), 0 0 0 1px rgba(202, 162, 74, .55); }
.backs .back { background: linear-gradient(135deg, var(--back-1), var(--back-2)); border: 1px solid #f2c14e; box-shadow: 0 1px 2px rgba(0, 0, 0, .4); }
.card.tback { background: linear-gradient(135deg, rgba(255, 255, 255, .12), transparent 60%), repeating-linear-gradient(45deg, var(--cb-1) 0 3px, var(--cb-2) 3px 6px); border: 1.5px solid #f2c14e; }

/* ---------- 摆牌：对手、三道面板、牌型按钮 ---------- */
.opp { background: rgba(4, 34, 20, .62); border: 1px solid rgba(242, 193, 78, .4); border-radius: 14px; }
.opp.done { border-color: rgba(156, 243, 184, .75); background: rgba(20, 90, 50, .6); box-shadow: 0 0 8px rgba(156, 243, 184, .35); }
.opp .avatar { box-shadow: 0 0 0 1.5px #f2c14e; }
.opp .done-mark { background: linear-gradient(#5fd38a, #1f8a4c); box-shadow: none; }
.lanes { background: rgba(4, 34, 20, .7); border: 2px solid #d8a440; border-radius: 18px; box-shadow: 0 0 0 4px rgba(90, 52, 16, .7), 0 6px 18px rgba(0, 0, 0, .4); }
.lane:not(.locked):active { background: rgba(242, 193, 78, .1); }
.lname b { font-size: 16px; font-weight: 900; letter-spacing: 3px; filter: drop-shadow(0 1px 0 #3a2000); }
.lname small { background: linear-gradient(#e0263f, #9a0c22); color: #fff3c4; box-shadow: none; font-weight: 800; border: 1px solid rgba(242, 193, 78, .7); }
.lname small.bad { background: linear-gradient(#7a1020, #4a0812); color: #ffb0b0; }
.side .suggest .chip { background: rgba(4, 34, 20, .6); border-radius: 10px; }
.warn { background: rgba(200, 16, 46, .2); border: 1px solid rgba(255, 120, 120, .55); box-shadow: none; }
.types .tbtn { background: linear-gradient(#2a7a52, #155a3a); border: 1px solid rgba(232, 184, 74, .6); border-radius: 10px; color: #fff8e1; font-weight: 800; box-shadow: 0 2px 0 #06301c; }
.types .tbtn:active { transform: translateY(2px); box-shadow: none; }
.types .tbtn.on { background: linear-gradient(#ffe48a, #f2b705 58%, #c98a00); color: #4a2800; border-color: #fff3c4; box-shadow: 0 2px 0 #8a5a00; }
.types .tbtn:disabled { opacity: .35; box-shadow: none; }
.special { background: linear-gradient(rgba(242, 193, 78, .28), rgba(200, 16, 46, .15)); border: 1px solid var(--gold); box-shadow: none; }

/* ---------- 结算 ---------- */
.rblock { background: rgba(4, 34, 20, .66); border: 1px solid rgba(242, 193, 78, .3); }
.rblock.me { border-color: #f2c14e; background: linear-gradient(180deg, rgba(242, 193, 78, .2), rgba(4, 34, 20, .66) 50%); box-shadow: none; }
.rblock.me .rplayer { color: var(--gold); }
.rtotal { font-size: 20px; font-weight: 900; }
.rname { color: #ffe9a8; text-shadow: none; }
.tag { background: rgba(255, 240, 200, .14); }
.tag.gun { background: linear-gradient(#e0263f, #9a0c22); color: #fff3c4; box-shadow: none; }
.tag.horse { background: linear-gradient(#e0263f, #9a0c22); color: #fff; }
.tag.bad { background: rgba(200, 16, 46, .28); color: #ffb0b0; }
.tag.watch, .tag.club { background: rgba(242, 193, 78, .18); color: var(--gold-light); }
.homerun { color: #ffd76a; text-shadow: 0 1px 0 #5a1000, 0 0 8px rgba(255, 120, 60, .6); }
.spbadge { color: var(--gold); text-shadow: 0 1px 0 #3a2000; }
.history th { background: #0d3b24; color: var(--gold-light); }

/* ---------- 打枪 / 全垒打 ---------- */
.gunfx { background: radial-gradient(ellipse at center, rgba(150, 14, 34, .96), rgba(60, 4, 12, .96)); border: 2px solid #f2c14e; box-shadow: 0 0 0 6px rgba(242, 193, 78, .18), 0 10px 30px rgba(0, 0, 0, .5); }
.gunfx .fxbig { font-size: 32px; font-weight: 900; font-style: italic; filter: drop-shadow(0 2px 0 #3a0000); }

/* ---------- 弹层、提示、开关 ---------- */
.overlay { background: rgba(2, 16, 9, .7); }
.sheet { background: linear-gradient(rgba(18, 88, 58, .97), rgba(8, 52, 32, .98)); border: 2px solid #d8a440; box-shadow: 0 0 0 4px rgba(90, 52, 16, .8), 0 20px 50px rgba(0, 0, 0, .6); }
.sheethead { border-bottom-color: rgba(242, 193, 78, .35); }
.toast { background: rgba(10, 60, 36, .96); border: 1px solid #f2c14e; box-shadow: 0 6px 18px rgba(0, 0, 0, .45); color: var(--text); }
.offline { background: linear-gradient(90deg, #c8102e, #8e0f20); }
.switch { background: rgba(0, 0, 0, .3); border: 1px solid rgba(242, 193, 78, .4); }
.switch.on { background: linear-gradient(#ffe48a, #e0a800); box-shadow: none; }
.bubble { border: 2px solid #f2c14e; box-shadow: 0 4px 10px rgba(0, 0, 0, .35); }
.chatlog { background: rgba(0, 0, 0, .25); }
.emoji { background: rgba(255, 240, 200, .08); }
.dotbadge { background: linear-gradient(#e0263f, #9a0c22); box-shadow: none; }

/* ---------- 俱乐部 ---------- */
.ctable { background: rgba(4, 34, 20, .66); border: 1px solid rgba(242, 193, 78, .3); }
.ctable:not(.playing) { border-color: rgba(242, 193, 78, .75); box-shadow: 0 0 10px rgba(242, 193, 78, .2); }
.cthead .live { color: var(--pos); text-shadow: none; }
.clubrow { background: rgba(4, 34, 20, .66); border: 1px solid rgba(242, 193, 78, .35); }