/* 棋种标签：列数由 app.js 按可见标签数写入 --tab-cols，每个标签是一张独立的卡片。 */
.game-type-tabs button { padding-inline: 12px; }
.square-lines line { stroke: var(--ink); stroke-width: 1px; vector-effect: non-scaling-stroke; opacity: .5; }
.reversi-board .stone { width: 78%; height: 78%; }
.banqi-board .stone, .banqi-board .pending-stone { width: 83%; height: auto; aspect-ratio: 1; }
.banqi-covered { display: grid; place-items: center; color: #a57843; border: 2px solid #b88a52; background: radial-gradient(circle at 35% 25%,#f6e8c5,#dfbd84); box-shadow: inset 0 0 0 2px #f2dab0,1px 2px 3px #402a2335; font-size: clamp(12px,3.2vw,22px); }
.reversi-target::after { content:''; position:absolute; width:22%; height:22%; border-radius:50%; background:var(--ui-accent); opacity:.45; pointer-events:none; }
.banqi-board .selected-source { outline:2px solid var(--ui-accent); outline-offset:-3px; border-radius:50%; }
.banqi-board .legal-target::after { content:''; position:absolute; inset:10%; border:2px dashed var(--ui-accent); border-radius:50%; pointer-events:none; }
.variant-summary { margin:0; padding:5px 8px; color:var(--ui-accent); background:var(--ui-surface-soft); border-radius:10px; text-align:center; font-size:12px; line-height:1.5; }
[data-game-kind="banqi"] .avatar-wrap > .player-stone.black { background:#b5523d; border-color:#913222; }
[data-game-kind="banqi"] .avatar-wrap > .player-stone.white { background:#24392e; border-color:#173b32; }
[data-game-kind="banqi"][data-banqi-assigned="false"] .avatar-wrap > .player-stone { background:#d8c5a4; border-color:#a57843; }
.pending-stone.banqi-covered { opacity:.6; }
.leaderboard-kinds { flex-wrap:wrap; }
.player-profile-tabs { flex-wrap:wrap; }
@media (max-width:400px) { .game-type-tabs button { padding-inline:7px; font-size:14px; } }

.settings-dialog[data-game-kind="banqi"] .piece-swatch i { display: grid; place-items: center; background: radial-gradient(circle at 32% 25%, #fff4d9, #edd2a3); border: 1px solid #b98850; font-size: 21px; font-weight: 600; }
.settings-dialog[data-game-kind="banqi"] .piece-swatch .sample-black::after { content: '帅'; color: #a23729; }
.settings-dialog[data-game-kind="banqi"] .piece-swatch .sample-white::after { content: '将'; color: #173b32; }
.settings-dialog[data-game-kind="banqi"] .swatch-flat i { background: #f7ecd4; }
.settings-dialog[data-game-kind="banqi"] .swatch-jade i { background: #dbe9d4; }