/* Territory, preparation and progression: bounded artwork and one reading order. */
.progression-guide{padding:24px;margin-bottom:24px;background:linear-gradient(120deg,#fffaf0,#edf7ff);border-color:#c7dce8;display:grid;grid-template-columns:minmax(230px,1fr) minmax(320px,1.4fr);gap:20px}.progression-guide h2{font-size:24px;line-height:1.2;margin:6px 0 8px}.progression-guide p{color:#526879;line-height:1.55;margin:0}.recommended-regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.recommended-regions button{border:1px solid #c3d6df;background:#fffef9;color:#284758;border-radius:12px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:7px;min-width:0;cursor:pointer}.recommended-regions button:hover{border-color:#b68732;background:#fff4d9}.recommended-regions span{font-size:11px;color:#747045;display:flex;gap:4px;align-items:center}.recommended-regions svg{width:14px}.recommended-regions strong{font-size:15px;line-height:1.3}.recommended-regions small{color:#62727a;font-size:10px}.next-milestones{grid-column:1/-1;display:flex;gap:18px;border-top:1px solid #d7e3e8;padding-top:14px}.next-milestones span{display:flex;align-items:center;gap:9px;font-size:12px;flex:1}.next-milestones b{width:30px;height:30px;background:#e7f0f6;color:#31556e;border:1px solid #bed1de;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.territory-note,.territory-banner{display:flex;gap:12px;padding:14px;background:#edf6fb;border:1px solid #cbdfe8;border-radius:12px;align-items:flex-start;color:#31546a}.territory-note svg,.territory-banner svg{flex-shrink:0}.territory-note strong,.territory-note small,.territory-banner strong,.territory-banner span{display:block}.territory-note small,.territory-banner span{font-size:12px;line-height:1.6;margin-top:5px}.territory-banner{margin:0 0 20px}.region-unlocks{display:grid;gap:14px;margin-top:20px}.region-unlocks>div{border-top:1px solid #e0e4dd;padding-top:14px}.region-unlocks .sprite{width:58px;height:58px;object-fit:contain;float:left;margin:0 10px 8px 0}.region-unlocks strong{display:block;font-size:14px;padding-top:4px}.region-unlocks p{font-size:12px;line-height:1.6;margin:5px 0 12px;color:#5e6b72}.region-unlocks .progress,.region-unlocks .btn{clear:both;margin-top:10px}.regional-loot{margin:16px 0}.regional-loot>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:10px 0}.regional-loot button{width:100%;min-width:0;height:52px;border-radius:9px;background:#f5f4eb;border:1px solid #dcdccf;cursor:pointer}.regional-loot .sprite{width:100%;height:100%;object-fit:contain;padding:5px}.regional-loot small{font-size:11px;color:#60727b;line-height:1.5}.talent-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.talent-branches>section{background:#edf4f7;border:1px solid #c7dae3;padding:12px;border-radius:13px;min-width:0}.talent-branches h3{font-size:17px;margin:0 0 4px;color:#365f75}.talent-branches>section>small{font-size:11px;color:#617983}.talent-node{position:relative;background:#fffef9;border:1px solid #d7dfdf;border-radius:10px;padding:12px;margin-top:17px}.talent-node:before{content:'';position:absolute;left:50%;top:-18px;height:17px;width:2px;background:#bed0d7}.talent-node.invested{background:#fff9e9;border-color:#d9b868}.talent-node>div{display:flex;justify-content:space-between;gap:7px;align-items:flex-start}.talent-node strong{font-size:13px}.talent-node p{font-size:12px;line-height:1.5;min-height:36px;margin:10px 0}.talent-node small{font-size:10px;color:#61727b;display:block;min-height:26px;line-height:1.4}.talent-node .badge{white-space:nowrap;padding:3px 5px;font-size:10px}.talent-node .btn{margin-top:9px;white-space:normal}.city-side{display:flex;flex-direction:column;gap:20px;min-width:0}.city-services{margin:20px 0}.merchant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.merchant-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:16px;background:#f7f8ef;border:1px solid #dce2d0;border-radius:12px;min-width:0}.merchant-grid .sprite{width:74px;height:80px;object-fit:contain;align-self:center}.merchant-grid h3{font-size:16px;margin:8px 0}.merchant-grid p{font-size:12px;line-height:1.6;margin:0 0 9px}.merchant-grid small{font-size:11px;color:#586e7a}.merchant-grid .btn{margin-top:14px;width:100%;white-space:normal}.inn-service{display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid #dbe2dc;margin-top:18px;padding-top:18px}.inn-service p{font-size:12px;color:#5a707c;margin:6px 0}.inn-service .btn{flex-shrink:0}.city-side p{font-size:12px;line-height:1.7;color:#5e717e}.stock-table>div{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px;border-bottom:1px solid #e2e5df;padding:10px 0;font-size:12px}.stock-table span{display:flex;align-items:center;gap:5px}.stock-table svg{width:15px;height:15px}.stock-table+button{margin-top:16px}.reserve-transfer{margin:16px 0;font-size:12px}.reserve-transfer summary{cursor:pointer}.reserve-transfer button{margin-top:10px}.donation-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0}.donation-list span{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:12px}.donation-list svg{width:15px}.city-side>section>small{font-size:11px;color:#586e7a}.project-v7 .bridge-illustration{width:100%;height:180px;max-width:300px;margin:12px auto;overflow:hidden;display:grid;place-items:center}.project-v7 .bridge-illustration .sprite{width:100%;height:100%;max-width:100%;max-height:180px;object-fit:contain}.project-v7 .btn{white-space:normal}.recipe-list details{border-top:1px solid #dde3dc;padding:13px 0}.recipe-list summary{font-size:13px;cursor:pointer}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.recipe-grid article{background:#f5f6ef;border:1px solid #dee1d6;border-radius:9px;padding:10px;display:flex;flex-direction:column;gap:7px;min-width:0}.recipe-grid .sprite{width:100%;height:62px;object-fit:contain}.recipe-grid strong{font-size:12px}.recipe-grid small{font-size:10px;line-height:1.5}.recipe-grid .btn{margin-top:auto;white-space:normal}.activity-choice{display:flex;gap:8px;margin:18px 0}.activity-choice .active{background:#386880;color:#fff;border-color:#386880}.difficulty-unlock,.supplies-preview{display:flex;gap:12px;align-items:center;margin:20px 0;background:#f7f6ea;padding:12px;border:1px solid #dfdfcd;border-radius:12px}.difficulty-unlock .sprite,.supplies-preview .sprite,.journey-summary .unlock-note>.sprite{width:52px;height:64px;object-fit:contain;flex-shrink:0}.difficulty-unlock p{font-size:12px;line-height:1.65;margin:6px 0}.supplies-preview span{display:block;font-size:11px;color:#5c6e78;margin-top:6px}.cooperate-toggle{display:flex;align-items:flex-start;gap:12px;margin-top:20px;cursor:pointer;font-size:12px;line-height:1.6;padding:14px;background:#ecf5ef;border:1px solid #c4dac9;border-radius:11px}.cooperate-toggle input{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:#477b64}.cooperate-toggle strong{display:block;margin-bottom:4px}.journey-config>.btn{margin-top:12px}.atlas-traveller{position:absolute;z-index:15;pointer-events:none;transform:translate(-50%,-100%) scale(var(--pin-scale));transform-origin:50% 100%;width:48px;text-align:center;transition:left 1.8s linear,top 1.8s linear}.atlas-traveller .sprite{display:block;width:48px;height:64px;object-fit:contain;filter:none}.atlas-traveller small{background:#fff6d9;border:1px solid #b99b5b;color:#4b432c;font-size:9px;padding:3px 6px;white-space:nowrap;border-radius:5px}.battle-state p{max-width:390px;margin:10px auto 15px;line-height:1.6}.inventory-grid{max-height:500px;overflow-y:auto}.item-inspect>.sprite{max-width:125px;max-height:145px;object-fit:contain}.city-layout>div,.city-side,.talent-panel,.journey-config,.journey-summary{min-width:0}.panel select{max-width:100%}.btn{min-height:36px}
@media(min-width:1500px){.city-layout{grid-template-columns:minmax(0,1fr) 340px}.progression-guide{grid-template-columns:minmax(250px,1fr) minmax(400px,1.4fr)}}
@media(max-width:1100px){.progression-guide{grid-template-columns:1fr}.next-milestones{flex-wrap:wrap}.next-milestones span{min-width:160px}.talent-branches{gap:8px}.talent-branches>section{padding:8px}.talent-node{padding:9px}.city-layout{grid-template-columns:minmax(0,1fr)}.city-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
@media(max-width:700px){.progression-guide{padding:17px;gap:15px}.progression-guide h2{font-size:21px}.recommended-regions{grid-template-columns:1fr}.recommended-regions button{padding:11px 13px;gap:4px}.recommended-regions button strong{font-size:14px}.next-milestones{display:grid;gap:10px}.next-milestones span{font-size:11px}.talent-branches{grid-template-columns:1fr;gap:18px}.talent-branches>section{padding:14px}.talent-node p,.talent-node small{min-height:0}.talent-node{margin-top:16px;padding:13px}.city-side{display:flex}.merchant-grid{gap:10px}.merchant-grid article{padding:11px}.merchant-grid h3{font-size:14px}.inn-service{align-items:flex-start;flex-direction:column}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.territory-banner{padding:12px}.territory-banner span{font-size:11px}.stock-table>div{grid-template-columns:1.4fr 1fr 1fr}.project-v7 .bridge-illustration{height:145px}.project-v7 .bridge-illustration .sprite{max-height:145px}.head-actions .btn{flex:1}.head-actions{flex-wrap:wrap}.atlas-traveller{width:36px}.atlas-traveller .sprite{width:36px;height:48px}.battle-state{padding:18px}.battle-state strong{font-size:22px}.battle-state p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.atlas-traveller{transition:none}}

.progress-warning{background:#fff7df;border-color:#dfcc92;align-items:center}.progress-warning .btn{margin-left:auto;flex-shrink:0}@media(max-width:650px){.progress-warning{flex-wrap:wrap}.progress-warning>div{flex:1;min-width:180px}.progress-warning .btn{width:100%;margin:0}}