/* Fixed poster cards: only the desktop/mobile breakpoint changes their size. */
.xj-challenges{padding-block:32px 34px}
.xj-challenges__heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.xj-challenges__heading h2{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:#28374b}
.xj-challenges__heading h2:before{content:'';width:18px;height:18px;flex:none;border:2px solid #567da7;border-radius:50%;box-shadow:inset 0 0 0 3px var(--bg),inset 0 0 0 5px #567da7}
.xj-challenges__heading>span{font-size:12px;color:#65748a}
.xj-challenge-rail{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px 14px;overscroll-behavior-x:contain}
.xj-challenge-rail::-webkit-scrollbar{display:none;width:0;height:0}
.xj-challenge-card{position:relative;flex:0 0 200px;width:200px;height:348px;border:1px solid #8193ac66;border-radius:12px;overflow:hidden;background:#2c394e;color:#f3f6fc;box-shadow:0 5px 14px #263e5812;scroll-snap-align:start;isolation:isolate;transition:box-shadow .2s,border-color .2s}
.xj-challenge-card:hover{border-color:#d3e3f7;box-shadow:0 6px 18px #263e5830}
.xj-challenge-card:focus-within,.xj-challenge-card:focus-visible{outline:3px solid #537fac;outline-offset:2px}
.xj-challenge-card__cover{height:202px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#e4f6ff,#a0bcd3 50%,#5b7c9b)}
.xj-challenge-card__cover--hunt{background:radial-gradient(ellipse at 45% 32%,#dbe3fb,#a3add4 50%,#666f98)}
.xj-challenge-card__cover--season{background:radial-gradient(ellipse at 50% 35%,#effaff,#9dc2d1 50%,#558eaa)}
.xj-challenge-card__cover:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#172d4c12 20%,#1f3557b8);z-index:1;pointer-events:none}
.xj-challenge-card__period{position:absolute;top:10px;inset-inline-start:10px;z-index:3;border:1px solid #ffffff55;background:#21364c55;backdrop-filter:blur(6px);border-radius:5px;padding:2px 7px;font-size:12px;color:#fff}
.xj-challenge-card__art{position:absolute;width:144px;height:144px;object-fit:contain;top:15px;left:15px;filter:drop-shadow(0 12px 10px #253b6250);transform:rotate(-9deg)}
.xj-challenge-card__cover--hunt .xj-challenge-card__art{width:128px;height:144px;left:24px;transform:rotate(9deg)}
.xj-challenge-card__extra{position:absolute;top:85px;inset-inline-end:9px;width:65px;height:70px;object-fit:contain;filter:drop-shadow(0 7px 5px #213b4b40);transform:rotate(12deg)}
.xj-challenge-card__titles{position:absolute;inset: auto 12px 15px;z-index:2;text-align:center}
.xj-challenge-card__titles h3{font-size:22px;font-weight:900;line-height:1.4;letter-spacing:-.7px;text-shadow:0 2px 8px #1b34533b}
.xj-challenge-card__titles>span{display:block;margin-top:5px;font:800 9px/1.3 Arial,sans-serif;letter-spacing:1.7px;color:#eef4ff}
.xj-challenge-card__body{padding:14px 14px 12px;display:flex;flex-direction:column;height:144px}
.xj-challenge-card__body>p{font-size:13px;line-height:1.75;font-weight:500;color:#e6edf8;flex:1;margin:0}
.xj-challenge-card__reward{display:flex;flex-direction:column;gap:2px;margin-top:9px}
.xj-challenge-card__reward>span{font-size:12px;color:#aabbd1}
.xj-challenge-card__reward strong{display:flex;align-items:center;gap:6px;align-self:flex-start;font:700 17px/1.4 Arial,sans-serif;color:#f2f7ff}
.xj-challenge-card__reward small{font-size:10px;font-weight:400;color:#b3c4da}
.xj-challenge-card__coin{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid #b9d5f2;box-shadow:inset 0 0 0 2px #7498bb;border-radius:50%;background:#9bbfdb;color:#253a52;font-size:10px}
.xj-challenge-card__open{position:absolute;inset:0;z-index:4;background:transparent;border:0;border-radius:inherit;padding:0;cursor:pointer}
.xj-challenge-card__open:focus-visible{outline:0}
.xj-challenge-card--more{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 12px 12px;gap:6px;background:linear-gradient(145deg,#f2f5fa,#c8d3e1);color:#2d415b;border:1px solid #91a7c0;box-shadow:inset 0 1px #fff,0 5px 14px #263e5812;cursor:pointer}
.xj-challenge-card--more:hover{border-color:#607e9f;box-shadow:inset 0 1px #fff,0 6px 18px #263e5830}
.xj-challenge-more__icon{display:grid;grid-template-columns:repeat(2,18px);gap:4px;padding:5px;border:1px solid #a9bbd0;border-radius:18px;background:#f4f7fc90;box-shadow:inset 0 1px #fff,0 5px 0 #a3b4c73d}
.xj-challenge-more__icon i{width:18px;height:18px;border:1px solid #91abc8;border-radius:4px;background:linear-gradient(#c8d9ed,#819ebf)}
.xj-challenge-more__icon i:last-child{background:linear-gradient(#edf3fb,#b4c7df)}
.xj-challenge-more__count{font-size:11px;line-height:1.5;color:#58718e;border:1px solid #a8bbd0;border-radius:20px;padding:2px 7px}
.xj-challenge-more__copy h3{font-size:22px;line-height:1.45;font-weight:900;margin:0 0 8px}
.xj-challenge-more__copy p{font-size:13px;line-height:1.65;color:#566c87}
.xj-challenge-more__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:auto;border:1px solid #8ca3bf;border-radius:9px;background:linear-gradient(#fff,#e3eaf3);color:#2c4668;box-shadow:inset 0 1px #fff,0 4px 0 #a9bbcf70;font-size:14px;font-weight:800;line-height:1.6;padding:8px 10px;transition:background .2s,box-shadow .2s}
.xj-challenge-card--more:hover .xj-challenge-more__cta,.xj-challenge-card--more:focus-visible .xj-challenge-more__cta{background:#fff;box-shadow:inset 0 1px #fff,0 4px 0 #8da8c770,0 5px 16px #738ead30}
.xj-challenge-card--more:active .xj-challenge-more__cta{box-shadow:inset 0 2px 4px #56749a25}
.xj-catalog-page{padding-block:52px 72px;min-height:70vh}
.xj-catalog-page__intro{margin-bottom:32px}
.xj-catalog-page__back{display:inline-block;font-size:14px;color:#4f6c8f;margin-bottom:22px;border-bottom:1px solid #9db0c9;padding-block:4px}
.xj-catalog-page__intro h1{font-size:36px;line-height:1.6;color:#29394e}
.xj-catalog-page__intro p{font-size:14px;color:#61728a;margin-top:8px}
.xj-challenge-catalog{display:grid;grid-template-columns:repeat(auto-fill,200px);gap:24px 20px;justify-content:start}
@media(max-width:700px){
 .xj-challenges{padding-block:24px 26px}
 .xj-challenges__heading{margin-bottom:18px;gap:12px;align-items:flex-start}
 .xj-challenges__heading h2{font-size:20px}
 .xj-challenges__heading>span{max-width:112px;line-height:1.6}
 .xj-challenge-rail{gap:12px}
 .xj-challenge-card{flex-basis:168px;width:168px;height:322px;border-radius:10px}
 .xj-challenge-card__cover{height:176px}
 .xj-challenge-card__art{width:116px;height:120px;left:11px;top:14px}
 .xj-challenge-card__cover--hunt .xj-challenge-card__art{width:104px;height:120px;left:20px}
 .xj-challenge-card__extra{width:52px;height:56px;top:75px;inset-inline-end:5px}
 .xj-challenge-card__titles{inset-inline:9px;bottom:13px}
 .xj-challenge-card__titles h3{font-size:20px;letter-spacing:-.5px;line-height:1.4}
 .xj-challenge-card__titles>span{font-size:8px;letter-spacing:1.3px}
 .xj-challenge-card__body{height:144px;padding:12px}
 .xj-challenge-card__body>p{font-size:12px;line-height:1.7}
 .xj-challenge-card__reward{margin-top:6px}
 .xj-challenge-card__reward strong{font-size:16px}
 .xj-challenge-card--more{padding:14px 12px 12px;gap:6px}
 .xj-challenge-more__icon{grid-template-columns:repeat(2,16px);padding:4px}.xj-challenge-more__icon i{width:16px;height:16px}
 .xj-challenge-more__copy h3{font-size:19px;line-height:1.45;margin-bottom:8px}
 .xj-challenge-more__copy p{font-size:13px;line-height:1.65}
 .xj-challenge-more__cta{font-size:13px;min-height:52px;padding-inline:5px}
 .xj-catalog-page{padding-block:32px 60px}
 .xj-catalog-page__intro h1{font-size:29px}
 .xj-challenge-catalog{grid-template-columns:repeat(auto-fill,168px);justify-content:center;gap:20px 12px}
}