/* Compact header labels keep their own progress; the expanded journey is a
   scrollable collection, never a fixed-height list clipped behind buttons. */
.journey-header-chip{display:flex!important;flex-direction:column!important;justify-content:center;gap:6px;min-width:140px;max-width:230px;min-height:48px!important;padding:9px 15px!important;border:1px solid #88dbea88!important;border-radius:16px!important;background:linear-gradient(130deg,#133655eb,#1e2a4ceb)!important;color:#f5f8ff!important;text-align:start;box-shadow:inset 0 1px #dbf8ff20,0 3px 0 #05172f55;font-family:inherit}
.journey-header-chip[data-journey=achievements]{border-color:#e9cc827d!important;background:linear-gradient(130deg,#253959eb,#342948eb)!important}.journey-chip-line{display:flex;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap}.journey-chip-line strong{font-size:clamp(10px,1.05vw,16px);font-weight:850}.journey-chip-line small{font-size:clamp(8px,.78vw,11px);opacity:.77;font-weight:600}.journey-chip-bar{display:block;height:4px;background:#070f245e;border-radius:20px;overflow:hidden}.journey-chip-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#63d8e9,#a6ffd6);transition:width .45s}.journey-header-chip[data-journey=achievements] .journey-chip-bar>span{background:linear-gradient(90deg,#ffbd65,#ffe9a4)}
.modal-card:has(.journey-page){width:min(1060px,96vw);max-height:94dvh;display:flex;flex-direction:column;padding:clamp(13px,2vw,24px);overflow:hidden}.modal-card:has(.journey-page)>h2{font-size:clamp(20px,2.5vw,32px);margin:0 36px 12px 0;line-height:1.2;flex:none}.journey-page{color:#edf8ff;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 5px 8px;scrollbar-width:thin;scrollbar-color:#577a97 #102945;font-size:14px}.journey-page *{box-sizing:border-box}.journey-hero{display:flex;align-items:center;gap:20px;border:1px solid #a4d7ee4f;border-radius:20px;padding:18px 22px;background:radial-gradient(ellipse at 15% 5%,#46b5d525,transparent 60%),linear-gradient(115deg,#163d59,#252e53);box-shadow:inset 0 1px #c8eaff13;margin-bottom:14px}.journey-level-medal{flex:0 0 84px;width:84px;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;clip-path:polygon(22% 0,78% 0,100% 24%,100% 76%,78% 100%,22% 100%,0 76%,0 24%);background:linear-gradient(145deg,#fff3ba,#cc9156 53%,#f9cd77);color:#223349;filter:drop-shadow(0 6px 10px #0006)}.journey-level-medal small{font-size:12px;letter-spacing:.16em;font-weight:900}.journey-level-medal strong{font-size:34px;line-height:1.12;font-weight:950}.journey-hero-copy{flex:1;min-width:0}.journey-eyebrow{display:block;color:#a7cfe2;font-size:10px;font-weight:850;letter-spacing:.13em;margin-bottom:5px}.journey-hero h3{font-size:clamp(16px,2vw,24px);line-height:1.25;margin:0 0 13px;color:#f4f8ff}.journey-xp-copy{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:8px;color:#b2d2e5}.journey-xp-copy strong{color:#9cffdc}.journey-bar{height:7px;border-radius:20px;overflow:hidden;background:#06172e9c;box-shadow:inset 0 1px 1px #0003}.journey-bar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#62cde0,#a4fccc);box-shadow:0 0 12px #93efd844}.journey-tabs{display:flex;gap:7px;padding:5px;border:1px solid #8da9d82f;background:#0b213955;border-radius:14px;margin-bottom:10px}.journey-tabs button{flex:1;padding:10px 12px;border-radius:10px;background:transparent;color:#a4bcd3;border:1px solid transparent;font-size:14px;font-weight:850}.journey-tabs button.active{background:linear-gradient(110deg,#27667c,#2e4772);border-color:#a2e2ed70;color:white;box-shadow:0 3px 10px #08152922}.journey-rules{border:1px solid #76adc039;border-radius:12px;background:#14344955;margin-bottom:13px;color:#b5d0df}.journey-rules summary{cursor:pointer;padding:10px 13px;font-size:12px;font-weight:750;color:#abeced}.journey-rules p{font-size:12px;line-height:1.65;margin:0;padding:0 13px 10px}.journey-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;font-size:12px}.journey-filters{display:flex;gap:6px}.journey-filters button{font-size:11px;border-radius:20px;border:1px solid #6685ab6b;background:transparent;color:#a8c1d2;padding:6px 12px}.journey-filters button.active{background:#9bf0d520;color:#b5ffe2;border-color:#8aecd183}.journey-next{font-size:12px;color:#c2dfef;margin:10px 0 14px}.journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.journey-card{min-width:0;border:1px solid #718dad59;border-radius:17px;padding:14px;background:radial-gradient(ellipse at 100% 0,#7797ad16,transparent 70%),linear-gradient(150deg,#203b59e8,#152b47ed);box-shadow:0 5px 14px #07102022;transition:border-color .18s,transform .18s}.journey-card.unlocked{border-color:#94d9b663;background:radial-gradient(ellipse at 100% 0,#70cfa916,transparent 65%),linear-gradient(145deg,#213e55,#192e48)}.journey-card-head{display:flex;align-items:center;gap:10px}.journey-medal{flex:none;width:42px;height:46px;display:grid;place-items:center;color:var(--reward-color);background:linear-gradient(145deg,#304761,#102a43);border:1px solid #8196ab6b;clip-path:polygon(16% 0,84% 0,100% 18%,100% 75%,50% 100%,0 75%,0 18%)}.journey-medal svg{width:26px;height:26px}.journey-card-title{flex:1;min-width:0}.journey-card-kind{display:block;font-size:8px;font-weight:800;letter-spacing:.05em;color:#a0bacd;margin-bottom:4px}.journey-card h3{font-size:16px;line-height:1.45;margin:0;font-weight:850;color:#f3f7ff}.journey-status{font-size:9px;color:#8197b0;flex:none}.journey-card.unlocked .journey-status{border-radius:50%;width:23px;height:23px;background:#90e7c729;display:grid;place-items:center;font-size:15px;color:#aaf5d7}.journey-description{font-size:12px;line-height:1.55;color:#bad0de;min-height:36px;margin:11px 0}.journey-counter{display:block;font-size:10px;color:#8eb3ca;margin:7px 0 10px}.journey-card.unlocked .journey-counter{color:#a3e8cc}.journey-reward-items{display:flex;gap:7px;border-top:1px solid #819ab829;padding-top:10px;align-items:stretch}.journey-reward-item{flex:1;min-width:0;max-width:100%;background:#0b203a4f;border:1px solid #6987a745;border-radius:11px;padding:4px 6px 7px;color:#ddefff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;text-align:center}.journey-reward-item:hover{border-color:#9ce9dd;background:#17435b70}.journey-reward-preview{width:min(150px,100%);height:72px;object-fit:contain;display:block}.journey-reward-type{color:#90b6ca;font-size:9px;margin:1px 0 4px}.journey-reward-item strong{font-size:11px;line-height:1.3;font-weight:750}.journey-owned{font-size:8px;color:#9df0cc;margin-top:5px}.journey-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:10px 0 0;position:sticky;bottom:0;background:linear-gradient(transparent,#132a43 18%);font-size:12px}.journey-pager button{min-height:35px;padding:8px 18px;font-size:12px;max-width:38%}.journey-empty{grid-column:1/-1;padding:30px 12px;text-align:center;color:#b1cddd}
.xp-result{position:fixed;z-index:80;inset-inline-start:50%;bottom:clamp(12px,5vh,42px);transform:translateX(-50%);width:min(500px,90vw);padding:17px 20px;border:1px solid #b1f5d5ad;border-radius:20px;color:#f4fbff;background:radial-gradient(ellipse at 15% 0,#65d6be25,transparent 65%),linear-gradient(125deg,#173e52f5,#252745f7);box-shadow:0 14px 60px #010a22a8,0 0 28px #75e0c527;backdrop-filter:blur(15px);animation:xp-arrive .45s cubic-bezier(.2,.9,.2,1.15);pointer-events:auto}.xp-result[dir=rtl]{transform:translateX(50%)}.xp-result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.xp-result-title{display:block;font-size:17px;line-height:1.25}.xp-result-close{background:#c2d7df16;border:1px solid #a5d4e04f;border-radius:50%;flex:none;width:28px;height:28px;padding:0;color:#b5d0dd;font-size:20px}.xp-result-center{display:flex;align-items:center;gap:15px;margin:15px 0 12px}.xp-result-level{font-size:16px;color:#ffe1a4;padding:7px 10px;border:1px solid #ffe1a470;background:#9e743a17;border-radius:11px}.xp-result-earned{font-size:29px;letter-spacing:-.04em;color:#b4ffda;flex:1}.xp-result-coins{font-size:15px;color:#ffe4a3}.xp-result-track{height:9px}.xp-result-totals{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:10px;color:#a3bed0}.xp-result-totals strong{color:#cce5f2}.xp-result-rewards{display:flex;flex-direction:column;gap:5px;border-top:1px solid #8cb7ca35;margin-top:12px;padding-top:10px}.xp-result-rewards span{font-size:8px;color:#c7bce9;font-weight:850;letter-spacing:.12em}.xp-result-rewards strong{font-size:11px;color:#f0defe;line-height:1.4}.xp-result.level-up .xp-result-level{animation:xp-level .7s ease-out}.achievement-banner svg{height:30px;width:30px;color:#ffe1a3;float:inline-start;margin-inline-end:12px}.achievement-banner{max-width:min(440px,90vw)}
@keyframes xp-arrive{from{opacity:0;margin-bottom:-22px;scale:.93}to{opacity:1;margin-bottom:0;scale:1}}@keyframes xp-level{40%{box-shadow:0 0 32px #ffd887aa;scale:1.18}100%{box-shadow:none;scale:1}}
@media(min-width:1100px){.journey-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-height:500px){.modal-card:has(.journey-page){max-height:96dvh;padding:11px 17px}.modal-card:has(.journey-page)>h2{font-size:21px;margin-bottom:8px}.journey-hero{padding:10px 15px;gap:14px;margin-bottom:8px;border-radius:14px}.journey-level-medal{flex-basis:59px;width:59px;height:59px}.journey-level-medal strong{font-size:25px}.journey-level-medal small{font-size:9px}.journey-hero h3{font-size:16px;margin-bottom:7px}.journey-xp-copy{font-size:10px;margin-bottom:5px}.journey-tabs{margin-bottom:8px}.journey-tabs button{font-size:12px;padding:8px}.journey-rules{margin-bottom:8px}.journey-rules summary{font-size:10px;padding:8px 12px}.journey-tools{margin:8px 0}.journey-card{padding:10px}.journey-card h3{font-size:14px}.journey-medal{width:34px;height:38px}.journey-reward-preview{height:62px}.journey-header-chip{min-width:119px;min-height:39px!important;padding:6px 10px!important;gap:4px;border-radius:12px!important}.journey-chip-line{gap:8px}.journey-chip-line strong{font-size:11px}.journey-chip-line small{font-size:8px}.xp-result{width:min(470px,78vw);bottom:12px;padding:12px 16px}.xp-result-center{margin:10px 0 9px}.xp-result-title{font-size:15px}.xp-result-earned{font-size:24px}}
@media(max-width:560px){.journey-grid{grid-template-columns:1fr}.journey-tools{align-items:flex-start;flex-direction:column}.journey-xp-copy{flex-wrap:wrap}.journey-hero{gap:12px;padding:13px}.journey-header-chip{min-width:106px;max-width:158px;padding:6px 8px!important}.journey-chip-line{gap:6px}.journey-chip-line strong{font-size:10px}.journey-chip-line small{font-size:7px}.journey-reward-preview{height:78px}}
@media(prefers-reduced-motion:reduce){.xp-result,.xp-result.level-up .xp-result-level,.journey-chip-bar>span,.journey-card{animation:none!important;transition:none!important}}
.modal-card:has(.journey-page) #modalBody{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1}.modal-card:has(.journey-page) #modalActions:empty{display:none}.modal-card:has(.journey-page) .journey-page{flex:1}

.journey-reward-source{display:block;color:#93e6c9;font-size:9px;line-height:1.3;margin-top:3px}.xp-result{max-height:calc(100dvh - 24px);overflow-y:auto}.xp-result-rewards[data-source=level] span{color:#97e5ff}.xp-result-rewards[data-source=achievement] span{color:#dcc2ff}

/* Categories keep the 53-reward collection browsable on landscape phones. */
.journey-categories{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 13px}.journey-categories button{font:inherit;font-size:11px;min-height:33px;padding:7px 11px;border-radius:10px;border:1px solid #6c96b65e;background:#102b4380;color:#bbd4e7;white-space:normal}.journey-categories button.active{border-color:#f0cc8399;color:#ffe6ae;background:#70613b35}.journey-categories button:focus-visible,.journey-filters button:focus-visible,.journey-reward-item:focus-visible{outline:2px solid #a0edff;outline-offset:3px}.journey-filters{flex-wrap:wrap}.journey-card-kind{line-height:1.45}.journey-description{overflow-wrap:anywhere}.journey-pager{z-index:1}.journey-page[dir=rtl] .journey-eyebrow,.journey-page[dir=rtl] .journey-card-kind{letter-spacing:0}@media(max-height:500px){.journey-categories{gap:5px;margin-bottom:9px}.journey-categories button{font-size:10px;min-height:31px;padding:6px 9px}}

/* Home progression and commerce controls share the available width. The action
   group wraps before its intrinsic content can widen the RTL document. */
#home .topbar{height:auto;min-height:44px;gap:10px;flex-wrap:wrap;align-items:center}
#home .wordmark{flex:0 0 auto}
#home .top-actions{flex:1 1 260px;min-width:0;max-width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px}
#home .top-actions .journey-header-chip{min-height:44px!important;flex:0 1 auto}
#home #settings,#home #newsButton{width:44px;height:44px;flex:0 0 44px}
#home .wallet-actions{max-width:100%}
#home .wallet-badge,#home .reward-ad-button{min-height:44px}
@media(orientation:landscape){
 #home{display:flex;flex-direction:column}
 #home .topbar{flex:0 0 auto}
 #home .home-grid{height:auto;flex:1 1 auto;min-height:0}
 #home .hero-side{min-height:0;min-width:0}
 #home .menu-side{min-width:0;max-height:100%}
 #home #hero{width:auto;height:auto;max-width:100%;max-height:calc(100% - 54px);min-width:0;min-height:0;aspect-ratio:1;flex:0 1 auto}
 #home .skin-controls{flex-shrink:0}
}
@media(max-width:760px) and (orientation:landscape){
 #home .wordmark{font-size:25px}
 #home .wordmark span{font-size:7px;letter-spacing:2px;margin-top:8px}
 #home .topbar{gap:8px}
 #home .home-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 #home .hero-side{padding:6px 0}
 #home .skin-controls{gap:14px;margin-top:0}
 #home .skin-controls strong{font-size:14px}
 #home .skin-controls .eyebrow{font-size:8px}
}
@media(max-width:760px) and (max-height:350px) and (orientation:landscape){
 #home h1{font-size:16px;line-height:1.25;margin:3px 0}
 #home h1 br{display:none}
 [lang=ar] #home h1{line-height:1.25}
 #home .season-pill{font-size:8px;letter-spacing:.5px}
 [lang=ar] #home .season-pill{letter-spacing:0}
 #home .intro{display:none}
}