/* One readable task, using the same papyrus as the existing city panels. */
body.progression-active .mission-card{display:block!important;left:max(8px,env(safe-area-inset-left));right:auto;top:58px;width:260px;max-width:calc(100vw - 24px);padding:13px 15px 0;border-radius:10px;color:#513d26;background:var(--papyrus,#e9d5a9);border:1px solid #b79760;box-shadow:0 5px 20px #10251e30;z-index:4;max-height:calc(100dvh - 125px);overflow:auto}
body.progression-active .mission-card h1{color:#594223;font-size:16px;line-height:1.25;margin:10px 0}
body.progression-active .mission-card>p{color:#6b5133;font-size:11px;line-height:1.5;margin:0 0 10px}
body.progression-active .mission-top .eyebrow,body.progression-active #mission-number{color:#735630;font-size:8px}
body.progression-active #mission-toggle{display:grid;place-items:center;margin-left:auto;width:32px;min-height:32px;color:#634826;flex-shrink:0}
body.progression-active .goal-line{color:#644a2d;font-size:10px;line-height:1.5}
body.progression-active .goal-line span:last-child{color:#735630;font-size:9px;white-space:nowrap}
body.progression-active .goal-track{background:#ac8a5f40;height:3px}
body.progression-active .goal-fill{background:#9f7942}
body.progression-active .goal-fill.complete{background:#617447}
.journey-instruction{font-size:12px;line-height:1.65;margin:10px 0;color:#60472c}
.journey-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:10px 0}
.journey-actions .action-button{min-height:40px;font-size:11px;padding:9px 13px}
#journey-skip{color:#725936;font-size:10px;min-height:40px;text-decoration:underline}
body.progression-active .mission-reward{color:#735630;border-color:#ae8b5840;margin-top:6px;padding:8px 0;font-size:9px}
body.progression-active .mission-reward strong{color:#594223;font-size:10px}
body.progression-active .mission-reward button{background:#826232;color:#fff0cd;min-width:40px;min-height:40px}
body.progression-active .mission-card.minimized{padding-bottom:8px}
body.progression-active .mission-card.minimized>h1,body.progression-active .mission-card.minimized>p,body.progression-active .mission-card.minimized>#mission-goals,body.progression-active .mission-card.minimized>.journey-actions,body.progression-active .mission-card.minimized>.mission-reward{display:none}
.journey-choices{display:grid;gap:12px}
.journey-choices button{text-align:left;min-height:64px}
.journey-choices strong,.journey-choices span{display:block}
.journey-choices span{font-size:11px;font-weight:400;margin-top:7px;line-height:1.5}
.home-modes{border:0;padding:0;margin:16px 0 22px;display:grid;gap:8px}
.home-modes legend{font-size:10px;color:#d4c5a5;margin-bottom:10px}
.home-modes label{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ddc38d35;border-radius:4px;background:#15302b9c;cursor:pointer}
.home-modes label:has(input:checked){border-color:#ddc38d;background:#314332c7}
.home-modes input{accent-color:#ddc38d;width:18px;height:18px;flex-shrink:0}
.home-modes strong{font-size:12px;color:#f1e3c6;display:block}
.home-modes small{font-size:10px;color:#c4c8af;display:block;margin-top:5px;line-height:1.5}
.battle-practice{position:absolute;z-index:10;top:100px;left:12px;max-width:280px;background:#ecd9afed;color:#60472c;border:1px solid #b99761;border-radius:9px;padding:12px;font-size:12px;line-height:1.5;pointer-events:auto}
@media(max-height:500px){body.progression-active .mission-card{width:235px;padding-top:6px;max-height:calc(100dvh - 122px)}body.progression-active .mission-card>p{display:none}.journey-instruction{font-size:11px;margin:5px 0}.journey-actions{margin:5px 0}.battle-practice{top:62px;max-width:220px;font-size:10px;padding:8px}}
@media(max-width:480px){body.progression-active .mission-card{top:88px;width:235px}.battle-practice{top:80px}}
body.progression-active.build-open .mission-card>p,body.progression-active.build-open #mission-goals,body.progression-active.building-selected .mission-card>p,body.progression-active.building-selected #mission-goals{display:none}

.battle-practice button{display:block;margin-top:9px;font-size:11px;text-decoration:underline;min-height:32px;color:#624a2d}

body.progression-active .mission-top{gap:8px}body.progression-active #mission-number{margin-left:auto;white-space:nowrap}body.progression-active #mission-toggle{margin-left:0}
@media(min-width:481px) and (max-width:950px){body.progression-active.building-selected .mission-card{top:112px;max-height:calc(100dvh - 172px)}}
@media(max-width:480px){body.progression-active.building-selected .mission-card{top:156px;max-height:calc(100dvh - 216px)}}