/* 2048方块 网页版 - 样式限定在 .gaming.area 内，通用见 biz.css */

:root {
	--page-bg: #E8F0E0;
	/* 主题变量已由 .gaming.area 提供默认，此处仅覆盖本页需要的 */
}

/* 棋盘尺寸与格子正方形由 biz.css .gaming.area .main.map.area .board 统一处理，此处仅保留消行动画等本页独有样式 */

/* 消行动画：待消除行闪烁 */
@keyframes clear-line-flash {
	0%, 100% { background: rgba(255, 255, 255, 0.95); color: #333; }
	50% { background: rgba(255, 240, 180, 0.98); color: #333; }
}

.gaming.area .main.map.area .board .cell.clearing {
	animation: clear-line-flash 0.12s ease-in-out infinite;
}

.gaming.area .main.map.area .board .cell.clearing > .unit {
	animation: clear-line-flash 0.12s ease-in-out infinite;
}

/* 消行整理阶段：剩格（暖色）与上方块（冷色）描边区分；整块上方块按 bbox 外凸矩形含空隙 */
.gaming.area .main.map.area .board .cell.lc-remainder {
	--lc-s: #c62828;
}
.gaming.area .main.map.area .board .cell.lc-above {
	--lc-s: #1565c0;
}
/* 兼容旧 class，与同阶段 lc-above 同色（整理态已改用 lc-above / lc-remainder） */
.gaming.area .main.map.area .board .cell.lc-reform {
	--lc-s: #1565c0;
}
.gaming.area .main.map.area .board .cell.lc-cur-above-whole {
	--lc-s: #1976d2;
}
.gaming.area .main.map.area .board .cell.lc-cur-remainder {
	--lc-s: #e53935;
}
.gaming.area .main.map.area .board .cell[class*="lc-edge"] {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}
.gaming.area .main.map.area .board .cell.lc-edge-top {
	border-top: 2px solid var(--lc-s);
}
.gaming.area .main.map.area .board .cell.lc-edge-bottom {
	border-bottom: 2px solid var(--lc-s);
}
.gaming.area .main.map.area .board .cell.lc-edge-left {
	border-left: 2px solid var(--lc-s);
}
.gaming.area .main.map.area .board .cell.lc-edge-right {
	border-right: 2px solid var(--lc-s);
}

/* 下一块预览：4×4 格子拼出的方块图形，.next-block 即网格容器，水平居中 */
.next-block {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(4, 1fr);
	gap: 0;
	width: 80px;
	height: 80px;
	margin: 0 auto;
}

.next-block .cell {
	background: transparent;
	border: none;
	border-radius: 0;
}

.next-block .cell > .unit {
	font-size: 12px;
	border-radius: 0;
}