#gamesinterface-coin {
    position: absolute;
    width: 6vh;
    height: 6vh;
    background-size: 100%;
    background-image: url(../../artwork/interface/icons/coin2.svg);
    left: 3.5vh;
    top: 2vh;
}
  
#gamesinterface-coins{
  position: absolute;
  left: 10vh;
  top: 3.2vh;
  font-family: 'FontTitle';
  color: white;
  font-size: 4vh;
  text-shadow: -0.2vh 0.4vh black;
  -webkit-text-stroke: 0.1vh black;
  width: 50%;
  text-align: left;
}

#gamesinterface-btn-quit {
    position: absolute;
    top: 2vh; right: 3vh;
    width: 5vh; height: 5vh;
    line-height: 5.5vh;
    font-size: 4vh;
    color: white;
    background-image: url(../../artwork/interface/icons/back.svg);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}

#gamesinterface-preview-duck {
  display: none;
  position: absolute;
  bottom: 25vh;
  left: 3vh;
}

#gamesinterface-preview-duck img {
  width: 20vh;
  height: 20vh;
  position: absolute;
  margin: 2vh;
}

#gamesinterface-preview-duck img:nth-of-type(1) {
  border: 1.5vh solid white;
  outline: 1vh solid black;
  margin: 0;
}

#gamesinterface-text {
  display: none;
  position: absolute;
  top: 10vh;
  left: 0;
  width: 100%;
  text-align: center;
  pointer-events: none;
  font-family: 'FontTitle';
  color: white;
  font-size: 7vh;
  -webkit-text-stroke: 0.4vh black;
  text-shadow: -0.2vh 0.4vh black;
}

/* Duck Dash delivery timer — same size and baseline as the points text so the two
   read as one line: "▲ 12   ⏱ 58" */
#gamesinterface-timer {
  display: none;
  position: absolute;
  top: 10vh;
  left: calc(50% + 11vh);
  pointer-events: none;
  font-family: 'FontTitle';
  color: white;
  font-size: 7vh;
  -webkit-text-stroke: 0.4vh black;
  text-shadow: -0.2vh 0.4vh black;
}

#gamesinterface-timer-icon {
  -webkit-text-stroke: 0;
  font-size: 5.5vh;
  margin-right: 1vh;
}

#gamesinterface-timer.gamesinterface-timer-low {
  color: #ff5a4e;
}

/* big center banner: New High Score / race countdown */
#gamesinterface-banner {
  display: none;
  position: absolute;
  top: 32vh;
  left: 0;
  width: 100%;
  text-align: center;
  pointer-events: none;
  font-family: 'FontTitle';
  color: #f9c22b;
  font-size: 9vh;
  -webkit-text-stroke: 0.4vh black;
  text-shadow: -0.2vh 0.4vh black;
}

@media all and (orientation: portrait) {
  #gamesinterface-coins{
    font-size: 2.5vh;
  }
  #gamesinterface-text {
    font-size: 5vh;
  }
  #gamesinterface-timer {
    font-size: 5vh;
    top: 10vh;
    left: calc(50% + 8vh);
  }
  #gamesinterface-timer-icon {
    font-size: 4vh;
  }
  #gamesinterface-banner {
    font-size: 6vh;
  }
}