/* Phone entry states: maintain the accepted footprint and make the controls readable by touch. */
@media(max-width:800px), (max-width:900px) and (max-height:500px){
 body.pk-app #app .fm-compact .fm-country-targets strong{font-size:clamp(9px,2.6vw,11px);line-height:1.3}
 body.pk-app #app .fm-compact .fm-country-targets>a{min-height:44px}
 body.pk-app #app .fm-compact .fm-close{width:44px;height:44px;min-width:44px;min-height:44px}
 body.pk-app #app .fm-compact .fm-map-heading{height:44px;min-height:44px;align-items:flex-start}
 body.pk-app #app .fm-compact .fm-map-heading>span{padding-top:10px}
 body.pk-app #app .fm-compact .fm-flop-trigger>span:first-child{font-size:11px}
 body.pk-app #app .fm-compact .fm-flop-trigger small{font-size:8px}
 .fc-header{padding-top:max(6px,env(safe-area-inset-top,0px))}
}
@media(max-width:900px) and (max-height:500px){
 .fc-layout{grid-template-columns:minmax(0,1fr);gap:0}
 .fc-id-dock{display:none}
 .fc-header{position:relative;top:auto}
 .fc-screen{height:160px}
}
body.pk-app #app .fm-country-targets>a:active,body.pk-app #app .fm-close:active{background-color:#6e4c2b;color:#fff0d4}