/* 사이다 월드컵 — Claude 팔레트 (#faf9f5 / #c96442 / Gowun Batang / Noto Sans KR) */
.cwc-game, .cwc-stats {
	--cwc-bg: #faf9f5;
	--cwc-ink: #2b2620;
	--cwc-accent: #c96442;
	--cwc-line: #e7e2d8;
	--cwc-soft: #f2efe8;
	font-family: "Noto Sans KR", sans-serif;
	color: var(--cwc-ink);
	max-width: 760px;
	margin: 0 auto;
}

.cwc-title { font-family: "Gowun Batang", serif; font-size: 1.8rem; margin: 0 0 .4rem; }
.cwc-desc { color: #6b6459; margin: 0 0 1rem; }
.cwc-meta { color: #8a8378; font-size: .9rem; }

.cwc-btn {
	font-family: "Noto Sans KR", sans-serif;
	background: var(--cwc-accent); color: #fff; border: 0;
	padding: .7rem 1.6rem; border-radius: 999px; font-size: 1rem;
	cursor: pointer; transition: transform .12s ease, filter .12s ease;
}
.cwc-btn:hover { filter: brightness(1.05); transform: translateY(-1px); }

.cwc-start { text-align: center; padding: 2.5rem 1rem; background: var(--cwc-bg); border-radius: 16px; border: 1px solid var(--cwc-line); }
.cwc-start-btn { margin-top: 1.2rem; }

/* 대결 무대 — 시그니처 */
.cwc-stage { background: var(--cwc-bg); border-radius: 16px; padding: 1.2rem; border: 1px solid var(--cwc-line); }
.cwc-round { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 1rem; padding: 0 .2rem; }
.cwc-round-name { font-family: "Gowun Batang", serif; font-size: 1.3rem; color: var(--cwc-accent); }
.cwc-round-prog { color: #8a8378; font-size: .9rem; }

.cwc-duel { display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; gap: .6rem; }

.cwc-card {
	background: #fff; border: 1px solid var(--cwc-line); border-radius: 14px;
	overflow: hidden; cursor: pointer; display: flex; flex-direction: column;
	transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.cwc-card:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(201,100,66,.18); border-color: var(--cwc-accent); }
.cwc-card:active { transform: scale(.98); }
.cwc-card-img { width: 100%; aspect-ratio: 1 / 1; background: var(--cwc-soft) center/cover no-repeat; }
.cwc-card-body { padding: .8rem; }
.cwc-card-name { font-family: "Gowun Batang", serif; font-size: 1.15rem; margin-bottom: .25rem; }
.cwc-card-desc { font-size: .85rem; color: #6b6459; line-height: 1.5; }

.cwc-vs {
	align-self: center; font-family: "Gowun Batang", serif; font-weight: 700;
	background: var(--cwc-accent); color: #fff; width: 44px; height: 44px;
	border-radius: 50%; display: flex; align-items: center; justify-content: center;
	font-size: .95rem; box-shadow: 0 4px 10px rgba(201,100,66,.35);
}

/* 결과 */
.cwc-result { text-align: center; padding: 2rem 1rem; background: var(--cwc-bg); border-radius: 16px; border: 1px solid var(--cwc-line); }
.cwc-crown { font-size: 1.2rem; color: var(--cwc-accent); margin-bottom: 1rem; }
.cwc-champ-card { max-width: 280px; margin: 0 auto; cursor: default; }
.cwc-champ-card:hover { transform: none; box-shadow: none; border-color: var(--cwc-line); }
.cwc-champ-name { font-family: "Gowun Batang", serif; font-size: 1.5rem; margin: 1rem 0; }
.cwc-actions { margin: 1rem 0 .5rem; }
.cwc-saving { color: #8a8378; font-size: .85rem; }
.cwc-loading { color: #8a8378; text-align: center; padding: 2rem; }

/* 통계 */
.cwc-stats-box { background: var(--cwc-bg); border: 1px solid var(--cwc-line); border-radius: 16px; padding: 1.2rem; }
.cwc-stats-total { font-family: "Gowun Batang", serif; font-size: 1.1rem; margin-bottom: 1rem; color: var(--cwc-accent); }
.cwc-stats-row { display: flex; align-items: center; gap: .8rem; padding: .6rem 0; border-bottom: 1px solid var(--cwc-line); }
.cwc-stats-row:last-child { border-bottom: 0; }
.cwc-stats-rank { font-family: "Gowun Batang", serif; width: 2.2rem; color: var(--cwc-accent); font-size: 1rem; }
.cwc-stats-thumb { width: 44px; height: 44px; border-radius: 10px; background: var(--cwc-soft) center/cover no-repeat; flex: 0 0 auto; }
.cwc-stats-meta { flex: 1; }
.cwc-stats-name { font-weight: 600; }
.cwc-stats-sub { font-size: .8rem; color: #6b6459; margin: .1rem 0 .3rem; }
.cwc-stats-bar { height: 6px; background: var(--cwc-soft); border-radius: 999px; overflow: hidden; }
.cwc-stats-fill { height: 100%; background: var(--cwc-accent); border-radius: 999px; }

/* 모바일 */
@media (max-width: 560px) {
	.cwc-card-name { font-size: 1rem; }
	.cwc-card-desc { font-size: .78rem; }
	.cwc-vs { width: 36px; height: 36px; font-size: .8rem; }
	.cwc-duel { gap: .35rem; }
}