/* Ship planning and completed reports each retain one contained reading area. */
.exp-dialog-wallet{min-height:46px}
.exp-dialog-wallet .exp-icon-button{width:44px;height:44px;min-height:44px;flex-basis:44px;padding:11px}
.ship-heading-bank{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto}
.exp-screen-heading .ship-heading-bank>small{font-size:9px;line-height:1.2;margin:0;white-space:nowrap;color:#bfced8}
.exp-screen-heading>div{min-width:0}.exp-screen-heading h2{overflow-wrap:break-word}
.ship-purchase-preview{box-sizing:border-box;width:100%;max-width:430px!important;padding:10px 12px;border:1px solid #b7d7ca35;border-radius:10px;background:#142b33;color:#c8e4d9!important;font-size:12px!important;line-height:1.5!important;margin:0!important;font-variant-numeric:tabular-nums}

.exp-summary.ship-summary{box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;max-width:920px;height:100%;gap:12px;padding:18px 20px;text-align:left;min-height:0}
.ship-summary-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;padding:4px 5px 12px}
.ship-summary-heading{text-align:center;display:grid;justify-items:center;gap:10px;margin:0 auto 20px;max-width:580px}
.ship-summary-heading .exp-summary-emblem{display:none}.ship-summary-heading h1{font-size:clamp(30px,5vw,48px);margin:0}.ship-summary-heading p{margin:0;font-size:13px;line-height:1.5}
.ship-summary-location{font-size:12px;color:#c7dadb;line-height:1.5;overflow-wrap:anywhere}
.ship-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.ship-summary-bank,.ship-summary-heroes,.ship-summary-reset{box-sizing:border-box;border:1px solid #c1d9d22d;background:#11242dc7;border-radius:15px;padding:16px;min-width:0}
.ship-summary-bank{display:grid;gap:10px}.ship-summary-bank .exp-summary-gems{justify-content:flex-start;gap:12px}.ship-summary-bank .exp-summary-gems .exp-money{font-size:29px}.ship-summary-bank .exp-summary-gems small{font-size:10px;letter-spacing:1.2px;max-width:75px}.ship-summary-bank p{margin:0;font-size:12px}.ship-summary-bank>strong{font-size:13px;color:#d7c8f5;font-variant-numeric:tabular-nums;line-height:1.5}
.ship-summary h2{font-size:14px;letter-spacing:0;line-height:1.4;margin:0 0 12px}
.ship-summary-party{justify-content:flex-start;gap:12px;flex-wrap:wrap}.ship-summary-party>div{display:grid;justify-items:center;gap:6px;min-width:0;max-width:90px}.ship-summary-party img{width:48px;height:62px}.ship-summary-party span{font-size:11px;color:#cbdeda;text-align:center;overflow-wrap:anywhere}
.ship-summary .exp-summary-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;text-align:center}.ship-summary .exp-summary-stats>span{gap:5px;padding:10px 4px;border-top:1px solid #c1d6d32b;font-size:11px;line-height:1.3;min-width:0}.ship-summary .exp-summary-stats b{font-size:22px;font-variant-numeric:tabular-nums}
.ship-summary-reset{grid-column:1/-1}.ship-summary-reset p{margin:0 0 12px;font-size:12px}.ship-summary-reset dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.ship-summary-reset dt{font-weight:700;font-size:12px;color:#bce5d3;margin-bottom:5px}.ship-summary-reset dd{margin:0;color:#b6cbd0;font-size:12px;line-height:1.6}
.ship-summary .ship-summary-actions{flex:0 0 auto;display:flex;align-items:stretch;justify-content:center;gap:10px;width:100%;margin:0;padding-top:10px;border-top:1px solid #c1d9d22d}.ship-summary-actions .exp-button,.ship-summary-actions .exp-link{min-height:44px;white-space:normal}

.ship-party-readiness{flex:0 0 auto;box-sizing:border-box;margin:0!important;padding:8px 10px;border-left:3px solid #9bdac5;background:#102731a6;border-radius:8px;color:#d5ece5!important;font-size:12px!important;line-height:1.4!important}.ship-party-readiness span{display:block;color:#b2cbd0;font-size:11px;margin-top:2px}.ship-party-readiness.needs-hero{border-color:#e4bd87;color:#f1d5aa!important}
.ship-party .exp-hero-details,.ship-hero-shop .exp-hero-details{gap:12px;scrollbar-width:thin}.ship-party .exp-hero-details>*{flex-shrink:0}.ship-party .exp-hero-vital{flex-wrap:wrap;gap:6px}.ship-party .exp-hero-vital small{color:#bdcbd0}
.ship-party-rules{width:100%;max-width:430px;border-top:1px solid #bfd4cc29}.ship-party-rules summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:12px;color:#bddbd3}.ship-party-rules summary:before{content:'+';font-size:17px;margin-right:9px;color:#a1dfd0}.ship-party-rules[open] summary:before{content:'−'}.ship-party-rules p{font-size:12px!important;line-height:1.6!important;margin:0 0 8px!important}
.ship-party .exp-empty-party small{line-height:1.4;text-align:center;white-space:normal}.ship-party .exp-roster{height:82px}.ship-party .exp-hero-option img{height:44px;width:44px}.ship-party-footer .exp-button{min-height:44px;min-width:0}

.ship-catalogue-tabs{display:grid;grid-template-columns:1fr 1.2fr .6fr;gap:7px;flex:0 0 auto}.ship-catalogue-tabs .exp-button{min-width:0;min-height:44px;padding:8px 6px;font-size:12px;white-space:normal}.ship-catalogue-tabs [aria-pressed=true]{background:#214248;border-color:#9edbc7;color:#e6fff4}
.ship-upgrades .journey-upgrade-stage{gap:13px;padding:18px 12px}.ship-upgrades .journey-upgrade-stage>*{flex-shrink:0}.ship-upgrades .exp-upgrade-icon{width:68px;height:68px;border-radius:20px}.ship-upgrades .exp-upgrade-icon .exp-icon{width:31px;height:31px}.ship-upgrades .journey-upgrade-stage h1{font-size:clamp(25px,4vw,38px);line-height:1.15;max-width:100%;margin:0;overflow-wrap:anywhere}
.ship-upgrade-benefit{box-sizing:border-box;width:100%;max-width:430px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border:1px solid #a6d9c633;border-radius:12px;background:#122a33}.ship-upgrade-benefit>strong{grid-column:1/-1;font-size:12px;line-height:1.5}.ship-upgrade-benefit>span{display:grid;gap:5px}.ship-upgrade-benefit small{font-size:11px;color:#b3cbd0}.ship-upgrade-benefit b{font-size:17px;color:#d4f0e3;font-variant-numeric:tabular-nums}.ship-upgrade-benefit:has(>span:only-of-type){grid-template-columns:1fr}
.ship-upgrades>.exp-screen-footer,.ship-hero-shop>.exp-screen-footer{gap:12px;justify-content:space-between}.ship-upgrades>.exp-screen-footer>.exp-button,.ship-hero-shop>.exp-screen-footer>.exp-button{min-width:0;min-height:44px;font-size:12px;white-space:normal}

.exp-modal.modal-relics{box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;width:min(660px,100%);height:min(560px,100%);max-height:100%;gap:12px;overflow:hidden;padding:24px 20px 16px}
.ship-relic-heading{flex:0 0 auto;padding-right:40px;text-align:left}.ship-relic-heading h2{margin:8px 0}.ship-relic-heading p{margin:0;font-size:12px;line-height:1.5}
.ship-relic-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 4px 10px 0}.ship-relic-scroll .exp-relic-options{display:flex;flex-direction:column;gap:12px;height:auto;overflow:visible;flex:none}.ship-relic-scroll .exp-relic-choice{flex:none;display:grid;grid-template-columns:32px minmax(0,1fr);gap:7px 10px;padding:14px;min-height:min-content;text-align:left;align-items:start}.ship-relic-scroll .exp-relic-choice>span{grid-column:1;grid-row:1/4}.ship-relic-scroll .exp-relic-choice>:is(strong,small,b){grid-column:2;overflow-wrap:anywhere}.ship-relic-scroll .exp-relic-choice strong{font-size:14px;line-height:1.4}.ship-relic-scroll .exp-relic-choice small{font-size:12px;line-height:1.6}.ship-relic-scroll .exp-relic-choice b{font-size:10px;font-weight:600;line-height:1.5}.ship-relic-carried{color:#a7cfbd}.ship-relic-spent{color:#e5be94}
.ship-relic-empty{display:grid;gap:8px;padding:20px 10px;text-align:center}.ship-relic-empty strong{font-size:14px}.ship-relic-empty p{font-size:12px;margin:0}
.ship-relic-footer{margin:0;padding-top:10px;border-top:1px solid #abc6ce35;min-height:44px;flex:0 0 auto;gap:10px}.ship-relic-footer>small{font-size:11px;line-height:1.4}.ship-relic-footer>.exp-button{min-height:44px;font-size:12px}
.ship-summary-scroll:focus-visible,.ship-relic-scroll:focus-visible,.ship-upgrades .journey-upgrade-stage:focus-visible,.ship-party .hero-perk-details:focus-visible,.ship-hero-shop .hero-perk-details:focus-visible{outline:2px solid #a9e8d5;outline-offset:-2px;border-radius:10px}
@media(max-width:540px){
 .exp-summary.ship-summary{padding:14px 12px;gap:8px}.ship-summary-grid{grid-template-columns:1fr;gap:12px}.ship-summary-heading{gap:8px;margin-bottom:14px}.ship-summary-bank,.ship-summary-heroes,.ship-summary-reset{padding:13px}.ship-summary-reset dl{grid-template-columns:1fr;gap:10px}.ship-summary .exp-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}.ship-summary .ship-summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ship-summary-actions>.exp-link{grid-column:1/-1;min-height:44px}.ship-summary-actions .exp-button{font-size:12px;padding:9px}
 .ship-party .exp-screen-heading h2,.ship-upgrades .exp-screen-heading h2,.ship-hero-shop .exp-screen-heading h2{font-size:17px}.ship-heading-bank .exp-money{font-size:13px}.exp-screen-heading .ship-heading-bank>small{font-size:8px}.ship-party-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ship-party-footer>.exp-pager{grid-column:1/-1;justify-content:center}.ship-party .exp-roster{height:72px;gap:6px}.ship-party .exp-hero-option img{width:34px;height:34px}.ship-party .exp-hero-option span{font-size:10px}.ship-party .exp-selected-party{flex-basis:50px}.ship-party .exp-selected-hero{padding:5px;gap:5px}.ship-party .exp-selected-hero img{width:25px;height:34px}.ship-party .exp-selected-hero span{font-size:10px}.ship-party .exp-empty-party{padding:5px;gap:4px}.ship-party .exp-empty-party .exp-icon{width:16px}.ship-party .exp-empty-party small{font-size:9px}
 .ship-catalogue-tabs .exp-button{font-size:11px}.ship-upgrades .journey-upgrade-stage{padding:14px 6px}.ship-upgrades>.exp-screen-footer>.exp-button,.ship-hero-shop>.exp-screen-footer>.exp-button{font-size:11px;padding:8px;max-width:135px}
 .exp-modal.modal-relics{padding:22px 14px 12px}.ship-relic-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ship-relic-footer>small{grid-column:1/-1;text-align:center}.ship-relic-footer>.exp-pager{justify-content:center;gap:8px}.ship-relic-footer>.exp-button{padding:8px;font-size:11px}
}
@media(max-height:500px) and (min-aspect-ratio:4/3){
 .exp-summary.ship-summary{padding:10px 18px;gap:8px}.ship-summary-heading{gap:6px;margin-bottom:12px}.ship-summary-heading h1{font-size:28px}.ship-summary-heading p{font-size:12px}.ship-summary-grid{gap:10px}.ship-summary-bank,.ship-summary-heroes,.ship-summary-reset{padding:12px}.ship-summary-party img{width:38px;height:48px}.ship-summary .ship-summary-actions{padding-top:8px}
 .exp-page.ship-party{display:grid;grid-template-columns:minmax(0,1fr) 170px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:7px 12px;padding:9px 15px}.ship-party>.exp-screen-heading{grid-column:1/-1;grid-row:1;min-height:44px}.ship-party>.exp-selected-party{grid-column:1;grid-row:2;height:44px;min-height:44px}.ship-party>.ship-party-readiness{grid-column:2;grid-row:2;font-size:11px!important;padding:5px 8px}.ship-party-readiness span{font-size:10px}.ship-party>.exp-hero-stage{grid-column:1;grid-row:3;grid-template-columns:35% minmax(0,1fr);height:100%;gap:14px}.ship-party .exp-hero-details{height:100%;max-height:100%;padding:8px 10px 8px 0;gap:8px;justify-content:flex-start}.ship-party .exp-hero-details h1{font-size:23px}.ship-party>.exp-roster{grid-column:2;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(44px,1fr));height:100%;gap:5px}.ship-party .exp-hero-option{padding:4px;gap:2px}.ship-party .exp-hero-option img{width:26px;height:26px}.ship-party .exp-hero-option span{font-size:10px}.ship-party>.ship-party-footer{grid-column:1/-1;grid-row:4;display:flex;justify-content:space-between;gap:10px;min-height:44px}.ship-party-footer>.exp-button{font-size:12px;padding:8px 14px}
 .ship-upgrades{gap:8px}.ship-upgrades .journey-upgrade-stage{padding:10px;gap:10px}.ship-upgrades .exp-upgrade-icon{width:50px;height:50px}.ship-upgrades .exp-upgrade-icon .exp-icon{width:25px;height:25px}.ship-catalogue-tabs{max-width:500px;width:100%;align-self:center}.ship-catalogue-tabs .exp-button{font-size:11px}
 .exp-modal.modal-relics{padding:16px 20px 12px;gap:8px}.ship-relic-heading h2{font-size:23px;margin:5px 0}.ship-relic-heading p{font-size:11px}.ship-relic-scroll .exp-relic-choice{padding:11px;gap:5px 10px}.ship-relic-footer{padding-top:8px}
}

.ship-party .exp-add-party{min-height:44px;border:2px dashed #9cddcc;background:#21443d;color:#d8fff1;cursor:pointer;box-shadow:0 0 0 3px #9cddcc12}.ship-party .exp-add-party small{font-weight:700}.ship-party .exp-add-party:focus-visible{outline:2px solid #fff;outline-offset:3px}

.modal-retire .exp-dialog-actions>.exp-button{min-height:44px;white-space:normal;line-height:1.35}

.summary-view-navigation{display:flex;gap:8px;margin:0 0 12px}.summary-view-navigation>.exp-button{flex:1;min-height:44px;padding:8px;font-size:12px}
.summary-view-navigation [aria-pressed=true]{border-color:#9ce2d8;background:#24483f;color:#e9fff4}
.summary-view-return .ship-summary-heroes,.summary-view-return .exp-summary-stats,.summary-view-return .ship-summary-reset{display:none}
.summary-view-details .ship-summary-bank,.summary-view-details .ship-summary-plan,.summary-view-details .ship-summary-kept{display:none}
.ship-summary-plan{padding:14px;border:1px solid #9ce2d850;border-radius:15px;background:linear-gradient(140deg,#203c38,#11242d);min-width:0}
.ship-summary-plan>small{display:block;font-size:10px;line-height:1.4;color:#bfdbcd}.ship-summary-plan h2{margin:6px 0;font-size:17px}.ship-summary-plan h2>span{display:block;font-size:11px;font-weight:500;margin-top:4px}
.ship-summary-plan p{font-size:12px;line-height:1.4;margin:8px 0}.ship-summary-plan p strong{display:block;color:#d6ffdf;font-variant-numeric:tabular-nums;margin-top:3px}
.ship-summary-plan>div{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:10px 0}.ship-summary-plan>div>span{display:grid;gap:3px}.ship-summary-plan>div small{font-size:10px;line-height:1.3;color:#bdd8d3}.ship-summary-plan .exp-money{font-size:17px}.ship-summary-plan .exp-button{min-height:44px;font-size:12px;padding:8px 12px}
.ship-summary-kept{grid-column:1/-1;font-size:12px;line-height:1.5;color:#bfd6cd;margin:0;padding:4px}
.summary-view-return .ship-summary-heading{gap:6px;margin-bottom:12px}.summary-view-return .ship-summary-heading h1{font-size:32px}
@media(max-width:540px){
 .summary-view-return .ship-summary-grid{gap:9px}.summary-view-return .ship-summary-bank{padding:10px;gap:5px}
 .summary-view-return .ship-summary-bank .exp-summary-gems .exp-money{font-size:23px}.summary-view-return .ship-summary-bank p{display:none}
 .summary-view-return .ship-summary-heading h1{font-size:26px}.summary-view-return .ship-summary-heading p{font-size:12px}
 .ship-summary-plan{padding:11px}.ship-summary-plan h2{font-size:16px}.ship-summary-plan>div{margin:8px 0}
 .ship-summary-kept{font-size:11px;line-height:1.4}.summary-view-navigation{margin-bottom:9px}
}
@media(max-height:500px) and (min-aspect-ratio:4/3){
 .summary-view-return .ship-summary-heading{gap:3px;margin-bottom:6px}.summary-view-return .ship-summary-heading h1{font-size:23px}.summary-view-return .ship-summary-heading p{display:none}
 .summary-view-return .ship-summary-scroll{display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto 1fr;gap:8px 14px;padding:0;align-content:start}
 .summary-view-return .ship-summary-heading{grid-column:1;grid-row:1}.summary-view-return .summary-view-navigation{grid-column:1;grid-row:2;align-self:start;flex-direction:column;margin:0}
 .summary-view-return .ship-summary-grid{grid-column:2;grid-row:1/3;grid-template-columns:1fr;gap:7px}
 .summary-view-return .ship-summary-bank{display:flex;align-items:center;gap:12px;padding:7px 10px}.summary-view-return .ship-summary-bank .exp-summary-gems .exp-money{font-size:21px}.summary-view-return .ship-summary-bank p{display:none}.summary-view-return .ship-summary-bank>strong{font-size:11px}
 .summary-view-return .ship-summary-plan{padding:8px 10px}.summary-view-return .ship-summary-plan h2{font-size:14px;margin:3px 0}.summary-view-return .ship-summary-plan h2>span{display:inline;margin-left:8px}
 .summary-view-return .ship-summary-plan p{margin:5px 0;font-size:11px}.summary-view-return .ship-summary-plan p strong{display:inline;margin-left:5px}
 .summary-view-return .ship-summary-plan>div{margin:5px 0}.summary-view-return .ship-summary-kept{font-size:10px;line-height:1.25;padding:0}
}

@media(max-width:540px){
 .summary-view-return .ship-summary-heading>.exp-eyebrow{display:none}
 .summary-view-return .ship-summary-plan h2>span{display:inline;margin-left:7px;font-size:10px}
 .summary-view-return .ship-summary-plan h2{font-size:14px;line-height:1.3}
 .summary-view-return .ship-summary-kept{font-size:11px;line-height:1.35;padding:0}
 .ship-summary .ship-summary-actions{grid-template-columns:1fr 1fr 44px;align-items:stretch}
 .ship-summary .ship-summary-actions>.exp-link{grid-column:auto;font-size:0;padding:0;min-width:44px;border:1px solid #b6d4d338;border-radius:12px;background:#172732}
 .ship-summary .ship-summary-actions>.exp-link:after{content:'→';font-size:20px;color:#c9e4da}
}

@media(max-width:540px){.ship-summary .ship-summary-actions>.exp-link .exp-icon{display:none}}
