/* cherish-maze (patch-maze-card.py) — 배틀홈 구름 미궁 카드.

   구름타워가 「밝은 구름 바다 그림 한 장」이라면 미궁은 **어둑한 안개 속 그림 한 장**이다 — 짝을 이루되
   성격은 반대다 (2026-09-09 사용자 결정: 「어둑한 채로, 배경을 그림으로」).
   ⚠️ 옛 판은 배경이 CSS 그라데이션뿐이라 혼자 납작한 슬래브로 보였다. 그림(maze-bg.webp)이 없으면
   그 그라데이션이 그대로 폴백이라 화면은 안 깨진다.
   ⚠️ 상대 정보는 아무것도 그리지 않는다 — 종·티어·주인 이름 어느 것도. 단계 번호와 마릿수만. */
.cw-maze {
	position: relative;
	margin: 12px 0 0; border-radius: 18px; overflow: hidden;
	background: url('/cherish/ui/maze-bg.webp?v=1') center top / cover no-repeat,
		linear-gradient(160deg, #2a2334 0%, #3b3049 46%, #2f2740 100%);
	box-shadow: 0 6px 22px -14px rgba(30, 18, 38, .8);
}
/* 그림 위 막 — 위(갈래길)는 남기고 아래(상자·버튼 자리)로 갈수록 짙게. 탑의 막과 정확히 반대 방향이다. */
.cw-maze::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background:
		linear-gradient(180deg, rgba(24, 16, 32, .1) 0%, rgba(24, 16, 32, .46) 24%, rgba(24, 16, 32, .8) 52%, rgba(24, 16, 32, .9) 100%),
		radial-gradient(130% 80% at 100% 0%, rgba(24, 16, 32, 0) 30%, rgba(24, 16, 32, .55) 100%);
}
.cw-maze-in { position: relative; z-index: 1; padding: 16px 16px 15px; color: #efe8f4; }
.cw-maze-head { margin-bottom: 12px; }
.cw-maze-head .cw-eyebrow { display: block; font-size: 7.5pt; letter-spacing: .16em; text-transform: uppercase; color: rgba(239, 232, 244, .45); }
/* 제목 — 워드마크 그림. 그림이 안 오면 .no-img 가 붙어 글자가 대신 나온다 (탑과 같은 규칙) */
.cw-maze-title { margin: 3px 0 0; line-height: 0; }
.cw-maze-wordmark { display: block; height: 25px; width: auto; }
.cw-maze-title-text { display: none; font: 400 15pt/1.2 'Cafe24Dongdong', 'Pretendard', sans-serif; color: #f3ecf8; }
.cw-maze-title.no-img { line-height: 1.2; }
.cw-maze-title.no-img .cw-maze-title-text { display: block; }
.cw-maze-note { margin: 8px 0 0; font-size: 9pt; line-height: 1.6; color: rgba(239, 232, 244, .72); word-break: keep-all; }
.cw-maze-lead { margin: 0 0 10px; font-size: 9pt; line-height: 1.6; color: rgba(239, 232, 244, .82); word-break: keep-all; }
.cw-maze-lead b { color: #ffd9a8; font-weight: 400; }
.cw-maze-err { margin: 8px 0 0; font-size: 8.5pt; line-height: 1.5; color: #ffb4c0; }
.cw-maze-lock { margin: 6px 0 0; font-size: 8.5pt; color: rgba(239, 232, 244, .6); }

/* 들어가기 전 */
/* 사실 칩 — 옛 판은 폭을 반씩 나눠 가진 큰 상자 둘이라 「무료 / 9단계」 두 글자에 카드 절반을 썼다.
   내용만큼만 차지하는 알약으로 바꾸고 유리 결을 준다(뒤 그림이 비쳐야 그림 위에 얹힌 것으로 읽힌다). */
.cw-maze-facts { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 12px; }
.cw-maze-fact {
	display: flex; align-items: baseline; gap: 7px; min-width: 0; padding: 6px 12px; border-radius: 999px;
	background: rgba(20, 13, 28, .4); border: 1px solid rgba(255, 255, 255, .13); backdrop-filter: blur(6px);
}
.cw-maze-fact small { font-size: 8pt; color: rgba(239, 232, 244, .55); }
.cw-maze-fact b { font-size: 10.5pt; font-weight: 400; color: #f3ecf8; }
.cw-maze-anon { display: flex; align-items: center; gap: 7px; margin: 0 0 11px; font-size: 8.5pt; color: rgba(239, 232, 244, .62); cursor: pointer; }

/* 진행 중 */
.cw-maze-depth { display: flex; align-items: baseline; gap: 6px; margin-bottom: 9px; }
.cw-maze-depth b { font: 400 17pt/1 'Cafe24Dongdong', 'Pretendard', sans-serif; color: #ffd9a8; }
.cw-maze-depth span { font-size: 8.5pt; color: rgba(239, 232, 244, .66); }
/* 방금 고른 카드 결과 (2026-09-09). 눈에 띄되 팀 줄을 밀어내지 않게 한 줄로. */
.cw-maze-got {
	margin: 0 0 8px; padding: 6px 10px; border-radius: 9px;
	background: rgba(255, 214, 168, .14); border: 1px solid rgba(255, 214, 168, .28);
	color: #ffd9a8; font-size: 8.5pt; line-height: 1.45; word-break: keep-all;
}
.cw-maze-team { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 6px; }
.cw-maze-team li { display: flex; align-items: center; gap: 8px; font-size: 8.5pt; }
.cw-maze-team li.is-fnt { opacity: .45; }
/* 아이 스프라이트 (2026-09-09) — 이름만으론 누가 누군지 한눈에 안 들어온다.
   픽셀 그림이라 늘려도 뭉개지지 않게 pixelated 로 둔다. */
.cw-maze-sp { flex: 0 0 auto; image-rendering: pixelated; }
.cw-maze-optsp { float: left; margin: -2px 8px 0 0; image-rendering: pixelated; }
.cw-maze-mon { flex: 0 0 30%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f3ecf8; }
.cw-maze-bar { flex: 1 1 auto; height: 7px; border-radius: 4px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.cw-maze-bar i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #7ddba4, #4bb87d); }
.cw-maze-team li.is-fnt .cw-maze-bar i { background: #6b5f76; }
.cw-maze-hp { flex: 0 0 auto; width: 46px; text-align: right; color: rgba(239, 232, 244, .7); font-variant-numeric: tabular-nums; }
.cw-maze-item { flex: 0 0 auto; color: #ffd9a8; font-size: 7pt; }
/* 선봉 — 맨 앞 아이는 배지, 나머지는 「앞으로」 버튼 (전투 사이에만 눌린다).
   ⚠️ 클래스가 .cw-maze-lead 였다가 개명했다 (2026-09-09): 소개 문단 <p class="cw-maze-lead"> 과 이름이
   겹쳐, 나중에 놓인 이 규칙의 width: 34px 가 문단을 34px 세로 기둥으로 만들었다. */
.cw-maze-first {
	flex: 0 0 auto; width: 34px; padding: 2px 0; border-radius: 6px; font-size: 7pt; text-align: center;
	border: 1px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .07); color: rgba(239, 232, 244, .7);
	font-family: inherit; cursor: pointer;
}
.cw-maze-first:hover:not(:disabled) { border-color: #c9a2ff; color: #f3ecf8; }
.cw-maze-first:disabled { cursor: default; opacity: .4; }
.cw-maze-first.is-on { border-color: #ffd9a8; background: rgba(255, 217, 168, .18); color: #ffd9a8; cursor: default; }

/* 버튼 — **채운 건 하나뿐**이다 (2026-09-09). 옛 판은 「미궁에 들어가기」와 「동행자 찾아서 둘이」가
   같은 크기·같은 보라라 무엇이 주인지 안 보였다. 그라데이션과 발광 그림자도 걷어냈다(탑과 같은 규칙). */
.cw-maze-cta {
	display: block; width: 100%; padding: 12px 14px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 13px;
	background: #c3a3f0; color: #241a33;
	/* ⚠️ 본문체(Pretendard)로 간다 (2026-09-09 사용자: 「글씨체가 어색해」).
	   Cafe24Dongdong 은 제목·숫자처럼 **짧은 라벨**에 쓰는 장식체다.
	   「동행자 찾아서 둘이 들어가기」 같은 긴 문장을 얻으면 자간이 드문드문해지고
	   설명줄·카드 본문과 글꼴이 갈라 한 판에 두 서체가 섮인다. */
	font: 400 11pt/1.3 'Pretendard', sans-serif; cursor: pointer;
	box-shadow: none; transition: background .15s ease, border-color .15s ease;
}
.cw-maze-cta:hover:not(:disabled) { background: #d2b7f7; }
.cw-maze-cta:disabled { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .1); color: rgba(239, 232, 244, .45); cursor: default; box-shadow: none; }
.cw-maze-quit {
	display: block; margin: 8px auto 0; padding: 4px 8px; border: 0; background: none;
	color: rgba(239, 232, 244, .5); font-size: 8pt; text-decoration: underline; cursor: pointer;
}

/* 강화 카드 */
.cw-maze-cardq { margin: 0 0 8px; font-size: 8.5pt; color: rgba(239, 232, 244, .78); }
.cw-maze-cardq b { color: #ffd9a8; font-weight: 400; }
.cw-maze-cardrow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.cw-maze-card {
	display: block; min-width: 0; padding: 12px 10px; border-radius: 13px; cursor: pointer; text-align: left;
	border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .08); color: #f3ecf8; font: inherit;
}
.cw-maze-card:hover:not(:disabled) { border-color: #c9a2ff; background: rgba(201, 162, 255, .16); }
.cw-maze-card b { display: block; font: 400 11pt/1.2 'Cafe24Dongdong', 'Pretendard', sans-serif; color: #ffd9a8; }
.cw-maze-card small { display: block; margin-top: 5px; font-size: 8pt; line-height: 1.45; color: rgba(239, 232, 244, .7); word-break: keep-all; }
.cw-maze-opt {
	display: block; width: 100%; margin-bottom: 6px; padding: 10px 12px; border-radius: 11px; text-align: left; cursor: pointer;
	border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .08); color: #f3ecf8; font: inherit; font-size: 9pt;
}
.cw-maze-opt:hover:not(:disabled) { border-color: #c9a2ff; background: rgba(201, 162, 255, .16); }
/* 도구 효과 한 줄 — 이름 아래에 작게 (2026-09-09). 아이·주인 선택지에는 desc 가 없어 이 줄이 안 뜬다 */
.cw-maze-opt b { display: block; font-weight: 400; }
.cw-maze-opt small {
	display: block; margin-top: 3px; font-size: 8pt; line-height: 1.45;
	color: rgba(239, 232, 244, .62); word-break: keep-all;
}
/* 그 아이가 쌓은 랭크업 — 팀 줄 오른쪽 끝에 작게 (2026-09-09) */
/* 「팀 그만」 — 단계 줄 오른쪽 끝에 아주 작게. 눌러도 아무 일이 안 일어난 듯 조용해야 한다. */
.cw-maze-avoid {
	margin-left: auto; padding: 2px 7px; border-radius: 7px; cursor: pointer;
	border: 1px solid rgba(255, 255, 255, .16); background: transparent;
	color: #a89bb6; font-size: 7.5pt;
}
.cw-maze-avoid:hover { color: #e6d9f0; border-color: rgba(255, 255, 255, .32); }
/* 동행자 매치메이킹 (2026-09-09) — 대기·팝업·결과 한 줄. */
.cw-maze-q {
	margin: 10px 0 0; padding: 11px 12px; border-radius: 12px;
	background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .12);
}
.cw-maze-q.is-ask { background: rgba(255, 214, 168, .13); border-color: rgba(255, 214, 168, .3); }
.cw-maze-q-title { margin: 0; font-size: 10pt; color: #f4ecf8; }
.cw-maze-q-note { margin: 4px 0 0; font-size: 8.5pt; color: #c9bcd6; line-height: 1.5; }
.cw-maze-q-fee { margin: 6px 0 0; font-size: 9.5pt; color: #ffd9a8; }
.cw-maze-q-fee b { font-weight: 600; }
.cw-maze-q-away {
	display: flex; align-items: center; gap: 6px; margin-top: 8px;
	font-size: 8pt; color: #c0b3ce; cursor: pointer;
}
.cw-maze-q-away input { margin: 0; }
.cw-maze-q-btns { display: flex; gap: 7px; margin-top: 9px; }
.cw-maze-q-btns .cw-maze-cta { margin: 0; flex: 1 1 auto; }
.cw-maze-q-no {
	margin-top: 9px; padding: 7px 13px; border-radius: 9px; cursor: pointer;
	border: 1px solid rgba(255, 255, 255, .2); background: transparent; color: #d6cae2; font-size: 9pt;
}
.cw-maze-q-btns .cw-maze-q-no { margin-top: 0; }
.cw-maze-q-no:hover { background: rgba(255, 255, 255, .08); }
/* 보조 버튼 — 유리 테두리만. 주 버튼(채운 라벤더)과 급이 갈려야 한다 (2026-09-09) */
.cw-maze-cta.is-find {
	margin-top: 8px; background: rgba(255, 255, 255, .06); color: rgba(239, 232, 244, .88);
	border-color: rgba(201, 162, 255, .4);
}
.cw-maze-cta.is-find:hover:not(:disabled) { background: rgba(201, 162, 255, .15); border-color: #c9a2ff; color: #f3ecf8; }
.cw-maze-flash {
	position: relative; margin: 9px 0 0; padding: 8px 30px 8px 11px; border-radius: 10px;
	background: rgba(255, 255, 255, .08); color: #e8dff0; font-size: 8.5pt; line-height: 1.55;
}
.cw-maze-flash a { margin-left: 6px; color: #ffd9a8; text-decoration: underline; }
.cw-maze-flash-x {
	position: absolute; top: 5px; right: 6px; border: 0; background: transparent;
	color: #b6a8c4; cursor: pointer; font-size: 9pt; line-height: 1;
}
.cw-maze-boosts { flex: 0 0 auto; font-size: 7pt; color: #ffd9a8; white-space: nowrap; }
.cw-maze-back { margin-top: 2px; padding: 4px 6px; border: 0; background: none; color: rgba(239, 232, 244, .55); font-size: 8pt; cursor: pointer; }

/* 주간 순위 — 기록만 */
.cw-maze-rank { margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .1); }
.cw-maze-ranktog { padding: 0; border: 0; background: none; color: rgba(239, 232, 244, .62); font-size: 8.5pt; cursor: pointer; }
.cw-maze-ranksec { margin-top: 4px; }
/* 혼자 / 둘이 — 두 표를 가르는 작은 머리 (2026-09-09) */
.cw-maze-ranklabel {
	margin: 10px 0 0; font-size: 8pt; letter-spacing: .04em;
	color: rgba(239, 232, 244, .5);
}
.cw-maze-ranknote { margin: 10px 0 0; font-size: 8pt; color: rgba(239, 232, 244, .45); }
.cw-maze-ranklist { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 5px; }
.cw-maze-ranklist li { display: flex; align-items: center; gap: 8px; font-size: 8.5pt; color: rgba(239, 232, 244, .8); }
.cw-maze-ranklist li.is-me { color: #ffd9a8; }
.cw-maze-rk { flex: 0 0 18px; text-align: right; color: rgba(239, 232, 244, .5); font-variant-numeric: tabular-nums; }
.cw-maze-face { flex: 0 0 auto; width: 20px; height: 20px; border-radius: 50%; object-fit: cover; }
.cw-maze-face.is-anon { filter: grayscale(1) brightness(.8); }
.cw-maze-rname { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cw-maze-rstage { flex: 0 0 auto; font-variant-numeric: tabular-nums; }


/* ── 종료 카드 안 「이어가기」 (2026-09-08, 단장 2026-09-09) ──
   배틀 화면을 안 떠나고 카드를 고르고 다음 단계로 간다. 홈 카드(어두운 판)와 달리 여긴 밝은 바탕이다.
   ⚠️ 선택지 버튼은 `class="button cw-end-maze-opt"` 라 **쇼다운 기본 .button** 이 먼저 먹는다 —
      우리 규칙은 특이도를 한 단계 올려(.cw-end-maze 하위) 덮어써야 한다. 안 그러면 회색 막대가 나온다. */
.cw-end-maze {
	margin: 10px 0 0; padding: 15px 14px 14px; border-radius: 18px;
	border: 1px solid rgba(143, 111, 216, .26);
	background: linear-gradient(165deg, #fbf8ff 0%, #f3edfd 100%);
	box-shadow: 0 6px 20px -14px rgba(74, 59, 107, .5);
}
.cw-end-maze-depth { text-align: center; font-size: 9pt; color: #7a6b93; margin-bottom: 11px; }
.cw-end-maze-depth b {
	font: 400 15pt/1 'Cafe24Dongdong', 'Pretendard', sans-serif; color: #4a3b6b; margin-right: 3px;
}
/* 방금 고른 카드가 한 일 (2026-09-09) */
.cw-end-maze-got {
	margin: -4px 0 11px; padding: 7px 11px; border-radius: 10px; text-align: center;
	background: rgba(143, 111, 216, .12); border: 1px solid rgba(143, 111, 216, .24);
	color: #4a3b6b; font-size: 8.5pt; line-height: 1.45; word-break: keep-all;
}
.cw-end-maze-team { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 6px; }
.cw-end-maze-team li { display: flex; align-items: center; gap: 8px; font-size: 8.5pt; }
.cw-end-maze-team li.is-fnt { opacity: .48; }
/* 선봉 고르기 (2026-09-09) — 체력이 얼마 안 남은 아이가 그대로 앞에 서면 다음 판을 버리게 된다 */
.cw-end-maze-first {
	flex: 0 0 auto; width: 46px; padding: 3px 0; border-radius: 7px; text-align: center;
	font-size: 7.5pt; line-height: 1.3; border: 1px solid transparent; background: transparent; color: #8b7ca6;
}
button.cw-end-maze-first { cursor: pointer; border-color: rgba(143, 111, 216, .34); background: #fff; }
button.cw-end-maze-first:hover:not(:disabled) { background: #efe7ff; border-color: #8f6fd8; color: #5b4a86; }
.cw-end-maze-first.is-on { background: #4a3b6b; border-color: #4a3b6b; color: #fff; }
.cw-end-maze-mon { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #4a3b6b; }
.cw-end-maze-bar { flex: 0 0 38%; height: 7px; border-radius: 4px; background: rgba(93, 77, 122, .15); overflow: hidden; }
.cw-end-maze-bar i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #7ddba4, #4bb87d); }
.cw-end-maze-team li.is-fnt .cw-end-maze-bar i { background: #a99fb5; }
.cw-end-maze-hp { flex: 0 0 auto; width: 42px; text-align: right; font-variant-numeric: tabular-nums; color: #7a6b93; }
.cw-end-maze-q { margin: 0 0 9px; text-align: center; font-size: 9pt; color: #6b5f8a; }
.cw-end-maze-q b { color: #4a3b6b; font-weight: 400; }
.cw-end-maze-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
/* 카드 세 장 — 위쪽에 보라 띠를 얹어 「고르는 것」임을 분명히 한다 */
.cw-end-maze-card {
	position: relative; display: block; min-width: 0; padding: 13px 11px 12px; border-radius: 13px;
	cursor: pointer; text-align: left; overflow: hidden;
	border: 1px solid rgba(143, 111, 216, .3); background: #fff; color: inherit; font: inherit;
	box-shadow: 0 3px 10px -7px rgba(74, 59, 107, .55); transition: transform .12s, box-shadow .12s, border-color .12s;
}
.cw-end-maze-card::before {
	content: ''; position: absolute; inset: 0 0 auto; height: 3px;
	background: linear-gradient(90deg, #b79bf0, #8f6fd8);
}
.cw-end-maze-card:hover:not(:disabled) {
	border-color: #8f6fd8; transform: translateY(-2px); box-shadow: 0 8px 18px -10px rgba(74, 59, 107, .6);
}
.cw-end-maze-card:disabled { opacity: .55; cursor: default; }
.cw-end-maze-card b { display: block; font: 400 10.5pt/1.25 'Cafe24Dongdong', 'Pretendard', sans-serif; color: #4a3b6b; }
.cw-end-maze-card small { display: block; margin-top: 5px; font-size: 7.5pt; line-height: 1.5; color: #7a6b93; word-break: keep-all; }
/* 선택지 — 쇼다운 기본 .button 을 덮는다 (특이도 한 단계 위) */
.cw-end-maze .cw-end-maze-opt {
	display: block; width: 100%; margin: 0 0 6px; padding: 10px 12px; border-radius: 11px;
	text-align: left; cursor: pointer; font: inherit; font-size: 9pt; color: #4a3b6b;
	border: 1px solid rgba(143, 111, 216, .3); background: #fff;
	box-shadow: 0 2px 8px -6px rgba(74, 59, 107, .5); transition: border-color .12s, background .12s;
}
.cw-end-maze .cw-end-maze-opt:hover:not(:disabled) { border-color: #8f6fd8; background: #f7f2ff; }
.cw-end-maze .cw-end-maze-opt:disabled { opacity: .55; cursor: default; }
.cw-end-maze .cw-end-maze-opt b { display: block; font-weight: 400; color: #4a3b6b; }
.cw-end-maze .cw-end-maze-opt small {
	display: block; margin-top: 3px; font-size: 8pt; line-height: 1.5; color: #7a6b93;
	word-break: keep-all; white-space: normal;
}
.cw-end-maze .cw-end-maze-next {
	display: block; width: 100%; margin-top: 2px; padding: 12px 14px; border-radius: 12px;
	font: inherit; font-size: 10.5pt; cursor: pointer; color: #fff; border: 0;
	background: linear-gradient(135deg, #8f6fd8, #6f4fbe);
	box-shadow: 0 6px 16px -9px rgba(111, 79, 190, .9);
}
.cw-end-maze .cw-end-maze-next:hover:not(:disabled) { background: linear-gradient(135deg, #9d80e2, #7a5ac9); }
.cw-end-maze .cw-end-maze-next:disabled { opacity: .6; cursor: default; }
@media (max-width: 700px) {
	.cw-end-maze-row { grid-template-columns: 1fr; }
	.cw-end-maze-bar { flex-basis: 28%; }
}

@media (max-width: 700px) {
	.cw-maze-in { padding: 14px 13px 13px; }
	.cw-maze-cardrow { grid-template-columns: 1fr; }
	.cw-maze-mon { flex-basis: 34%; }
}

/* 2인 파티 (2026-09-08) — 「둘이 들어가기」는 보조 버튼이라 테두리만 준다.
   ⚠️ 카드 바탕이 **어둡다**. 처음에 밝은 바탕을 가정하고 짙은 글자(var(--cw-maze-ink, #2b2f3a))를 줬다가
   글자가 안 보였다 (2026-09-09). 그 변수는 어디에도 정의돼 있지 않아 폴백이 그대로 먹었다.
   이 파일 안에서는 색을 변수에 기대지 말고 카드 팔레트(rgba(239,232,244,...) · #c9a2ff)로 직접 적는다. */
.cw-maze-cta.is-party {
	margin-top: 8px;
	background: rgba(255, 255, 255, .06);
	color: rgba(239, 232, 244, .88);
	border: 1px solid rgba(201, 162, 255, .45);
	box-shadow: none;
}
.cw-maze-cta.is-party:hover:not(:disabled) { background: rgba(201, 162, 255, .16); border-color: #c9a2ff; color: #f3ecf8; }
.cw-maze-payout {
	margin: 8px 0 0; font-size: 8.5pt; line-height: 1.5; text-align: center;
	color: rgba(239, 232, 244, .72);
}
.cw-maze-payout b { color: #ffd9a8; font-weight: 400; }