/* Sweet Shift Saga v4.2.1.6 — full-height episode map refinement */
/*
  The map is a game scene, not a document section. Force the active map to own
  the complete viewport so old app-shell/grid sizing can never expose the pink
  legacy map background underneath it.
*/
body.viewing-map{
  overflow:hidden!important;
  background:#79c9ef!important;
}
body.viewing-map .app-shell{
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}
#screen-map.saga-map-screen.active{
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#79c9ef!important;
}
#screen-map.active .saga-map-shell{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}
#screen-map.active #level-grid.map4208-world-map,
#screen-map.active .map4208-shell,
#screen-map.active .map4208-scene{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
}

/* Move the scene title clear of the road. The side HUDs occupy the corners, so
   the centre can sit higher without becoming another navbar. */
#screen-map .map4208-world-banner{
  top:4px!important;
  min-width:min(430px,52vw)!important;
  padding-top:8px!important;
  padding-bottom:9px!important;
}

/* Keep the episode pager genuinely at the bottom of the now-full scene. */
#screen-map .map4208-episode-dots{
  bottom:12px!important;
}

@media(max-width:1050px){
  #screen-map .map4208-world-banner{top:4px!important;min-width:min(380px,46vw)!important}
}
@media(max-width:720px){
  #screen-map .map4208-world-banner{top:74px!important;min-width:min(330px,70vw)!important}
  #screen-map .map4208-episode-dots{bottom:8px!important}
}