[data-commerce-view="challenges"] .mission-subnav{margin:18px 0 22px;gap:12px}
[data-commerce-view="challenges"] .mission-subnav button{min-width:145px;border:1px solid #22bfff;border-radius:13px;min-height:48px;color:#e5f3ff;background:linear-gradient(#063656,#001c36);font-size:18px}
[data-commerce-view="challenges"] .mission-subnav button[aria-pressed="true"]{background:linear-gradient(130deg,#fff28c,#ffd144 60%,#ffeb92);color:#051f3b;border-color:#fff0a2;box-shadow:0 0 15px #ffdf5355}
.mission-subnav p{border:1px solid #1fa1df;border-radius:13px;padding:12px 18px;flex:0 1 auto;margin:0 0 0 auto!important;font-size:16px!important;background:#001a35b8}
.mission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.mission-grid .commerce-mission{--accent:#ffe071;padding:20px;border:1.5px solid #14c8ff;border-radius:25px;background:linear-gradient(170deg,#001a3699,#001b37f5 65%),url('store-stadium-v1.png') center/cover;box-shadow:inset 0 0 15px #00aeff44,0 0 12px #008eff22;position:relative;isolation:isolate;min-width:0}
.mission-grid .mission-gems{--accent:#ca8bff}.mission-grid .commerce-mission:before{content:"";position:absolute;inset:0;border-radius:24px;pointer-events:none;background:linear-gradient(135deg,var(--accent),transparent 17%,transparent 90%,var(--accent));opacity:.38;z-index:-1}
.mission-art{height:132px;position:relative;display:grid;place-items:center}.mission-kicker{position:absolute;left:3px;top:2px;font-size:10px;letter-spacing:3px;color:var(--accent);text-transform:uppercase;font-weight:800}.mission-art small{position:absolute;right:6px;top:29px;font-size:8px;letter-spacing:3px;line-height:2;color:#54b7ed}.mission-emblem{font:110px/1 Georgia,serif;color:#ffde63;text-shadow:2px 4px #9f641a,0 0 8px #ffe57c,0 0 28px var(--accent);transform:rotate(-12deg);filter:drop-shadow(0 8px 8px #0008)}
.mission-grid .commerce-mission h4{font:800 clamp(21px,2.15vw,34px)/1.15 'Manrope',Arial,sans-serif;margin:13px 0 6px;color:#eef7ff;letter-spacing:-1px}.mission-grid .commerce-mission>p{font-size:16px;line-height:1.5;color:#b8d7f5;margin:0 0 14px;min-height:48px}
.mission-progress-row{display:flex;align-items:center;gap:17px;margin:auto 0 17px}.mission-progress-row .commerce-progress{flex:1;height:17px;border:1px solid #25c9ff;box-shadow:inset 0 0 6px #009cff66;margin:0;background:#00132a;border-radius:20px}.mission-progress-row b{color:#bfdfff;font-size:16px;white-space:nowrap}.mission-progress-row .commerce-progress span{background:linear-gradient(90deg,#12a9f0,#ffe878)}
.mission-reward{display:flex;align-items:center;gap:20px;border:1px solid #a3844366;border-radius:14px;background:linear-gradient(110deg,#3f30197a,#00172dad);padding:12px 18px;margin-bottom:12px}.mission-gems .mission-reward{border-color:#9773e680;background:linear-gradient(110deg,#29125488,#00172dad)}.mission-reward>.club-icon{width:53px;height:57px;flex-shrink:0;filter:drop-shadow(0 0 8px #ffcf4455)}.mission-reward small{display:block;letter-spacing:3px;color:var(--accent);font-size:11px;font-weight:800;margin-bottom:3px}.mission-reward strong{font-size:26px;color:var(--accent);font-weight:800}
.mission-grid .commerce-button{min-height:53px;border-radius:13px;background:linear-gradient(125deg,#ffe77d,#ffd03d,#ffdf6a);border:1px solid #fff1a0;color:#001d3a;font-size:20px;box-shadow:0 0 12px #ffd94b33}.mission-grid .commerce-button:disabled{opacity:.7}.mission-grid .commerce-button.secondary{background:#092c45;color:#9dccdf;border-color:#2483a3;box-shadow:none}
@media(max-width:1000px){.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-grid .commerce-mission h4{font-size:25px}.mission-reward strong{font-size:24px}}
@media(max-width:600px){.mission-grid{grid-template-columns:1fr;gap:14px}.mission-grid .commerce-mission{padding:16px;border-radius:19px}.mission-art{height:100px}.mission-emblem{font-size:85px}.mission-grid .commerce-mission h4{font-size:25px}.mission-grid .commerce-mission>p{font-size:14px;min-height:0}.mission-reward{padding:9px 14px}.mission-reward>.club-icon{width:41px;height:44px}.mission-grid .commerce-button{font-size:17px;min-height:44px}.mission-subnav p{width:100%;font-size:12px!important;padding:9px}.mission-subnav button{min-width:100px!important;min-height:40px!important;font-size:15px!important}.mission-kicker{font-size:9px;letter-spacing:2px}}
/* Five compact columns; narrow phones scroll the cards, never the popup. */
body [data-commerce-view="challenges"] #commerce-content{display:block!important;flex:none!important;height:auto!important;max-height:none!important;overflow:visible!important}
body [data-commerce-view="challenges"] .mission-grid{height:auto!important;max-height:none!important;flex:none!important;grid-auto-rows:auto;align-content:start}
body [data-commerce-view="challenges"] .commerce-mission{height:auto!important;min-height:265px!important;max-height:none!important;flex-shrink:0}
body [data-commerce-view="challenges"] .commerce-mission>*{flex-shrink:0}
[data-commerce-view="challenges"] .mission-grid{grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:3px 2px 10px;scrollbar-width:thin;scrollbar-color:#209cce #001c34;overscroll-behavior-x:contain}
[data-commerce-view="challenges"] .commerce-mission{padding:11px;border-radius:15px;box-shadow:inset 0 0 10px #00aeff33}
[data-commerce-view="challenges"] .mission-art{height:65px}
[data-commerce-view="challenges"] .mission-emblem{font-size:54px}
[data-commerce-view="challenges"] .mission-kicker{font-size:7px;letter-spacing:1px;top:0}
[data-commerce-view="challenges"] .mission-art small{display:none}
[data-commerce-view="challenges"] .commerce-mission h4{font-size:16px;letter-spacing:-.3px;line-height:1.2;margin:8px 0 6px}
[data-commerce-view="challenges"] .commerce-mission>p{font-size:11px;line-height:1.4;min-height:31px;margin:0 0 10px}
[data-commerce-view="challenges"] .mission-progress-row{gap:7px;margin:auto 0 10px}
[data-commerce-view="challenges"] .mission-progress-row b{font-size:10px}
[data-commerce-view="challenges"] .commerce-progress{height:9px;min-width:0}
[data-commerce-view="challenges"] .mission-reward{gap:8px;padding:8px;margin-bottom:8px;border-radius:9px}
[data-commerce-view="challenges"] .mission-reward>.club-icon{width:25px;height:29px}
[data-commerce-view="challenges"] .mission-reward small{font-size:7px;letter-spacing:1px}
[data-commerce-view="challenges"] .mission-reward strong{font-size:15px;line-height:1.2}
[data-commerce-view="challenges"] .mission-grid .commerce-button{min-height:36px;padding:7px 4px;font-size:12px;border-radius:8px;white-space:normal}
[data-commerce-view="challenges"] .mission-subnav{margin:10px 0 12px;gap:8px}
[data-commerce-view="challenges"] .mission-subnav button{min-width:85px!important;min-height:35px!important;padding:7px 14px;font-size:13px!important;border-radius:9px}
[data-commerce-view="challenges"] .mission-subnav p{font-size:11px!important;padding:8px 11px;border-radius:9px;width:auto}
@media(max-width:600px){[data-commerce-view="challenges"] .mission-subnav p{flex-basis:100%;text-align:left}[data-commerce-view="challenges"] .mission-grid{grid-template-columns:repeat(5,minmax(145px,1fr))}}