/* Compact, non-blocking reward card; remains visible in native dialogs. */
.xp-reward{position:fixed;z-index:5000;top:96px;right:24px;width:min(360px,calc(100vw - 24px));box-sizing:border-box;display:flex;gap:13px;align-items:center;padding:17px 19px;border:1px solid #d7bd71;border-radius:18px;background:linear-gradient(120deg,#223e32,#365843);color:#fff8e4;box-shadow:0 12px 38px #182e3940;pointer-events:none;isolation:isolate;text-align:left;font-family:var(--sans,Arial,sans-serif)}
.xp-reward[hidden]{display:none!important}dialog>.xp-reward{top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right))}
.xp-reward-icon{flex:0 0 47px;display:grid;place-items:center;width:47px;height:47px;border:1px solid #d9c68a66;border-radius:50%;background:#ecd48e12;color:#f0d38e}.xp-reward-icon .level-icon{width:27px;height:27px}
.xp-reward-copy{flex:1;min-width:0}.xp-reward-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.xp-reward-heading>strong{font-size:24px;font-weight:800;line-height:1.15;letter-spacing:-.6px;color:#f3d486;white-space:nowrap}.xp-reward-heading>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#dce9d4}.xp-reward-copy>b{display:block;margin:6px 0 10px;font-size:11px;font-weight:500;line-height:1.35;color:#f1f1df;overflow-wrap:anywhere}
.xp-reward-track{height:8px;overflow:hidden;border-radius:20px;background:#eff7d821;box-shadow:inset 0 1px 3px #162d3626}.xp-reward-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b6cf83,#f4d787);box-shadow:0 0 12px #f4d78770;min-width:0}
.xp-reward-footer{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:#d2dfc7;font-size:9px;line-height:1.4}.xp-reward-footer>span:last-child{text-align:right}.xp-reward-sparks{position:absolute;inset:0;overflow:visible;z-index:-1}.xp-reward-sparks i{position:absolute;color:#d9b463;font-style:normal;font-size:20px;opacity:0}.xp-reward-sparks i:nth-child(1){top:0;left:16px;--spark-x:-15px;--spark-y:-22px}.xp-reward-sparks i:nth-child(2){top:38%;right:0;--spark-x:12px;--spark-y:-8px}.xp-reward-sparks i:nth-child(3){bottom:0;left:52%;--spark-x:9px;--spark-y:18px}
.xp-pulse{animation:xp-arrive .35s cubic-bezier(.16,1,.3,1)}.xp-pulse .xp-reward-heading>strong{animation:xp-points .55s ease-out}.xp-pulse .xp-reward-sparks i{animation:xp-spark .9s ease-out both}.xp-pulse .xp-reward-sparks i:nth-child(2){animation-delay:.08s}.xp-pulse .xp-reward-sparks i:nth-child(3){animation-delay:.15s}.xp-level-up{border-color:#ffdc7e;background:linear-gradient(120deg,#3d4629,#526c3c)}.xp-level-up .xp-reward-icon{background:#f0d48e30;color:#ffe299}
#collectionXpFill.xp-is-animating{transition:none}
.xp-reward-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes xp-arrive{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes xp-points{0%{transform:scale(.88)}40%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes xp-spark{0%{opacity:0;transform:translate(0,0) scale(.5)}25%{opacity:1}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(1.2)}}
@media(max-width:760px){.xp-reward,dialog>.xp-reward{top:auto;bottom:calc(82px + env(safe-area-inset-bottom,0px));left:12px;right:12px;width:auto;max-width:360px;margin:0 auto;padding:14px 15px;gap:11px}.xp-reward-heading>strong{font-size:22px}.xp-reward-copy>b{font-size:10px;margin:5px 0 8px}.xp-reward-footer{font-size:9px}.xp-reward-icon{flex-basis:39px;width:39px;height:39px}dialog>.xp-reward{bottom:max(14px,calc(14px + env(safe-area-inset-bottom,0px)))}}
@media(prefers-reduced-motion:reduce){.xp-reward,.xp-reward *{animation:none!important}.xp-reward-sparks{display:none}#collectionXpFill{transition:none}}

.xp-reward-territories{display:block;font-size:9px;color:#d6deb7;margin-top:7px}.xp-reward-territories:empty{display:none}

.xp-reward-milestone{display:block;font-size:11px;line-height:1.45;color:#ffecb9;font-weight:600;margin-top:9px}.xp-reward-milestone:empty{display:none}.xp-legendary{background:linear-gradient(125deg,#4d4728,#273e31);border:2px solid #f3ce73;box-shadow:0 0 0 4px #ddbb551c,0 14px 36px #342e3340}.xp-level-up .xp-reward-icon{animation:level-medal-pop .8s ease-out}.xp-legendary .xp-reward-heading>strong{color:#ffe5a0}@keyframes level-medal-pop{0%{transform:scale(.7) rotate(-15deg)}60%{transform:scale(1.12) rotate(7deg)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.xp-level-up .xp-reward-icon{animation:none}}

/* A short-lived, explicitly estimated comparison accompanies each reward. */
.xp-reward{align-items:flex-start}.xp-reward-icon{margin-top:4px}.xp-reward-heading{padding-right:20px}
.xp-reward-comparison{margin-top:10px;padding-top:10px;border-top:1px solid #dfdfb73b;overflow-wrap:anywhere}
.xp-reward-comparison>strong{display:block;color:#ffe5a0;font-size:14px;line-height:1.35;font-weight:700}
.xp-reward-comparison>span{display:block;color:#fff8e4;font-size:11px;line-height:1.5;margin-top:4px}
.xp-reward-comparison>small{display:block;color:#d9e5d4;font-size:9px;line-height:1.4;margin-top:7px}
.xp-reward-comparison>small:empty{display:none}
.xp-reward-close{position:absolute;top:1px;right:1px;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;font:23px/1 var(--sans,Arial,sans-serif);color:#e5eddb;cursor:pointer;pointer-events:auto}
.xp-reward-close:hover{background:#ffffff14}.xp-reward-close:focus-visible{outline:2px solid #ffe5a0;outline-offset:-5px}
@media(max-width:760px){.xp-reward-comparison{margin-top:8px;padding-top:8px}.xp-reward-comparison>strong{font-size:13px}.xp-reward-comparison>small{font-size:9px}.xp-reward-heading{gap:8px}}
@media(max-height:550px) and (orientation:landscape){.xp-reward,dialog>.xp-reward{top:8px;bottom:auto;left:auto;right:8px;width:350px;max-width:calc(100vw - 16px)}.xp-reward-milestone{display:none}}

/* Each newly earned UN flag patch lands above its XP reward, without blocking checks. */
.xp-country-up,.xp-trophy-up{display:grid;grid-template-columns:47px minmax(0,1fr);column-gap:13px;row-gap:12px}
.xp-country-reward[hidden]{display:none!important}.xp-country-reward{grid-column:1/-1;display:flex;align-items:center;gap:16px;min-width:0;padding:0 15px 12px 0;border-bottom:1px solid #e6d39b45}
.xp-country-stage{position:relative;flex:0 0 98px;display:block;padding:5px 3px;isolation:isolate}
.xp-country-stage .flag-patch{box-sizing:border-box;max-width:none;width:92px;aspect-ratio:1.05;border:4px solid #b99a54;border-radius:20px 20px 26px 26px;padding:10px 7px;gap:7px;overflow:hidden;box-shadow:0 8px 14px #08191066,inset 0 0 0 2px #f1e1aa;animation:country-patch-land .85s cubic-bezier(.22,1,.36,1) both}
.xp-country-stage .flag-patch:after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 40%,#fff9dbaa 49%,transparent 58%);transform:translateX(-100%);animation:country-patch-shine 1.4s .35s ease both;pointer-events:none}
.xp-country-stage .flag-patch img{width:88%;height:auto;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:normal}
.xp-country-stage .patch-top,.xp-country-stage .patch-bottom{font-size:5px;letter-spacing:1px}
.xp-country-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.xp-country-copy>small{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#f3d486}.xp-country-copy>strong{font-family:var(--serif,Georgia,serif);font-size:24px;font-weight:400;line-height:1.08;color:#fff8df;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xp-country-copy>span{font-size:10px;line-height:1.35;color:#fff0ba}.xp-country-copy>b{font-size:9px;font-weight:500;color:#d3dfc7}
.xp-patch-spark{position:absolute;z-index:2;font-style:normal;color:#ffe39b;opacity:0;animation:country-patch-spark 1.2s .25s ease-out both}.xp-patch-spark:first-child{top:1px;left:-5px;font-size:19px}.xp-patch-spark:last-child{bottom:0;right:-5px;font-size:24px;animation-delay:.45s}
@keyframes country-patch-land{0%{transform:translateY(-20px) rotate(-20deg) scale(1.3);opacity:0}48%{transform:translateY(3px) rotate(6deg) scale(.94);opacity:1}72%{transform:translateY(-2px) rotate(-4deg) scale(1.04)}100%{transform:translateY(0) rotate(-2deg) scale(1);opacity:1}}
@keyframes country-patch-shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@keyframes country-patch-spark{0%{transform:scale(.3);opacity:0}30%{opacity:1}100%{transform:translateY(-12px) scale(1.1);opacity:0}}
@media(max-width:760px){.xp-country-up,.xp-trophy-up{grid-template-columns:39px minmax(0,1fr);column-gap:11px;row-gap:10px}.xp-country-reward{gap:13px;padding-bottom:10px}.xp-country-stage{flex-basis:82px}.xp-country-stage .flag-patch{width:80px;padding:8px 6px;gap:5px}.xp-country-copy>strong{font-size:21px}.xp-country-copy>small{font-size:8px}.xp-country-copy>span{font-size:9px}}
@media(max-height:550px){.xp-country-stage{flex-basis:68px}.xp-country-stage .flag-patch{width:64px;padding:6px 4px;gap:4px}.xp-country-copy{gap:4px}.xp-country-copy>strong{font-size:19px}.xp-country-reward{padding-bottom:6px}.xp-country-up,.xp-trophy-up{row-gap:7px}}
@media(prefers-reduced-motion:reduce){.xp-country-stage .flag-patch,.xp-country-stage .flag-patch:after,.xp-patch-spark{animation:none!important}.xp-country-stage .flag-patch{transform:rotate(-2deg)}.xp-country-stage .flag-patch:after,.xp-patch-spark{display:none}}

/* Regional trophy presentation: pedestal, mounted black plaque and raised map. */
.xp-trophy-reward[hidden]{display:none!important}.xp-trophy-reward{grid-column:1/-1;display:flex;align-items:center;gap:12px;min-width:0;padding:0 15px 10px 0;border-bottom:1px solid #e6d39b45}
.xp-trophy-stage{position:relative;display:block;flex:0 0 108px;perspective:550px}.xp-trophy-stage .region-trophy{display:block;width:108px;height:126px;overflow:visible;animation:trophy-presentation 1.05s cubic-bezier(.18,.8,.24,1) both}
.xp-trophy-stage .region-trophy-base{transform-origin:120px 262px;animation:trophy-base-arrive .6s ease-out both}.xp-trophy-stage .region-trophy-mount{transform-origin:120px 215px;animation:trophy-plaque-rise .85s .12s cubic-bezier(.18,.8,.24,1) both}.xp-trophy-stage .region-relief{animation:trophy-relief-reveal 1s .25s ease both}.xp-trophy-stage .region-trophy-shine{animation:trophy-glint 1.35s .65s ease both}.xp-trophy-stage .region-complete-seal{transform-origin:185px 31px;animation:trophy-seal-pop .65s .8s cubic-bezier(.2,1.5,.4,1) both}
.xp-trophy-spark{position:absolute;z-index:2;font-style:normal;color:#ffe39b;opacity:0;animation:country-patch-spark 1.3s .7s ease-out both}.xp-trophy-spark:nth-last-child(2){left:0;top:15px;font-size:19px}.xp-trophy-spark:last-child{right:0;top:40px;font-size:24px;animation-delay:1s}
@keyframes trophy-presentation{0%{transform:perspective(550px) rotateY(-28deg) rotateZ(-5deg) scale(.78);opacity:0}58%{transform:perspective(550px) rotateY(7deg) rotateZ(1deg) scale(1.04);opacity:1}100%{transform:perspective(550px) rotateY(0) rotateZ(0) scale(1);opacity:1}}
@keyframes trophy-base-arrive{from{transform:translateY(13px) scale(.88);opacity:0}to{transform:none;opacity:1}}
@keyframes trophy-plaque-rise{from{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes trophy-relief-reveal{from{opacity:0}to{opacity:1}}
@keyframes trophy-glint{0%{transform:translateX(0);opacity:0}15%{opacity:.8}80%{opacity:.8}100%{transform:translateX(350px);opacity:0}}
@keyframes trophy-seal-pop{from{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:760px){.xp-trophy-stage{flex-basis:92px}.xp-trophy-stage .region-trophy{width:92px;height:107px}.xp-trophy-reward{gap:11px}}
@media(max-height:550px){.xp-trophy-stage{flex-basis:70px}.xp-trophy-stage .region-trophy{width:70px;height:82px}.xp-trophy-reward{padding-bottom:6px}}
@media(prefers-reduced-motion:reduce){.xp-trophy-stage .region-trophy,.xp-trophy-stage .region-trophy *,.xp-trophy-spark{animation:none!important}.xp-trophy-stage .region-trophy-shine,.xp-trophy-spark{display:none}}

/* A single foreground moment: collectible → XP → medal/rank → level → recap. */
.xp-reward{transition:opacity .16s ease,transform .16s ease;max-height:calc(100dvh - 120px);overflow:hidden}
.xp-reward.xp-exit{opacity:0;transform:translateY(-5px)}
.xp-reward[data-paused=true],.xp-reward[data-paused=true] *,.xp-reward[data-paused=true] *:after{animation-play-state:paused!important}
.xp-reward[data-phase=stamp],.xp-reward[data-phase=country],.xp-reward[data-phase=region],.xp-reward[data-phase=medal],.xp-reward[data-phase=legendary],.xp-reward[data-phase=level]{display:block}
.xp-reward:is([data-phase=stamp],[data-phase=country],[data-phase=region],[data-phase=medal],[data-phase=legendary],[data-phase=level])>.xp-reward-icon,
.xp-reward:is([data-phase=stamp],[data-phase=country],[data-phase=region],[data-phase=medal],[data-phase=legendary],[data-phase=level])>.xp-reward-copy{display:none}
.xp-country-reward,.xp-trophy-reward,.xp-milestone-reward{border-bottom:0;padding-bottom:0;margin:0}
.xp-milestone-reward{display:flex;align-items:center;gap:16px;padding-right:20px}.xp-milestone-reward[hidden]{display:none!important}
.xp-milestone-art{display:grid;place-items:center;flex:0 0 88px;width:88px;height:108px;color:#f4d787}.xp-milestone-art>.level-icon{width:68px;height:68px}.xp-milestone-art>.territory-medal{width:88px;height:108px}
.xp-medal-up .xp-milestone-art,.xp-legendary .xp-milestone-art,.xp-level-up .xp-milestone-art{animation:level-medal-pop .8s cubic-bezier(.2,.8,.25,1) both}
.xp-mini-passport{display:flex;align-items:stretch;width:100px;height:70px;border:3px solid #b3be96;border-radius:5px;box-shadow:0 6px 12px #132a3055;background:#fff9e9;transform:rotate(-5deg)}
.xp-mini-passport>i{display:flex;align-items:center;justify-content:center;width:35px;writing-mode:vertical-rl;font:7px var(--sans);letter-spacing:1px;color:#436449;border-right:1px solid #adb697}
.xp-mini-passport>span{display:grid;place-items:center;flex:1;padding:3px}.xp-mini-passport .trip-stamp{width:100%;animation:xp-stamp-ink .75s .3s cubic-bezier(.18,.8,.25,1) both}
@keyframes xp-stamp-ink{0%{opacity:0;transform:scale(1.6) rotate(14deg)}45%{opacity:1;transform:scale(.94) rotate(-5deg)}100%{opacity:1;transform:scale(1) rotate(-5deg)}}
.xp-reward:not([data-phase=comparison]) .xp-reward-comparison{display:none}
.xp-reward[data-phase=comparison] .xp-reward-copy>:not(.xp-reward-comparison){display:none}
.xp-reward[data-phase=comparison] .xp-reward-comparison{border:0;margin:0;padding:0 18px 0 0}
.xp-reward[data-phase=comparison] .xp-reward-comparison>small{font-size:9px}
.xp-reward[data-phase=summary] .xp-reward-territories{display:block}
@media(prefers-reduced-motion:reduce){.xp-reward{transition:none!important}.xp-reward.xp-exit{transform:none}.xp-mini-passport .trip-stamp{animation:none;opacity:1}}

.sound-toggle{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:10px;border:1px solid #cbd5c0;border-radius:50%;background:#fffdf5;color:#496747;cursor:pointer}.sound-toggle svg{width:22px;height:22px}.sound-toggle .sound-muted{display:none}.sound-toggle[aria-pressed=false] .sound-waves{display:none}.sound-toggle[aria-pressed=false] .sound-muted{display:block}.sound-toggle:focus-visible{outline:3px solid #bd724f;outline-offset:2px}.stamp-moment>.sound-toggle{position:absolute;left:8px;top:8px}.stamp-moment>.eyebrow{display:block;padding:0 33px}
@media(max-width:340px){.topbar .brand .brand-wordmark{width:88px}.topbar .header-right .language-picker select{width:76px;min-width:76px;max-width:76px}}
.xp-reward{padding-right:44px}.xp-reward-sound{position:absolute;right:1px;top:46px;pointer-events:auto;border:0;background:transparent;color:#e5eddb}
.xp-reward[data-paused=true]{visibility:hidden!important}

/* Sound preferences live in the menu, leaving the brand clear at every width. */
#navigationDialog .menu-footer .menu-sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 1 auto;width:auto;min-width:44px;min-height:44px;height:auto;padding:9px 12px;border:1px solid #d8dfd0;border-radius:12px;background:transparent;color:#5b7060;font-size:12px;text-decoration:none}
#navigationDialog .menu-sound-toggle svg{width:18px;height:18px;flex-shrink:0}

/* A wonder gets its own moment in the existing, dismissible reward queue. */
.xp-reward[data-phase=wonder]{display:block;background:radial-gradient(ellipse at 50% 20%,#49654a 0,#183e39 68%);border-color:#edcc80;box-shadow:0 0 0 4px #e1bd6622,0 16px 44px #102d3955;padding:23px 28px}
.xp-reward[data-phase=wonder]>.xp-reward-icon,.xp-reward[data-phase=wonder]>.xp-reward-copy{display:none}
.xp-wonder-up .xp-milestone-reward{display:flex;flex-direction:column;gap:12px;padding:0;text-align:center}
.xp-wonder-stage{position:relative;flex:none;width:120px;height:120px;color:#f8d783;isolation:isolate}
.xp-wonder-stage:before{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,#f7db8055,transparent 68%);animation:wonder-halo 2.7s ease-out both}
.xp-reward[data-paused=true] .xp-wonder-stage:before{animation-play-state:paused!important}
.xp-wonder-stage svg{position:relative;display:block;width:100%;height:100%;filter:drop-shadow(0 3px 12px #f2d37e55);animation:wonder-emblem .9s cubic-bezier(.18,.85,.3,1) both}
.xp-wonder-stage i{position:absolute;left:calc(50% - 6px);top:calc(50% - 6px);width:12px;height:12px;font:14px/1 Georgia,serif;opacity:0;animation:wonder-spark 1.7s calc(.3s + var(--wonder-delay)) ease-out both}
.xp-wonder-copy{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;color:#fff8e4}
.xp-wonder-copy small{color:#f8d783;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.xp-wonder-copy strong{font:400 29px/1.12 var(--serif,Georgia,serif);overflow-wrap:anywhere}
.xp-wonder-copy span{font-size:11px;line-height:1.4;color:#e1e8cf}
.xp-wonder-copy b{border:1px solid #dfbf7055;border-radius:20px;padding:6px 10px;background:#f4d78c12;color:#ffe5a5;font-size:10px;font-weight:600}
.xp-wonder-copy p{font-size:11px;line-height:1.5;margin:2px 0 0;color:#d1e0d3}
@keyframes wonder-emblem{from{opacity:0;transform:scale(.45) rotate(-30deg)}65%{opacity:1;transform:scale(1.08) rotate(3deg)}to{opacity:1;transform:none}}
@keyframes wonder-halo{0%{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.2)}100%{opacity:.35;transform:scale(1)}}
@keyframes wonder-spark{0%{opacity:0;transform:rotate(var(--wonder-angle)) translateY(-38px) scale(.4)}25%{opacity:1}100%{opacity:0;transform:rotate(var(--wonder-angle)) translateY(-84px) scale(.7)}}
@media(max-width:400px),(max-height:550px){.xp-reward[data-phase=wonder]{padding:16px 28px}.xp-wonder-stage{width:88px;height:88px}.xp-wonder-copy strong{font-size:24px}.xp-wonder-copy p{display:none}}
@media(prefers-reduced-motion:reduce){.xp-wonder-stage,.xp-wonder-stage *,.xp-wonder-stage:before{animation:none!important}.xp-wonder-stage i{display:none}.xp-wonder-stage:before{opacity:.35}}
.xp-wonder-stage.xp-wonder-stage-photo{width:100%;height:160px;border:1px solid #dfbf70;border-radius:12px;overflow:hidden;background:#14352f;box-shadow:0 7px 20px #091f2540}
.xp-wonder-stage-photo>svg{position:absolute;width:110px;height:110px;top:50%;left:50%;margin:-55px 0 0 -55px}
.xp-wonder-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease-out}
.xp-wonder-stage-photo.is-loaded .xp-wonder-photo{opacity:1}.xp-wonder-stage-photo.is-loaded>svg{visibility:hidden}.xp-wonder-stage-photo i{z-index:1}
.xp-wonder-photo-credit{font-size:9px;line-height:1.35;color:#dce6d3;overflow-wrap:anywhere}
.xp-wonder-photo-credit[hidden]{display:none}
.xp-wonder-photo-credit a{color:inherit;pointer-events:auto;text-decoration:underline;text-underline-offset:2px}
@media(max-height:650px){.xp-wonder-stage.xp-wonder-stage-photo{height:105px}.xp-wonder-photo-credit{font-size:8px}.xp-wonder-up .xp-milestone-reward{gap:8px}}
@media(prefers-reduced-motion:reduce){.xp-wonder-photo{transition:none}}
#xpMilestoneReward[data-kind="wonder"][data-wonder-tier]{border:3px solid transparent;background:linear-gradient(#fffdf5,#fffdf5) padding-box,var(--wonder-metal) border-box}