/* Challenge-card presentation layer. Visual only; keeps settlement, ratings and data untouched. */
.challenge-card{position:relative;isolation:isolate;border:1px solid color-mix(in srgb,var(--matchday-accent,var(--challenge-border)) 32%,var(--border));border-top-width:5px!important;box-shadow:0 14px 34px rgba(16,23,19,.1)}
.challenge-card:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,transparent 62%,color-mix(in srgb,var(--matchday-accent,var(--challenge-border)) 8%,transparent))}
.challenge-progress-rail{display:grid;grid-template-columns:repeat(var(--challenge-count,6),1fr);gap:5px;margin:0 2px 10px}
.challenge-progress-step{height:4px;border-radius:999px;background:#d8ddd9}
.challenge-progress-step.is-done{background:color-mix(in srgb,var(--matchday-accent,var(--i)) 48%,var(--i))}
.challenge-progress-step.is-current{height:6px;margin-top:-1px;background:var(--matchday-accent,var(--i));box-shadow:0 0 0 3px color-mix(in srgb,var(--matchday-accent,var(--i)) 16%,transparent)}
.decision-label{display:flex;align-items:center;gap:7px;margin:12px 1px 7px;color:var(--matchday-accent,var(--u));font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.decision-label:before{content:"";width:18px;height:2px;border-radius:99px;background:currentColor}
.challenge-card .opts{display:grid!important;gap:8px!important;margin:0!important}
.challenge-card .opt,.daily .challenge-card .opt{position:relative;display:flex!important;align-items:center;justify-content:flex-start;min-height:52px!important;padding:10px 42px 10px 50px!important;border:1.5px solid #cbd1cd!important;border-radius:14px!important;background:rgba(255,255,255,.82)!important;color:var(--i)!important;font-size:15px!important;font-weight:850!important;line-height:1.15!important;text-align:left!important;box-shadow:0 2px 0 rgba(16,23,19,.05);transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}
.challenge-card .opt:before{content:attr(data-option-key);position:absolute;left:12px;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#edf0ed;color:#5e6762;font-size:10px;font-weight:950;letter-spacing:.04em}
.challenge-card .opt:not(:disabled):active{transform:scale(.988)}
.challenge-card .opt.sel{border-color:var(--matchday-accent,var(--i))!important;background:color-mix(in srgb,var(--matchday-accent,var(--l)) 12%,white)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--matchday-accent,var(--i)) 14%,transparent),0 5px 12px rgba(16,23,19,.08)!important}
.challenge-card .opt.sel:before{background:var(--matchday-accent,var(--i));color:#fff}
.challenge-card .opt.sel:after{content:"✓";position:absolute;right:14px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--matchday-accent,var(--i));color:#fff;font-size:13px;font-weight:950}
.challenge-card .primary{min-height:50px!important;border-radius:14px!important;background:var(--matchday-accent,var(--i))!important;color:#fff!important;box-shadow:0 8px 18px color-mix(in srgb,var(--matchday-accent,var(--i)) 24%,transparent)}
.challenge-card .primary:disabled{box-shadow:none;filter:saturate(.7);opacity:.68}
.challenge-card .skip{min-height:44px!important;margin-top:7px!important;border:1px solid #cfd4d0!important;border-radius:13px!important;background:transparent!important;color:#68716c!important;font-size:12px!important;font-weight:900!important;letter-spacing:.06em;text-transform:uppercase}
.challenge-complete .challenge-card{background-color:#f7f8f5}
.challenge-complete .challenge-card .opts .opt{display:flex!important;opacity:.6}
.challenge-complete .challenge-card .opts .opt.sel{opacity:1}
.locked-status-banner{margin:-3px 0 11px!important;border:1px solid color-mix(in srgb,var(--matchday-accent,var(--l)) 38%,transparent);background:linear-gradient(135deg,var(--i),color-mix(in srgb,var(--matchday-accent,var(--i)) 22%,var(--i)))!important}
.vertical-batch .challenge-card{scroll-margin-top:12px}
.vertical-batch .challenge-card>.challenge-name{display:inline-flex;margin-bottom:4px;padding:6px 10px;border-radius:999px;background:var(--matchday-accent,var(--i));color:#fff;font-size:10px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:430px){.challenge-card .opt,.daily .challenge-card .opt{min-height:50px!important;padding:9px 38px 9px 47px!important}.challenge-card .opt:before{left:10px}.decision-label{margin-top:9px}.challenge-progress-rail{margin-bottom:7px}}
@media(max-height:720px){.challenge-card .opt,.daily .challenge-card .opt{min-height:46px!important;padding-top:7px!important;padding-bottom:7px!important}.challenge-card .opts{gap:6px!important}.decision-label{margin:7px 1px 5px}.challenge-progress-rail{margin-bottom:5px}.challenge-card .primary{min-height:46px!important}.challenge-card .skip{min-height:42px!important}}
@media(prefers-reduced-motion:reduce){.challenge-card .opt{transition:none}}