/* Keep mobile travel artwork in its own grid cell, never behind text. */
@media(pointer:coarse),(max-width:900px){
#modal:has(.outing-map),#modal:has(.growth-book){box-sizing:border-box;max-height:96dvh!important;overflow-y:auto!important;overflow-x:hidden!important;padding:14px!important}
.outing-map .map-paper{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:8px!important;overflow:visible;height:auto!important}
.outing-map .map-pin{display:grid!important;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;align-items:center!important;gap:4px 8px!important;min-height:92px!important;padding:10px!important;text-align:left!important}
.outing-map .map-pin .map-icon{display:none!important}
.outing-map .map-pin .map-scene{position:static!important;grid-column:1;grid-row:1/4;width:48px!important;height:50px!important;opacity:1}
.outing-map .map-pin strong,.outing-map .map-pin .map-description,.outing-map .map-pin small{grid-column:2;text-align:left!important;margin:0!important;white-space:normal;overflow-wrap:anywhere}
.outing-map .map-pin strong{font-size:14px!important;line-height:1.35!important;color:#59424e}
.outing-map .map-pin .map-description{font-size:11px!important;line-height:1.4;color:#65504b}
.outing-map .map-pin small{font-size:10px!important;line-height:1.35!important;color:#694e65}
.growth-book .growth-cover{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;height:auto!important;min-height:0!important;padding:12px!important;align-items:center;overflow:visible}
.growth-cover>div{min-width:0}.growth-cover img{width:44px;height:44px}.growth-cover .growth-kicker{display:none}.growth-cover h2{font-size:20px;line-height:1.4;margin:0}.growth-cover p{font-size:11px;line-height:1.5;margin:4px 0 0}.growth-cover .growth-day{grid-column:3;grid-row:1;margin:0;font-size:20px;padding:8px}
.growth-cover .growth-title-select{grid-column:2/4;grid-row:2;min-width:0;width:100%;max-width:none;margin:0;min-height:44px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.growth-title-select small{font-size:13px;margin:0}.growth-title-select strong{font-size:13px;overflow-wrap:anywhere}
.growth-book .growth-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.growth-card .growth-card-head{flex-wrap:wrap}.growth-card .growth-progress{flex-wrap:wrap}.growth-book{min-width:0}
}
@media(max-width:550px){.outing-map .map-paper{grid-template-columns:repeat(2,minmax(0,1fr))!important}.outing-map .map-pin{grid-template-columns:1fr;gap:4px!important}.outing-map .map-pin .map-scene{grid-column:1;grid-row:1;width:64px!important;height:40px!important;justify-self:center}.outing-map .map-pin strong,.outing-map .map-pin .map-description,.outing-map .map-pin small{grid-column:1;text-align:center!important}.growth-book .growth-cards{grid-template-columns:1fr}.growth-cover h2{font-size:17px}}
@media(pointer:coarse){
body,body *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}
input,textarea,[contenteditable="true"],input *,textarea *,[contenteditable="true"] *{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}
button,canvas{-webkit-tap-highlight-color:transparent}
}