/* Telefono (schermo in verticale), pagine progetto: niente margine chiaro intorno, la cornice scura riempie lo schermo
   cosi' i riquadri hanno piu' spazio e non vengono tagliati. Lo sfondo della pagina diventa del colore della cornice. */
@media (max-aspect-ratio:1/1){
  :root{--pad:10px}
  html,body{background:var(--frame)}
  .frame{inset:0;border-radius:0}
  .stage{height:100vh}
  @supports (height:100svh){.stage{height:100svh}}
  .prog{left:auto;right:calc(var(--pad) / 2 - 1px);top:calc(var(--pad) + 70px);bottom:calc(var(--pad) + 70px);width:5px;height:auto;border-radius:5px;background:rgba(246,247,241,.16)}
  .prog i{transform-origin:50% 0;transform:scaleY(var(--pp,0))}
}