/* Consistent touch controls without changing card or map proportions. */
.exp-map-tools{top:var(--map-tools-top,96px);gap:6px}
.exp-map-tools .exp-icon-button,
.exp-map-heading .exp-resources .exp-icon-button,
.exp-screen-heading .exp-icon-button,
.exp-pager .exp-icon-button{
 width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;padding:10px;
}
.exp-map-tools .exp-icon-button:before,
.exp-map-heading .exp-icon-button:before,
.exp-screen-heading .exp-icon-button:before,
.exp-pager .exp-icon-button:before{inset:0;min-width:0;min-height:0}
.exp-board .exp-tile.reachable{min-width:44px;min-height:44px}
.exp-map-title{min-width:0}
.exp-map-heading h2{overflow-wrap:break-word}
.exp-map-heading .exp-resources{flex-shrink:0}
.exp-map-dock .exp-party-card{min-height:48px}
.exp-map-dock .exp-party-copy small{display:block;font-variant-numeric:tabular-nums;line-height:1.15}
.exp-map-dock .exp-party-copy em{color:#a0b3bf;font-style:normal}
.exp-map-dock .exp-party-card.injured{border-color:#d99a7370}
.exp-selected-hero.fixed-companion{cursor:default;background:#172c35;color:#c4e4dc;border-color:#9ed9ca55}
.exp-selected-hero.fixed-companion i{color:#a6e7d8}
.deck-workshop .workshop-section-heading button,
.deck-workshop .workshop-filters button,
.deck-workshop .workshop-heroes button,
.deck-workshop .workshop-footer button,
.deck-workshop .workshop-search input{min-height:44px}
.deck-workshop .workshop-filters{scroll-padding-inline:8px;padding-block:3px}
.deck-workshop .workshop-filters button{flex-shrink:0;padding-inline:14px}
.deck-workshop .workshop-section-heading{flex-wrap:wrap}
.deck-workshop :is(button,input):focus-visible,
.exp-app summary:focus-visible,
.exp-app a:focus-visible{outline:2px solid #c7fff0;outline-offset:3px}
@media(aspect-ratio < 4/3){
 .exp-map-page .exp-board-viewport{top:var(--map-content-top,0px);bottom:var(--map-content-bottom,calc(126px + env(safe-area-inset-bottom)))}
}
@media(min-aspect-ratio:4/3) and (max-height:649px){
 .exp-map-page .exp-board-viewport{top:var(--map-content-top,0px);bottom:var(--map-content-bottom,calc(83px + env(safe-area-inset-bottom)))}
}
@media(max-width:520px) and (aspect-ratio < 4/3){
 .exp-map-heading{gap:10px;align-items:center}
 .exp-map-heading .exp-resources{display:grid;grid-template-columns:repeat(2,minmax(44px,auto));gap:4px 6px;justify-items:center}
 .exp-map-heading .exp-hud-amount{gap:2px}
 .exp-map-heading h2{font-size:16px;line-height:1.15}
 .exp-map-heading .exp-money{font-size:16px}
 .exp-map-heading .exp-journey-progress{width:100%}
}
@media(max-height:440px){
 .exp-map-dock .exp-party-copy small{display:block;font-size:9px}
 .exp-map-dock .exp-party-copy{gap:3px}
 .exp-map-dock .exp-party-card{min-height:48px;padding:5px}
 .exp-map-dock .exp-party-strip{gap:6px}
}
@media(max-width:340px){
 .exp-board{--party-label-y:43px}
 .exp-board .exp-pawn{--chibi-width:26px;--chibi-height:26px;--party-width:50px;--party-height:33px}
 .exp-board .exp-pawn:has([data-party-size="1"]){--party-width:26px;--party-height:26px}
 .exp-board .exp-pawn:has([data-party-size="2"]){--party-width:48px;--party-height:26px}
 .overworld-party[data-party-size="3"] .overworld-chibi:first-child{bottom:7px}
}
/* Regional dialogue and shop introductions scroll with their choices on small screens. */
.exp-modal.exp-illustrated:is(.modal-shop,.modal-event,.modal-story,.modal-camp)>.exp-dialog-body{
 height:100%;max-height:100%;align-self:stretch;justify-content:flex-start;
 overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
}
.exp-modal.exp-illustrated.modal-shop .exp-dialog-body .exp-shop-grid{flex:0 0 auto;height:auto}
.exp-modal.exp-illustrated.modal-shop .exp-dialog-body .exp-screen-footer{flex:0 0 auto;margin-top:12px}
.exp-modal.exp-illustrated.modal-shop .exp-dialog-body .exp-screen-footer>.exp-button{position:static;min-height:44px}
.exp-modal.exp-illustrated.modal-event .exp-choice{min-height:44px}
.exp-result-supplies{font-size:13px;line-height:1.6}
.exp-result-supplies strong{color:var(--mint)}