/* ═══════════════════════════════════════════════════════════════════
   战棋模式棋盘（规格 2026-08-14）——围棋式线格 + 圆形棋子占位
   圆形卡框素材到位后再精调尺寸——当前位置为可玩占位
   ═══════════════════════════════════════════════════════════════════ */

/* 棋盘容器：#game 内 absolute 居中覆盖标准场地区
   （不放 body-level fixed——避免带 transform 祖先的 containing block 陷阱，教训 #6） */
#warchess-board{
  position:absolute;
  left:50%; top:52%;
  width:min(68vh, 60vw);
  height:68vh;
  transform:translate(-50%,-50%);
  z-index:35;
}
#warchess-lines{position:absolute;inset:0;pointer-events:none;}
#warchess-lines .wc-line{
  position:absolute;background:rgba(226,201,154,.85);
  box-shadow:0 0 4px rgba(0,0,0,.55);
}
#warchess-tokens{position:absolute;inset:0;}

/* 交叉点棋子——圆形卡框占位（素材到位后换背景图） */
.wc-token{
  position:absolute;
  width:64px;height:64px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;color:#fff;text-shadow:0 1px 2px #000;
  cursor:pointer;user-select:none;
  z-index:2;
}
.wc-token.wc-my{background:radial-gradient(circle at 35% 30%,#7fb3ff,#2c5fb8 70%);border:2px solid #ffd76a;}
.wc-token.wc-opp{background:radial-gradient(circle at 35% 30%,#ff9d9d,#b83232 70%);border:2px solid #e0e0e0;}
.wc-token.wc-disabled{opacity:.55;cursor:default;}
.wc-token .wc-name{
  position:absolute;top:100%;left:50%;transform:translateX(-50%);
  white-space:nowrap;font-size:11px;color:#ffe9b8;
  text-shadow:0 1px 2px #000;pointer-events:none;
}
.wc-token .wc-stats{font-weight:bold;font-size:13px;}

/* 城械棋子 */
.wc-token.wc-siege{background:radial-gradient(circle at 35% 30%,#c9a06b,#6b4a22 70%);border:2px solid #8a6d3b;}
.wc-token .wc-stack{
  position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;line-height:18px;
  border-radius:9px;background:#111;border:1px solid #ffd76a;
  font-size:11px;text-align:center;padding:0 3px;
}

/* 大营——大圆形，显示兵力 */
.wc-token.wc-base{
  width:96px;height:96px;
  background:radial-gradient(circle at 35% 30%,#ffe9b8,#b8860b 75%);
  border:3px solid #5c3d10;color:#3d2606;font-size:13px;font-weight:bold;z-index:1;
}
.wc-token.wc-base.wc-enemy{cursor:pointer;}
.wc-token.wc-base .wc-stats{font-size:14px;}

/* 可达点高亮（点击=移动） */
.wc-dot{
  position:absolute;width:22px;height:22px;border-radius:50%;
  transform:translate(-50%,-50%);
  background:rgba(120,255,140,.85);border:2px solid #2e7d3f;
  box-shadow:0 0 10px rgba(120,255,140,.9);
  cursor:pointer;z-index:3;
  animation:wc-pulse 1s infinite;
}
@keyframes wc-pulse{
  0%,100%{box-shadow:0 0 6px rgba(120,255,140,.7)}
  50%{box-shadow:0 0 16px rgba(120,255,140,1)}
}

/* 可攻击目标高亮（红环） / 选中高亮（金环） */
.wc-token.wc-attackable{box-shadow:0 0 0 4px rgba(255,80,80,.95),0 0 18px rgba(255,60,60,.9);}
.wc-token.wc-selected{box-shadow:0 0 0 4px rgba(255,215,106,.95),0 0 18px rgba(255,200,60,.9);}

/* 召唤/建造选位高亮（后行空点） */
.wc-dot.wc-place{background:rgba(255,215,106,.85);border-color:#8a6d1a;box-shadow:0 0 10px rgba(255,215,106,.9);}
.wc-dot.wc-placed{background:rgba(255,255,255,.35);border-color:#ffe9b8;}

/* 选位提示条 */
#wc-place-tip{
  position:absolute;left:50%;bottom:-44px;transform:translateX(-50%);
  padding:6px 18px;border-radius:16px;
  background:rgba(0,0,0,.75);border:1px solid #ffd76a;
  color:#ffe9b8;font-size:13px;white-space:nowrap;z-index:5;
}

/* 战棋模式下隐藏标准场地/城械区（棋盘取而代之）——英雄兵力/士气/手卡保留 */
#game.warchess-mode #ply-character-zone,
#game.warchess-mode #opp-character-zone,
#game.warchess-mode #ply-summon-drop-zone,
#game.warchess-mode #opp-summon-drop-zone,
#game.warchess-mode #ply-farm-model-zone,
#game.warchess-mode #opp-farm-model-zone,
#game.warchess-mode #ply-medical-tent-zone,
#game.warchess-mode #opp-medical-tent-zone,
#game.warchess-mode #ply-barracks-model-zone,
#game.warchess-mode #opp-barracks-model-zone,
/* 兵力显示卡为战场模式专用（2026-08-16）——战棋棋盘大营已显示兵力 */
#game.warchess-mode #ply-troops-card,
#game.warchess-mode #opp-troops-card{display:none !important;}
