/* Progression uses the approved B palette, outlines and materials. */
.outpost-scene{min-height:170px}
.loot-panel{padding-top:12px}
.reward-grid{margin-top:10px;margin-bottom:11px}
.next-goal-wrap{padding-top:8px;padding-bottom:8px}
.goal-icon>.icon{stroke:#efd08d}
.modal-feedback{margin-bottom:14px}
.upgrade-availability{padding:10px 11px;margin-top:12px;border:1px solid #6b8580;border-radius:7px;background:#1b3b4d}
.upgrade-wait{font-size:11px;line-height:1.5;color:#e7d8b2}
.upgrade-wait.ready{color:#c4e3a7}
.upgrade-availability .collect-upgrade{margin-top:9px;font-size:12px;padding:10px}
.chapter-banner{position:relative;overflow:hidden;border:1px solid #b69961;border-radius:8px;margin-bottom:16px}
.chapter-banner img{display:block;width:100%;height:115px;object-fit:cover}
.chapter-banner p{position:absolute;bottom:0;left:0;right:0;padding:18px 10px 8px;background:linear-gradient(transparent,#173649);color:#fff0ce;font-size:12px;font-weight:700}
.quest-chapter .quest-list-title{display:flex;justify-content:space-between;gap:10px}
.quest-list-title small{font:700 12px 'Trebuchet MS',sans-serif;color:#c5dfab;align-self:center}
.chapter-lock{font-size:11px;color:#c4d2cf;line-height:1.5;margin:-8px 0 12px}
.region-landscape{display:block;width:100%;height:115px;object-fit:cover;border-radius:5px;margin-bottom:12px}
.battle-scene.sunpass-battle::before{background:linear-gradient(#23475c16,#17364942),url('/releases/20261022T183423Z-2c13688/assets/sunpass.png') center/cover}
.battle-scene.sunpass-battle::after{background:#c1a477;border-color:#857957;box-shadow:0 -9px 0 #d8be8a33}
.sunpass-battle .fighter-boss{width:53%;right:-1%}
.sunpass-battle .fighter-boss .fighter-visual{height:240px}
.battle-scene.grove-battle::before{background:linear-gradient(#23475c16,#17364942),url('/releases/20261022T183423Z-2c13688/assets/amber-grove.png') center/cover}
.battle-scene.grove-battle::after{background:#b69b65;border-color:#776d4c;box-shadow:0 -9px 0 #d8be8a33}
.grove-battle .fighter-boss{width:53%;right:0}
.grove-battle .fighter-boss .fighter-visual{height:240px}
@media(max-width:359px){.sunpass-battle .fighter-boss .fighter-visual{height:214px}}
@media(max-width:359px){.grove-battle .fighter-boss .fighter-visual{height:214px}}
.income-panel{display:block;width:100%;padding:7px 10px;margin-top:9px;text-align:left;border:1px solid #678580;border-radius:7px;background:#1b3b4e}
.income-panel:hover{border-color:#d4b26b;background:#24495b}
.income-heading{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#c8d6d0}
.income-link{color:#ffdc8c;font-weight:700}
.income-link .icon{width:11px;height:11px}
.hourly-rates{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4px;gap:8px}
.hourly-rates>span{display:flex;align-items:center;justify-content:center;gap:5px}
.hourly-rates img,.compact-rates img{object-fit:contain;mix-blend-mode:lighten}
.hourly-rates strong{font-size:14px;font-variant-numeric:tabular-nums}
.income-method{padding-bottom:19px}
.income-method+.income-method{padding-top:17px;border-top:1px solid #64808a}
.income-method h3{font-size:20px;margin-bottom:9px}
.income-method .modal-copy{font-size:12px}
.income-comparison{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;font-size:12px;color:#c4d7ce}
.income-comparison strong{display:flex;align-items:center;gap:7px;font-size:23px;color:#ffe4a4;white-space:nowrap}
.income-comparison strong .icon{width:17px;height:17px;color:#d4d8b1}
.income-comparison em{font-style:normal;color:#b9e49d}
.income-comparison small{font-size:13px}
.recon-costs{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));margin:3px 0 11px}
.income-method .cost-title{font-size:10px;margin-top:10px}
.income-method .modal-button{margin-top:9px}
.region-list{display:grid;gap:13px;margin:17px 0}
.region-card{padding:13px;border:1px solid #607c88;border-radius:8px;background:#1c3d50}
.region-card.current{border-color:#c3a365}
.region-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.region-card-heading h3{font-size:17px}
.region-card-heading>span{font-size:9px;padding:4px 6px;border-radius:4px;background:#345766;color:#d5e3ca;white-space:nowrap}
.region-card.current .region-card-heading>span{color:#ffe0a0;background:#4d5549}
.compact-rates{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0}
.compact-rates>span{display:flex;align-items:center;gap:4px}
.compact-rates img{width:24px;height:22px}
.compact-rates strong{font-size:14px}
.compact-rates small{font-size:9px;color:#b8cdcb;white-space:nowrap}
.region-note{font-size:11px;color:#c6d8cc;line-height:1.5}
.region-card .modal-button{font-size:14px}
.boss-preview{height:198px;display:flex;align-items:center;justify-content:center;gap:25px;margin-bottom:13px;background:#19384b;border:1px solid #658078;border-radius:9px}
.boss-preview>img{width:170px;height:190px;object-fit:contain}
.boss-preview>div{display:flex;flex-direction:column;gap:5px}
.boss-preview strong{font-size:25px;color:#ffd989}
.boss-preview span{font-size:11px;color:#c9d6cd;margin-bottom:10px}
.readiness{font-size:12px;line-height:1.5;color:#f1c5a7;margin:12px 0}
.readiness.ready{color:#bfe6a4}
.boss-preparation{display:flex;justify-content:space-between;gap:10px;margin:15px 0;padding:11px;background:#193b4d;border-radius:6px;font-size:12px}
.boss-preparation strong{font-size:20px;margin-left:4px;color:#ffe0a1}
.boss-unlock{display:flex;align-items:center;gap:12px;padding:13px 0;margin-top:10px;border-top:1px solid #5c7d81}
.boss-unlock>.icon{color:#b9d89a}
.boss-unlock span{font-size:10px;color:#c5d5cc}
.boss-unlock strong{display:block;font-size:13px;margin-top:5px;color:#ffe2a2}
.battle-arena{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 9px;background:#193a4c;border-radius:9px;border:1px solid #64817c}
.combatant{display:flex;flex-direction:column;align-items:center;width:42%;min-width:0}
.combatant>img{height:150px;width:125px;object-fit:contain}
.combatant:not(.enemy)>img{width:86px;height:86px;margin:32px 0;border:2px solid #e5b765;border-radius:50%}
.combatant h3{font-size:17px;margin:8px 0}
.combatant p{font-size:11px;color:#d6dfca;margin-top:5px}
.health-bar{width:100%;height:8px;background:#102e3f;border:1px solid #667c75;border-radius:5px;overflow:hidden}
.health-bar>span{display:block;width:100%;height:100%;background:#9dca75;transition:width .25s}
.enemy .health-bar>span{background:#df8a67}
.battle-versus{color:#dfc381}
.battle-log{min-height:62px;margin-top:16px;font-size:13px;line-height:1.6;color:#fff0ce}
.victory-emblem{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;border:2px solid #b9d786;background:#3a6457;color:#e8f2b8;margin:12px auto 18px}
.victory-emblem>.icon{width:39px;height:39px}
.victory-title{font-size:21px;text-align:center;margin-bottom:16px}
@media(max-width:380px){.loot-heading h2{font-size:23px}.income-panel{padding:6px 8px}.income-heading{font-size:9px}.goal-copy>span{line-height:1.4}.boss-preparation{padding:9px 6px;font-size:11px}.boss-preparation strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.health-bar>span{transition:none}}
