/* Shared by map-symbol menus, the learning guide, and travel records. */
.town-map{
  position:fixed;
  inset:0;
  overflow:hidden;
  opacity:.30;
  pointer-events:none;
}
.town-map img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .7s ease-in-out;
}
.town-map img.is-visible{
  opacity:1;
}
.town-map img.is-preparing{opacity:0 !important;transition:none !important;}
.town-map-credit{
  position:fixed;
  left:calc(24px + env(safe-area-inset-left, 0px));
  top:calc(78px + env(safe-area-inset-top, 0px));
  width:max-content;
  max-width:calc(100% - 48px);
  z-index:20;
  color:rgba(255,255,255,.75);
  font:var(--fwSub,700) var(--timeFont,12px)/1.4 system-ui,sans-serif;
  text-align:left;
  text-decoration:none;
}
.town-map-content{isolation:isolate;}
.town-map-content > .town-map{z-index:-1;}
.town-map-credit--game,
.town-map-credit--album{
  left:auto;
  top:auto;
  right:calc(14px + env(safe-area-inset-right, 0px));
  bottom:calc(4px + env(safe-area-inset-bottom, 0px));
  text-align:right;
}
.town-map-credit--album{
  padding:2px 5px;
  border-radius:4px;
  background:rgba(20,53,111,.65);
}
body.town-map-content.dice-record .viewerBody{background:transparent;}
@media(prefers-reduced-motion:reduce){
  .town-map img{transition:none;}
}