/* Financial learning rewards and an explorable, image-led neighborhood. */
.learning-rewards-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;margin:14px 0;border:1px solid #c2dcd6;border-radius:16px;background:linear-gradient(120deg,#e7f5ef,#fff6db);color:#173e37}
.xp-summary{display:flex;gap:12px;align-items:center}.xp-summary strong,.xp-summary div>span{display:block}.xp-summary strong{font-size:1.2rem}.xp-summary div>span{font-size:.875rem;font-variant-numeric:tabular-nums}.xp-emblem{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:14px;background:#0a7467;color:#ffdb73;font-size:1.9rem;box-shadow:0 4px 0 #075347}
.streak-summary{min-width:0}.streak-summary>strong{font-size:1rem}.streak-summary>small{display:block;font-size:.875rem}.streak-steps{display:flex;gap:5px;margin:7px 0}.streak-steps span{width:29px;height:25px;display:grid;place-items:center;border:1px solid #a9beba;border-radius:6px;color:#465f59;background:#fff;font-size:.875rem;font-weight:700}.streak-steps .filled{background:#087f73;border-color:#087f73;color:#fff}
.quiz-rewards{padding:12px 16px;margin:14px 0 20px}.quiz-rewards .xp-emblem{width:38px;height:38px;font-size:1.5rem}.learning-badges{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.learning-badges>span{display:grid;gap:5px;align-content:start;max-width:240px;padding:14px 18px;border-radius:14px;border:1px solid #e8c875;background:#fff4cf;color:#62480c}.learning-badges i{font-size:1.4rem;font-style:normal}.learning-badges small{font-size:.875rem}.learning-reward-total{display:flex;gap:20px;align-items:center;margin:22px 0;padding:24px;background:#e7f5ef;border-radius:16px;color:#173e37}.learning-reward-total>span{font-size:3rem;color:#bd891c}.learning-reward-total strong{font-size:1.75rem}.learning-reward-total p{margin:5px 0}
.reward-overlay,.reward-overlay:popover-open{position:fixed;inset:20px 12px auto;margin:0 auto;padding:0;width:min(560px,calc(100vw - 24px));max-width:100%;border:0;overflow:visible;background:transparent;z-index:10000;pointer-events:none;color:#173e37}.reward-overlay[hidden]{display:none}.reward-overlay::backdrop{background:transparent;backdrop-filter:none}.reward-banner{position:relative;display:flex;gap:16px;align-items:center;padding:20px;background:linear-gradient(120deg,#fff9df,#ffe294);border:2px solid #e9bc45;border-radius:20px;box-shadow:0 12px 48px #102a2940;pointer-events:auto;animation:reward-arrive .35s ease-out}.reward-banner strong{font-size:1.35rem;line-height:1.25;display:block}.reward-banner p{font-size:1rem;margin:6px 0 0;color:#635019}.reward-medal{font-size:2.5rem;color:#906309}.reward-banner button{margin-left:auto;align-self:flex-start;background:transparent;border:0;min-width:32px;min-height:32px;color:#62480c;font-size:1.5rem;cursor:pointer}.reward-confetti{position:absolute;top:20px;width:7px;height:13px;border-radius:2px;animation:reward-fall 1.8s ease-in forwards;pointer-events:none}
@keyframes reward-arrive{from{opacity:0;transform:translateY(-25px) scale(.95)}to{opacity:1;transform:none}}@keyframes reward-fall{from{opacity:1;transform:translate(0,0) rotate(0)}to{opacity:0;transform:translate(var(--drift),270px) rotate(390deg)}}
.adventure-world{isolation:isolate}.adventure-world .world-stage{position:relative;aspect-ratio:16/9;padding:0;background:#133e39;overflow:hidden}.world-stage>img{width:100%;height:100%;object-fit:cover;animation:world-arrive .8s ease-out}.world-stage .world-night{position:absolute;inset:0;opacity:0;transition:opacity 2s}.world-stage.is-evening .world-night{opacity:1}.adventure-world .world-caption{padding:20px 22px;background:#123d3b;color:#fff}.world-caption .eyebrow{color:#badbd4}.world-caption h2{color:white;font-size:1.6rem}.world-caption p{margin:8px 0 0;color:#e1f1eb;font-size:.875rem}.world-time{position:absolute;left:14px;top:14px;padding:6px 12px;border-radius:20px;background:#123d3bee;color:#fff;font-size:.875rem;z-index:2}.world-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:transparent;color:#173e37;padding:3px;cursor:pointer;min-width:44px;min-height:44px}.world-pin .pin-dot{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff5ce;border:3px solid #fff;box-shadow:0 3px 16px #0006;color:#164a40;font-size:1rem;font-weight:800;transition:transform .2s}.world-pin .pin-label{background:#fffdf4;padding:3px 7px;border-radius:6px;box-shadow:0 2px 8px #0003;font-size:.875rem;white-space:nowrap;font-weight:700}.world-pin:hover:not(:disabled) .pin-dot,.world-pin:focus-visible .pin-dot{transform:scale(1.14);background:#ffd573}.world-pin:disabled{cursor:default}.world-pin:disabled .pin-dot{background:#344c49;color:#fff;border-color:#a6bbb5}.world-pin:disabled .pin-label{background:#d9e3df;color:#354e47}.world-pin.visited .pin-dot{background:#0c7768;color:#fff}.world-pin.current .pin-dot{box-shadow:0 0 0 7px #f5c25388,0 3px 16px #0006}.world-player{position:absolute;left:var(--x);top:calc(var(--y) + 57px);transform:translateX(-50%);background:#123d3b;color:#fff;border:2px solid #f4c45d;border-radius:12px;padding:4px 9px;z-index:4;font-size:.875rem;display:flex;align-items:center;gap:6px}.world-player>span{font-size:1.3rem}.world-progress{display:flex;gap:12px;justify-content:space-between;padding:12px 22px;background:#edf5ef;color:#173e37;font-size:.875rem}
.adventure-locations button{padding:0;overflow:hidden;gap:0}.adventure-locations .location-thumb{width:100%;height:100px;object-fit:cover;display:block;transition:transform .35s}.adventure-locations button:hover:not(:disabled) .location-thumb{transform:scale(1.025)}.adventure-locations button>span,.adventure-locations button>strong,.adventure-locations button>small{margin:0 16px 8px}.adventure-locations button .location-status{margin-top:14px}.adventure-locations button>small{margin-bottom:16px}.adventure-locations button:disabled .location-thumb{filter:grayscale(.5);opacity:.65}.adventure-locations button .location-reward{color:#745211;font-weight:700}
.adventure-encounter{padding:0;border:1px solid #cbded6;border-radius:20px;overflow:hidden}.encounter-visual{position:relative;height:clamp(200px,32vw,310px);overflow:hidden}.encounter-visual>img{width:100%;height:100%;object-fit:cover;animation:world-arrive .65s ease-out}.encounter-place{position:absolute;bottom:16px;left:16px;border-radius:20px;padding:7px 13px;background:#123d3bf0;color:#fff;font-weight:700;font-size:.875rem}.encounter-copy{padding:22px}.encounter-copy h2{margin:10px 0}.encounter-copy .guide-message{padding:14px 18px;border-radius:4px 16px 16px;background:#eef5ef;color:#173e37;border-left:3px solid #0b8070}.adventure-encounter+.turn-heading{margin-top:24px}body[data-experience="adventure"] #sceneIllustration{display:none}
@keyframes world-arrive{from{opacity:.6;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
@media(max-width:560px){.learning-rewards-bar{gap:12px;padding:14px 12px}.xp-summary{gap:8px}.xp-summary strong{font-size:1rem}.xp-emblem{width:35px;height:40px}.streak-summary>strong{font-size:.875rem}.streak-steps span{width:24px;height:23px}.reward-banner{padding:14px;gap:10px}.reward-banner strong{font-size:1.1rem}.reward-banner p{font-size:.875rem}.reward-medal{font-size:2rem}.world-stage .pin-label{font-size:.75rem;padding:2px 5px}.world-pin .pin-dot{width:32px;height:32px;border-width:2px;font-size:.875rem}.world-player{top:calc(var(--y) + 40px);font-size:.75rem;padding:2px 5px}.world-player>span{font-size:1rem}.world-time{top:8px;left:8px;font-size:.75rem;padding:4px 8px}.adventure-world .world-stage{aspect-ratio:16/11}.world-caption h2{font-size:1.4rem}.world-progress{padding:10px 16px;gap:8px}.adventure-locations{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.adventure-locations strong{font-size:1rem}.adventure-locations .location-thumb{height:85px}.adventure-locations button>span,.adventure-locations button>strong,.adventure-locations button>small{margin-left:10px;margin-right:10px}.adventure-locations button>span,.adventure-locations button>small{font-size:.875rem}.encounter-copy{padding:18px}.encounter-visual{height:210px}}
@media(prefers-reduced-motion:reduce){.reward-banner,.reward-confetti,.world-stage>img,.encounter-visual>img{animation:none}.reward-confetti{display:none}.world-stage .world-night,.world-pin .pin-dot,.adventure-locations .location-thumb{transition:none}}

.world-player .avatar-figure{width:22px;height:26px}.world-player svg{width:22px;height:26px}

.lesson-explainer{font-size:1rem;line-height:1.7}.lesson-explainer h4{font-size:1rem;margin:22px 0 6px;color:#174d43}.lesson-explainer p{margin:8px 0 14px;max-width:72ch}.lesson-explainer .lesson-principle{font-weight:700;font-size:1.1rem}.lesson-example{padding:18px 20px;margin:20px 0;background:#fff8df;border:1px solid #e8d79b;border-radius:14px}.lesson-example h4{margin-top:0}.lesson-example small{font-size:.875rem;color:#625a42}
.player-avatar-svg{display:block;width:76px;height:104px;flex-shrink:0;overflow:visible}.player-identity-bar,.quiz-identity,.result-identity{display:flex;align-items:center;gap:14px;padding:10px 18px;border:1px solid #c2d9ce;background:#f2f8f0;color:#163b33;border-radius:16px}.player-identity-bar{position:sticky;top:8px;z-index:30;margin:0 0 20px;box-shadow:0 6px 22px #183f3415}.player-identity-bar[hidden]{display:none}.player-identity-bar .player-avatar-svg{width:47px;height:64px}.player-identity-bar strong,.player-identity-bar div>span,.player-identity-bar small,.quiz-identity strong,.quiz-identity div>span,.quiz-identity small,.result-identity strong,.result-identity div>span,.result-identity small{display:block;overflow-wrap:anywhere}.player-identity-bar strong,.quiz-identity strong,.result-identity strong{font-size:1rem}.player-identity-bar div>span,.quiz-identity div>span,.result-identity div>span{font-size:.875rem}.player-identity-bar small,.quiz-identity small,.result-identity small{font-size:.75rem;color:#466b60}.quiz-identity{margin:14px 0}.quiz-identity .player-avatar-svg{width:40px;height:55px}.result-identity .player-avatar-svg{width:70px;height:96px}.avatar-face .player-avatar-svg{width:120px;height:164px}.avatar-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e9f2e8;border-radius:18px;padding:18px}.avatar-preview #avatarOutfit{display:none}.summary-avatar .player-avatar-svg{width:40px;height:55px}.mini-avatar .player-avatar-svg{width:55px;height:75px}.scene-avatar .player-avatar-svg{width:43px;height:58px}.world-player .player-avatar-svg{width:22px;height:30px}.custom-profession-field{padding:20px;margin:16px 0;border:1px solid #c5d9cf;border-radius:16px;background:#f3f7ed}.custom-profession-field label{display:block;font-size:1rem;font-weight:700;margin-bottom:9px}.custom-profession-field label span{font-size:.875rem;font-weight:400}.custom-profession-field input,.custom-profession-field select{width:100%;min-height:44px;padding:10px;border:1px solid #93b4a7;border-radius:8px;background:white;color:#183f35;font:inherit}.custom-profession-field #customCareerControls{margin-top:16px}.avatar-options legend{font-size:.875rem}.avatar-chip{font-size:.875rem;min-height:38px}.skin-swatch{width:38px;height:38px}.skin-swatch[data-skin="🏻"]{background:#f3cfb1}.skin-swatch[data-skin="🏼"]{background:#dfac83}.skin-swatch[data-skin="🏽"]{background:#bc8055}.skin-swatch[data-skin="🏾"]{background:#8e5537}.skin-swatch[data-skin="🏿"]{background:#563320}.skin-swatch>span{display:none}.skin-swatch.selected{outline:3px solid #077e6d;outline-offset:2px}
@media(max-width:560px){.player-identity-bar{top:4px;padding:7px 12px;gap:10px;border-radius:12px}.player-identity-bar .player-avatar-svg{width:36px;height:50px}.avatar-preview{flex-direction:column}.identity-builder{grid-template-columns:1fr}.avatar-face .player-avatar-svg{width:110px;height:151px}.avatar-options{grid-template-columns:1fr}.quiz-identity{padding:7px 12px}}

.avatar-chip.selected{color:#174d43;background:#d9ede4;border-color:#087f73;box-shadow:inset 0 0 0 1px #087f73}