/* Keep SCRAP visible near the top-right, shifted left so it does not overlap the stage/battle label. */
#scrapCount {
  position:fixed;
  top:max(8px, env(safe-area-inset-top));
  right:max(150px, calc(env(safe-area-inset-right) + 150px));
  z-index:1000;
  padding:7px 10px !important;
  border:1px solid rgba(120,130,100,.58);
  border-radius:999px;
  background:rgba(15,18,13,.9) !important;
  color:#f3f0df;
  font-size:12px !important;
  font-weight:850;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  box-shadow:0 4px 14px rgba(0,0,0,.3);
  pointer-events:none;
}

@media (orientation:landscape) and (max-height:700px) {
  #scrapCount {
    top:max(4px, env(safe-area-inset-top));
    right:max(125px, calc(env(safe-area-inset-right) + 125px));
    padding:4px 8px !important;
    font-size:10px !important;
  }
}

@media (max-width:700px) and (orientation:portrait) {
  #scrapCount {
    top:max(5px, env(safe-area-inset-top));
    right:max(112px, calc(env(safe-area-inset-right) + 112px));
    padding:5px 8px !important;
    font-size:10px !important;
  }
}