.game-heading{align-items:center}.game-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;overflow:hidden;background:linear-gradient(135deg,#082852 0%,#134a82 62%,#168b77 100%);color:#fff;border:0;position:relative}.game-hero:after{content:"";position:absolute;right:-70px;bottom:-95px;width:260px;height:260px;border-radius:50%;background:#ffffff12}.game-hero h3{font-size:clamp(24px,3vw,38px);line-height:1.08;margin:8px 0}.game-hero p{max-width:680px;color:#e6f3ff;margin:0}.game-eyebrow,.game-summary span,.game-section-title p{font-size:12px;font-weight:900;letter-spacing:.12em}.game-hero-mark{font-size:72px;filter:drop-shadow(0 10px 12px #0004);z-index:1}.game-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.game-summary{margin:0;text-align:center;padding:18px}.game-summary span{color:#4d647b}.game-summary strong{display:block;font-size:36px;color:#082852;margin:5px 0}.game-summary p{margin:0;color:#667789}.challenge-setup{border:2px solid #d89b16;background:#fff8e4}.game-section{margin:20px 0}.game-section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.game-section-title p,.game-section-title h3{margin:0}.game-section-title p{color:#168b77}.challenge-card{padding:0;overflow:hidden}.challenge-card+.challenge-card{margin-top:12px}.challenge-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;background:#f5f8fc;border-bottom:1px solid var(--line)}.challenge-card-head h3,.challenge-card-head p{margin:0}.challenge-status{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:#e5edf6;color:#24435f}.challenge-status.active{background:#d8f5e9;color:#086647}.challenge-status.pending{background:#fff1c7;color:#805b00}.challenge-status.completed{background:#e7e0ff;color:#49339a}.challenge-status.declined,.challenge-status.cancelled{background:#eee;color:#666}.challenge-versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center;padding:18px}.challenge-side{text-align:center;min-width:0}.challenge-side strong{display:block;font-size:clamp(18px,2.5vw,28px);color:#082852;overflow-wrap:anywhere}.challenge-side .challenge-score{font-size:clamp(30px,5vw,52px);font-weight:950;line-height:1;color:#168b77;margin:7px 0}.challenge-side.leading{background:#eefbf6;border-radius:14px;padding:12px;box-shadow:inset 0 0 0 2px #6ac8a6}.challenge-vs{font-size:13px;font-weight:950;color:#6d7d8d;background:#eef2f7;border-radius:999px;width:40px;height:40px;display:grid;place-items:center}.challenge-meta{display:flex;flex-wrap:wrap;gap:8px 14px;padding:0 18px 15px;color:#5f7184;font-size:13px}.challenge-progress{height:8px;background:#e8edf3;border-radius:999px;overflow:hidden;margin:0 18px 8px}.challenge-progress span{display:block;height:100%;background:linear-gradient(90deg,#168b77,#39b980)}.challenge-coverage{padding:0 18px 14px;color:#697b8d;font-size:12px}.challenge-actions{display:flex;flex-wrap:wrap;gap:8px;padding:14px 18px;border-top:1px solid var(--line);background:#fbfcfe}.challenge-message{margin:0 18px 14px;padding:11px 13px;background:#f3f7fb;border-left:4px solid #168b77;border-radius:8px}.challenge-empty{border:1px dashed #aebdcc;border-radius:14px;padding:24px;text-align:center;color:#6c7d8d;background:#fbfcfe}.challenge-leaderboard{overflow:hidden;border-radius:14px;border:1px solid var(--line);background:#fff}.challenge-rank{display:grid;grid-template-columns:42px minmax(130px,1fr) repeat(4,minmax(42px,70px));gap:8px;align-items:center;padding:12px 14px;border-top:1px solid var(--line)}.challenge-rank:first-child{border-top:0}.challenge-rank.header{font-size:11px;font-weight:900;text-transform:uppercase;color:#708090;background:#f5f8fc}.challenge-rank .rank-number{font-size:20px;font-weight:950;color:#168b77}.challenge-rank .rank-team{font-weight:850}.challenge-badges{font-size:12px;color:#6d5a08;margin-top:4px}.challenge-history-wrap summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer}.challenge-history-wrap[open] summary{margin-bottom:14px}.challenge-fair-play{display:flex;gap:14px;align-items:flex-start;border-left:5px solid #168b77}.challenge-fair-play>div:first-child{font-size:30px}.challenge-fair-play h3,.challenge-fair-play p{margin-top:0}.challenge-dialog{width:min(680px,calc(100% - 24px));max-height:92vh;border:0;border-radius:18px;padding:0;box-shadow:0 24px 80px #001a3670}.challenge-dialog::backdrop{background:#00162d99}.challenge-dialog form{padding:22px}.challenge-dialog-head{display:flex;justify-content:space-between;align-items:start}.challenge-dialog-head p,.challenge-dialog-head h2{margin:0}.challenge-dialog-head p{font-size:11px;letter-spacing:.12em;font-weight:900;color:#168b77}.challenge-dialog .icon-button{font-size:25px;padding:4px 11px}.challenge-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.challenge-dialog label{display:grid;gap:5px;margin:12px 0;font-weight:800}.challenge-personality{border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0}.challenge-personality summary{cursor:pointer;font-weight:850}.challenge-channels{display:flex;flex-wrap:wrap;gap:12px;border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:10px 14px}.challenge-channels legend{font-weight:850}.challenge-channels label{display:flex;margin:0}.challenge-preview{background:#eff7f5;border:1px solid #b7ded2;border-radius:12px;padding:13px;margin:12px 0}.challenge-preview p{margin:3px 0}.challenge-component-list{display:grid;gap:6px;padding:0 18px 14px}.challenge-component{display:grid;grid-template-columns:1fr auto auto;gap:10px;font-size:12px;padding:6px 8px;background:#f5f8fc;border-radius:7px}.challenge-event-list{margin:0 18px 14px;padding-left:18px;color:#667789;font-size:12px}
@media(max-width:760px){.game-summary-grid{grid-template-columns:1fr}.game-hero-mark{font-size:48px}.challenge-form-grid{grid-template-columns:1fr}.challenge-rank{grid-template-columns:34px minmax(100px,1fr) repeat(2,44px)}.challenge-rank>:nth-child(5),.challenge-rank>:nth-child(6){display:none}.challenge-versus{grid-template-columns:1fr}.challenge-vs{margin:auto}.game-section-title{align-items:flex-start;flex-direction:column}.game-heading{align-items:flex-start}.game-heading button{width:100%}}
