/* cherish-maint (patch-maint-ui.py, 2026-09-09) — 배포 점검 오버레이.
   body 직속 DOM 이라 어느 화면(홈·배틀 방·도감)에서도 덮는다. cherish-skin.css 의 토큰을
   쓰되 없어도 성립하도록 폴백을 전부 적는다 (스킨보다 먼저 로드될 수 있다). */
/* z-index 는 클라의 어떤 팝업보다 위여야 한다 — 소켓이 끊기면 업스트림 「연결 끊김」
   안내가 뜨는데, 그게 위에 오면 점검이라는 걸 못 알아본다. */
.cw-maint {
	position: fixed; inset: 0; z-index: 9000;
	display: flex; align-items: center; justify-content: center; padding: 20px;
	background: rgba(14, 10, 18, .72);
	-webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
	animation: cw-maint-in .18s ease-out;
}
@keyframes cw-maint-in { from { opacity: 0; } }
.cw-maint-card {
	width: min(420px, 100%); box-sizing: border-box;
	padding: 26px 24px 24px; border-radius: 18px; text-align: center;
	border: 1px solid rgba(255, 255, 255, .16);
	background: linear-gradient(150deg, #4a3355, #241f2e);
	box-shadow: 0 26px 60px -22px rgba(10, 5, 14, .9);
	color: #fff;
}
.cw-maint-ic { font-size: 30px; line-height: 1; margin-bottom: 12px; }
.cw-maint-title {
	font-size: 14pt; font-weight: 700; line-height: 1.3; word-break: keep-all;
	color: #ffd7e0;
}
.cw-maint-body {
	margin-top: 10px; font-size: 10pt; line-height: 1.6; word-break: keep-all;
	color: rgba(255, 255, 255, .82);
}
@media (max-width: 700px) {
	.cw-maint-card { padding: 22px 18px 20px; border-radius: 16px; }
	.cw-maint-title { font-size: 12.5pt; }
}