/* =========================================================================
   HenPoker · cartoon-sky.css
   天空蓝主题（新大厅 / 房间 / 牌桌）
   加载在 cartoon.css 之后，覆盖木纹国风
   ========================================================================= */

/* ---- 主题色 ---- */
:root{
  --sky-50:  #F5FBFF;
  --sky-100: #E7F4FF;
  --sky-200: #CDE9FF;
  --sky-300: #A5D8FF;
  --sky-400: #74C0FC;
  --sky-500: #4DA8FF;
  --sky-600: #1E7DD4;
  --sky-700: #0F5DA8;
  --sky-deep:#08427A;

  --mint-50:  #E8FFF6;
  --mint-300: #66E5B5;
  --mint-500: #2DCC8B;
  --mint-700: #0F7B53;

  --sun-300: #FFE48A;
  --sun-500: #FFC93C;
  --sun-700: #D89000;

  --coral-500: #FF7B7B;
  --coral-700: #C93838;
  --grape-500: #B388FF;
  --grape-700: #6A48C7;
  --leaf-500:  #59D2A2;
  --leaf-700:  #1F8A60;

  --card: #FFFFFF;
  --card-soft: #F4FAFF;
  --ink-700: #1F3A57;
  --ink-500: #4F6685;
  --ink-300: #8FA4C2;
  --ink-100: #D7E4F5;
}

/* ============ 大厅背景：天空蓝 + 云朵 ============ */
.bg-lobby{
  background:
    radial-gradient(ellipse 120% 60% at 50% 0%, rgba(255,255,255,.85) 0%, rgba(255,255,255,0) 60%),
    radial-gradient(circle at 12% 14%, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 12%),
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.85) 0%, rgba(255,255,255,0) 10%),
    radial-gradient(circle at 78% 60%, rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 9%),
    linear-gradient(180deg, #BDE5FF 0%, #6FB8F5 38%, #4DA8FF 78%, #3A93E8 100%) !important;
  position: relative;
  overflow-x: hidden;
}
.bg-lobby::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 70% 40% at 50% 110%, rgba(255,255,255,.45) 0%, transparent 60%);
  z-index:0;
}
.bg-lobby::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:120px; pointer-events:none; z-index:0;
  background: linear-gradient(180deg, transparent 0%, rgba(15,93,168,.25) 100%);
}
.bg-lobby > *{ position: relative; z-index: 1; }

/* 房间背景：与大厅同款 */
.bg-room{
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255,255,255,.7) 0%, transparent 70%),
    linear-gradient(180deg, #BDE5FF 0%, #6FB8F5 60%, #4DA8FF 100%) !important;
}

/* 牌桌背景：保持绿毡，但是淡蓝外圈 */
.bg-table{
  background: linear-gradient(180deg, #BDE5FF 0%, #6FB8F5 100%) !important;
}

/* ============ 主外壳：从 row 改为顶栏+主体+底栏 ============ */
.sky-page{
  display:flex; flex-direction:column; height:100%; width:100%; min-height:0; overflow:hidden;
}
.sky-main{ flex:1; min-height:0; overflow-y:auto; padding: 4px 12px 0; align-content:flex-start; }

/* ============ 顶栏 ============ */
.sky-top{
  display:flex; align-items:center; gap:10px;
  padding: 10px 14px 8px;
  background: linear-gradient(180deg, rgba(255,255,255,.0) 0%, rgba(255,255,255,.0) 100%);
  position: relative; z-index: 5;
}
.sky-user{
  display:flex; align-items:center; gap:8px; min-width:0;
  background: linear-gradient(180deg, #FFE48A 0%, #F5B324 100%);
  border: 2px solid #6B3A00;
  border-radius: 999px;
  padding: 4px 12px 4px 4px;
  box-shadow: 0 3px 0 #6B3A00, 0 6px 14px rgba(0,0,0,.18);
  color:#3D2817; font-weight:900; cursor:pointer;
}
.sky-user .av{ width:32px; height:32px; border-radius:50%; background:#fff; border:2px solid #6B3A00; display:flex; align-items:center; justify-content:center; font-size:14px; color:#3D2817; font-weight:900; overflow:hidden }
.sky-user .uname{ font-size:13px; max-width:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.sky-user .ulv{ font-size:10px; color:#6B3A00; background:#fff; border:1.5px solid #6B3A00; border-radius:999px; padding:1px 6px }

.sky-curr{
  display:flex; gap:8px; flex:1; justify-content:center;
}
.sky-coin{
  display:flex; align-items:center; gap:6px;
  background: rgba(255,255,255,.65);
  border: 1.5px solid rgba(255,255,255,.9);
  backdrop-filter: blur(6px);
  border-radius: 999px;
  padding: 4px 12px 4px 4px;
  font-weight: 900; color: var(--ink-700); font-size:13px;
  box-shadow: 0 2px 6px rgba(15,93,168,.18);
}
.sky-coin .ic{ width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:900; color:#fff; }
.sky-coin.gold .ic{ background: radial-gradient(circle at 30% 30%, #FFE48A, #F5B324 60%, #B8860B 100%); box-shadow: inset 0 -2px 4px rgba(0,0,0,.2); }
.sky-coin.silver .ic{ background: radial-gradient(circle at 30% 30%, #F0F7FF, #B0D8FF 60%, #4A7BB8 100%); box-shadow: inset 0 -2px 4px rgba(0,0,0,.2); }
.sky-coin .plus{ color:var(--ink-500); font-size:14px; font-weight:900; margin-left:-2px }

/* ============ 房间横幅 ============ */
.room-banner{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  margin:0 12px 4px; padding:8px 14px;
  background: linear-gradient(180deg, rgba(30,20,10,.92), rgba(15,8,2,.95));
  border: 1.5px solid rgba(245,179,36,.35);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.room-banner.ingame{
  border-color: rgba(232,72,59,.5);
  box-shadow: 0 0 12px rgba(232,72,59,.25), 0 2px 8px rgba(0,0,0,.3);
}
.rb-left{
  display:flex; align-items:center; gap:8px; min-width:0; flex:1;
}
.rb-dot{
  width:8px; height:8px; border-radius:50%; flex-shrink:0;
  background:#4CAF50; box-shadow:0 0 6px rgba(76,175,80,.6);
}
.room-banner.ingame .rb-dot{
  background:#E8483B; box-shadow:0 0 6px rgba(232,72,59,.6);
  animation: dotPulse 1.5s ease-in-out infinite alternate;
}
@keyframes dotPulse{ from{opacity:.6} to{opacity:1} }
.rb-game{
  font-size:10px; font-weight:800; color:rgba(255,255,255,.5);
  background:rgba(255,255,255,.1); padding:1px 7px; border-radius:6px;
  white-space:nowrap;
}
.rb-name{
  font-size:12px; font-weight:800; color:#FFE48A; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.rb-meta{
  font-size:10px; font-weight:700; color:rgba(255,255,255,.5); white-space:nowrap;
}
.rb-actions{
  display:flex; gap:6px; flex-shrink:0;
}
.rb-btn{
  padding:5px 12px; border-radius:8px; border:none;
  font-size:11px; font-weight:800; cursor:pointer;
  transition: transform .1s, box-shadow .1s;
}
.rb-btn:active{ transform:translateY(1px); }
.rb-return{
  background: linear-gradient(180deg, #FFE48A, #F5B324 50%, #D89000);
  color:#3D2817; border:1.5px solid #8B5A00;
  box-shadow: 0 2px 0 #6B3A00;
}
.rb-leave{
  background: rgba(255,255,255,.1); color:rgba(255,255,255,.65);
  border:1px solid rgba(255,255,255,.15);
}

.sky-promos{ display:flex; gap:8px; }
.sky-promo{
  display:flex; align-items:center; gap:6px;
  background: linear-gradient(180deg, #FFE6A0 0%, #FFB347 100%);
  border: 2px solid #6B3A00;
  border-radius: 14px;
  padding: 4px 10px 4px 4px;
  font-weight: 900; color:#3D2817; font-size:11px;
  box-shadow: 0 3px 0 #6B3A00;
  white-space:nowrap; cursor:pointer; position:relative;
}
.sky-promo .av{ width:28px; height:28px; border-radius:50%; background:#fff; border:1.5px solid #6B3A00; display:flex; align-items:center; justify-content:center; font-size:14px; }
.sky-promo .num{ position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:#E8483B; color:#fff; font-size:10px; font-weight:900; display:flex; align-items:center; justify-content:center; box-shadow:0 1px 3px rgba(0,0,0,.3) }
.sky-promo.red{ background: linear-gradient(180deg, #FF9A6B 0%, #E8483B 100%); color:#fff; }
.sky-promo.red .av{ border-color:#6B0000; }
.sky-promo.blue{ background: linear-gradient(180deg, #A0E0FF 0%, #4DA8FF 100%); color:#0F2D4D; }
.sky-promo.blue .av{ border-color:#08427A; }

/* ============ 主区域布局 ============ */
.sky-main-removed{ display:none }

/* ============ 侧栏图标（左/右） ============ */
.sky-side{ display:flex; flex-direction:column; gap:8px; align-items:center; padding-top:6px; }
.sky-side.left{ width:74px; }
.sky-side.right{ width:74px; }
.sky-side-item{
  width:64px; height:78px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F4FAFF 100%);
  border: 2px solid var(--sky-500);
  border-radius: 14px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;
  color: var(--ink-700); font-weight:900; font-size:10px; line-height:1.1;
  box-shadow: 0 3px 0 var(--sky-700), 0 6px 12px rgba(15,93,168,.18);
  cursor:pointer; position:relative; padding:4px 2px; text-align:center;
  transition: transform .12s ease, box-shadow .12s ease;
}
.sky-side-item:hover{ transform: translateY(-2px); }
.sky-side-item:active{ transform: translateY(2px); box-shadow: 0 1px 0 var(--sky-700); }
.sky-side-item .glyph{ font-size:24px; line-height:1; }
.sky-side-item .lbl{ font-size:10px; }
.sky-side-item .num{ position:absolute; top:-5px; right:-5px; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:#E8483B; color:#fff; font-size:10px; font-weight:900; display:flex; align-items:center; justify-content:center; box-shadow:0 1px 3px rgba(0,0,0,.3) }
.sky-side-item .badge{ position:absolute; top:-6px; left:50%; transform:translateX(-50%); background:#E8483B; color:#fff; font-size:9px; font-weight:900; padding:1px 6px; border-radius:6px; box-shadow:0 1px 3px rgba(0,0,0,.3) }
.sky-side-item.gold{ background: linear-gradient(180deg, #FFE48A 0%, #F5B324 100%); border-color: #6B3A00; color:#3D2817; }
.sky-side-item.gold:active{ box-shadow: 0 1px 0 #6B3A00; }
.sky-side-item.tall{ height:160px; flex-direction:column; gap:6px; padding:6px 4px; font-size:11px; }
.sky-side-item.tall .glyph{ font-size:42px; }

/* ============ 玩法大卡网格 ============ */
.sky-grid{
  flex:1; display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px; padding: 6px 8px 12px;
}
.sky-tile{
  position:relative; aspect-ratio: 1 / 1.05;
  background: #FFFFFF;
  border: 2.5px solid #FFFFFF;
  border-radius: 18px;
  box-shadow: 0 6px 0 rgba(15,93,168,.25), 0 12px 24px rgba(15,93,168,.18);
  overflow:hidden; cursor:pointer;
  display:flex; flex-direction:column;
  transition: transform .14s ease, box-shadow .14s ease;
}
.sky-tile:hover{ transform: translateY(-3px); box-shadow: 0 9px 0 rgba(15,93,168,.25), 0 16px 32px rgba(15,93,168,.22); }
.sky-tile:active{ transform: translateY(2px); box-shadow: 0 3px 0 rgba(15,93,168,.25), 0 6px 14px rgba(15,93,168,.2); }
.sky-tile .art{
  flex:1; min-height:0;
  display:flex; align-items:center; justify-content:center;
  background: var(--tile-bg, linear-gradient(160deg, #FFE48A 0%, #FFB347 100%));
  position:relative; overflow:hidden;
}
.sky-tile .art::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background: radial-gradient(ellipse 60% 40% at 30% 20%, rgba(255,255,255,.5) 0%, transparent 60%);
}
.sky-tile .art svg{ position:relative; z-index:1; width:78%; height:78%; }
.sky-tile .badge{
  position:absolute; top:8px; left:8px; z-index:2;
  background: rgba(0,0,0,.55); color:#fff; font-size:10px; font-weight:900;
  padding:2px 8px; border-radius:8px;
  display:flex; align-items:center; gap:3px;
}
.sky-tile .tag{
  position:absolute; top:8px; right:8px; z-index:2;
  background: linear-gradient(180deg, #FFE48A 0%, #F5B324 100%);
  border:1.5px solid #6B3A00; color:#3D2817; font-size:9px; font-weight:900;
  padding:2px 7px; border-radius:6px;
}
.sky-tile .ribbon{
  position:absolute; top:6px; right:-30px; z-index:3;
  width:100px; transform:rotate(35deg);
  background: linear-gradient(180deg, #FF7B7B 0%, #C93838 100%);
  color:#fff; font-size:9px; font-weight:900; padding:1px 0;
  text-align:center; box-shadow:0 1px 3px rgba(0,0,0,.3);
}
.sky-tile .title{
  padding: 6px 10px 8px;
  font-family: var(--ff-display, 'Baloo 2', sans-serif);
  font-size: 16px; font-weight: 900; color: var(--ink-700);
  display:flex; align-items:center; justify-content:space-between;
  background:#fff;
}
.sky-tile .title .play{
  font-size:10px; color:#fff; font-weight:900;
  background: linear-gradient(180deg, var(--mint-500) 0%, var(--mint-700) 100%);
  border:1.5px solid var(--mint-700); border-radius:999px;
  padding:1px 8px;
  box-shadow: 0 2px 0 var(--mint-700);
}
.sky-tile .title .play:active{ transform: translateY(1px); box-shadow: 0 1px 0 var(--mint-700); }

.sky-tile.wide{ grid-column: span 2; aspect-ratio: 2 / 1.05; }

/* 玩法背景色调 */
.t-texas{ --tile-bg: linear-gradient(160deg, #A0E0FF 0%, #4DA8FF 100%); }
.t-ddz{   --tile-bg: linear-gradient(160deg, #FF9A6B 0%, #E8483B 100%); }
.t-wsk{   --tile-bg: linear-gradient(160deg, #FFD9B3 0%, #E89856 100%); }
.t-clb{   --tile-bg: linear-gradient(160deg, #B5F0D0 0%, #2DCC8B 100%); }
.t-jhw{   --tile-bg: linear-gradient(160deg, #D5C7FF 0%, #6A48C7 100%); }
.t-zjh{   --tile-bg: linear-gradient(160deg, #FFB1C1 0%, #C93838 100%); }
.t-half{  --tile-bg: linear-gradient(160deg, #FFE48A 0%, #F5B324 100%); }
.t-sng{   --tile-bg: linear-gradient(160deg, #CDE9FF 0%, #74C0FC 100%); }
.t-recharge{ --tile-bg: linear-gradient(160deg, #FFE48A 0%, #F5B324 100%); }
.t-friend{ --tile-bg: linear-gradient(160deg, #FFD2E8 0%, #C9389C 100%); }

/* ============ 聊天入口条 ============ */
.sky-chat-bar{
  margin: 6px 12px 0;
  display:flex; align-items:center; gap:8px;
  background: rgba(255,255,255,.55);
  border: 1.5px solid rgba(255,255,255,.8);
  backdrop-filter: blur(8px);
  border-radius: 999px;
  padding: 8px 14px;
  color: var(--ink-500); font-weight:800; font-size:12px;
  cursor:pointer; box-shadow: 0 2px 8px rgba(15,93,168,.12);
}
.sky-chat-bar .ic{ font-size:18px; }

/* ============ 底部一行导航 ============ */
.sky-bottom{
  display:flex; gap:6px; padding: 8px 10px 10px;
  background: linear-gradient(180deg, rgba(15,93,168,0) 0%, rgba(15,93,168,.35) 100%);
  justify-content: space-between;
  align-items:flex-end;
}
.sky-nav-item{
  flex:1; min-width:0;
  display:flex; flex-direction:column; align-items:center; gap:2px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F4FAFF 100%);
  border: 2px solid var(--sky-500);
  border-radius: 12px;
  padding: 4px 2px 4px;
  color: var(--ink-700); font-weight:900; font-size:10px; line-height:1.05;
  box-shadow: 0 3px 0 var(--sky-700);
  cursor:pointer; position:relative; text-align:center;
  transition: transform .1s ease, box-shadow .1s ease;
}
.sky-nav-item:active{ transform: translateY(2px); box-shadow: 0 1px 0 var(--sky-700); }
.sky-nav-item .glyph{ font-size:22px; line-height:1; }
.sky-nav-item .num{ position:absolute; top:-4px; right:-2px; min-width:16px; height:16px; padding:0 4px; border-radius:8px; background:#E8483B; color:#fff; font-size:9px; font-weight:900; display:flex; align-items:center; justify-content:center; }
.sky-nav-item .pill{ position:absolute; top:-6px; left:50%; transform:translateX(-50%); background:linear-gradient(180deg, #FF9A6B 0%, #E8483B 100%); color:#fff; font-size:9px; font-weight:900; padding:1px 6px; border-radius:6px; white-space:nowrap; }
.sky-nav-item.big{ background: linear-gradient(180deg, #FFE48A 0%, #F5B324 100%); border-color:#6B3A00; color:#3D2817; box-shadow: 0 3px 0 #6B3A00; }
.sky-nav-item.big:active{ box-shadow: 0 1px 0 #6B3A00; }
.sky-nav-item .num.red{ background:#E8483B; }

/* ============ 个人中心 / 房间 / 房间内：天空蓝背景兼容 ============ */
.sky-card{
  background: #FFFFFF;
  border: 2px solid #E7F4FF;
  border-radius: 18px;
  box-shadow: 0 6px 0 rgba(15,93,168,.18), 0 10px 20px rgba(15,93,168,.14);
  padding: 14px;
}
.sky-card h4{ color: var(--ink-700); font-weight:900; font-size:14px; margin-bottom:8px; }
.sky-input{
  width:100%; padding:10px 12px;
  border-radius: 12px; border: 2px solid var(--sky-200);
  background: var(--sky-50); color: var(--ink-700);
  font-weight: 800; font-size: 14px; outline: none;
  transition: border-color .12s ease, background .12s ease;
}
.sky-input:focus{ border-color: var(--sky-500); background:#fff; }
.sky-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  padding: 10px 18px; min-height:40px;
  border-radius: 14px; border: 2px solid var(--sky-700);
  background: linear-gradient(180deg, #A5D8FF 0%, #4DA8FF 100%);
  color:#fff; font-weight:900; font-size:14px;
  box-shadow: 0 3px 0 var(--sky-700), 0 6px 14px rgba(15,93,168,.25);
  transition: transform .1s ease, box-shadow .1s ease;
}
.sky-btn:active{ transform: translateY(2px); box-shadow: 0 1px 0 var(--sky-700); }
.sky-btn.mint{ background: linear-gradient(180deg, #66E5B5 0%, #2DCC8B 100%); border-color: var(--mint-700); box-shadow: 0 3px 0 var(--mint-700); }
.sky-btn.mint:active{ box-shadow: 0 1px 0 var(--mint-700); }
.sky-btn.gold{ background: linear-gradient(180deg, #FFE48A 0%, #F5B324 100%); border-color: #6B3A00; color:#3D2817; box-shadow: 0 3px 0 #6B3A00; }
.sky-btn.gold:active{ box-shadow: 0 1px 0 #6B3A00; }
.sky-btn:disabled{ filter: grayscale(.5) brightness(.95); opacity:.7; cursor:not-allowed; transform:none; box-shadow: 0 1px 0 var(--sky-700); }

.sky-pill{
  display:inline-flex; align-items:center; gap:5px;
  padding: 4px 10px; border-radius: 999px;
  background: var(--sky-100); color: var(--sky-700);
  font-weight: 900; font-size: 11px;
  border: 1.5px solid var(--sky-300);
}

/* 通用：覆盖原有木纹色，保留卡通糖豆 */
.bg-lobby .top-strip{ background: transparent; }
.bg-lobby .currency-strip{ background: transparent; }
.bg-lobby .page-title{ color: var(--ink-700); font-weight: 900; }

/* 侧栏在窄屏隐藏 */
@media (max-width: 900px){
  .sky-side{ display:none; }
  .sky-grid{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px){
  .sky-grid{ grid-template-columns: repeat(2, 1fr); }
  .sky-promos{ display:none; }
}


/* ============ 房间页（等待）天空蓝主题 ============ */
.bg-room{
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255,255,255,.7) 0%, transparent 70%),
    linear-gradient(180deg, #BDE5FF 0%, #6FB8F5 60%, #4DA8FF 100%) !important;
}
.room-wait{
  display:flex; flex-direction:column; height:100%;
}
.room-wait .room-topbar{
  display:flex; align-items:center; gap:6px;
  padding: 8px 10px;
  background: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.3) 100%);
  backdrop-filter: blur(8px);
  border-bottom: 1.5px solid rgba(255,255,255,.5);
}
.room-wait .tt-badge{
  background: linear-gradient(180deg, #FFFFFF 0%, #E7F4FF 100%) !important;
  border: 2px solid var(--sky-500) !important;
  color: var(--ink-700) !important;
  font-weight: 900;
  box-shadow: 0 2px 0 var(--sky-700);
}
.room-wait .tt-btn{
  background: linear-gradient(180deg, #FFFFFF 0%, #E7F4FF 100%) !important;
  border: 2px solid var(--sky-500) !important;
  color: var(--sky-700) !important;
  box-shadow: 0 2px 0 var(--sky-700) !important;
}
.room-wait .tt-btn:active{ box-shadow: 0 1px 0 var(--sky-700) !important; transform: translateY(1px); }
.room-wait .room-subtitle{ color: var(--ink-700); }
.room-wait .room-seats{ flex:1; padding: 14px; overflow-y:auto; display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; align-content: start; }
.room-wait .wait-seat{
  background: #FFFFFF !important;
  border: 2.5px solid #E7F4FF !important;
  box-shadow: 0 4px 0 rgba(15,93,168,.18), 0 6px 14px rgba(15,93,168,.1) !important;
  color: var(--ink-700) !important;
}
.room-wait .wait-seat.me{ border-color: var(--mint-500) !important; box-shadow: 0 4px 0 var(--mint-700), 0 6px 14px rgba(45,204,139,.2) !important; }
.room-wait .wait-seat .nm{ color: var(--ink-700); }
.room-wait .wait-seat .wait-gold{ background: linear-gradient(180deg, var(--sun-300) 0%, var(--sun-500) 100%); border: 1.5px solid #6B3A00; color: #3D2817; }
.room-wait .wait-seat .role{ background: var(--sky-100); color: var(--sky-700); border: 1.5px solid var(--sky-300); }
.room-wait .wait-seat .role.host{ background: linear-gradient(180deg, var(--sun-300), var(--sun-500)); color:#3D2817; border-color:#6B3A00; }
.room-wait .wait-seat .role.bot{ background: linear-gradient(180deg, #B388FF, #6A48C7); color:#fff; border-color: #4527A0; }
.room-wait .wait-seat .ready-tag{ color: var(--mint-700); }
.room-wait .wait-seat .not-ready{ color: var(--ink-300); }
.room-wait .room-actions{
  display:flex; gap:8px; padding: 12px;
  background: linear-gradient(180deg, rgba(15,93,168,0) 0%, rgba(15,93,168,.18) 100%) !important;
  border-top: 1.5px solid rgba(255,255,255,.5) !important;
  box-shadow: none !important;
  flex-wrap: wrap;
}
.room-wait .rab{
  background: linear-gradient(180deg, #FFFFFF 0%, #E7F4FF 100%);
  border: 2px solid var(--sky-500);
  color: var(--ink-700);
  box-shadow: 0 3px 0 var(--sky-700);
}
.room-wait .rab-bot{ background: linear-gradient(180deg, #FFB1C1, #FF7B7B); border-color: #C93838; color: #fff; box-shadow: 0 3px 0 #C93838; }
.room-wait .rab-ready.is-ready{ background: linear-gradient(180deg, var(--mint-300), var(--mint-500)); border-color: var(--mint-700); color: #fff; box-shadow: 0 3px 0 var(--mint-700); }
.room-wait .rab-invite{ background: linear-gradient(180deg, var(--sun-300), var(--sun-500)); border-color: #6B3A00; color: #3D2817; box-shadow: 0 3px 0 #6B3A00; }
.room-wait .rab-start{ background: linear-gradient(180deg, var(--mint-300), var(--mint-500)); border-color: var(--mint-700); color: #fff; box-shadow: 0 3px 0 var(--mint-700); }
.room-wait .rab:disabled{ filter: grayscale(.5) brightness(.95); opacity:.7; cursor:not-allowed; }
.room-wait .seat-kick{ background: var(--coral-500); color:#fff; border:none; box-shadow: 0 2px 0 var(--coral-700); }

/* ============ 牌桌页（游戏内）天空蓝外圈 + 绿毡保留 ============ */
.table-shell{ background: transparent !important; }
.table-area{ background: transparent !important; }
.table-topbar{
  background: linear-gradient(180deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.35) 100%) !important;
  backdrop-filter: blur(8px);
  border-bottom: 1.5px solid rgba(255,255,255,.4) !important;
}
.table-topbar .tt-badge{
  background: linear-gradient(180deg, #FFFFFF 0%, #E7F4FF 100%) !important;
  border: 2px solid var(--sky-500) !important;
  color: var(--ink-700) !important;
  box-shadow: 0 2px 0 var(--sky-700) !important;
}
.table-topbar .tt-btn{
  background: linear-gradient(180deg, #FFFFFF 0%, #E7F4FF 100%) !important;
  border: 2px solid var(--sky-500) !important;
  color: var(--sky-700) !important;
  box-shadow: 0 2px 0 var(--sky-700) !important;
}


/* ==== 新增：导航激活态 / 音乐按钮 / 卡片基础 ==== */
.sky-nav-item{ cursor:pointer; user-select:none; }
.sky-nav-item .glyph{ font-size:20px; line-height:1; }
.sky-nav-item .lbl{ font-size:10px; font-weight:900; }
.sky-nav-item.active{
  background: linear-gradient(180deg, var(--sky-300) 0%, var(--sky-500) 100%) !important;
  border-color: var(--sky-700) !important;
  color: #fff !important;
}
.sky-nav-item.active .glyph,
.sky-nav-item.active .lbl{ color:#fff !important; }

.sky-music{
  width:36px; height:36px; border-radius:50%;
  background: rgba(255,255,255,.75);
  border:1.5px solid var(--sky-500);
  display:flex; align-items:center; justify-content:center;
  font-size:16px; cursor:pointer;
  box-shadow:0 2px 6px rgba(15,93,168,.18);
  transition: transform .1s ease;
}
.sky-music:hover{ transform: translateY(-1px); }
.sky-music .glyph{ line-height:1; }

.sky-btn{
  cursor:pointer; font-family: var(--ff-display, 'Baloo 2', sans-serif);
  transition: transform .08s ease, box-shadow .08s ease;
}
.sky-btn:hover{ transform: translateY(-1px); }
.sky-btn:active{ transform: translateY(2px); box-shadow:none !important; }




/* =========================================================================
   终极覆盖：tt-btn / tt-badge / room-topbar
   选择器包含所有可能的父级，覆盖 styles.css / scene.css / cartoon-scene.css
   ========================================================================= */
body .tt-btn,
html .tt-btn,
.tt-btn,
.room-topbar .tt-btn,
.room-wait .tt-btn,
.room-wait .room-topbar .tt-btn,
.table-topbar .tt-btn{
  width:38px !important; height:38px !important;
  min-width:38px; min-height:38px;
  padding: 0 !important; margin: 0;
  border-radius: 50% !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F4FAFF 100%) !important;
  border: 2px solid var(--sky-500) !important;
  color: var(--sky-700) !important;
  box-shadow: 0 3px 0 var(--sky-700), 0 4px 8px rgba(15,93,168,.18) !important;
  cursor: pointer;
  transition: transform .1s ease, box-shadow .1s ease;
}
.tt-btn:hover, .room-topbar .tt-btn:hover, .room-wait .tt-btn:hover{
  transform: translateY(-1px) !important;
}
.tt-btn:active, .room-topbar .tt-btn:active, .room-wait .tt-btn:active{
  transform: translateY(2px) !important;
  box-shadow: 0 1px 0 var(--sky-700) !important;
}
.tt-btn svg, .room-topbar .tt-btn svg, .room-wait .tt-btn svg{
  width: 22px !important; height: 22px !important;
  fill: currentColor !important;
}

/* 房间顶栏"返回大厅"按钮：与右侧 💬ⓘ 同款天空蓝白底视觉，三个按钮才统一。
   只覆盖背景/边框/阴影/图标色四属性，让通用 .tt-btn 的尺寸/对齐/形状规则继续生效。 */
.room-topbar #leave,
.room-wait #leave,
.tt-leave{
  background: linear-gradient(180deg, #FFFFFF 0%, #F4FAFF 100%) !important;
  color: var(--sky-700) !important;
  border: 2px solid var(--sky-500) !important;
  box-shadow: 0 3px 0 var(--sky-700), 0 4px 8px rgba(15,93,168,.18) !important;
}
.room-topbar #leave svg,
.room-wait #leave svg,
.tt-leave svg{
  width: 22px !important; height: 22px !important;
  fill: var(--sky-700) !important;
}
.room-topbar #leave:hover,
.tt-leave:hover{ filter: brightness(1.03) !important; }
.room-topbar #leave:active,
.tt-leave:active{ transform: translateY(2px) !important; box-shadow: 0 1px 0 var(--sky-700) !important; }

/* tt-badge 终极覆盖 */
body .tt-badge,
html .tt-badge,
.tt-badge,
.room-topbar .tt-badge,
.room-wait .tt-badge,
.room-wait .room-topbar .tt-badge,
.table-topbar .tt-badge{
  display:inline-flex !important; align-items:center;
  padding: 5px 12px !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F4FAFF 100%) !important;
  border: 1.5px solid var(--sky-500) !important;
  border-radius: 999px !important;
  color: var(--ink-700) !important;
  font-weight: 800 !important; font-size: 12px !important; line-height:1;
  box-shadow: 0 2px 0 var(--sky-700) !important;
  max-width: 180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  text-shadow: none !important;
}

/* room-topbar 终极覆盖 */
body .room-topbar,
html .room-topbar,
.room-topbar,
.room-wait .room-topbar{
  display:flex !important; align-items:center; gap:8px !important; flex-wrap:wrap;
  padding: 10px 12px 8px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.55)) !important;
  border: none !important;
  border-bottom: 2px solid rgba(255,255,255,.8) !important;
  box-shadow: 0 2px 0 rgba(15,93,168,.12), 0 4px 10px rgba(15,93,168,.08) !important;
  color: var(--ink-700) !important;
}

/* =========================================================================
   v2 UI polish · lobby / table / room / mobile
   ========================================================================= */

/* ---- 顶栏音乐图标 ---- */
.sky-music-icon{
  width:36px; height:36px; border-radius:50%; flex-shrink:0;
  border:2px solid rgba(255,255,255,.9); background:rgba(255,255,255,.65);
  backdrop-filter:blur(6px); color:var(--ink-700); font-size:16px;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:0 2px 6px rgba(15,93,168,.18); transition:transform .1s;
}
.sky-music-icon:active{ transform:scale(.92); }

/* ---- 大厅：居中限宽，不铺满 ---- */
.lobby-wrap{
  max-width:920px; margin:0 auto; width:100%;
  display:flex; flex-direction:column; gap:14px; padding:4px 4px 84px;
}
.lobby-section{ display:flex; flex-direction:column; gap:10px; }
.lobby-sec-head{
  display:flex; align-items:baseline; gap:10px; padding:0 4px;
}
.lobby-sec-head h3{
  font-family:var(--ff-display,'Baloo 2',sans-serif);
  font-size:18px; font-weight:900; color:#fff; margin:0;
  text-shadow:0 2px 6px rgba(15,93,168,.45);
}
.lobby-sec-sub{ font-size:11px; font-weight:800; color:rgba(255,255,255,.85); }

/* 游戏网格：响应式，不强铺 */
.sky-grid{
  display:grid !important;
  grid-template-columns:repeat(4, 1fr);
  gap:12px; padding:0 !important; flex:none !important;
  max-width:820px;
}
.sky-tile{ aspect-ratio:1/1.02; }
.sky-tile .art svg{ width:72%; height:72%; }
.sky-tile .title{ font-size:15px; padding:7px 12px 9px; }

/* ---- 大厅快捷操作卡 ---- */
.lobby-quick{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.lq-card{
  display:flex; align-items:center; gap:10px; text-align:left; cursor:pointer;
  background:rgba(255,255,255,.92); border:2px solid rgba(255,255,255,.95);
  border-radius:16px; padding:12px 14px; color:var(--ink-700);
  box-shadow:0 4px 0 rgba(15,93,168,.22),0 8px 18px rgba(15,93,168,.14);
  transition:transform .12s, box-shadow .12s; font-family:inherit;
}
.lq-card:active{ transform:translateY(2px); box-shadow:0 2px 0 rgba(15,93,168,.22); }
.lq-ic{
  width:40px; height:40px; border-radius:12px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; font-size:20px;
}
.lq-checkin .lq-ic{ background:linear-gradient(180deg,#A0E0FF,#4DA8FF); }
.lq-recharge .lq-ic{ background:linear-gradient(180deg,#FFE48A,#F5B324); }
.lq-join .lq-ic{ background:linear-gradient(180deg,#B5F0D0,#2DCC8B); }
.lq-tx{ display:flex; flex-direction:column; flex:1; min-width:0; line-height:1.25; }
.lq-t{ font-size:14px; font-weight:900; }
.lq-s{ font-size:10px; font-weight:700; color:var(--ink-500); }
.lq-go{ font-size:20px; font-weight:900; color:var(--ink-300); }

/* ---- 底部导航：4 等分，选中态 ---- */
.sky-bottom{ justify-content:center !important; gap:8px; }
.sky-nav-item{
  flex:0 1 140px !important; max-width:160px;
  background:rgba(255,255,255,.92) !important;
}
.sky-nav-item.active{
  background:linear-gradient(180deg,#FFE48A,#F5B324) !important;
  border-color:#6B3A00 !important; color:#3D2817 !important;
  box-shadow:0 3px 0 #6B3A00 !important;
}

/* ---- 牌桌底池：横排筹码 ---- */
.pot-chip{
  display:inline-flex !important; align-items:center; gap:6px;
  background:linear-gradient(180deg,rgba(40,25,10,.92),rgba(20,12,4,.95)) !important;
  border:1.5px solid rgba(245,179,36,.5); border-radius:999px;
  padding:5px 16px 5px 8px !important; color:#FFE48A !important;
  font-size:13px !important; font-weight:800; box-shadow:0 3px 10px rgba(0,0,0,.35);
  bottom:auto !important; top:50%; left:50% !important;
  transform:translate(-50%, 46px) !important;
}
.pot-chip b{ color:#FFD24A; font-family:var(--ff-display,'Baloo 2'); font-size:15px; }.pot-chip{white-space:nowrap !important;}
.pot-ic{
  width:22px; height:22px; border-radius:50%; flex-shrink:0;
  background:
    radial-gradient(circle at 35% 30%,#FFE48A,#F5B324 55%,#B8860B);
  border:2px dashed rgba(255,255,255,.55);
  box-shadow:inset 0 -2px 3px rgba(0,0,0,.25);
}
/* 公共牌上移，给底池留位 */
.community-zone{ transform:translate(-50%, calc(-50% - 22px)) !important; }

/* 牌桌外圈：深木色，取代奶油白 */
.table-shell{ background:linear-gradient(180deg,#3a2a1a,#241810) !important; }
.bg-table{ background:linear-gradient(180deg,#2E4A38,#1C3326) !important; }
/* 顶部阶段徽章 */
.tt-phase{ background:linear-gradient(180deg,#FFE48A,#F5B324) !important; color:#3D2817 !important; border-color:#8B5A00 !important; }

/* ---- 房间等待页：座位轻量化 ---- */
.room-wait .room-seats{
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) !important;
  gap:10px !important; padding:12px !important;
  align-content:center;
}
.room-wait .wait-seat{
  min-height:130px !important; padding:10px 6px !important;
}
.room-wait .wait-seat.empty{
  background:rgba(255,255,255,.35) !important;
  border:2px dashed rgba(255,255,255,.7) !important;
  box-shadow:none !important; color:rgba(255,255,255,.85) !important;
  font-weight:800; font-size:12px;
}
/* 桌面端大宽屏：限制座位区宽度，避免空座位拉满 */
@media (min-width:1100px){
  .room-wait .room-seats{ max-width:920px; margin:0 auto; }
}

/* ---- 签到：每日奖励可见 ---- */
.ci-day{ position:relative; }
.ci-day .ci-amt{ font-size:9px; font-weight:900; opacity:.95; margin-top:2px; }
.ci-day.signed{ background:linear-gradient(180deg,#FFE48A,#F5B324) !important; border-color:#8B5A00 !important; color:#3D2817 !important; }
.ci-day.today{ box-shadow:0 0 0 3px rgba(255,255,255,.7), 0 0 14px rgba(245,179,36,.6); }

/* ---- 响应式：游戏网格 ---- */
@media (max-width:1100px){ .sky-grid{ grid-template-columns:repeat(4,1fr) !important; } }
@media (max-width:820px){
  .sky-grid{ grid-template-columns:repeat(3,1fr) !important; }
  .lobby-wrap{ max-width:100%; }
}
@media (max-width:560px){
  .sky-grid{ grid-template-columns:repeat(2,1fr) !important; }
  .lobby-quick{ grid-template-columns:1fr; }
  .sky-nav-item{ flex:1 !important; max-width:none; }
}

/* ---- 移动端横屏微调 ---- */
@media (max-height:480px) and (orientation:landscape){
  .lobby-wrap{ gap:8px; padding-bottom:8px; }
  .lobby-sec-head h3{ font-size:15px; }
  .sky-tile{ aspect-ratio:1/1; }
  .sky-tile .art svg{ width:68%; height:68%; }
  .sky-tile .title{ font-size:13px; padding:5px 10px 6px; }
  .lq-card{ padding:8px 12px; }
  .lq-ic{ width:32px; height:32px; font-size:16px; border-radius:10px; }
  .lq-t{ font-size:12px; }
  .lq-s{ display:none; }
  /* 房间座位横屏更紧凑 */
  .room-wait .room-seats{ grid-template-columns:repeat(auto-fit,minmax(110px,1fr)) !important; gap:8px !important; }
  .room-wait .wait-seat{ min-height:96px !important; }
  /* 创建房间弹窗横屏不裁切 */
  .sky-card{ max-width:92vw !important; max-height:86vh !important; overflow-y:auto; }
}
/* 隐藏空的 tt-time 徽章（被 !important 覆盖了内联 display:none） */
.table-topbar .tt-badge:empty{ display:none !important; }
/* ---- 我的页：玩法规则/退出登录 覆盖旧赌场主题 ---- */
.bg-lobby .menu-row,
.sky-page .menu-row{
  background: linear-gradient(180deg,#FFFFFF,#F4FAFF) !important;
  border: 2px solid var(--sky-200) !important;
  border-radius: 14px !important;
  color: var(--ink-700) !important;
  box-shadow: 0 3px 0 rgba(15,93,168,.15), 0 5px 12px rgba(15,93,168,.1) !important;
  padding: 10px 14px !important;
  margin-bottom: 8px !important;
  transition: transform .1s, box-shadow .1s;
  position: relative; overflow: hidden;
}
.bg-lobby .menu-row::before,
.sky-page .menu-row::before{ display: none !important; }
.bg-lobby .menu-row:hover,
.sky-page .menu-row:hover{
  background: linear-gradient(180deg,#F5FBFF,#E7F4FF) !important;
  border-color: var(--sky-400) !important;
  box-shadow: 0 2px 0 rgba(15,93,168,.18), 0 4px 10px rgba(15,93,168,.14) !important;
}
.bg-lobby .menu-row:active,
.sky-page .menu-row:active{ transform: translateY(2px); box-shadow: 0 1px 0 rgba(15,93,168,.15) !important; }
.bg-lobby .menu-row .mr-text,
.sky-page .menu-row .mr-text{ color: var(--ink-700) !important; }
/* ---- 我的页：充值金额按钮 覆盖旧赌场主题 ---- */
.bg-lobby .rc-item,
.sky-page .rc-item{
  background: #FFFFFF !important;
  border: 2px solid var(--sky-200) !important;
  color: var(--ink-700) !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 0 rgba(15,93,168,.12) !important;
  text-shadow: none !important;
  transition: transform .1s, box-shadow .1s, border-color .1s;
}
.bg-lobby .rc-item:hover,
.sky-page .rc-item:hover{
  border-color: var(--sky-400) !important;
  background: var(--sky-50) !important;
}
.bg-lobby .rc-item.active,
.sky-page .rc-item.active{
  background: linear-gradient(180deg,#FFF6D5,#FFD24A) !important;
  border-color: #B8860B !important;
  color: #3D2817 !important;
  box-shadow: 0 3px 0 #8B5A00, 0 0 12px rgba(245,179,36,.4) !important;
  text-shadow: none !important;
}
/* ---- 房间页：移除旧赌场风的金线/金币角标 ---- */
.bg-room::before,
.bg-room::after{
  content: none !important;
  display: none !important;
}

/* ---- 音乐面板：出牌音效设置 ---- */
.bgm-panel .bgm-sep{
  height:1px; margin:10px 0 8px;
  background:linear-gradient(90deg,transparent,rgba(45,126,194,.22),transparent);
}
.bgm-sfx-row{
  display:flex; align-items:center; gap:10px;
  font-size:13px; font-weight:800; color:var(--ink-700,#25364a);
}
.bgm-sfx-toggle{
  margin-left:auto; width:38px; height:38px; border-radius:50%;
  border:2px solid rgba(45,126,194,.22);
  background:linear-gradient(180deg,#EAF6FF,#CBE8FF);
  box-shadow:0 3px 0 rgba(15,93,168,.18);
  font-size:18px; cursor:pointer; transition:transform .1s, box-shadow .1s;
}
.bgm-sfx-toggle:active{ transform:translateY(2px); box-shadow:0 1px 0 rgba(15,93,168,.18); }
.bgm-sfx-toggle.muted{
  background:linear-gradient(180deg,#FFE4E6,#F2A4AE);
  border-color:rgba(190,55,75,.35);
}
.bgm-sfx-test{
  width:100%; margin-top:4px; padding:9px 10px; border-radius:12px;
  border:2px solid rgba(45,126,194,.25);
  background:linear-gradient(180deg,#FFF7D6,#FFD55A);
  color:#5B3A00; font-weight:900; box-shadow:0 3px 0 #B98200;
  cursor:pointer; transition:transform .1s, box-shadow .1s, filter .1s;
}
.bgm-sfx-test:hover{ filter:brightness(1.03); }
.bgm-sfx-test:active{ transform:translateY(2px); box-shadow:0 1px 0 #B98200; }
.bgm-panel .bgm-vol input{ accent-color:var(--sky-500,#2D7EC2); }
@media (max-width:520px){
  .bgm-panel .bgm-sfx-test{ padding:8px 10px; }
}


/* 顶栏已有音乐入口，隐藏旧版右下角悬浮按钮 */
.bgm-fab{ display:none !important; }
.bgm-panel{ right:14px; bottom:14px; }


/* ===================== 移动端兼容性修复 ===================== */

/* 1) 防止 iOS Safari 输入框聚焦时自动缩放（font-size 必须 >=16px） */
.input-group input,
.form-row input,
.chat-input input,
.sky-card input[type="text"],
.sky-card input[type="number"],
.sky-card input[type="password"],
.modal input {
  font-size: 16px !important;
}

/* 2) 安全区域适配（刘海屏/挖孔屏/底部 Home 条） */
@supports (padding: max(0px, env(safe-area-inset-left))) {
  /* 横屏左右安全区 */
  .sky-top {
    padding-left: max(14px, env(safe-area-inset-left));
    padding-right: max(14px, env(safe-area-inset-right));
  }
  .sky-bottom {
    padding-left: max(10px, env(safe-area-inset-left));
    padding-right: max(10px, env(safe-area-inset-right));
    padding-bottom: max(10px, env(safe-area-inset-bottom));
  }
  .table-topbar {
    padding-left: max(10px, env(safe-area-inset-left));
    padding-right: max(10px, env(safe-area-inset-right));
    padding-top: max(4px, env(safe-area-inset-top));
  }
  .action-bar {
    padding-left: max(10px, env(safe-area-inset-left));
    padding-right: max(10px, env(safe-area-inset-right));
    padding-bottom: max(6px, env(safe-area-inset-bottom));
  }
  .sky-main {
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
  }
}

/* 3) iPad/平板竖屏允许使用（宽度 >=768px 不强制横屏提示） */
@media (orientation: portrait) and (min-width: 768px) {
  .app {
    display: flex !important;
    max-width: 600px;
    max-height: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
  }
  .rotate-hint { display: none !important; }
  /* 平板竖屏下大厅游戏用 2 列，不拥挤 */
  .sky-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .lobby-quick { grid-template-columns: 1fr !important; }
}


/* ===================== 手机横屏（矮屏）牌桌适配 ===================== */
/* 安卓/iPhone 横屏高度通常 <480px，自己的头像会和手牌重叠，桌面也过扁 */
@media (max-height:480px) and (orientation:landscape) {
  /* 自己的座位在椭圆底部，矮屏下与手牌重叠；手牌本身即代表自己 */
  .seat.self { display:none !important; }

  /* 桌面椭圆收窄，保持合理比例（不再拉成细条），并居中容纳两侧座位 */
  .poker-table-oval {
    top:16px !important; bottom:52px !important;
    left:0 !important; right:0 !important;
    width:min(92%, 680px) !important;
    margin:0 auto !important;
    transform:none !important;
  }

  /* 手牌贴近操作栏，腾出桌面空间 */
  .my-hand { bottom:48px !important; }

  /* 顶栏紧凑 */
  .table-topbar { padding:3px 8px !important; }
  .table-topbar .tt-badge { font-size:11px !important; padding:3px 8px !important; }

  /* 操作栏紧凑 */
  .action-bar { height:46px !important; padding:0 8px !important; gap:5px !important; }
  .act-btn { padding:5px 12px !important; font-size:12px !important; }

  /* 对手座位略小，避免拥挤 */
  .seat { width:52px !important; }
  .seat .av,
  .seat .av-wrap .avatar-svg { width:38px !important; height:38px !important; }
  .seat .nm { font-size:9px !important; }
  .seat .ch { font-size:8px !important; }
  .seat-gold { font-size:8px !important; padding:1px 5px !important; }

  /* 信息面板上移，避免顶栏遮挡 */
  .info-panel { top:36px !important; right:6px !important; }

  /* 中间出牌区略紧凑 */
  .center-play .last-play .pcard,
  .community-zone .pcard { width:28px !important; height:40px !important; }
}

/* 极矮屏（<=400px，如小尺寸安卓横屏）进一步压缩 */
@media (max-height:400px) and (orientation:landscape) {
  .poker-table-oval { top:10px !important; bottom:46px !important; left:0 !important; right:0 !important; width:min(88%, 620px) !important; margin:0 auto !important; transform:none !important; }
  .my-hand { bottom:42px !important; }
  .my-hand .pcard { width:28px !important; height:40px !important; margin-left:-13px !important; }
  .table-topbar .tt-badge { font-size:10px !important; padding:2px 6px !important; }
  .action-bar { height:40px !important; }
  .act-btn { padding:4px 10px !important; font-size:11px !important; }
}