/* 코디 월드컵 — 포인트컬러는 게임허브 테마 accent 따름(다크 노랑/라이트 주황 자동) */
.gh-cwc { --cwc-accent: rgb(var(--gh-accent-rgb)); --cwc-a: #7cc7ff; --cwc-b: #ff7ca8; }

.gh-cwc-hero { text-align: center; padding: 24px 16px 8px; }
.gh-cwc-hero__badge { display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: 3px; color: var(--cwc-accent); margin-bottom: 6px; }
.gh-cwc-hero__title { font-size: 30px; font-weight: 900; margin: 0 0 10px; background: linear-gradient(90deg,#ffd34e,#ff8a5c,#ff7ca8); -webkit-background-clip: text; background-clip: text; color: transparent; }
.gh-cwc-hero__meta { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-bottom: 12px; }
.gh-cwc-chip { font-size: 12px; font-weight: 700; padding: 4px 12px; border-radius: 20px; background: rgba(var(--gh-fg-rgb),.08); color: rgba(var(--gh-fg-rgb),.82); }
.gh-cwc-chip--active { background: rgba(124,255,160,.16); color: #7CFFb2; }
.gh-cwc-chip--ended { background: rgba(255,90,110,.16); color: #ff8a98; }

.gh-cwc-prizes { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 6px; }
.gh-cwc-prize { display: flex; flex-direction: column; gap: 2px; min-width: 130px; padding: 10px 14px; border-radius: 12px; font-size: 14px; font-weight: 700; color: rgb(var(--gh-fg-rgb)); background: rgba(var(--gh-fg-rgb),.06); border: 1px solid rgba(var(--gh-fg-rgb),.1); }
.gh-cwc-prize span { font-size: 12px; font-weight: 800; opacity: .85; }
.gh-cwc-prize--1 { border-color: rgba(255,211,78,.5); }
.gh-cwc-prize--2 { border-color: rgba(200,210,230,.4); }
.gh-cwc-prize--3 { border-color: rgba(205,140,90,.4); }

/* 관리자 바 */
.gh-cwc-adminbar { text-align: center; margin: 12px 0; }
.gh-cwc-adminbtn { font-size: 13px; font-weight: 700; padding: 8px 18px; border-radius: 10px; border: 1px solid rgba(var(--gh-fg-rgb),.18); background: rgba(var(--gh-fg-rgb),.06); color: rgba(var(--gh-fg-rgb),.82); cursor: pointer; }
.gh-cwc-adminbtn:hover { background: rgba(var(--gh-fg-rgb),.12); }
.gh-cwc-admin { max-width: 640px; margin: 0 auto 20px; }
.gh-cwc-af { background: rgba(var(--gh-fg-rgb),.04); border: 1px solid rgba(var(--gh-fg-rgb),.1); border-radius: 14px; padding: 18px; }
.gh-cwc-af label { display: flex; flex-direction: column; gap: 5px; font-size: 12px; font-weight: 700; color: rgba(var(--gh-fg-rgb),.6); margin-bottom: 12px; }
.gh-cwc-af input, .gh-cwc-af select { padding: 9px 12px; border-radius: 8px; border: 1px solid rgba(var(--gh-fg-rgb),.16); background: rgba(var(--gh-fg-rgb),.06); color: rgb(var(--gh-fg-rgb)); font-size: 14px; font-weight: 400; }
.gh-cwc-af__pt { margin: 10px 0 16px; padding: 12px; border-radius: 10px; background: rgba(var(--gh-fg-rgb),.05); }
.gh-cwc-af__pthead { font-size: 13px; font-weight: 800; color: rgba(var(--gh-fg-rgb),.82); margin-bottom: 10px; }
.gh-cwc-af__ptrow { display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgba(var(--gh-fg-rgb),.6); margin-bottom: 8px; flex-wrap: wrap; }
.gh-cwc-af__ptrow span { min-width: 42px; font-weight: 700; color: rgb(var(--gh-fg-rgb)); }
.gh-cwc-af__ptrow input { width: 72px; padding: 6px 8px; }
.gh-cwc-af__sp { min-width: auto !important; margin-left: 8px; }
.gh-cwc-af__btns { display: flex; gap: 8px; }
.gh-cwc-af__save { flex: 1; padding: 11px; border: none; border-radius: 9px; background: var(--cwc-accent); color: #20242e; font-weight: 800; font-size: 14px; cursor: pointer; }
.gh-cwc-af__reset { padding: 11px 16px; border: 1px solid rgba(255,180,80,.5); border-radius: 9px; background: transparent; color: #ffc66a; font-weight: 700; cursor: pointer; }
.gh-cwc-af__del { padding: 11px 18px; border: 1px solid rgba(255,90,110,.5); border-radius: 9px; background: transparent; color: #ff8a98; font-weight: 700; cursor: pointer; }

/* 인트로 */
.gh-cwc-intro { max-width: 560px; margin: 10px auto 28px; text-align: center; }
.gh-cwc-notice { font-size: 13.5px; line-height: 1.6; color: rgba(var(--gh-fg-rgb),.85); background: rgba(124,199,255,.1); border: 1px solid rgba(124,199,255,.28); border-radius: 12px; padding: 14px 16px; margin-bottom: 18px; text-align: left; }
.gh-cwc-notice a { color: var(--cwc-a); font-weight: 700; text-decoration: underline; }
.gh-cwc-startbtn { font-size: 18px; font-weight: 900; padding: 16px 44px; border: none; border-radius: 14px; cursor: pointer; color: #20242e; background: linear-gradient(90deg,#ffd34e,#ff9558); box-shadow: 0 8px 24px rgba(255,150,80,.35); transition: transform .12s; }
.gh-cwc-startbtn:hover { transform: translateY(-2px) scale(1.02); }
.gh-cwc-startbtn small { font-size: 12px; font-weight: 600; opacity: .8; }
.gh-cwc-startbtn:disabled { opacity: .5; cursor: default; transform: none; }
.gh-cwc-introbtns { display: flex; gap: 10px; justify-content: center; align-items: center; flex-wrap: wrap; }
.gh-cwc-rankbtn { display: inline-flex; align-items: center; gap: 4px; padding: 16px 24px; border-radius: 14px; border: 1px solid rgba(var(--gh-fg-rgb),.2); background: rgba(var(--gh-fg-rgb),.05); color: rgba(var(--gh-fg-rgb),.82); font-size: 15px; font-weight: 700; text-decoration: none; transition: background .15s; }
.gh-cwc-rankbtn:hover { background: rgba(var(--gh-fg-rgb),.12); color: rgb(var(--gh-fg-rgb)); }
.gh-cwc-intro__hint { font-size: 13px; color: rgba(var(--gh-fg-rgb),.55); margin-top: 14px; }

/* 아레나 */
.gh-cwc-arena { position: relative; max-width: 860px; margin: 0 auto 28px; padding: 8px; min-height: 420px; }
.gh-cwc-fx { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 5; }
.gh-cwc-round { text-align: center; font-size: 18px; font-weight: 900; color: var(--cwc-accent); margin-bottom: 6px; }
.gh-cwc-remain { text-align: center; font-size: 14px; color: rgba(var(--gh-fg-rgb),.82); margin-bottom: 10px; }
.gh-cwc-remain b { color: var(--cwc-accent); font-size: 19px; font-weight: 900; margin: 0 2px; }

/* 이탈 경고 */
.gh-cwc-warn { font-size: 13px; line-height: 1.55; color: #ffcf8a; background: rgba(255,150,80,.1); border: 1px solid rgba(255,150,80,.32); border-radius: 10px; padding: 11px 14px; margin-bottom: 16px; text-align: left; }
.gh-light .gh-cwc-warn { color: #9a5510; }
.gh-light .gh-cwc-warn b { color: #7a3f06; }

/* NEXT ROUND 오버레이 */
.gh-cwc-nextround { position: absolute; inset: 0; z-index: 20; display: flex; align-items: center; justify-content: center; pointer-events: none; background: rgba(8,10,16,.55); border-radius: 14px; }
.gh-cwc-nextround__inner { text-align: center; opacity: 0; }
.gh-cwc-nextround.is-show .gh-cwc-nextround__inner { animation: cwcNR 1.5s cubic-bezier(.2,.9,.3,1.3) forwards; }
.gh-cwc-nextround__big { font-size: 48px; font-weight: 900; letter-spacing: 2px; background: linear-gradient(90deg,#ffd34e,#ff8a5c); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 4px 24px rgba(255,150,80,.5); }
.gh-cwc-nextround__sub { font-size: 26px; font-weight: 800; color: #fff; margin-top: 6px; }
@keyframes cwcNR { 0% { opacity: 0; transform: scale(.5) translateY(20px); } 22% { opacity: 1; transform: scale(1.12); } 38% { transform: scale(1); } 82% { opacity: 1; } 100% { opacity: 0; transform: scale(1); } }
.gh-cwc-progress { height: 6px; border-radius: 6px; background: rgba(var(--gh-fg-rgb),.1); overflow: hidden; margin-bottom: 22px; }
.gh-cwc-progress__bar { height: 100%; width: 4%; border-radius: 6px; background: linear-gradient(90deg,#7cc7ff,#ffd34e); transition: width .4s; }

.gh-cwc-match { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
.gh-cwc-card { position: relative; border: 2px solid rgba(var(--gh-fg-rgb),.12); border-radius: 18px; background: rgba(var(--gh-fg-rgb),.04); padding: 18px 14px 14px; cursor: pointer; text-align: center; overflow: hidden; transition: transform .15s, border-color .15s, box-shadow .15s; }
.gh-cwc-card:hover { transform: translateY(-4px); border-color: var(--cwc-accent); box-shadow: 0 12px 30px rgba(0,0,0,.35); }
.gh-cwc-card[data-side=a]:hover { border-color: var(--cwc-a); }
.gh-cwc-card[data-side=b]:hover { border-color: var(--cwc-b); }
.gh-cwc-card__imgwrap { height: 220px; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; }
.gh-cwc-card__img { max-height: 220px; max-width: 100%; filter: drop-shadow(0 10px 16px rgba(0,0,0,.5)); transform: scale(3) translateY(-17px); transform-origin: center 38%; }
.gh-cwc-card__name { font-size: 17px; font-weight: 800; color: rgb(var(--gh-fg-rgb)); margin-top: 8px; }
.gh-cwc-card__sub { font-size: 12px; color: rgba(var(--gh-fg-rgb),.55); margin-top: 3px; }
.gh-cwc-world { width: 16px; height: 16px; vertical-align: middle; margin-right: 4px; position: relative; top: -1px; }
.gh-cwc-card__cp { margin-top: 8px; font-size: 13px; font-weight: 700; color: var(--cwc-accent); background: rgba(255,211,78,.12); border: 1px solid rgba(255,211,78,.3); border-radius: 8px; padding: 5px 10px; display: inline-block; }
.gh-cwc-card__cp-label { font-size: 11px; color: #c9b46a; font-weight: 600; }
.gh-cwc-card__cp b { font-size: 15px; font-weight: 900; }
.gh-cwc-card__pick { margin-top: 10px; font-size: 13px; font-weight: 800; color: var(--cwc-accent); opacity: 0; transition: opacity .15s; }
.gh-cwc-card:hover .gh-cwc-card__pick { opacity: 1; }
.gh-cwc-vs { font-size: 22px; font-weight: 900; color: rgb(var(--gh-fg-rgb)); text-shadow: 0 2px 10px rgba(255,150,80,.6); }

.gh-cwc-card.is-enter { animation: cwcEnter .45s cubic-bezier(.2,.9,.3,1.4) both; }
.gh-cwc-card[data-side=b].is-enter { animation-name: cwcEnterR; }
@keyframes cwcEnter { from { opacity: 0; transform: translateX(-40px) scale(.9); } to { opacity: 1; transform: none; } }
@keyframes cwcEnterR { from { opacity: 0; transform: translateX(40px) scale(.9); } to { opacity: 1; transform: none; } }
.gh-cwc-card.is-winner { border-color: var(--cwc-accent) !important; box-shadow: 0 0 0 3px var(--cwc-accent), 0 16px 40px rgba(255,211,78,.4); transform: scale(1.04); }
.gh-cwc-card.is-loser { animation: cwcLose .6s ease forwards; pointer-events: none; }
@keyframes cwcLose { to { opacity: 0; transform: scale(.7) rotate(-6deg); filter: grayscale(1) blur(2px); } }

/* 결과 */
.gh-cwc-result { position: relative; max-width: 560px; margin: 0 auto 30px; }
.gh-cwc-champ { text-align: center; padding: 24px; border-radius: 20px; background: radial-gradient(circle at 50% 0%, rgba(255,211,78,.18), rgba(var(--gh-fg-rgb),.03)); border: 1px solid rgba(255,211,78,.3); position: relative; z-index: 2; }
.gh-cwc-champ__crown { font-size: 40px; }
.gh-cwc-champ__badge { font-size: 13px; font-weight: 800; color: var(--cwc-accent); margin: 4px 0 14px; }
.gh-cwc-champ__img { height: 280px; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; }
.gh-cwc-champ__img img { max-height: 280px; filter: drop-shadow(0 14px 24px rgba(0,0,0,.55)); transform: scale(2); transform-origin: center 34%; }
.gh-cwc-champ__name { font-size: 22px; font-weight: 900; color: rgb(var(--gh-fg-rgb)); margin-top: 10px; }
.gh-cwc-champ__sub { font-size: 13px; color: rgba(var(--gh-fg-rgb),.55); margin-top: 4px; }
.gh-cwc-champ__pts { display: inline-block; margin-top: 12px; font-size: 16px; font-weight: 900; color: #20242e; background: var(--cwc-accent); padding: 6px 18px; border-radius: 20px; }
.gh-cwc-champ__msg { font-size: 13px; color: rgba(var(--gh-fg-rgb),.82); line-height: 1.6; margin: 16px 0; }

/* 이번 판 포인트 정리 */
.gh-cwc-res { max-width: 480px; margin: 18px auto 0; position: relative; z-index: 2; }
.gh-cwc-res__head { font-size: 14px; font-weight: 800; color: rgb(var(--gh-fg-rgb)); margin-bottom: 10px; text-align: center; }
.gh-cwc-res__head small { font-weight: 500; color: rgba(var(--gh-fg-rgb),.55); }
.gh-cwc-res__list { list-style: none; margin: 0; padding: 0; max-height: 420px; overflow-y: auto; }
.gh-cwc-res__row { display: flex; align-items: center; gap: 10px; padding: 7px 12px; border-radius: 10px; margin-bottom: 6px; background: rgba(var(--gh-fg-rgb),.04); }
.gh-cwc-res__row.is-champ { background: linear-gradient(90deg, rgba(255,211,78,.22), rgba(var(--gh-fg-rgb),.03)); border: 1px solid rgba(255,211,78,.4); }
.gh-cwc-res__no { width: 24px; text-align: center; font-size: 13px; font-weight: 800; color: rgba(var(--gh-fg-rgb),.55); }
.gh-cwc-res__ava { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; flex-shrink: 0; background: rgba(var(--gh-fg-rgb),.08); }
.gh-cwc-res__ava img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transform: scale(2.7) translateY(-7px); transform-origin: center 20%; }
.gh-cwc-res__name { flex: 1; font-size: 13.5px; font-weight: 700; color: rgb(var(--gh-fg-rgb)); display: flex; flex-direction: column; }
.gh-cwc-res__name small { font-size: 10.5px; font-weight: 400; color: rgba(var(--gh-fg-rgb),.55); }
.gh-cwc-res__pt { font-size: 15px; font-weight: 900; color: var(--cwc-accent); }
.gh-cwc-res__pt small { font-size: 10px; font-weight: 600; color: rgba(var(--gh-fg-rgb),.55); margin-left: 1px; }
.gh-cwc-champ__btn { display: inline-block; padding: 10px 24px; border-radius: 10px; background: var(--cwc-accent); color: #20242e; font-weight: 800; text-decoration: none; }

.gh-cwc-reward { max-width: 640px; margin: 0 auto 48px; padding: 18px 20px; border: 1px solid rgba(var(--gh-fg-rgb),.1); border-radius: 14px; background: rgba(var(--gh-fg-rgb),.03); }
.gh-cwc-reward__title { font-size: 15px; font-weight: 800; color: rgb(var(--gh-fg-rgb)); margin: 0 0 12px; }
.gh-cwc-reward__list { margin: 0; padding-left: 18px; }
.gh-cwc-reward__list li { font-size: 13px; line-height: 1.8; color: rgba(var(--gh-fg-rgb),.72); }
.gh-cwc-reward__list b { color: var(--cwc-accent); font-weight: 700; }

.gh-cwc-closed { text-align: center; padding: 40px 16px; }
.gh-cwc-closed__t { font-size: 16px; font-weight: 700; color: rgba(var(--gh-fg-rgb),.82); }

/* 랭킹 */
.gh-cwc-rankwrap { max-width: 640px; margin: 8px auto 40px; }
.gh-cwc-rankwrap__title { font-size: 18px; font-weight: 800; color: rgb(var(--gh-fg-rgb)); margin: 0 0 14px; padding-left: 4px; }
.gh-cwc-banner { display: flex; gap: 14px; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 18px 0 4px; padding: 16px 20px; border-radius: 14px; border: 1px solid rgba(255,211,78,.3); background: linear-gradient(120deg, rgba(255,150,80,.14), rgba(var(--gh-fg-rgb),.03)); }
.gh-cwc-banner__txt { font-size: 14px; color: rgba(var(--gh-fg-rgb),.88); }
.gh-cwc-banner__txt b { color: var(--cwc-accent); }
.gh-cwc-banner__btn { flex-shrink: 0; padding: 10px 20px; border-radius: 10px; background: linear-gradient(90deg,#ffd34e,#ff9558); color: #20242e; font-weight: 800; font-size: 14px; text-decoration: none; }
.gh-cwc-banner__btn:hover { opacity: .9; }

.gh-cwc-ranktools { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 20px; }
.gh-cwc-seasonsel__sel { flex: 1 1 240px; min-width: 0; padding: 10px 14px; border-radius: 10px; border: 1px solid rgba(var(--gh-fg-rgb),.18); background: rgba(var(--gh-fg-rgb),.06); color: rgb(var(--gh-fg-rgb)); font-size: 14px; font-weight: 600; cursor: pointer; }
.gh-cwc-searchform { display: flex; gap: 6px; flex: 1 1 220px; }
.gh-cwc-searchform input { flex: 1; min-width: 0; padding: 10px 14px; border-radius: 10px; border: 1px solid rgba(var(--gh-fg-rgb),.18); background: rgba(var(--gh-fg-rgb),.06); color: rgb(var(--gh-fg-rgb)); font-size: 14px; }
.gh-cwc-searchform button { padding: 10px 18px; border-radius: 10px; border: none; background: var(--cwc-accent); color: #20242e; font-weight: 800; font-size: 14px; cursor: pointer; white-space: nowrap; }
.gh-cwc-empty { text-align: center; padding: 40px 16px; font-size: 14px; line-height: 1.7; color: rgba(var(--gh-fg-rgb),.82); }
.gh-cwc-empty__icon { font-size: 38px; margin-bottom: 10px; }
.gh-cwc-empty b { color: var(--cwc-accent); }
.gh-cwc-empty a { color: var(--cwc-a); font-weight: 700; text-decoration: underline; }
.gh-cwc-pager { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; margin-top: 22px; }
.gh-cwc-pager__btn { min-width: 36px; padding: 8px 12px; border-radius: 8px; text-align: center; text-decoration: none; font-size: 13px; font-weight: 700; color: rgba(var(--gh-fg-rgb),.82); background: rgba(var(--gh-fg-rgb),.05); border: 1px solid rgba(var(--gh-fg-rgb),.1); }
.gh-cwc-pager__btn:hover { background: rgba(var(--gh-fg-rgb),.12); }
.gh-cwc-pager__btn.is-active { background: var(--cwc-accent); color: #20242e; border-color: var(--cwc-accent); }

/* 메인 홈 프로모 */
.gh-home-cwc { --cwc-accent: rgb(var(--gh-accent-rgb)); display: flex; gap: 20px; align-items: center; padding: 22px 24px; margin: 0 0 16px; border-radius: 16px; border: 1px solid rgba(255,211,78,.28); background: linear-gradient(120deg, rgba(255,150,80,.12), rgba(var(--gh-fg-rgb),.03)); }
.gh-home-cwc__left { flex: 1 1 0; min-width: 0; }
.gh-home-cwc__badge { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: 2px; color: var(--cwc-accent); margin-bottom: 6px; }
.gh-home-cwc__title { font-size: 24px; font-weight: 900; color: rgb(var(--gh-fg-rgb)); margin: 0 0 8px; }
.gh-home-cwc__desc { font-size: 13px; color: rgba(var(--gh-fg-rgb),.82); margin: 0 0 8px; line-height: 1.5; }
.gh-home-cwc__prize { font-size: 13.5px; color: rgba(var(--gh-fg-rgb),.88); margin: 0 0 4px; }
.gh-home-cwc__prize b { color: var(--cwc-accent); font-weight: 800; }
.gh-home-cwc__period { font-size: 12.5px; color: rgba(var(--gh-fg-rgb),.55); margin: 0 0 16px; }
.gh-home-cwc__btns { display: flex; gap: 8px; flex-wrap: wrap; }
.gh-home-cwc__btn { display: inline-block; padding: 11px 20px; border-radius: 10px; font-size: 14px; font-weight: 700; text-decoration: none; border: 1px solid rgba(var(--gh-fg-rgb),.2); color: rgba(var(--gh-fg-rgb),.82); background: rgba(var(--gh-fg-rgb),.05); }
.gh-home-cwc__btn:hover { background: rgba(var(--gh-fg-rgb),.12); color: rgb(var(--gh-fg-rgb)); }
.gh-home-cwc__btn--primary { background: linear-gradient(90deg,#ffd34e,#ff9558); border: none; color: #20242e; font-weight: 800; }
.gh-home-cwc__right { flex: 0 0 auto; }
.gh-home-cwc__right .gh-cwc-podium { margin: 0; gap: 18px; }
.gh-home-cwc__right .gh-cwc-pod { max-width: 100px; }
.gh-home-cwc__right .gh-cwc-pod--1 .gh-cwc-pod__char { width: 117px; height: 117px; }
.gh-home-cwc__right .gh-cwc-pod--2 .gh-cwc-pod__char { width: 93px; height: 93px; }
.gh-home-cwc__right .gh-cwc-pod--3 .gh-cwc-pod__char { width: 87px; height: 87px; }
.gh-home-cwc__right .gh-cwc-pod__char img { transform: scale(2.7) translateY(-18px); }
.gh-home-cwc__right .gh-cwc-pod__rank { font-size: 13px; }
.gh-home-cwc__right .gh-cwc-pod__name { font-size: 12px; }
.gh-home-cwc__right .gh-cwc-pod--1 .gh-cwc-pod__name { font-size: 13px; }
.gh-home-cwc__right .gh-cwc-pod--1 .gh-cwc-pod__stand { height: 40px; }
.gh-home-cwc__right .gh-cwc-pod--2 .gh-cwc-pod__stand { height: 30px; }
.gh-home-cwc__right .gh-cwc-pod--3 .gh-cwc-pod__stand { height: 24px; }
.gh-home-cwc__empty { font-size: 13px; color: rgba(var(--gh-fg-rgb),.55); text-align: center; line-height: 1.6; padding: 16px; }
@media (max-width: 680px) {
	.gh-home-cwc { flex-direction: column; align-items: stretch; }
	.gh-home-cwc__right { display: flex; justify-content: center; }
}

/* Top3 포디움 */
.gh-cwc-podium { display: flex; justify-content: center; align-items: flex-end; gap: 10px; margin: 6px 0 24px; }
.gh-cwc-pod { flex: 1 1 0; max-width: 170px; text-decoration: none; display: flex; flex-direction: column; align-items: center; transition: transform .15s; }
.gh-cwc-pod:hover { transform: translateY(-5px); }
.gh-cwc-pod__medal { font-size: 26px; line-height: 1; margin-bottom: 4px; }
.gh-cwc-pod__char { border-radius: 50%; overflow: hidden; background: rgba(var(--gh-fg-rgb),.08); border: 3px solid #555; }
.gh-cwc-pod__char img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transform: scale(2.7) translateY(-22px); transform-origin: center 16%; }
.gh-cwc-pod--1 .gh-cwc-pod__char { width: 122px; height: 122px; border-color: var(--cwc-accent); box-shadow: 0 0 26px rgba(255,211,78,.5); }
.gh-cwc-pod--2 .gh-cwc-pod__char { width: 98px; height: 98px; border-color: #cdd6e6; }
.gh-cwc-pod--3 .gh-cwc-pod__char { width: 90px; height: 90px; border-color: #d8a679; }
.gh-cwc-pod__name { font-size: 15px; font-weight: 800; color: rgb(var(--gh-fg-rgb)); margin-top: 8px; text-align: center; }
.gh-cwc-pod--1 .gh-cwc-pod__name { font-size: 17px; color: var(--cwc-accent); }
.gh-cwc-pod__sub { font-size: 11px; color: rgba(var(--gh-fg-rgb),.55); margin-top: 2px; }
.gh-cwc-pod__stand { margin-top: 8px; width: 100%; border-radius: 8px 8px 0 0; display: flex; flex-direction: column; align-items: center; padding-top: 8px; gap: 1px; }
.gh-cwc-pod--1 .gh-cwc-pod__stand { height: 82px; background: linear-gradient(#ffd34e, #e0a91e); }
.gh-cwc-pod--2 .gh-cwc-pod__stand { height: 64px; background: linear-gradient(#cdd6e6, #97a3bb); }
.gh-cwc-pod--3 .gh-cwc-pod__stand { height: 56px; background: linear-gradient(#d8a679, #b07a44); }
.gh-cwc-pod__rank { font-size: 20px; font-weight: 900; color: #20242e; }
.gh-cwc-pod__score { font-size: 13px; font-weight: 800; color: #1a1d26; }
.gh-cwc-pod__score b { font-size: 15px; }

.gh-cwc-rank { list-style: none; margin: 0; padding: 0; }
.gh-cwc-rank li { list-style: none; margin-bottom: 8px; }
.gh-cwc-rank__row { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-radius: 12px; background: rgba(var(--gh-fg-rgb),.04); text-decoration: none; transition: background .12s; }
.gh-cwc-rank__row:hover { background: rgba(var(--gh-fg-rgb),.09); }
.gh-cwc-rank__no { width: 28px; text-align: center; font-size: 16px; font-weight: 900; color: var(--cwc-accent); }
.gh-cwc-rank__ava { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; background: rgba(var(--gh-fg-rgb),.08); flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.gh-cwc-rank__ava img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transform: scale(2.7) translateY(-11px); transform-origin: center 20%; }
.gh-cwc-rank__name { flex: 1; font-size: 15px; font-weight: 700; color: rgb(var(--gh-fg-rgb)); display: flex; flex-direction: column; }
.gh-cwc-rank__name small { font-size: 11px; font-weight: 400; color: rgba(var(--gh-fg-rgb),.55); }
.gh-cwc-rank__score { font-size: 16px; font-weight: 900; color: var(--cwc-accent); }
.gh-cwc-rank__score small { font-size: 11px; font-weight: 600; color: rgba(var(--gh-fg-rgb),.55); margin-left: 2px; }

@media (max-width: 560px) {
	.gh-cwc-card__imgwrap { height: 150px; }
	.gh-cwc-card__img { max-height: 150px; }
	.gh-cwc-hero__title { font-size: 24px; }
	.gh-cwc-match { gap: 6px; }
	.gh-cwc-card { padding: 12px 8px 10px; }
}