/* Xiangqi board responsive — single board, scale only */

@media (max-width: 800px) {
	.lvtg2-board-layout {
		grid-template-columns: 1fr;
		grid-template-areas:
			"top"
			"board"
			"bottom"
			"meta";
	}

	.lvtg2-board-side--top,
	.lvtg2-board-side--bottom {
		display: block;
		grid-area: auto;
	}

	.lvtg2-board-side--top { grid-area: top; }
	.lvtg2-board-side--bottom { grid-area: bottom; }

	.lvtg2-meta-seats--desktop {
		display: none;
	}

	.lvtg2-board-layout--flip {
		grid-template-areas:
			"bottom"
			"board"
			"top"
			"meta";
	}

	.lvtg2-board-wrap,
	.lvtg2-board {
		width: min(96vw, 600px);
		max-width: 100%;
	}

	.lvtg2-board {
		aspect-ratio: 9 / 10;
	}

	.lvtg2-piece {
		font-size: clamp(0.85rem, 4.2vw, 1.25rem);
	}

	.lvtg2-move-list {
		max-height: 110px;
	}

	.lvtg2-actions--game {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.35rem;
		margin-top: 0.2rem;
	}

	.lvtg2-actions--game .btn {
		padding: 0.28rem 0.4rem;
		font-size: 0.78rem;
		line-height: 1.2;
		gap: 0.22rem;
		border-radius: 0.4rem;
		min-height: 2rem;
		white-space: nowrap;
	}

	.lvtg2-actions--game .btn .bi {
		font-size: 0.9em;
	}

	.lvtg2-actions--game #lvtg2-board-leave,
	.lvtg2-actions--game #lvtg2-rematch {
		grid-column: 1 / -1;
	}

	.lvtg2-board-meta {
		padding-top: 0.35rem;
	}

	.lvtg2-board-meta .lvtg2-role-line,
	.lvtg2-board-meta .lvtg2-conn,
	.lvtg2-board-meta .lvtg2-draw-status,
	.lvtg2-board-meta .lvtg2-handicap-status,
	.lvtg2-board-meta .lvtg2-rematch-status {
		margin: 0.15rem 0;
		font-size: 0.82rem;
	}

	.lvtg2-board-river-text text {
		font-size: 28px;
	}
}

@media (max-width: 420px) {
	.lvtg2-board-river-text text {
		font-size: 22px;
		letter-spacing: 0.18em;
	}

	.lvtg2-point {
		width: 12.5%;
		height: 11%;
	}

	.lvtg2-turn-clock__label {
		display: none;
	}

	.lvtg2-turn-clock {
		padding: 0.35rem 0.6rem;
	}

	.lvtg2-turn-clock__value {
		font-size: 1.05rem;
		min-width: 2.4rem;
	}

	.lvtg2-actions--game .btn {
		padding: 0.24rem 0.32rem;
		font-size: 0.72rem;
		min-height: 1.85rem;
	}
}

@media (orientation: landscape) and (max-height: 520px) {
	.lvtg2-board-layout {
		grid-template-columns: minmax(0, 1fr) minmax(160px, 200px);
		grid-template-areas:
			"board meta"
			"board meta";
	}

	.lvtg2-board-side--top,
	.lvtg2-board-side--bottom {
		display: none;
	}

	.lvtg2-meta-seats--desktop {
		display: grid;
	}

	.lvtg2-board-wrap,
	.lvtg2-board {
		width: min(56vh, 96vw, 480px);
	}
}

.lvtg2-xq .btn,
.lvtg2-xq .lvtg2-point {
	touch-action: manipulation;
}