/* Messaggio "usa lo smartphone" per schermi desktop/tablet larghi */
#desktopMessage{ display:none; }
@media (min-width: 900px){
  #desktopMessage{
    display:flex; position:fixed; inset:0; z-index:9999;
    background: var(--cream);
    flex-direction:column; align-items:center; justify-content:center; gap:22px;
    text-align:center; padding: 0 10%;
  }
  #appRoot, #welcomeRoot{ display:none !important; }
}

/* Messaggio "ruota il telefono in verticale" (solo su schermi di larghezza mobile) */
#rotateMessage{ display:none; }
@media screen and (orientation: landscape) and (max-width: 899px){
  #rotateMessage{
    display:flex; position:fixed; inset:0; z-index:9998;
    background: var(--cream);
    flex-direction:column; align-items:center; justify-content:center; gap:22px;
    text-align:center; padding: 0 10%;
  }
  #appRoot, #welcomeRoot{ display:none !important; }
}